/* GLOBAL
-----------------------------------------------*/
.font-lightBlue { color: #2ec8e9; }
.font-blue { color: #246aec; }
.font-lightGreen { color: #5fd938; }

.bg-lightBlue { background-color: #2ec8e9; }
.bg-blue { background-color: #246aec; }
.bg-lightGreen { background-color: #5fd938; }

.clearfix {
    clear: both;
}
body {background: #fff !important;}

/* HEADER
-----------------------------------------------*/
.header {
    height: 120px;
    transition: all 0.2s ease-out;
}
.logo { padding-top: 3px; transform-origin: bottom left; transform: none; transition: 0.2s ease-out;}
.logo img { height: 100px; transition: 0.2s ease-out;}

.topbar { transition: 0.4s ease-out; opacity: 1;}
.topbar .contact-data {
    font-size: 14px;
    text-transform: none;
    padding-left: 22px;
    opacity: 1;
}
.topbar .contact-data .icon { font-size: 16px; }
.topbar .contact-data span { line-height: 20px; }
.topbar a {color: #b6c1c9;} .topbar a:hover {color: #5fd938;}
.topbar .icon {color: inherit;}

.topbar .tripadvisor {
    display: inline-block;
    height: 18px;
    margin-right: 20px;
    vertical-align: middle;
}
.topbar .tripadvisor > div {
    display: inline !important;
    padding: 0 !important;
    line-height: 0;
}


/* SEARCH PANEL
-----------------------------------------------*/
.intro {
    position: relative;
    background: none;
}
.intro .flexslider {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: none;
}
.intro:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3)
}
.intro .slides {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.intro .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
}
.slide-1 {
    background: url('../images/backgrounds/krka.jpg');
}
.slide-2 {
    background: url('../images/backgrounds/plitvice.jpg');
}
.slide-3 {
    background: url('../images/backgrounds/split.jpg');
}

.intro .textwidget { padding-top: 19%; }

.searchPanel .search-input {
    display: block;
    margin-bottom: 3px;
    padding: 18px 15px;
    font-size: 16px;
    background: #fff;
    border: none;
    border-radius: 2px;
}
.icon-input {
    position: relative;
}
.icon-input .search-input {
    padding-left: 50px;
}
.icon-input .icon {
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: 22px;
}
.search-input label {
    float: left;
    line-height: 25px;
    padding: 0;
    text-transform: none;
    font-size: 16px;
    color: #34394A;
}
.search-input.check-input {
    padding: 15px;
}
.search-input.alt {
    background-color: #eceff1;
}
.search-input.search-transparent {
    background: none;
    font-size: 15px;
    font-weight: bold;
}
.search-input.search-transparent a {
    text-decoration: underline;
    color: #fff;
}
.search-input.search-transparent a:hover {
    color: #5fd938;
}
.search-input.search-submit {
    background-color: #5fd938;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
.searchPanel .icon-input .icon {
    color: #34394A;
}
div.checker span {
    border-color: #34394A;
}
div.checker span.checked {
    background: #5fd938;
}
div.checker span.checked:before {
    color: #fff;
    text-shadow: 0 1px 0 #2aac32;
}

.ui-menu .ui-menu-item {
    padding: 0;
}
.ui-menu .ui-menu-item div {
    padding: 8px 15px 8px 49px;
    text-align: left;
}
.ui-menu .ui-menu-divider {
    /*margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0*/
}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    /*margin:-1px*/
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #5fd938;
    border: 1px solid #2aac32;
}

/* INTRO TEXT
-----------------------------------------------*/
.intro-text {

}
.intro-text h1 {
    margin-bottom: 0.1em !important;
    font-size: 36px !important;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
}
.intro-text h2 {
    text-transform: none !important;
    text-align: left;
}

/* FLOATING BUTTONS
-----------------------------------------------*/
.float-menu {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 100;
}
.btn-float {
    display: block;
    margin-top: 15px;
    padding: 8px;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    background: rgba(255,255,255,0.85);
    border-radius: 30px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    transition: all 0.2s ease-out;
    cursor: pointer;
}
.btn-float:hover {
    background: rgba(255,255,255,1);
}
.btn-float .icon {
    font-size: 20px;
    color: #34394A;
}
.float-label {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    min-width: 140px;
    padding: 10px 50px 10px 20px;
    word-break: keep-all;
    font-size: 14px;
    text-align: left;
    border-radius: 30px;
    z-index: -1;
    background: linear-gradient(320deg, #2ec8e9, #246aec);
    color: #fff;
    display: none;
}
.float-contact .float-label {min-width: 165px}
.float-phone .float-label {min-width: 180px}

/* VEHICLES
-----------------------------------------------*/
.vehicles .featured-image {
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.services.vehicles { position: relative;  z-index: 0; }
.services.vehicles:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: rgba(255,255,255,01);
    z-index: 0;
}
.services.vehicles:after {
    /*content: "";*/
    position: absolute;
    left: 0;
    bottom: 60%;
    width: 100%;
    height: 20px;
    background: linear-gradient(45deg, #2ec8e9 10%, #246aec 80%);
    z-index: -1;
}
.services.vehicles .one-fourth { padding-bottom: 0; }
.services.vehicles .details {
    padding: 0px 30px;
    text-align: center;
}
.services.vehicles .details h3 {
    padding-bottom: 0;
    text-transform: none;
    font-weight: 600;
}

.services.iconic h1 {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
}
.services.iconic h2 {
    font-size: 23px;
}
.services.iconic h3 {
    font-weight: 600;
    color: #34394A !important;
}

.services.iconic .circle {
    float: none;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 0 15px 0;
    background: linear-gradient(320deg, #2ec8e9, #246aec);
    border: none;
    line-height: 78px;
}
.services.iconic .circle .icon {
    font-size: 30px;
    color: #fff;
}

.services.how-we-work li {
    position: relative;
    padding: 0 0 10px 20px;
}
.services.how-we-work li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0.25em;
    left: 0;
    overflow: hidden;
    margin-right: 6px;
    background: #5fd938;
    border-radius: 50%;
}

.result img {
    max-height: 90% !important;
    display: block;
    margin: 5% auto 0;
}

/* MOBILE
-----------------------------------------------*/
@media screen and (min-width: 981px) and (max-width: 1200px) {
    .intro .f-row .one-third {width:40%}
    .intro .f-row .two-third {width:60%}
    .intro-text {padding-top:60px !important;}
}

@media screen and (min-width: 601px) {
    .searchPanel .f-row .one-half:first-child {padding-right: 3px;}
}
@media screen and (max-width: 980px) {
    .desktop-sm {display:none}
    .intro .f-row .one-half {padding:0;}
    .intro {min-height:640px;}
}

@media screen and (min-width: 981px) {
    .mobile-sm {display:none}
    .intro-text {padding:80px 50px 0 30px !important;}
    .intro {margin-bottom: -198px;}
    .services.iconic .clearfix {display:none !important;}
    .services.iconic .clearfix.lg {display:block !important;}
    .services.iconic .one-third {width:33.33%;}
}

@media screen and (min-width: 601px) and (max-width: 980px) {
    .intro .f-row .one-half {width:50%}
    .intro-text h1 {font-size:26px !important; text-align:center}
    .intro-text h2 {font-size:20px !important; text-align:center}

    .vehicles {padding-top:30px;}
    .vehicles .one-fourth {width:50% !important;}

    .services.iconic .one-third {width: 50% !important;}
}

@media screen and (min-width: 801px) {
    .mobile {display:none;}

    .header.collapsed {top: -40px;}
    .header.collapsed .logo {transform: translateY(20px);}
    .header.collapsed .logo img {height: 60px;}
    .header.collapsed .topbar {opacity: 0;}

    .topbar {margin: 15px 0 6px;}
    .topbar .topbar-links { text-align: right; }
    .topbar .contact-data {
        margin-right: 20px;
        font-size: 14px;
    }
    .topbar .contact-data:last-child { margin-right: 0; }

}

@media screen and (max-width: 800px) {
    .desktop {display:none;}

    .header         {height: 80px !important;}
    .header .wrap	{width:100%;max-width:100%;display:block;}
    .main-nav 		{display:none;}
    .slicknav_menu 	{display:block;position:relative;z-index:10;}
    .logo 			{position:absolute;top:0;left:4%;display:block;width:auto;padding-top:5px;}
    .logo img       {height: 70px;width:auto;}

    .slicknav_nav   {box-shadow: 0 6px 12px rgba(0,0,0,0.2);border-bottom: 1px solid #ccc;}
    .slicknav_btn   {padding-left:4%}

    .topbar .contact-data {padding-left: 4%;}
    .topbar .contact-data .icon {position: static; font-size:14px; line-height:14px; margin-right:4px;}
    .topbar a {background-color:#eceff1; color:#34394A;}

    .float-menu {right:4%; bottom:4%;display: none;}
    .float-menu.mobile {display: block;}
}

@media screen and (max-width: 600px) {
    .intro-text h1 {font-size:24px !important; text-align:center}
    .intro-text h2 {font-size:18px !important; text-align:center}
    .intro .textwidget {padding-top: 100px}
    .advanced-search .form-group.spinner label {line-height: 1.4em;padding: 13px 30px 15px 0;}
    .result li {padding: 15px 6px;vertical-align:top;font-size:13px;}
}