html, body {
   height: 100%;
}

html {
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
   text-rendering: optimizelegibility;
}

body {
   background: #fff;
   color: #000;
   font-size: 16.1px;
   margin: 0;
   padding: 0;
   width: 100%;
   overflow-x: hidden;
}

.visa-layout .article-text p, .visa-layout .article-text p span {
   color: #000 !important;
   font-size: 16.1px !important;
   line-height: 26px !important;
}

html, body, div, span, p {
   font-family: "proxima-nova", sans-serif !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
   display: block;
}

audio,
canvas,
video {
   display: inline-block;
}

strong {
   font-weight: bold;
}

a {
   color: #000;
   text-decoration: none;
}

a:hover, #breadcrumbs a:hover {
   color: #EB4C37;
}

article p a, section p a, .article p a, .profile-data a, #visa-history, .article-text h2 a, article ul a {
   color: #EB4C37;
}

article p a:hover, section p a:hover, .article p a:hover, .profile-data a:hover,
article .author a:hover, h2.author-title a:hover, #visa-history:hover, .article-text h2 a:hover, article ul a:hover {
   color: #e0270f;
   text-decoration: underline;
}

p {
   margin: 20px 0;
}

::selection {
   background: #EB4C37;
   color: #fff;
}

::-moz-selection {
   background: #EB4C37;
   color: #fff;
}

img {
   border: none;
}

iframe {
   border: none;
   display: block;
}

hr {
   border: 0;
   height: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.clr {
   clear: both;
   height: 0;
}

.pull-left {
   float: left;
}

.pull-right {
   float: right;
}

.align-right {
   text-align: right;
}

.align-left {
   text-align: left;
}

#main-article:after, header#top:after, footer#bottom:after, main:after, .author:after,
.related-articles:after, .blog article:after, header:after, #main-menu ul ul:after, .profile-intro:after,
.member-profile:after, #right:after, .visa-field:after, .list-row:after, .blog .row:after, .related-articles .row:after, .live .article-text:after {
   content: '';
   display: block;
   clear: both;
}

header#top, main, footer#bottom, #main-menu ul li:hover .submenu, .wrapper {
   margin: 0 auto;
   width: 978px;
}

main {
   padding-bottom: 15px;
}

.article, .blog, #search-results, .profile, .content-container, .with-gallery .article-text, .with-gallery .tags, .with-gallery .related-articles, .with-gallery .share-buttons,
.with-gallery .after-content {
   border-right: 1px solid #C0C0C0;
   float: left;
   padding-right: 24px;
   width: 660px;
}

.article.with-gallery {
   border-right: none;
   padding-right: 0;
}

.with-gallery .article-text, .with-gallery .tags, .with-gallery .related-articles, .with-gallery .share-buttons {
   float: none;
}

.with-gallery .related-articles h2 {
   margin-top: 0;
   padding-top: 15px;
}

.content-container {
   margin-top: 25px;
}

#right {
   border-left: 1px solid #C0C0C0;
   float: right;
   font-size: 16.1px;
   margin-left: -1px;
   padding-left: 23px;
   width: 270px;
}

#logo {
   float: left;
   position: relative;
   z-index: 1000;
   text-transform: uppercase;
}

#logo a {
   color: #000;
   display: block;
   float: left;
   font-size: 20px;
   font-weight: 900;
}

#logo-anim {
   margin: 0 auto 5px auto;
   height: 90px;
   width: 90px;
   position: relative;
   bottom: 5px;
}

#logo-footer {
   background: url('../png/logo.png') no-repeat center 0;
   border-right: 1px solid #b0b0b0;
   color: #000;
   display: inline-block;
   font-size: 20px;
   font-weight: 900;
   height: 111px;
   width: 245px;
   text-align: center;
   text-transform: uppercase;
   vertical-align: middle;
}

.footer-title {
   position: relative;
   top: 90px;
}

h1, h2, h3 {
   font-weight: normal;
}

h1 {
   margin: 20px 0;
}

h2 {
   margin: 15px 0;
}

.no-image h2 {
   margin-top: 0;
}

h1, h1 a, .with-featured.with-description header.category h1, .with-featured header.category h1 {
   font-size: 42px;
   line-height: 45px;
}

.blog .category h1, .with-featured.with-description header.category h1 {
   font-size: 32px;
   font-weight: bold;
   text-transform: uppercase;
}

.blog .category h1:first-letter, .with-featured.with-description header.category h1:first-letter {
   font-size: 42px;
}

h2, h2 a {
   color: #1d1d1d;
   font-size: 26px;

}

h3, h3 a {
   color: #1d1d1d;
   font-size: 24px;
}

header#top {
   height: 121px;
   margin-bottom: 25px;
   padding: 20px 0 7px 0;
   position: relative;
}

#top-menu {
   float: right;
   font-size: 12px;
   text-align: right;
}

#top-menu ul {
   float: right;
}

ul.menu li:first-child, #top-menu ul li:first-child {
   margin: 0;
}

ul.menu, #breadcrumbs ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

ul.menu li {
   display: inline-block;
   text-transform: uppercase;
}

ul.menu .current > a {
   color: #EB4C37;
}

.workabroad-tabs {
   background: #fff;
   list-style: none;
   padding: 0;
   border: 2px solid #37B990;
   display: flex;
   justify-content: space-around;
   margin: 0;
}

.workabroad-tabs a {
   border-left: 2px solid #37B990;
   box-sizing: border-box;
   color: #222;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   padding: 10px 0;
   text-align: center;
}

.workabroad-tabs a:hover {
   color: #222;
}

.workabroad-tabs li:first-child a {
   border-left: none;
}

.workabroad-tabs li.active-tab a {
   background: #37B990;
   border: none;
   color: #fff;
   position: relative;
}

.workabroad-tabs .active-tab a::before {
   border-top: 12px solid #37B990;
   border-left: 12px solid transparent;
   border-right: 12px solid transparent;
   content: "";
   display: block;
   position: absolute;
   bottom: -13px;
   left: 50%;
   margin-left: -6px;
}

.workabroad-tabs-container .tab {
   display: none;
   margin-top: 30px;
}

.workabroad-tabs-container .tab.active {
   display: block;
}

@media (min-width: 768px) {

#main-menu {
   float: right;
   font-size: 14.5px;
   padding: 0 0 12px 0;
   margin-bottom: 2px;
   position: absolute;
   top: 111px;
   width: 100%;
   z-index: 999;
}

#main-menu > ul {
   border-bottom: 3px solid #000;
   height: 31px;
   padding-left: 180px;
}

#main-menu > ul.english {
   padding-left: 220px;
}

#top-menu ul.menu li {
   margin-left: 20px;
}

#top-menu ul.menu li:first-child {
   margin-left: 0;
}

#main-menu ul > li {
   margin-right: 2px;
}

#main-menu > ul > li.parent:hover > a:before, #main-menu > ul > li.parent:hover > a:after {
   background: #000;
   content: "";
   display: inline-block;
   height: 11px;
   width: 2px;
   position: absolute;
   top: 27px;
}

#main-menu > ul > li.parent:hover > a:before {
   left: -2px;
}

#main-menu > ul > li.parent:hover > a:after {
   right: -2px;
}

#main-menu > ul li:first-child a {
   padding-left: 0;
}

#main-menu ul li:last-child a {
   padding-right: 0;
}

#main-menu ul li a {
   display: block;
   padding: 5px 10px;
   position: relative;
   line-height: 21px;
}

#main-menu > ul > li > a {
   font-weight: bold;
}

#main-menu > ul > li:hover > a,
#main-menu > ul > .active > a {
   color: #EB4C37;
}

#main-menu ul ul {
   background: #fff;
   border-bottom: 1px solid #ccc;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 13.3px;
   position: absolute;
   left: 0;
   top: -9999em;
   padding: 3px 0 5px 100px;
   width: 100%;
   visibility: hidden;
   opacity: 0;
   z-index: 1;
   -webkit-transition-property: opacity, visibility;
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
   transition-property: opacity, visibility;
   -webkit-transition-duration: .2s, 0s;
   -moz-transition-duration: .2s, 0s;
   -o-transition-duration: .2s, 0s;
   transition-duration: .2s, 0s;
   -webkit-transition-delay: 0s, .2s;
   -moz-transition-delay: 0s, .2s;
   -o-transition-delay: 0s, .2s;
   transition-delay: 0s, .2s;
}

#main-menu > ul > li.parent:hover {
   background: #fff;
   height: 45px;
}

#main-menu ul li.parent:hover ul {
   top: 39px;
   z-index: 999;
   opacity: 1;
   visibility: visible;
   -webkit-transition-delay: 0s, 0s;
   -moz-transition-delay: 0s, 0s;
   -o-transition-delay: 0s, 0s;
   transition-delay: 0s, 0s;
}

#main-menu ul li.travel-house-menu ul {
   padding-left: 382px;
}

#main-menu ul li.travel-house-menu.default-submenu-padding ul {
   padding-left: 100px;
}

#main-menu ul li.travel-house-menu.ensubmenu-padding ul {
   padding-left: 290px;
}

.menu-pictogram {
   position: relative;
}

li.active .menu-pictogram:before, li:hover .menu-pictogram:before {
   background-image: url('../png/sprite0805.png');
   background-repeat: no-repeat;
   bottom: 0;
   content: "";
   display: inline-block;
   height: 48px;
   width: 48px;
   position: absolute;
   z-index: 999;
}

li.active.no-pictogram .menu-pictogram:before, li.no-pictogram:hover .menu-pictogram:before {
   display: none;
}

li.zbirka-menu .menu-pictogram:before {
   background-position: -95px -194px;
   left: 15px;
}

li.servis-menu .menu-pictogram:before {
   background-position: -146px -194px;
   left: 15px;
}

li.travel-house-menu .menu-pictogram:before {
   background-position: -192px -194px;
   left: 38px;
}

li.authors-menu .menu-pictogram:before {
   background-position: -243px -194px;
   left: 11px;
}

li.store-menu .menu-pictogram:before {
   background-position: -0px -237px;
   left: 12px;
}

li.forum-menu .menu-pictogram:before {
   background-position: -48px -237px;
   left: 10px;
}

#main-menu ul li a.divider-after {
   position: relative;
   padding-right: 20px;
}

#main-menu ul li a.divider-after:after {
   background: #c9c9c9;
   content: "";
   display: inline-block;
   height: 12px;
   width: 1px;
   margin: 0 0 0 15px;
   position: absolute;
   right: -3px;
   top: 10px;
}

#main-menu ul li a.divider-before {
   padding-left: 25px;
}

}

#footer-menu {
   display: inline-block;
   font-size: 14.5px;
   padding-left: 20px;
   width: 707px;
   vertical-align: middle;
}

#footer-menu li {
   padding: 0 0 15px 32px;
}

#footer-menu .last-row li {
   padding-bottom: 0;
}

#breadcrumbs, #breadcrumbs a {
   color: #444;
   font-size: 14.5px;
}

#breadcrumbs li {
   display: inline-block;
}

#breadcrumbs .separator {
   font-size: 11px;
   margin: 0 6px;
}

.divider {
   background: #ccc;
   height: 1px;
   margin-bottom: 0;
   width: 100%;
}

#main-article {
   display: block;
   margin: 0 0 25px 0;
   padding-bottom: 5px;
   width: 100%;
}

#main-article .intro-image {
   float: left;
   margin-right: 25px;
   width: 380px;
}

#main-article .intro {
   float: left;
   width: 255px;
}

#main-article .intro-text {
   font-size: 18px;
   line-height: 24px;
}

#main-article h1 {
   border-bottom: 1px solid #898989;
   margin: 0 0 25px 0;
   padding: 0 75px 5px 0;
}

#main-article header, .article > article > .article-data {
   position: relative;
}

.article > article .article-data .author {
   display: inline-block;
   margin: 0;
   width: 50%;
}

.article > article > .article-data {
   padding-bottom: 5px;
}

.date-tags, #main-article .date {
   font-size: 14.5px;
   text-align: right;
   position: absolute;
   right: 0;
   top: 0;
   width: 50%;
}

.geotags {
   font-size: 14.5px;
}

#main-article .geotags {
   margin: 10px 0;
}

#main-article .date {
   bottom: 8px;
   top: auto;
}

.intro-image img, .author-image img, .related-article img, .author-picture img, .profile-picture img {
   height: auto;
   width: 100%;
   margin: 0 !important;
}

.article-text img, .visa-world-map img, .category .intro img {
   max-width: 100% !important;
   height: auto !important;
}

footer {
   border-top: 2px solid #333;
   padding: 25px 0 15px 0;
}

.column-module {
   margin-bottom: 25px;
}

.column-module.with-bgd {
   background: #ececec;
   padding: 0 0 20px 0;
   text-align: center;
}

.column-module.with-bgd p:first-child, .column-module.with-bgd .custom p:first-child {
   margin-top: 0;
}

.column-module.with-bgd p:last-child, .column-module.with-bgd .custom p:last-child  {
   margin-bottom: 0;
}

.column-module.with-bgd > p, .column-module.with-bgd > div {
   padding: 0 10px;
}

.column-module.dashed-module {
   border: 2px dotted #1a1a1a;
   padding: 5px;
}

.column-module.dashed-module img {
   display: block;
}

.column-module.with-bgd h3, .book-order-container h3, .book-order-container h3 a, .divlji-gradovi-container h3, .divlji-gradovi-container h3 a {
   background: #37B990;
   color: #fff;
   text-transform: uppercase;
   font-size: 14.5px;
   font-weight: bold;
   margin-top: 0;
   padding: 5px 0 3px 0;
}

.divlji-gradovi-container-side h3 {
   margin-bottom: 130px;
}

#right .module:first-child {
   border-top: none;
}

.blog header h1, .content-container > header h1 {
   margin-top: 0;
}

article .author {
   margin-bottom: 5px;
}

article .author, article .author a {
   color: #EB4C37;
   text-transform: uppercase;
   font-size: 14.5px;
}

.caption {
   display: block;
   font-size: 12px;
   margin-top: 0;
   text-align: right;
   text-transform: uppercase;
   max-width: 100%;
}

.fa-tags {
   color: #EB4C37;
   font-size: 20px;
}

.tags {
   padding: 0 0 25px 0;
}

.tag, a.tag:hover {
   background: #EB4C37;
   border-radius: 2px;
   color: #fff;
   font-size: 13px;
   font-weight: normal;
   display: inline-block;
   padding: 6px 10px;
   margin: 0 5px 10px 0;
}

.author-module h2 {
   border-bottom: 1px solid #ccc;
}

.author-module .author {
   margin-top: 20px;
}

.author-module .author:first-child {
   margin-top: 0;
}

.author-image {
   width: 38%;
}

.author-image a {
   color: #ccc;
   float: left;
   margin-right: 10px;
}

.author-image .fa {
   vertical-align: top;
}

.author-image img {
   vertical-align: top;
}

.author-image .no-image {
   font-size: 90px;
   line-height: 90px;
}

h2.author-title {
   border: none;
   margin: 0 10px 5px 0;
}

h2.author-title, h2.author-title a {
   color: #EB4C37;
   font-size: 16.1px;
}

.author-description p {
   font-size: 14.5px;
   line-height: 18px;
   margin-top: 0;
}

.article-text {
   padding-bottom: 10px;
   line-height: 28px;
}

.intro p:last-of-type, .intro-text p:last-of-type {
   display: inline;
}

#main-article p:last-of-type {
   display: block;
}

.readmore {
   margin-left: 10px;
}

.readmore .fa {
   color: #EB4C37;
   font-size: 18px;
}

.blog {
   padding-top: 20px;
}

.blog article, .related-articles article {
   float: left;
   margin-left: 18px;
   width: 208px;
}

.blog .row article:first-child, .related-articles .row article:first-child {
   margin-left: 0;
}

.blog .intro-image, .related-articles .intro-image {
   width: 100%;
}

.blog h2.title, .related-articles h2.title {
   margin: 0 0 5px 0;
}

.blog .intro-text, .related-articles .intro-text {
   font-size: 14.5px;
   line-height: 18px;
}

.blog .row, .related-articles .row {
   margin-bottom: 35px;
}

#pagination ul {
   list-style-type: none;
   margin:0px;
   padding: 0;
   text-align: center;
}

#pagination li {
   display: inline;
   margin: 0 10px;
}

span.pagenav, a.pagenav:hover {
   color: #EB4C37;
}

.pagination-start .pagenav, .pagination-prev .pagenav, .pagination-next .pagenav, .pagination-end .pagenav {
   display: none;
}

.pagination-start a.pagenav, .pagination-prev a.pagenav, .pagination-next a.pagenav, .pagination-end a.pagenav {
   display: inline;
}

header.category {
   margin-bottom: 30px;
}

header.category .intro {
   display: block;
   float: none;
   margin: 20px 0;
}

header.category p:first-child {
   margin-top: 0;
}

.like-box {
   text-align: center
}

#mod-finder-searchform {
   margin-bottom: 10px;
   position: relative;
}

#mod-finder-searchword {
   width: 100%;
}

input, textarea, select, form .chzn-container {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #ccc;
   color: #999;
   display: block;
   font-family: "proxima-nova", sans-serif !important;
   font-size: 16.1px;
   outline: none;
   padding: 10px;
}

input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover, form .chzn-container.chzn-container-active,
form .chzn-container:hover, form .chzn-container .chzn-drop {
   border: 1px solid #EB4C37;
   color: #000;
}

button, input[type="submit"], .btn {
   background: #eb4c37;
   border: 1px solid #eb4c37;
   border-radius: 3px;
   color: #FFFFFF;
   cursor: pointer;
   font-weight: bold;
   height: 45px;
   margin: 9px 0 0 0;
   padding: 7px 15px;
   width: auto;
}

.btn:hover {
   color: #FFFFFF;
}

input[type="radio"], input[type="checkbox"] {
   display: inline-block;
}

textarea {
   min-height: 200px;
   resize: vertical;
}

button:hover, input[type="submit"]:hover {
   background: #37B990;
   border: 1px solid #37B990;
}

.profile input, .profile textarea, #manageform input:not([type="submit"]), #manageform textarea, #manageform select, #manageform form .chzn-container,
form .chzn-container-active.chzn-with-drop .chzn-single {
   width: 320px;
}

.profile input[type="checkbox"], #manageform input[type="checkbox"] {
   display: inline;
   width: auto;
}

#manageform input, #manageform textarea, select, #manageform .chzn-container {
   margin-bottom: 15px;
}

#manageform textarea {
   width: 100%;
}

#manageform-msg {
   display: none;
   color: #EB4C37;
}

form .chzn-container:hover {
   cursor: pointer;
}

form .chzn-container-single .chzn-single, form .chzn-container-active.chzn-with-drop .chzn-single {
   background: none;
   box-shadow: none;
   border-radius: 0;
   border: none;
   color: #999;
   height: auto;
   line-height: 16.5px;
   padding: 0;
}

form .chzn-container-single .chzn-single div b {
   background: none;
}

form .chzn-container .chzn-drop {
   border-radius: 0;
   width: 320px;
}

form .chzn-container.chzn-with-drop .chzn-drop {
   left: -1px;
}

input.search-query {
   margin: 0;
   padding: 5px;
}

#search-btn button, #search-btn button:hover {
   background: none;
   border: none;
   color: #EB4C37;
   height: auto;
   font-weight: normal;
   margin: 0;
   padding: 2px 6px;
   position: absolute;
   right: 0;
   bottom: 5px;
}

#search-btn button:before, .search-toggle .fa:before {
   display: inline-block;
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\f002";
}

.kp-color {
   color: #EB4C37 !important;
}

.hide {
   display: none;
}

.control-group {
   margin-bottom: 15px;
}

.alert {
   border: 1px solid red;
   padding: 15px;
   margin: 10px 0;
}

.alert .close {
   display: none;
}

.alert-heading {
   color: red;
   margin-top: 0;
}

.profile-intro h1 {
   font-size: 32px;
   margin: 0 0 20px 0;
}

.profile-picture {
   float: left;
   margin-right: 25px;
   width: 150px;
}

.profile-picture .fa {
   font-size: 156px;
}

.profile-twitter, .profile-facebook {
   display: inline-block;
   margin-bottom: 10px;
}

.profile-twitter a {
   background: #01abef;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   padding: 5px 15px 5px 5px;
}

.profile-facebook a {
   background: #3b5998;
   border-radius: 3px;
   color: #fff;
   display: inline-block;
   padding: 5px 15px 5px 5px;
}

.profile-description {
   padding-right: 10px;
   margin-top: 20px;
}

.author-picture {
   float: left;
   margin-right: 10px;
   width: 68px;
}

#author-list h2, #author-list h2 a {
   font-size: 18px;
   margin-top: 0;
}

#author-list .fa-user {
   font-size: 78px;
}

#author-list .author-details {
   float: left;
   width: 129px;
}

#author-list .author {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box; 
   float: left;
   height: 105px;
   margin-bottom: 35px;
   padding: 0 10px 0 0;
   width: 33%;
}

.author-articles {
   margin-bottom: 5px;
}

.profile-data {
   float: left;
   width: 425px;
   padding-right: 10px;
}

.latest-articles {
   float: left;
   width: 225px;
}

.latest-articles article, .all-articles {
   border-top: 1px solid #EB4C37;
   padding: 15px 0;
}

.latest-articles h2, .latest-articles h3 {
   margin-top: 0;
}

.latest-articles h2 {
   font-size: 18px;
}

.latest-articles h3 a {
   display: block;
   font-size: 20px;
   margin-top: 0;
}

.all-articles {
   text-align: right;
}

.edit-profile {
   margin-bottom: 25px;
}

#login-form {
   margin: 20px 0;
}

.profile-fields-group {
   float: left;
   width: 46%;
   margin-right: 10px;
}

label.error {
   color: #FF0033;
   font-style: italic;
   padding: 5px 0 0 3px;
   text-align: left;
}

.share-button {
   float: left;
   margin-right: 10px;
}

.share-twitter {
   width: 85px !important;
}

#social-icons {
   position: absolute;
   top: 114px;
   width: 100%;
   text-align: right;
}

#social-icons a {
   background-image: url('../png/sprite0805.png');
   background-repeat: no-repeat;
   display: inline-block;
   height: 24px;
   width: 24px;
   position: relative;
   z-index: 999;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}

#social-icons a:hover {
   opacity: 0.7;
}

.social-facebook {
   background-position: -97px -243px;
}

.social-twitter {
   background-position: -126px -243px;
}

.social-youtube {
   background-position: -156px -243px;
}

.topic {
   margin-top: 7px;
}

.topic:first-child {
   margin-top: 0;
}

a .forum-title {
   font-weight: normal;
   font-style: italic;
}

.topic-starter, a.topic-title {
   font-weight: bold;
   word-wrap: break-word;
}

a.topic-title:hover {
   color: #EB4C37;
}

.srbija, .hrvatska, .bosna, .cg {
   display: none;
}

.active-country {
   display: block;
}

.visa-field-title {
   float: left;
   font-weight: bold;
   width: 100px;
}

.visa-field-data {
   border-left: 1px solid #ccc;
   float: right;
   padding-left: 25px;
   width: 520px;
}

.visa-field-data p:first-child {
   margin-top: 0;
}

.visa-title {
   margin-bottom: 0;
}

.visa-subheading {
   color: #343434;
}

#visa-country-list {
   border-bottom: 1px solid #898989;
   font-size: 14.5px;
   font-weight: bold;
   margin: 15px 0;
   text-align: right;
}

.country-switch {
   margin-left: 20px;
}

.active-switch {
   color: #EB4C37;
}

.list-row {
   margin-bottom: 30px;
}

.list-col {
   min-height: 1px;
   float: left;
   margin-left: 15px;
   width: 210px;
}

.first-col {
   margin-left: 0;
}

.list-row h2  {
   border-bottom: 1px solid #898989;
   margin: 0 0 15px 0;
   padding-bottom: 5px;
   line-height: 14px;
}

.list-row h2 a {
   font-size: 16.1px;
   font-weight: bold;
   text-transform: uppercase;
}

h2.row-title {
   border-bottom: 1px solid #898989;
   margin: 0 0 15px 0;
   padding: 0 0 5px 0;
}

h2.row-title, h2.row-title a {
   font-size: 16.1px;
   font-weight: normal;
   line-height: 18px;
   text-transform: uppercase;
   text-decoration: none;
}

.related-articles h2.row-title {
   padding: 40px 0 5px 0;
}

.with-featured header.category {
   margin: 0;
}

.with-featured header.category h1, .with-featured header.category h1 a {
   font-size: 16.1px;
   font-weight: normal;
   line-height: 18px;
   margin: 0;
   text-transform: uppercase;
}

.with-featured header.category h1:first-letter {
   font-size: 16.1px;
}

.visa-world-map {
   margin: 15px 0 25px 0;
}

#beta {
   color:#EB4C37;
   font-weight: normal;
   font-size: 14.5px;
   position: absolute;
   bottom: 100px;
   right: 0;
   text-transform: none;
}

#copyright {
   font-size: 12px;
   text-align: center;
   padding-top: 20px;
}

#copyright a {
   text-decoration: underline;
}

.inline-module {
   font-size: 14.5px;
   margin: 25px 0;
   padding: 20px 50px;
   text-align: center;
}

.inline-module h3, .inline-module h3 a {
   color: #fff;
   font-size: 16.1px;
   font-weight: 900;
   margin: 0;
   text-transform: uppercase;
}

.inline-module p:last-child, .after-content p:last-child {
   margin-bottom: 0;
}

.inline-module p:first-child {
   margin-top: 10px;
}

.beige-bgd {
   background: #dec1a1;
}

.green-bgd {
   background: #cacfa7;
}

.after-content {
   float: none !important;
   padding-top: 20px;
   text-align: center;
}

label.menu-toggle {
    background-color: #6F7681;
    background-image: linear-gradient(to bottom, #78808B, #606670);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    height: auto;
    padding: 7px;
    position: relative;
    top: 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

label.search-toggle {
   display: none;
}

.icon-bar {
   background-color: #F5F5F5;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
}
.icon-bar + .icon-bar {
   margin-top: 3px;
}

input[type="checkbox"]#menu-toggle-input, input[type="checkbox"]#search-toggle-input  {
   display: none;
}

#travel-house {
   background: url('../png/travel-house-counter.png') no-repeat;
   height: 392px;
   display: block;
   padding: 20px;
   position: relative;
   overflow: hidden;
}

#travel-house h2 {
   color: #eb4c37;
   font-weight: 900;
   font-size: 22px;
   line-height: 24px;
   text-transform: uppercase;
}

#travel-house span.small-heading {
   color: #000;
   font-size: 22px;
   font-style: italic;
   line-height: 24px;
}
   
#travel-house div.tc-date {
   color: #000;
   font-size: 16.1px;
   text-align: right;
   width: 150px;
}

#travel-house span.tc-number {
   font-size: 12px;
}

#counter {
   position: absolute;
   bottom: 78px;
   left: 187px;
   height: 304px;
}

#counter-start {
   color: #eb4c37;
   font-weight: bold;
   font-size: 14.5px;
   position: absolute;
   bottom: 57px;
   left: 189px;
}

#counter-end {
   color: #eb4c37;
   font-weight: bold;
   font-size: 12px;
   position: absolute;
   top: 90px;
   left: 219px;
}

#pk-notice {
   background: #37B990;
   color: #fff;
   padding: 10px;
   text-align: center;
}

#pk-notice form {
   margin: 5px 0;
}

#pk-notice form input {
   -moz-box-sizing: border-box;
    border: 1px solid #CCCCCC;
    color: #999999;
    display: inline-block;
    outline: medium none;
    padding: 10px;
    margin: 0 auto;
    vertical-align: middle;
}

#pk-notice a {
   color: #fff;
   text-decoration: underline;
}

#pk-notice a.btn {
   display: inline-block;
   height: auto;
   font-size: 14.5px;
   margin-left: 5px;
   white-space: nowrap;
   text-decoration: none;
}

.small {
   font-size: 14.5px;
}

.visa-form, .throbber, .history-container {
   display: none;
}

.visa-form textarea {
   margin-bottom: 10px;
   width: 100%;
}

.button-group-center {
   text-align: center;
}

.button-group-center button {
   margin-left: 15px;
}

.throbber {
   background: url('../gif/throbber.gif') no-repeat;
   height: 32px;
   width: 32px;
   margin: 0 auto;
}

#visa-history {
   float: right;
   padding-top: 15px;
}

.history-container {
   margin: 20px 0;
}

.visa-change-container {
   border-bottom: 1px solid #ccc;
   padding-bottom: 15px;
   margin-bottom: 15px;
}

.visa-update {
   margin-top: 7px;
}

.visa-update:first-child {
   margin-top: 0;
}

#google-linkads-down {
   margin-bottom: 10px;
}

.image-left {
    float: left;
    margin: 0 15px 15px 0;
}

.image-right {
    float: right;
    margin: 0 0 15px 15px;
}

.tooltip {
   border-bottom: 1px solid #333;
   color: #333 !important;
   text-decoration: none;
}

.tooltip:hover {
   border-bottom: 1px solid #999;
   color: #999 !important;
   text-decoration: none !important;
}

.ui-tooltip:after {
   border-bottom: 10px solid #eb4c37;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   content: "";
   display: block;
   height: 0;
   left: 20px;
   margin-left: -3px;
   position: absolute;
   top: -10px;
   width: 0;
   z-index: 1;
}

.ui-tooltip {
   background: #eb4c37;
   color: #fff;
   max-width: 300px;
   padding: 8px;
   position: absolute;
   z-index: 9999;
}

.footnote {
   font-size: 0.83em;
   margin-left: 2px;
   position: relative;
   bottom: 5px;
}

.quote:before {
    color: #e8452f;
    content: "\f10d";
    display: inline;
    float: left;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    left: 0;
    position: absolute;
}
.quote {
    color: #1a1a1a;
    display: block;
    font-size: 22px;
    font-style: italic;
    line-height: 34px;
    padding-left: 70px;
    position: relative;
    width: 400px;
}

.map-marker:before {
    color: #e8452f;
    content: "\f041";
    display: inline;
    float: left;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    left: 0;
    position: absolute;
}

.map-marker {
   padding-left: 27px;
   position: relative;
}

.book-order-container, .divlji-gradovi-container {
   background: #ececec;
}

.book-order-wrapper, .divlji-gradovi-wrapper {
   padding: 0 20px 20px 20px;
}

.book-order input, .book-order select, .divlji-gradovi input, .divlji-gradovi select {
   font-size: 14.5px;
   margin: 7px 0 0 0;
   padding: 8px;
   width: 100%;
   max-width: 376px;
}

.book-order input[type="radio"], .book-order input[type="checkbox"], .divlji-gradovi input[type="radio"], .divlji-gradovi input[type="checkbox"] {
   width: auto;
}

.elektronsko-lbl {
   margin-left: 20px;
}

.book-price {
   margin: 10px 0;
}

.payment-form-book input[type="image"], .payment-form-divlji input[type="image"] {
   border: none;
   display: inline-block;
   vertical-align: top;
   margin-right: 10px;
}

.payment-bank-transfer, .payment-bank-transfer-divlji {
   display: inline-block;
   height: auto;
   margin-top: 0;
}

.book-order-container-content h3, .divlji-gradovi-container-content h3 {
   padding-left: 20px;
}

.book-order-module {
   border: 3px solid #303030;
   position: relative;
}

.book-order-module .book-intro {
   color: #fff;
   display: block;
   font-style: italic;
   font-size: 20px;
   position: absolute;
   text-align: center;
   top: 50px;
   width: 100%;
}

.book-order-container-content .book-intro, .divlji-gradovi-container-content .book-intro {
   display: none;
}

.book-order-container-side, .divlji-gradovi-container-side {
   background: url("../jpg/bantustan-novi.jpg") no-repeat #171717;
   color: #fff;
   min-height: 270px;
   padding: 0 0 0 0;
}

.divlji-gradovi-container-side {
   background: url("../jpg/divlji-gradovi.jpg") no-repeat #171717;
}

.book-order-container-side .book-order-wrapper, .divlji-gradovi-container-side .divlji-gradovi-wrapper {
   padding: 0 10px 20px 10px;
}

 .payment-form-book input[type="image"], .payment-form-divlji input[type="image"] {
   padding: 10px 0;
   margin: 0;
}

#payment-paypal-side input[type="image"] {
   padding: 5px;
}

.book-order-container-side .payment-bank-transfer, .divlji-gradovi-container-side .payment-bank-transfer,
.book-order-container-side .payment-bank-transfer-divlji, .divlji-gradovi-container-side .payment-bank-transfer-divlji {
   font-size: 14.5px;
   padding: 8px;
}

.book-order-container-side h3, .divlji-gradovi-container-side h3 {
   background: none;
   position: relative;
   text-align: center;
   z-index: 9999;
}

.book-order-container-side h3 a, .divlji-gradovi-container-side h3 a {
   background: none;
   color: #fd8701;
   display: inline-block;
   font-weight: 900;
   font-size: 32px;
   padding: 80px 0 58px 0;
}

.divlji-gradovi-container-side h3 a {
   width: 100%;
}

.divlji-gradovi-container-side h3 a span {
   display: none;
}

#book-price-side {
   color: #fff;
   font-size: 14.5px;
}

#book-order-side label, #divlji-gradovi-side label {
   display: block;
}

#book-order-side .elektronsko-lbl, #divlji-gradovi-side .elektronsko-lbl {
   margin-left: 0;
}

#book-order-side label, #divlji-gradovi-side label {
   color: #fff;
   padding: 0 10px;
}

#book-order-side .compulsory-field, #book-order-side .printed, #divlji-gradovi-side .compulsory-field, #divlji-gradovi-side .printed {
   padding-bottom: 8px;
}

#book-order-side .printed input:first-child, #divlji-gradovi-side .printed input:first-child {
   margin-top: 0;
}

#book-order-side .compulsory-field ,#divlji-gradovi-side .compulsory-field {
   margin-top: 15px;
}

#payment-paypal-content input[type="image"] {
   margin-right: 10px;
}

.book-order-accepted, .divlji-gradovi-accepted {
   display: inline-block;
   font-style: italic;
   padding-left: 10px;
}

.divlji-gradovi-accepted {
   background: #fff;
   color: #000;
   font-weight: bold;
}

.order-option {
   opacity: 1;
   visibility: visible;
   -webkit-transition-delay: 0s, 0s;
   -moz-transition-delay: 0s, 0s;
   -o-transition-delay: 0s, 0s;
   transition-delay: 0s, 0s;
}

.hidden {
   display: none;
   visibility: hidden;
   opacity: 0;
   -webkit-transition-property: opacity, visibility;
   -moz-transition-property: opacity, visibility;
   -o-transition-property: opacity, visibility;
   transition-property: opacity, visibility;
   -webkit-transition-duration: .2s, 0s;
   -moz-transition-duration: .2s, 0s;
   -o-transition-duration: .2s, 0s;
   transition-duration: .2s, 0s;
   -webkit-transition-delay: 0s, .2s;
   -moz-transition-delay: 0s, .2s;
   -o-transition-delay: 0s, .2s;
   transition-delay: 0s, .2s;
}

.blablacar {
   height: 300px;
   width: 270px;
   position: relative;
}

.blablacar-rs {
   background: url('../png/blablacar_rs.png') no-repeat;
}

.blablacar-hr {
   background: url('../png/blablacar_hr.png') no-repeat;
}

.blablacar a {
   display: block;
   position: absolute;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   height: 32px;
   width: 250px;
}

.blablacar .find-driver {
   left: 10px;
   top: 149px;
}

.blablacar .offer-ride {
   left: 10px;
   top: 212px;
}

.live .article-text p, .live .article-text div, .live .article-text h2, .live .article-text h3 {
   float: right;
   margin: 0 0 20px 0;
   width: 550px;
}

.live p.time {
   color: #333;
   float: left;
   font-weight: bold;
   font-size: 15px;
   margin-right: 20px;
   width: 90px;
}

.live hr {
   clear: both;
   margin-bottom: 20px;
}

.live .article-text p.quote {
   width: 480px;
}

.live .article-text p.featured-image-container {
   float: none;
   width:100%;
}

.btn.jmodedit {
   display: none !important;
 }

@media (max-width: 1023px) {
   .menu-pictogram, #hover-controls, #beta {
      display: none;
   }
   
   .blablacar {
      background-size: contain;
      height: 222px;
      max-width: 100%;
   }
   
   .blablacar a {
      height: 23px;
      width: 182px;
   }
   
   .blablacar .find-driver {
      left: 9px;
      top: 110px;
   }

   .blablacar .offer-ride {
      left: 10px;
      top: 156px;
   }
   
   .book-order-container-side h3 a, .divlji-gradovi-container-side h3 a {
      font-size: 28px;
   }
   
   #breadcrumbs li, #footer-menu li {
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
   }
   
   #footer-menu li {
      margin-bottom: 10px;
      padding: 0 15px 0 0;
   }
   
   header#top, main, footer#bottom, #main-menu ul li:hover .submenu, article #gallery, .wrapper {
      margin: 0 auto;
      width: 750px;
   }
   
   .article, .blog, #search-results, .profile, .content-container, .with-gallery .article-text, .with-gallery .tags, .with-gallery .related-articles, .with-gallery .share-buttons, .with-gallery .after-content {
      padding-right: 14px;
      width: 520px;
   }
   
   .blog article, .related-articles article {
      margin: 0 0 20px 20px;
      width: 160px;
    }
    
    #top-menu {
      position: absolute;
      right: 0;
      top: 7px;
    }
    
    #main-menu, #social-icons {
      top: 70px;  
    }
    
    #main-menu > ul {
       border-bottom: 2px solid #000;
       padding-left: 0;
    }
    
    #main-menu ul li.travel-house-menu ul {
       padding-left: 260px;
    }
    
   #main-article .intro {
      width: 265px;
   }
   
   #main-article .intro-image {
      margin-right: 15px;
      width: 240px;
   }
   
   #main-article .intro-text {
      font-size: 16.1px;
      line-height: 21px;
   }
   
   iframe {
      max-width: 100%;
   }
   
   .profile-data {
      width: 320px;
   }
   
   .latest-articles {
      width: 190px;
   }
   
   #footer-menu {
      font-size: 12px;
      width: 518px;
   }
   
   .blog .row, .related-articles .row {
      margin-bottom: 25px;
   }
   
   #logo-footer {
      width: 205px;
   }
   
   #breadcrumbs {
      margin-bottom: 20px;
   }
   
   #right {
      padding-left: 15px;
      width: 200px;
   }
   
   #travel-house {
      background-size: 100%;
      height: 280px;
   }
   
   #travel-house span.small-heading, #travel-house h2 {
      font-size: 16.1px;
      line-height: 18px;
   }
   
   #travel-house h2 {
      margin-bottom: 0;
   }
   
   #travel-house div.tc-date {
      font-size: 12px;
      width: 100px;
   }
   
   #counter-start {
      left: 138px;
      bottom: 33px;
   }
   
   #counter-end {
      left: 165px;
   }
   
   #counter-end {
      top: 59px;
   }
   
   #counter {
      bottom: 52px;
      left: 139px;
      height: 226px;
   }
   
   article #gallery {
      height: auto;
      margin: 20px auto 40px;
      width: 750px;
   }
   
   #right img {
      height: auto;
      width: 100%;
   }
   
   #author-list .author {
      width: 49%;
   }
   
   #logo-anim {
      bottom: -7px;
      display: inline-block;
      height: 30px;
      width: 30px;
      position: absolute;
      right: -40px;
   }
   
   #logo {
      padding-right: 0;
   }
   
   #logo, #logo a {
      position: static;
      float: none;
      display: inline-block;
   }
   
   #logo a {
      background: url('../png/logo.png') no-repeat;
      background-size: 40px 40px;
      height: 33px;
      padding: 7px 0 0 55px;
   }
   
   #logo-anim {
      display: none;
   }
   
   header#top {
      border: none;
      padding: 15px 0;
      height: 100px;
   }
   
   .live .article-text p, .live .article-text div, .live .article-text h2, .live .article-text h3 {
      width: 430px;
   }

   .live p.time {
      font-size: 14px;
      margin-right: 15px;
      width: 75px;
   }
   
   .live .article-text p.quote {
      width: 360px;
   }

   .workabroad-tabs a {
      font-size: 14px;
   }

   .workabroad-tabs .active-tab a::before {
      bottom: -13px;
   }
}

@media (max-width: 767px) {
   
   body {
      font-size: 16.1px;
   }
   
   header#top, main, footer#bottom, #main-menu ul li:hover .submenu, article #gallery, .wrapper {
      margin: 0 auto 20px auto;
      padding: 0;
      width: 300px;
   }
   
   header#top {
      height: 40px;
      padding: 10px 0;
   }
   
   .blog article, .related-articles article, .article, .blog, #search-results, .profile, .content-container, .with-gallery .article-text, .with-gallery .tags, .with-gallery .related-articles, .with-gallery .share-buttons, .with-gallery .after-content,
   #main-article .intro-image, #main-article .intro {
      border: none;
      padding: 0;
      float: none;
      margin: 0 0 20px 0;
      width: 100%;
   }
   
   #main-article .intro-image, #main-article .intro {
      margin: 0 0 15px 0;
   }
   
   .visa-world-map, #logo-footer, #social-icons, #top-menu .menu {
      display: none;
   }

   #right {
      width: 100%;
      border-left: none;
   }
   
   label.menu-toggle {
      display: block;
   }
   
   label.search-toggle {
      background: #6F7681;
      color: #fff;
      display: block;
      font-size: 20px;
      line-height: 28px;
      height: 26px;
      width: 32px;
      text-align: center;
      position: absolute;
      right: 40px;
      top: 15px;
   }
   
   .visa-country-list {
      margin-bottom: 15px;
   }
   
   .visa-field-data {
      border: none;
      float: none;
      padding: 0;
      width: 100%;
   }
   
   #top-menu {
      top: 54px !important;
      left: 0 !important;
      width: 100%;
   }
   
   .search-toggle button {
      color: #fff;
      font-size: 16.1px;
      height: 26px;
      padding: 0 6px;
      margin: 0;
   }
   
   #main-menu {
      float: right;
      position: relative;
      top: 0;
   }
   
   #main-menu .menu {
      background: #222222;
      display: block;
      width: 300px;
      position: absolute;
      left: -268px;
      top: 31px;
      text-align: left;
   }
   
   #main-menu .menu {
      z-index: 10001;
      opacity: 0;
      visibility: hidden;
      -webkit-transition-property: opacity, visibility;
      -moz-transition-property: opacity, visibility;
      -o-transition-property: opacity, visibility;
      transition-property: opacity, visibility;
      -webkit-transition-duration: .2s, 0s;
      -moz-transition-duration: .2s, 0s;
      -o-transition-duration: .2s, 0s;
      transition-duration: .2s, 0s;
      -webkit-transition-delay: 0s, .2s;
      -moz-transition-delay: 0s, .2s;
      -o-transition-delay: 0s, .2s;
      transition-delay: 0s, .2s;
   }
   
   input[type="checkbox"]:checked + ul.menu {
      opacity: 1 !important;
      visibility: visible !important;
      top: 31px !important;
      -webkit-transition-delay: 0s, 0s !important;
      -moz-transition-delay: 0s, 0s !important;
      -o-transition-delay: 0s, 0s !important;
      transition-delay: 0s, 0s !important;
   }
   
   #main-menu .menu li {
      display: block;
   }
   
   #main-menu .menu a {
      color: #F2F2F2;
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding: 1em;
      text-transform: none;
   }
   
   #main-menu .menu ul {
      padding-left: 15px;
   }
   
   #main-menu .menu .current > a,  #main-menu .menu .active > a {
      color:#EB4C37;
   }
   
   #main-menu ul li.travel-house-menu ul {
      padding-left: 15px;
   }
   
   #top-menu {
      z-index: 10001;
      opacity: 0;
      visibility: hidden;
      -webkit-transition-property: opacity, visibility;
      -moz-transition-property: opacity, visibility;
      -o-transition-property: opacity, visibility;
      transition-property: opacity, visibility;
      -webkit-transition-duration: .2s, 0s;
      -moz-transition-duration: .2s, 0s;
      -o-transition-duration: .2s, 0s;
      transition-duration: .2s, 0s;
      -webkit-transition-delay: 0s, .2s;
      -moz-transition-delay: 0s, .2s;
      -o-transition-delay: 0s, .2s;
      transition-delay: 0s, .2s;
   }
   
  input[type="checkbox"]:checked + #top-menu {
      opacity: 1 !important;
      visibility: visible !important;
      -webkit-transition-delay: 0s, 0s !important;
      -moz-transition-delay: 0s, 0s !important;
      -o-transition-delay: 0s, 0s !important;
      transition-delay: 0s, 0s !important;
   }
   
   .list-col {
      float: none;
      padding: 0;
      margin: 0;
   }
   
   #author-list .author {
      width: 99%;
   }
   
   #footer-menu {
      float: none;
      margin: 15px 0 0 0;
      padding: 0;
      width: 100%;
   }
   
   h1, h1 a, .with-featured.with-description header.category h1, .with-featured header.category h1 {
      font-size: 32px;
      line-height: 36px;
   }
   
   .with-featured header.category h1 {
      font-size: 16.1px;
   }
   
   .blog .category h1:first-letter, .with-featured.with-description header.category h1:first-letter {
      font-size: 26px;
    }
   
   .with-featured header.category h1:first-letter {
      font-size: 16.1px;
    }
    
    .blog .category h1, .with-featured.with-description header.category h1 {
       font-size: 20px;
    }
    
    header.category {
       margin-bottom: 10px;
    }
    
    p {
      margin: 15px 0;
    }
    
    .article-text {
      line-height: 23px;
    }
    
    #footer-menu {
       font-size: 12px;
    }
    
    #main-article {
       border: none;
       margin-bottom: 10px;
       padding: 0;
    }
    
    #main-article .intro-text, .blog .intro-text, .related-articles .intro-text {
       font-size: 16.1px;
       line-height: 21px;
    }
    
    .blog article, .related-articles article {
       border-bottom: 1px solid #ccc;
       padding-bottom: 10px;
    }
    
    .profile-data, .profile-picture, .latest-articles {
       float: none;
       padding: 0;
       width: 100%;
    }
    
    article #gallery {
      height: auto;
      width: 300px;
   }
   
   #pk-notice form input {
      display: block;
      padding: 0;
      margin: 9px auto 0 auto;
   }
   
   .live .article-text p, .live .article-text div, .live .article-text h2, .live .article-text h3 {
      float: none;
      width: 100%;
   }

   .live p.time {
      float: none;
      margin: 0 0 10px 0;
      width: 100%;
   }
   
   .quote {
      box-sizing: border-box;
      font-size: 18px;
      padding-left: 50px;
      width: 100%;
   }
}