h1,
h2 {
    text-align: left;
}

.button,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
    font-family: 'Roboto', sans-serif;
}

#jf-header .main,
#jf-wrapper,
.fade,
.main,
sub,
sup {
    position: relative
}

h4,
p {
    margin: 0 0 20px
}

*,
body,
fieldset {
    margin: 0
}

fieldset,
legend {
    border: 0;
    padding: 0
}

#googleMap img,
#map_canvas img {
    max-width: none
}

#jf-contact .custom a:hover,
 

 

#jf-header h1#logo a:hover ,
a,
a:hover {
    text-decoration: none
}

 


* {
    padding: 0
}

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

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

audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

a:active,
a:hover {
    outline: 0
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

input,
textarea {
    background-color: #FAFAFA;
    border: 1px solid #EAEAEA;
    padding: 4px
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
    line-height: 0
}

label,
legend {
    display: block
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
    line-height: normal
}

body {
    font-size: 16px;
    line-height: 1.2em;
    color: #262626;
    background-color: #fff;
   
}

a {
    color: #5c686d
}

a:hover {
    color: #247D99
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: inherit
}

h1 {
    font-size: 36px;
 
}

h2 {
    font-size: 26px;
    color: #222
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

ol,
ul {
    margin-left: 0;
    list-style: none
}

legend {
    width: 100%;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333
}

button,
input,
label,
select,
textarea {
    font-size: 24px
}

label {
    margin-bottom: 5px
}

.button,
button {
    background: url(../images/read-more.png) no-repeat;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 31px;
    height: 31px;
    width: 151px;
    padding: 0;
    margin: 30px 0;
    text-transform: uppercase
}

 
 

#system-message{
    margin: 10px
}

#jf-wrapper {
    overflow: hidden
}

.wrap {
    clear: both;
    width: 100%
}

.main {
    margin: 0 auto; 
}

 
 

#jf-content,
#jf-home-c {
    z-index: 50;
    position: relative
}

 
 
#jf-home-c .main{ padding:40px 0px; } 

#home-c-c,
#home-c-c-1,
#home-c-c-3,
#home-c-c-4,
#home-c-c-5,
#home-c-c2-5,
#home-c-c-6,
#home-c-c2-8,
#home-c-c-9,
#home-c-c2-9,
#home-c-c-10,
#home-c-c2-10,
#home-c-l,
#home-c-l-1,
#home-c-l-2,
#home-c-l-3,
#home-c-l-4,
#home-c-l-5,
#home-c-l-6,
#home-c-l-7,
#home-c-l-8,
#home-c-l-9,
#home-c-l-10{
    float: left
}

#home-c-r,
#home-c-r-1,
#home-c-r-2,
#home-c-r-3,
#home-c-r-4,
#home-c-r-5,
#home-c-r-6,
#home-c-r-7,
#home-c-r-8,
#home-c-r-9,
#home-c-r-10 {
    float: right
}

 
 
.item-page .icons{ display: none; }


/*CONTENT*/
.content-left{ width:64%; float:left; }
.itemid-191 .content-left, .itemid-189 .content-left{ width:50%; float:left; }
.content-right{ width: 29%; float:right; }
.content-all{ width: 100%;   }

#jf-content {padding-top: 40px; padding-bottom: 80px; background: #fff ; }
#jf-content .main {padding: 60px 0 60px; border: 0 solid red; }
#jf-content .main p { font-size: 16px; line-height: 26px; color: #000;}
#jf-content .main .p-element-bez-margine{ margin-bottom:8px;}
#jf-content .main ul, #jf-content .main ol { margin-bottom:25px;}
#jf-content .main ul li, #jf-content .main ol li { font-size: 16px; line-height: 22px; color: #222;}





.home #jf-content .main, 
.itemid-121 #jf-content .main,
.itemid-174 #jf-content .main,
.itemid-178 #jf-content .main,
.itemid-185 #jf-content .main,
.itemid-188 #jf-content .main,
.itemid-190 #jf-content .main{
    padding: 0
}

.itemid-121 #jf-content,
.itemid-174 #jf-content,
.itemid-178 #jf-content,
.itemid-185 #jf-content,
.itemid-188 #jf-content,
.itemid-190 #jf-content{
    padding: 0
}

 
 
 

.contactNaslov,
.dugme,
.labelCijena,
.loginNaslov {
    text-align: center
}

 

.form-right {float: right }
.form-left {float: left }

.item-page .page-header h1 { font-family: 'Montserrat', sans-serif; display: inline-block; font-size: 30px; line-height: 38px; margin-bottom: 40px; font-weight: 800; background-color:#f7c93e; color:#000; padding:10px 40px; }
.page-header h1 { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 34px; margin-bottom: 40px; font-weight: 700; color:#000; }
.blog h1{ font-family: 'Montserrat', sans-serif; display: inline-block; font-size: 30px; line-height: 38px; margin-bottom: 40px; font-weight: 800; background-color:#f7c93e; color:#000; padding:10px 40px; }

.item-page h2 { font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 34px; margin-bottom: 40px; font-weight: 700; color:#000; }


#googleMap label {width: auto; display: inline }

 
 

/*PRELOADER*/
.preloader{background-color:#111; position:fixed; width:100%; height:100%; z-index:9999; border:0px solid #ff0000;}
.containerPreloader { position: absolute; background: #111 url(../images/bg-preloader.png) center center no-repeat;  border:0px solid #ff0000; width: 55px; height: 50px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.containerPreloader .box .spinner {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.containerPreloader .box .spinner1 {
    border: 2px solid #fff;
    animation: spinning 1500ms linear infinite;
}
@keyframes spinning {
    0% {
        border-radius: 50%;
        transform: rotate(0);
    }
    50% {
        transform: rotate(180deg);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    100% {
        border-radius: 50%;
        transform: rotate(360deg);
    }
}



/*SLOGAN*/
.slogan{ position: absolute; width: 1100px; top:230px;  padding:15px 25px; left: 50%; margin-left: -550px; z-index: 99;  background-color: rgba(247,201,62,0.8); z-index:51}
.slogan-veliki{ font-size: 30px; line-height: 40px; font-weight: bold; text-transform: uppercase; color:#000; text-align: center; }
.slogan-mali{ display:none; font-size: 20px; line-height: 30px; text-transform: uppercase; color:#000; text-align: center; }


/*TABOVI*/
.calc-tabs{border:0px solid #ddd; margin-bottom:20px; margin:0px auto; margin-bottom: 20px; overflow:hidden; font-family: 'Oswald', sans-serif; }
.calc-tabs .tablinks{ display:block; width:calc(49% - 2px); text-align:center; border:2px solid #f7c93e; font-size:13px; text-transform: uppercase; letter-spacing: 3px;  line-height: 15px; color:#fff; font-weight: 400; padding:12px 10px 12px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2%}
.calc-tabs .tablinks:last-child{ margin-right: 0%}
.tablinkleft{float:left; }
.tablinkright{float:left; }
.calc-tabs .active { background-color: #f7c93e; color:#000;}
.tablinks:hover{ cursor:pointer;}
.tabcontent {display: none; overflow: hidden; }

/*BOOKING*/
.calculator { position: absolute; right: 18%; top:170px; width: 500px; border-radius:15px; z-index: 40; border:0px solid #ff0000;}
.calculator-inner{ padding:30px; padding-top:20px; background: #efefef; border-radius: 7px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.calculator-input-cont{ background: #fff; border-radius: 7px; padding:20px 0px; padding-bottom: 10px; overflow: hidden;}
.calculator .naslov{color:#fff; text-align: left;  font-size: 36px; line-height:43px; margin-bottom: 40px; }



 
/*NOVI KALKULATOR*/
.calculator-container{ }
.floatingPanel {width: 49%; float: left; overflow: hidden; border:0px solid #ffc61a!important;}
.floatingMapa {width: 100%; height: 500px; float: none; overflow: hidden;}
#map{height:100%;width:100%}

.calc h1{ color:#fff!important; text-align: center; }
.calc-form{  }
.tabovi{  }
.calc-inner{  width: 100%; overflow: hidden; }
.calc-left{ width: 100%; float:none; background-color: rgba(0,0,0,0.8); border-bottom:3px solid #000; padding:20px 30px 0px 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calc-right{ width: 100%; float:none; background-color: rgba(0,0,0,0.8);  padding:10px 30px 0px 30px;  overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calc-block-pausal{ width: 100%; background-color: rgba(0,0,0,0.8); padding:20px 30px 10px 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.calc input,
.calc select,
.calc textarea {outline: 0; font-size: 15px; line-height: 22px; padding: 10px 10px 10px 45px!important; background-color:transparent; width: 100%; border: 2px solid #555; color: #fff;   box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.calc input::placeholder, .calc textarea::placeholder{ color: transparent; }
 
 
.calc select { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color: transparent!important}
.calc-input-block{ position: relative; padding-top:7px; border:0px solid #ddd; margin-bottom: 20px; min-height: 44px; }
.calc-input-block::before { position: absolute; top:50%; margin-top:-9.5px; font-size: 24px; line-height: 24px; width: 24px; left: 14px; color:#f7c93e; }
.calc-label{  position: absolute; display: block; color:#aaa; font-size: 14px; line-height: 14px; top:0px; left:45px; background-color: #111; padding:0px 10px; }
.calc-err{  position: absolute; display: none; color:#b78221; font-size: 10px; line-height: 12px; bottom:-14px; left:2px;  }

.calc input:placeholder-shown ~ .calc-label,
.calc textarea:placeholder-shown ~ .calc-label {font-size: 16px; line-height: 16px; cursor: text; top: 21px; }
.calc input:focus ~ .calc-label,
.calc textarea:focus ~ .calc-label {position: absolute; top: 0; display: block; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; font-size: 14px; line-height: 14px; color: #f7c93e;  }
.calc input:hover, .calc input:focus, .calc select:hover, .calc select:focus, .calc textarea:hover, .calc textarea:focus{ border-color:#999!important; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
 
/*...LOCATION*/
.calc-start::before,
.calc-end::before,
.calc-start-fixed::before {  content: 'location_on'; font-family: 'Material Symbols Outlined';  }
 

/*...RETURN*/
.calc-return {width: 38%; float:left;  }
.calc-return::before {  content: 'swap_horiz'; font-family: 'Material Symbols Outlined';  }
 

/*...DATES*/
.ui-datepicker{ z-index: 999!important }
.calc-datetime-1{ width: 62%; float: left; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calc-date-start::before, .calc-date-end::before {  content: 'edit_calendar'; font-family: 'Material Symbols Outlined';  }
.calc-time-start::before, .calc-time-end::before {  content: 'schedule'; font-family: 'Material Symbols Outlined';  }
.calc-date-start{width:91%; margin-right: 4.5%;  float:left;}
.calc-time-start{width:41%; float:left; }

.calc-datetime-2{ padding:0px 30px 0px 30px; background-color: rgba(0,0,0,0.8); overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calc-date-end{width:57%;   }
.calc-time-end{width:41%; float: left;}



/*...SUBMIT*/
.calc-submit{ width: 100%; float:none; margin-bottom: 0px; margin-top:-7.5px; background-color: rgba(0,0,0,0.8); overflow: hidden;  padding:15px 30px 30px 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }

.calc-submit-fixed{ width: 100%; }
.calc input[type="submit"] { padding-left:0px!important; color:#000; font-size: 16px; text-transform: uppercase; letter-spacing: 4px; font-family: 'Oswald', sans-serif; font-weight: 400; border:2px solid #fff; background-color: #fff;  }
.calc input[type="submit"]:hover, .calc input[type="submit"]:focus {background-color: #f7c93e; border-color: #f7c93e!important; color:#000; }


/*PAUSAL*/
.calc-start-fixed{ width: 100%; }

.calc-hours{ width: 45%; float:left; }
.calc-hours::before {  content: 'alarm'; font-family: 'Material Icons Outlined';  }

.calc-datetime-fixed{ float: left; overflow: hidden; width:51%; margin-right: 4%; float: left; }
.calc-date-start-fixed::before{ content: 'edit_calendar'; font-family: 'Material Icons Outlined'; }
.calc-date-start-fixed{width:100%; float: left; margin-right: 0%; }
.calc-time-start-fixed{width:40%; float: left;  }
.calc-time-start-fixed::before {  content: 'schedule'; font-family: 'Material Icons Outlined';  }

.forma_uspjesno{font-size: 16px; line-height: 24px; width:90%; margin:30px auto; margin-top:0px; background:#d2ffd6; padding:15px 30px; text-align: center; color:#1a6021; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.forma_neuspjesno{font-size: 16px; line-height: 24px; width:90%; margin:30px auto; margin-top:0px; background:#ffe6e6; padding:15px 30px; text-align: center; color:#cc0000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*KONTAKT FORM*/
.contact-form .calc-label{ color:#555; background: #fff; left: 20px; }
.contact-form .submit-dugme{ margin-top:40px;  }

.contact-form input,
.contact-form select,
.contact-form textarea { border: 2px solid #555; color: #000; padding-left: 20px!important; }
.contact-form input[type="submit"] { color:#000;  border:2px solid #f7c93e; background-color: #f7c93e;  }
.contact-form input[type="submit"]:hover, .contact-form input[type="submit"]:focus {background-color: #242424; border-color: #242424!important; color:#fff; }

.forma-50{ width:47%; float:left; }
.forma-50:nth-child(2){ width:47%; float:right; }
.forma-cont{ overflow: hidden; } 




.rezProracun{ font-size:14px; color:#fff; line-height: 24px; padding-top:40px; background-color: #111; text-align: center; padding:5px 0px;  overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.rezProracunLeft{width:47%; float:left; border:0px solid #ff0000; padding-left:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.rezProracunRight{width:50%; float:right;}
.rezProracunPausal{ width:100%; background-color:#888; overflow:hidden; margin-bottom:20px; }
.rezProracunPausal td{ padding: 10px 0px; }
.form-submit-pausal { width: 24.5%; float:left; }
.form-submit-pausal .dugme{ margin-top:25px; }




/**********************************HEADER***************************************/
/********************************************************************************/
/********************************************************************************/

/*SLIDESHOW*/
.kiwi-slideshow-cont{ background-color: #262626; position: relative; }
.kiwi-slideshow{ position:relative; overflow:hidden; text-align:center; margin:0px auto; z-index: 4}
.kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;}
.kiwi-slideshow-images li{ margin:0px;  z-index: 2; }
.kiwi-slideshow-slide{ position:absolute; width: 100%; background-color:#111; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-animation: zoomin 12s ease-in infinite; animation: zoomin 12s ease-in infinite;/* transition: all .5s ease-in-out;*/  } 
.kiwi-slideshow-box{ display: none; }
.kiwi-slideshow-slide-m{ display: none; }
 

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
 
  100% {transform: scale(1.1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
 
  100% {transform: scale(1.1);}
} 

.slideshow_gradient_black{position: absolute; z-index:3!important; top:0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.slideshow_gradient_black_lr{   position: absolute; z-index: 3 !important; top: 0px; width: 100%; height: 30%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); }  
.slideshow_krivulja{display: none; position: absolute; bottom:0px; width: 100%; z-index:3!important; background: url(../images/bg-krivulja-gray.png) center bottom no-repeat; height: 300px; background-size: 100% auto;  }
 
/*COOKIES BANNER*/
#cookies-banner{position:fixed; width:100%; bottom:0px; padding:20px 0px; background-color:#000;  font-size:11px; line-height:15px; color:#fff; overflow:hidden; z-index: 9997; text-align: left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-style: italic; border-top:1px solid #000;}
#cookies-banner .modalconent{ width: 600px; margin:0px auto; }
#cookies-banner .btn-accept {font-size: 12px; line-height: 16px; float:right; margin-top:10px; font-style: normal; position:relative; text-transform:uppercase; color:#fff; border:1px solid #f7c93e; padding:5px 15px;  }
#cookies-banner .btn-accept:hover { background-color: #f7c93e; color:#000; }
.cookies-title{ font-weight: bold; font-size: 14px; line-height: 18px; color:#000; margin-bottom: 10px; }

/*JEZIK MODUL*/
.language {position: relative; display: inline-block; z-index: 1; width: auto; height: 30px; text-align: center; margin-top: 5px; }
.language-line{position: absolute; z-index: -1; top:15px; border-top:3px double #c39565; width: 60%; content: ''; height: 0px; left: 50%; margin-left: -30% }
.language .inputbox { display: block!important; background: #111; border: 2px solid #5e5e5e; padding: 4px 15px; font-size: 13px; text-transform: uppercase; line-height: 18px; color: #f7c93e; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.language .chzn-container{ display: none!important; }


/*PRETRAGA*/
#pretragaList{border:0px solid #ff0000!important; position:absolute; overflow:hidden; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  overflow-y: scroll; max-height:400px; min-width:300px; display:none; padding:15px; font-size:12px; line-height:20px; z-index:98; margin-left:15px;}
#pretragaList ul{ list-style-type:none; margin:0px; }
#pretragaList li{border-bottom:1px dotted #ddd!important; width:100%; padding:8px 0px; margin:0px; overflow:hidden;}
#pretragaList li:last-child{border-bottom:0px dotted #ddd!important; }
#pretragaList li a{color:#111; }
 
#pretragaListKraj{border:0px solid #ff0000!important; position:absolute; overflow:hidden; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); overflow:hidden;  max-height:400px; min-width:300px; display:none; padding:15px; font-size:12px; line-height:20px; z-index:98; margin-left:15px;}
#pretragaListKraj ul{ list-style-type:none; margin:0px; }
#pretragaListKraj li{border-bottom:1px dotted #ddd!important; width:100%; padding:5px 0px; overflow:hidden;}
#pretragaListKraj li a{color:#111; }
 


/*CONTACT KIWI*/
#contact .control-group{border:0px solid #ff0000; }
#contact .control-group .controls{border:0px solid #fff; margin:0px; }

#contact .contactInput{border:1px solid #666; height:40px!important; background-color:#1E1E1E; color:#aaa; font-weight:100; width:100%;}
#contact .contactInputTextarea{border:1px solid #666; min-height:150px!important; background-color:#1E1E1E; color:#aaa; font-weight:100; width:100%;}

#contact .help-block{ padding:0px 0px; margin-bottom:40px;}
#contact .help-block ul{padding:0px; margin:0px; list-style-type:none;}
#contact .help-block li{color:#ff0000; padding:0px; margin:0px; }

#contact .alert-error {background-color:#ff0000; color:#fff; padding:7px 0px; margin-bottom:30px; }
#contact .alert-success {background-color:#6dc877; color:#fff;  padding:7px 0px; margin-bottom:30px; }
#contact .alert button{display:none;}


 

 

.offcanvas a:focus {
    color: #BE9B64
}

 

.homeMargina {
    margin: 20px
}

.homeMargina1 {
    margin: 0
}




.loginNaslov {
    font-size: 40px;
    margin-bottom: 30px
}

.login-description {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 30px
}

.btn-primary {
    width: 200px!important;
    height: 40px!important;
    font-size: 20px!important;
    line-height: 40px!important;
    text-transform: uppercase;
    color: #fff!important;
    padding: 0!important;
    border: 2px solid #555;
    background-image: none;
    background-color: #555!important
}

.btn-primary:hover {
    background-color: #fff!important;
    color: #333!important;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s
}

.input-small {
    margin: 0;
    margin-top: 20px!important
}

.input-prepend {
    border: 0 solid #f0f!important
}

.login {
    border: 0 solid red;
    text-align: center!important
}

 

.pg-csv-box,
.pg-cv-box {
    margin-right: 25px;
    margin-bottom: 25px
}

.pg-csv-name a:hover {
    color: #D50000!important
}

.pg-csv-box {
    overflow: hidden;
    height: 330px!important
}

 

/*SADRZAJ*/
.blockServices50 { margin-right: 4%; margin-top: 30px; float: left;  border: 1 solid #D39F52; width: 45%}
.blockServices {border: 1px solid #D39F52; width: 28%; min-height: 320px; margin-right: 4%; margin-top: 30px; float: left}

/*HEADER-PLAVA*/
.header-plava{ position:absolute; top:0px; left:0px; overflow: hidden; z-index:98; top:0px; width:100%; height:39px; border-bottom: 1px solid #444; } 
.header-plava-left{float:left; width:70%; text-align: left; height: 40px; }
.header-plava-right{ float:right; width:30%; text-align: right; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; }

/*KONTAKT HEADER*/
.contact-header-tel{ position: relative; color:#fff; font-size:12px; line-height: 40px; text-transform: uppercase; float:left; margin-right:30px; padding-left: 26px; }
.contact-header-tel::before{ position: absolute; font-family: 'Material Symbols Outlined'; content: 'phone_in_talk'; top:0%; left:0px; height: 40px; font-size: 20px; line-height: 40px; color:#f7c93e;  }
.contact-header-tel span{ color:#fff;   }

.contact-header-email{ position: relative; color:#fff; font-size:12px; line-height: 40px; text-transform: uppercase; float:left; padding-left: 26px;   }
.contact-header-email::before{ position: absolute; font-family: 'Material Symbols Outlined'; content: 'mark_email_read'; top:0%; left:0px; height: 40px; font-size: 20px; line-height: 40px; color:#f7c93e;  }
.contact-header-email span{ color:#fff; text-transform: none;}

/*GLAVNI MENI*/
.glavniMeni{ position: absolute; width:100%; top:40px; left:0px; height:80px;   }
.logo-main{ margin-top:10px; height:60px;}
.mobileHeader{ display:none;}

/*LOGO*/
.glavniMeni-left{ float:left; width:20%; height: 80px; }


/*HEADER KONTKAT*/
.glavniMeni-right{ float:right; width:80%; border:0px solid #cc0000; height: 120px; }
.headkontakt-box{width: 33%; float:left; overflow: hidden; margin-top:25px; border-right:1px solid #555;}
.headkontakt-box:nth-child(3){border-right:0px solid #555;}
.headkontakt-left{width:30%; float:left; text-align: center;}
.headkontakt-left img{ height: 45px; margin-top:5px;}
.headkontakt-right{width:70%; float:right;}
.headkontakt-title{ font-size:16px;  line-height: 26px; color:#fff; font-weight: bold; }
.headkontakt-desc{ font-size:14px;  line-height: 20px; color:#ddd;  }
.headkontakt-desc img{ height: 16px; margin-bottom:2px; margin-left:3px; }
 
/*HEADER2*/
.header2{width:100%; height:600px; position: relative; background:url(../images/header2.jpg) center center no-repeat; background-size: cover;}

 
.header2-aboutus{ background: #242424 url('../images/header2-aboutus.jpg') center center no-repeat; background-size: cover;  }
.header2-fleet{ background: #242424 url('../images/header2-fleet.jpg') center center no-repeat; background-size: cover;  }
.header2-contact{ background: #242424 url('../images/header2-contact.jpg') center center no-repeat; background-size: cover;  }
.header2-blog{ background: #242424 url('../images/header2-blog.jpg') center center no-repeat; background-size: cover;  }
.header2-services{ background: #242424 url('../images/header2-service.jpg') center center no-repeat; background-size: cover;  }
.header2 .main{ height: 100%; position: relative; }
.header2-title{position: absolute; top:50%; margin-top:-30px; width: 100%; z-index: 4;  font-family: 'Montserrat', sans-serif; font-size: 50px; line-height: 60px; letter-spacing: 20px; text-transform: uppercase; text-align: center; color:#fff;   } 
.header2-gradient{ position: absolute; z-index: 3; top:0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.66); }
 
.header-naslov{ font-size:70px; line-height: 80px; color:#fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); letter-spacing: 20px; text-transform: uppercase; text-align: center; padding:210px 0px; background-color: rgba(0,0,0,0.1);  }
 
 
 

  
/*KIWI SLIDESHOW*/
.kiwi-slideshow{ list-style-type: none; margin:0px; overflow:hidden; }
.kiwi-slideshow-container{margin:0px; position: absolute; width: 100%;  border:0px solid #ff0000;}
.slideshow-box{ border:0px solid #ff0000; position: absolute; top:0px;  left:10%; padding-top:120px;  font-size:40px; line-height: 50px; color:#fff; height: 600px; width:500px; text-align: center; background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));}
.kiwi-slideshow-city{color:#84af28; font-weight: bold; border-top:1px solid #999; margin-top:20px; padding-top:20px;}

 
 
/*KIWI HIGHLIGHT*/
.hightlight-conainer{ position: relative; /*background: url(../images/backgroundBooking.jpg) no-repeat;*/ }
.kiwi-highlight{ position: absolute; height: 66px;  left:0px; top:-33px; width: 100%;  }
.kiwi-highlight .main{ border:0px solid #ff0000; background-color: #be9b64; height: 66px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);}

/*DUGME*/
.contentButton{font-size:20px; line-height:20px; padding:8px 30px; background-color:#222; color:#ffc61a;}
.contentButton:hover{background-color:#ffc61a; color:#111; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.contentButtonParent{border-top:1px solid #888; border-bottom:1px solid #888; padding:50px 0px;}

 

/*FADE EFFECT*/
.fade {border:0px solid #ff0000; top:100px;	opacity:0;}
.pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/*ULAZAK S DESNA EFFECT*/
.fromRight {position:relative; border:0px solid #ff0000; left:400px;}
.sdesna{left:0px; -webkit-transition: all 1s linear 0.1s; -moz-transition: all 1s linear 0.1s; -o-transition: all 1s linear 0.1s; transition: all 1s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/*ZOOM IN EFFECT*/
.zoom-in{transform: scale(0.1);}
.zumiraj{transform: scale(1); -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear;-webkit-backface-visibility: hidden; backface-visibility: hidden;}


#mySidenav{ display: none; }
 
/* MAIN NAVIGATION */
.slogan-menu{ display: none; }
#kiwi-menu {  position: relative; padding:0px; margin:0px; height:80px; z-index:99; margin-top:0px; float:right;}
#kiwi-menu ul{margin-bottom:0px; margin:0px;}
#kiwi-menu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#kiwi-menu ul.menu li {cursor: pointer;  color: #ddd; margin-bottom:0px; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 80px; display: block; float: left;  padding:0px 15px; }
#kiwi-menu ul.menu li a { color: #ddd;   }
#kiwi-menu ul.menu li:hover { color: #f7c93e}
#kiwi-menu ul.menu li:hover a { color: #f7c93e; transition: 0.35s; -moz-transition:0.35s; -webkit-transition: 0.35s; -o-transition:0.35s;}
#kiwi-menu ul.menu a:hover { color: #f7c93e; transition: 0.35s; -moz-transition:0.35s; -webkit-transition: 0.35s; -o-transition:0.35s;}
#kiwi-menu ul.menu .active { color: #f7c93e}
#kiwi-menu ul.menu .active a{color: #f7c93e;}

 

#kiwi-menu .nav-child{position:absolute; margin:0px; background-color: #f7941e; height:0px; width: 250px; transition:0.7s; overflow:hidden;}
#kiwi-menu .parent:hover .nav-child{ height:123px; transition: 0.7s; -moz-transition:0.7s; line-height:40px!important; -webkit-transition: 0.7s; -o-transition:0.7s;}
#kiwi-menu .nav-child li{border-bottom:1px dotted #e08314; width:100%; line-height:40px!important;  margin:0px; padding:0 10px; margin:0px 0px!important;}
#kiwi-menu ul.menu .nav-child li a {line-height:40px; font-weight: normal;}
 
#kiwi-menu .item-182:hover .nav-child, #kiwi-menu .item-181:hover .nav-child{ height:247px;}
#kiwi-menu .item-192, #kiwi-menu .item-193{ display: none!important;} 


/*PAGE - CIJENA*/
.page-cijena table { width:100%; border-collapse:collapse; border-top:1px solid #999;  border-bottom:1px double #999;}
.page-cijena table tr:nth-child(odd){ background-color:#f1f1f1; }
.page-cijena table tr:nth-child(even){ background-color:#fff; }
.page-cijena table td{ padding:10px 10px; }

/*PAGE - GALERIJA*/
.pg-category-view h1{ font-size: 26px; color:#000; line-height: 36px; font-weight: bold;margin-bottom: 20px; }

/*PAGE - SERVISI*/
.page-services-uvod{ text-align: center; margin:0px 150px; margin-bottom: 120px; margin-top:80px;  }
.page-services-box{ overflow: hidden; margin-bottom: 70px; width: 100%; }
.page-services-50left{ width: 47%; float: left;  }
.page-services-50right{ width: 47%; float: right;  }
.page-services-title{font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; text-transform: uppercase; text-align: center; font-size: 22px; line-height: 30px; margin-bottom: 30px; margin-top:30px; }
.page-services-desc{ color:#444; font-size: 16px; line-height: 25px;  text-align: center; }

/*PAGE - AUTA*/
.page-auta{ overflow:hidden; margin-bottom:40px; background-color: #c4a677; padding:20px;}
.page-auta .page-img{ -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.page-auta .blockServices50{ border:0px solid #ff0000; margin-top:0px;}
.page-auta .tariffsCar{font-size:18px; margin-top:30px; font-weight: bold; text-align: left;}
.page-auta .tariffsSpec{ border:1px solid #2e2e2e; padding:10px 0px; }
.page-auta-desc{ border:0px solid #d60606; color:#000; margin:20px 0px; margin-bottom:20px; font-size:15px; line-height:24px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box;}

/*PAGE BLOG*/
.items-leading{overflow: hidden; display: block; }
.items-leading > div{ display: block; width: 30%; margin-right: 5%; float: left; }
.items-leading > div:nth-child(3n) { margin-right: 0%;   }
.blog .article_info{  }
.blog .icons{ display: none; } 
.blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden;  display: block; }
.categoryBlog{ overflow:hidden; margin-bottom:60px; cursor: pointer; position: relative;}
 
.categoryBlog:hover .categoryIntro{ /*bottom:100px; transition: .8s;*/ }
.categoryBlog:hover h2{ /*color:#fff; transition: .8s; text-shadow: 0 0 1px #666, 0 0 3px #666;*/ }
.categoryBlog:hover .categoryDate{ color:#aaa;  }
.categoryTitle1 h2{font-size:18px!important; line-height: 24px!important; font-weight: bold!important; color:#000; min-height: 48px; overflow: hidden;}
.categoryBlogCover { position: absolute; width: 100%; height:100%; top:0px; left:0px;  }
.categoryImage{height: 100%; border:0px solid #ddd; }
.categoryDate{font-size:14px; line-height: 18px; color:#888; }
.categoryIntro{position: relative; z-index: 11; margin-top:10px;  }
.categoryIntro a:hover{  text-decoration: none!important;}


.blog_img_cont{ position: relative; background-size: cover; height: 500px;   }
.blog_img_cont:hover { cursor: pointer;  }
.blog_img_cont:hover .blob_img_hover{ height: 100%!important; width: 100%;  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)); }
.blob_img_hover{ position: absolute; bottom:0px; left: 0px; height: 200px; width: 100%;  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.blog_title{ position: absolute; left: 3%; width: 94%; font-size: 46px; font-weight: bold; line-height: 52px; bottom:30px;  }
.blog_title a{ color:#fff; text-shadow: 1px 1px 1px #000;}
.blog_title a:hover{ color:#ddd; }


.page-blog-limo{   overflow: hidden; margin-top:40px; border-top:1px dashed #aaa; padding-top:40px; }
.page-blog-limo a{ color:#f7c93e; }
.page-blog-limo .page-hotel-button-cont span{ margin-right: 0px!important; }
.page-blog-social{ margin:20px 0px 20px 0px; text-align: center; height: 70px; }
.page-blog-social img{ cursor: pointer; height: 24px; padding:10px; background:#efefef; margin-right:12px; }
.page-blog-social a:last-child img{ margin-right:0px; }
.page-blog-social img:hover{ background:#111; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;}
.page-blog-social-title{ font-size: 14px; overflow: hidden; margin-top:40px; padding-top:40px; border-top:1px dashed #aaa; color:#000; line-height: 22px; text-transform: uppercase; letter-spacing: 2px; text-align: center; }

.page-blog-phone{ text-align: center; font-size: 20px; line-height: 34px; }
.page-blog-phone a{ display: block; font-weight: bold;}
.page-hotel-button-cont{ padding:16px 0px; margin-top: 40px; text-align: center;}
.page-hotel-button{ padding:16px 60px; font-size: 16px; line-height: 20px; font-weight: bold; text-transform: uppercase; color:#000; background-color:#f7c93e; }
.page-hotel-button:hover{ -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; color:#f7c93e; background-color:#111; }
 


/*DESNA STRANA*/
/*KONTAKT RIGHT*/
.contact-right{ background: #242424; padding:30px; margin-bottom: 80px; }
.contact-right-title{font-family: 'Montserrat', sans-serif; font-size:14px; line-height: 22px; margin-bottom: 10px; margin-top:50px; color:#f7c93e; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
.contact-right-title:nth-child(1){ margin-top:0px; }
 
.contact-right-contact{ font-size:15px; line-height:21px; padding:10px 0px; border-left:0px solid #ddd; /*background-color: #efefef; */color:#fff; margin-bottom: 10px;  }
.contact-right-contact a{  color:#fff;   }
.contact-right-contact a:hover{  color:#f7c93e;   }
 
.contact-right-adresa{position:relative; padding-left: 38px;  }
.contact-right-adresa::before{position: absolute; top:50%; left:0px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'home'; font-size: 24px; line-height: 24px; color:#666;  height:24px;}
.contact-right-telefon{position:relative; padding-left: 38px;   }
.contact-right-telefon::before{position: absolute; top:50%; left:0px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 24px; line-height: 24px; color:#666;  height:24px;}
.contact-right-email{position:relative; padding-left: 38px; }
.contact-right-email::before{position: absolute; top:50%; left:0px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 24px; line-height: 24px; color:#666;  height:24px;}
.contact-right-radno{position:relative; padding-left: 38px;   }
.contact-right-radno::before{position: absolute; top:50%; left:0px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'watch_later'; font-size: 24px; line-height: 24px; color:#666;  height:24px;}
.contact-right-radno span{ display: inline-block; width:85px; text-transform: uppercase; font-size: 15px; }
 
.contact-right-social{ margin:15px 0px 15px 0px; }
.contact-right-social img{height: 20px; margin-right:7px; border: 1px solid #666; padding:10px; cursor: pointer;}
.contact-right-social img:hover{ background-color: #ddd; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }

/*GOOGLE MAP*/
.google-map-title{ font-family: 'Montserrat', sans-serif; display: inline-block; background-color: #f7c93e; padding: 8px 25px; font-size:18px; line-height: 28px; margin-bottom: 24px; color:#000; font-weight: 800; text-transform: uppercase;  }

/*LATEST NEWS*/
.kiwi-latest-title{ font-family: 'Montserrat', sans-serif;  background-color: #111;  padding: 8px 25px;  font-size:18px; line-height: 28px; margin-bottom: 15px; color:#f7c93e; font-weight: 800; text-transform: uppercase;}
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden;}
.kiwi-latest-date{font-size:12px; line-height: 16px; color:#888;}
.kiwi-latest-list{padding:7px 0px; font-size:16px; line-height: 23px; border-bottom:1px dotted #ddd;}
.kiwi-latest-list a{color:#000;}
.kiwi-latest-list a:hover{color:#f7c93e;}


/*BOOK NOW*/
.book-now{ width:311px;  height: 347px; border:0px solid #ff0000;  position: relative; background: url(../images/bg-book-now.png) no-repeat left center; }
.book-now-inner{ position: absolute; left:100px; top:80px; width:500px; }
.book-now-button{ border:1px solid #be9b64; padding:8px 30px; color:#be9b64; font-size:16px; font-weight: bold; text-transform: uppercase; }
.book-now-button:hover{ background-color: #be9b64; color:#2e2e2e; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
.book-now-slogan{ position: absolute;  -webkit-animation: pomjeriDesno 70s infinite; -moz-animation: pomjeriDesno 70s infinite; animation: pomjeriDesno 70s infinite;  left:100px; color:#be9b64; font-size:90px; line-height: 100px; opacity: 0.30; }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes pomjeriDesno {
  from {left: 50px;}
  to {left: 400px;}
}

@keyframes pomjeriDesno {
  from {left: 50px;}
  to {left: 400px;}
}

/*O NAMA*/
.onama{ position: relative; background:#111; z-index: 0!important; padding: 40px 0px;}
.onama-abs{ position: absolute; top:0px; width: 0%; height: 100%; left: 0px; background:#f7c93e; }
.onama-naslov{font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; font-size: 36px; line-height: 46px; padding: 22px 25px 24px 25px; border-left: 2px solid #000; margin-bottom: 40px; }
.onama-desc{ color:#000; font-size: 16px; line-height: 25px; font-weight: normal; margin-bottom: 20px;  }

.onama-abs-animate{ animation: animateOnama .5s;  -moz-animation: animateOnama .5s; -webkit-animation: animateOnama .5s; animation-fill-mode: forwards; animation-delay: .1s; }

@-webkit-keyframes animateOnama {
  from {width: 0px;}
  to {width: 100%;}
}

@keyframes animateOnama {
  from {width: 0px;}
  to {width: 100%;}
}


/*KONTAKT FORMA*/
.kontakt-forma{ }
 
.kontakt-forma-right{ padding:0px 20px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
.contact-left-naslov{ text-align: left; font-size:18px; font-weight: bold; text-transform: uppercase; line-height: 28px; margin-top:30px;}
.contact-left-naslov:nth-child(1){ margin-top:0px; }
.contact-left-firma{ text-align: left; font-size:18px; font-weight: bold; line-height: 28px; margin-top: 20px; margin-bottom: 10px;}
.contact-left-adresa{text-align: left; font-size:18px;   line-height: 28px; }
.contact-left-telefon{text-align: left; font-size:18px; line-height: 28px; }
.contact-left-email{text-align: left; font-size:18px; line-height: 28px; }
 

/*TEKST*/
#jf-home-c .main p{font-size:16px; line-height:26px; border:0px solid #ff0000; color:#262626; font-weight:300;}

/*NASLOVI*/
.naslov{font-family: 'Montserrat', sans-serif; border:0px solid #ff0000; font-size: 30px; line-height:38px; text-align: left; color: #fff; margin-bottom: 60px;   font-weight:200; text-transform: uppercase; }
 
 

/*KONTAKTI BRZI*/
.contactLine{font-size:20px; color:#000; line-height:44px;}
.maticons{ display: inline-block; vertical-align: middle; font-size:34px; margin-bottom:2px; border:1px solid #fff; background-color:#fff; color:#222; padding:5px; border-radius:50%;}




/*SWISS MAP*/
.swissmap{ background: #111; padding-top: 80px; overflow: hidden; }
.swissmap .naslov{ text-align: center; margin-bottom: 100px;}
.swissmap-cont{ display: flex; margin-top:80px; }

.swissmap-right{ width: 30%;  }
.swissmap-right-inner{ position: relative; height: 100%; border-left:1px solid #222; margin-left: 25px; padding-left: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.map-panel{ position: absolute; top:30px; left: 0px; padding:25px 40px; padding-top: 30px; box-sizing: border-box; min-width: 250px; min-height: 150px; color:#fff; background: rgba(0,0,0,0.5); }
.map-location{ display: none; }
.map-desc{ font-size: 16px; line-height: 24px; color:#aaa; margin-bottom: 20px; }
.map-city{ font-size: 18px; font-weight: 700; color:#fff; border-bottom: 1px solid #222; padding-bottom: 15px; letter-spacing: 3px; text-transform: uppercase;  line-height: 26px; margin-bottom: 15px; }
.map-vehicle-img{  }
.map-vehicle-img img{ height: 60px; margin-bottom: 15px;  }

.map-label{ font-size: 16px; line-height: 20px; color:#aaa; }
.map-panel-data{ display: flex; margin-bottom: 20px; border-bottom: 1px solid #222; padding-bottom: 15px;}
.map-distance{ position: relative; width: 50%; font-size: 16px; line-height: 30px; color:#fff; padding-left: 35px; }
.map-distance::before{ position: absolute; left: 0px; top:50%; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; color:#f7c93e;  font-family: 'Material Symbols Outlined'; content:'pin_drop'; font-size: 26px;  }
.map-duration{ position: relative; width: 50%; font-size: 16px; line-height: 30px; color:#fff; padding-left: 35px; }
.map-duration::before{ position: absolute; left: 0px; top:50%; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; color:#f7c93e;  font-family: 'Material Symbols Outlined'; content:'timer'; font-size: 26px;  }

.map-fast-booking{ font-size: 15px; line-height: 24px; color:#fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; }
.map-fast-desc{ font-size: 16px; line-height: 24px; color:#aaa; margin-bottom: 15px; }

.map-fast-label{ font-size: 16px; line-height: 24px; color:#aaa; margin-bottom: 5px; }

.map-fast-start{ position: relative; font-size: 14px; color:#fff; line-height: 20px; padding-left: 35px;  }
.map-fast-start::before{ position: absolute; left: 0px; top:50%; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; color:#f7c93e;  font-family: 'Material Symbols Outlined'; content:'my_location'; font-size: 20px;}
.map-fast-middle{ border-left: 1px dashed #666; height: 40px; margin-left: 12px; margin-bottom: 10px;   }
.map-fast-end{ position: relative; font-size: 14px; color:#fff; line-height: 20px; padding-left: 35px; margin-bottom: 20px;  }
.map-fast-end::before{ position: absolute; left: 0px; top:50%; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; color:#f7c93e;  font-family: 'Material Symbols Outlined'; content:'pin_drop'; font-size: 20px;}
.map-fast-price-label{ font-size: 15px; line-height: 23px; font-weight: bold; color:#fff; }
.map-fast-price { font-size: 14px; line-height: 30px; font-weight: bold; color:#aaa; margin-bottom: 15px; }
.map-fast-price span{ font-size: 20px; color:#f7c93e;   }


.swissmap-box{position: relative; z-index: 5; border:0px solid #ddd; margin:0px auto;  width: 70%; }

.slide_svg{z-index: 4; opacity: 0; animation: grad-prikazi 1s linear 3s forwards;  position: absolute; top:0px; left: 0px; border:0px solid #00cc00; width: 100%; }
.slide-svg-bih{z-index: 4; position: absolute; top:0px; left: 0px; border:0px solid #cc0000; width: 100%; }


.slideshow_plane_start{ position: absolute; z-index: 10; left:-20%; top:30%; width:5%;  }
.slideshow_plane{ position: absolute; left:-20%; top:30%; width:5%; animation: move_plane 3.5s;  -moz-animation: move_plane 3.5s; -webkit-animation: move_plane 3.5s; animation-fill-mode: forwards; animation-delay: 1.5s; }
@keyframes move_plane {
  0% {left:-20%; top:30%;}

  100% {left:53.5%; top:20%;}
}

.slideshow_plane_shadow_start{ position: absolute; z-index: 10;  left:-20%; top:60%; width:5%;  }
.slideshow_plane_shadow{ position: absolute; left:-20%; top:60%; width:5%; animation: move_plane_shadow 3.5s;  -moz-animation: move_plane_shadow 3.5s; -webkit-animation: move_plane_shadow 3.5s; animation-fill-mode: forwards; animation-delay: 1.5s; }
@keyframes move_plane_shadow {
  0% {left:-20%; top:60%;}

  100% {left:53.7%; top:21%;}
}


 
.slideshow_location {position: absolute; z-index: 10!important; width: 3.5%; border:0px solid #ff0000; pointer-events: none; }
.slideshow_location:hover { cursor: pointer; }
.slideshow_location div{ left:50%; bottom: calc(-20% - 15px);  }
.slideshow_location span{ display: block; position: absolute; top:-22px; left:50%; transform: translateX(-50%); background-color: #f7c93e; color:#000; font-weight: bold; padding:0px 12px; font-size: 10px; line-height: 18px; text-transform: uppercase; white-space: nowrap; pointer-events: auto; }


.geneva_start{ opacity:0; left:5%; top:-100%;   }
.geneva{ opacity:0; left:5%; top:-100%; animation: move_geneva 0.3s;  -moz-animation: move_geneva 0.3s; -webkit-animation: move_geneva 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;  }
@keyframes move_geneva { 0% {top:-100%; opacity:0;} 100% { top:71%; opacity:1; } }

.lausanne_start{ opacity:0;left:15%; top:-100%; }
.lausanne{ opacity:0;left:15%; top:-100%;  animation: move_lausanne 0.3s;  -moz-animation: move_lausanne 0.3s; -webkit-animation: move_lausanne 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s; }
@keyframes move_lausanne { 0% {top:-100%; opacity:0;} 100% { top:60%; opacity:1; } }

.andermatt_start{ opacity:0; left:55%; top:-100%; }
.andermatt{ opacity:0; left:55%; top:-100%; animation: move_andermatt 0.3s;  -moz-animation: move_andermatt.3s; -webkit-animation: move_andermatt 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s; }
@keyframes move_andermatt { 0% {top:-100%; opacity:0; } 100% { top:55%; opacity:1; } }

.gstaad_start{ opacity:0; left:28%; top:-100%;  }
.gstaad{ opacity:0; left:28%; top:-100%; animation: move_gstaad 0.3s;  -moz-animation: move_gstaad 0.3s; -webkit-animation: move_gstaad 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s; }
@keyframes move_gstaad { 0% {top:-100%; opacity:0; } 100% { top:62%; opacity:1; } }

.lugano_start{ opacity:0; left:64%; top:-100%;}
.lugano{ opacity:0; left:64%; top:-100%; animation: move_lugano 0.3s;  -moz-animation: move_lugano 0.3s; -webkit-animation: move_lugano 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_lugano { 0% {top:-100%; opacity:0; } 100% { top:80%; opacity:1; } }

.bern_start{ opacity:0; left:32%; top:-100%;}
.bern{ opacity:0; left:32%; top:-100%; animation: move_bern 0.3s;  -moz-animation: move_bern 0.3s; -webkit-animation: move_bern 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_bern { 0% {top:-100%; opacity:0; } 100% { top:42%; opacity:1; } }

.stmoritz_start{ opacity:0; left:82%; top:-100%;}
.stmoritz{ opacity:0; left:82%; top:-100%; animation: move_stmoritz 0.3s;  -moz-animation: move_stmoritz 0.3s; -webkit-animation: move_stmoritz 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_stmoritz { 0% {top:-100%; opacity:0; } 100% { top:60%; opacity:1; } }

.davos_start{ opacity:0; left:82%; top:-100%;}
.davos{ opacity:0; left:82%; top:-100%; border:0px solid #ff0000; animation: move_davos 0.3s;  -moz-animation: move_davos 0.3s; -webkit-animation: move_davos 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_davos { 0% {top:-100%; opacity:0; } 100% { top:47%; opacity:1; } }

.zurichairport_start{ opacity:0; left:53.5%; top:-100%; }
.zurichairport{ opacity:0; left:53.5%; top:-100%; border:0px solid #ff0000; animation: move_zurichairport 0.3s;  -moz-animation: move_zurichairport 0.3s; -webkit-animation: move_zurichairport 0.3s; animation-fill-mode: forwards; animation-delay: .5s;}
.zurichairport.slideshow_location span{ top:-22px; background-color: #fff; color:#000; font-weight: bold; padding:0px 16px; font-size: 12px; line-height: 21px; }
@keyframes move_zurichairport { 0% {top:-100%; opacity:0; } 100% { top:12%; opacity:1; } }

.zurich_start{ opacity:0; left:53.5%; top:-100%; }
.zurich{ opacity:0; left:58%; top:-100%; border:0px solid #ff0000; animation: move_zurich 0.3s;  -moz-animation: move_zurich 0.3s; -webkit-animation: move_zurich 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
.zurich.slideshow_location span{ transform: translateX(-10%);  }
@keyframes move_zurich { 0% {top:-100%; opacity:0; } 100% { top:20%; opacity:1; } }

.zermatt_start{ opacity:0; left:37%; top:-100%; }
.zermatt{ opacity:0; left:37%; top:-100%; border:0px solid #ff0000; animation: move_zermatt 0.3s;  -moz-animation: move_zermatt 0.3s; -webkit-animation: move_zermatt 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_zermatt { 0% {top:-100%; opacity:0; } 100% { top:80%; opacity:1; } }

.basel_start{ opacity:0; left:35%; top:-100%; }
.basel{ opacity:0; left:35%; top:-100%; border:0px solid #ff0000; animation: move_basel 0.3s;  -moz-animation: move_basel 0.3s; -webkit-animation: move_basel 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_basel { 0% {top:-100%; opacity:0; } 100% { top:6%; opacity:1; } }

.luzern_start{ opacity:0; left:48%; top:-100%; }
.luzern{ opacity:0; left:48%; top:-100%; border:0px solid #ff0000; animation: move_luzern 0.3s;  -moz-animation: move_luzern 0.3s; -webkit-animation: move_luzern 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_luzern { 0% {top:-100%; opacity:0; } 100% { top:35%; opacity:1; } }



.swissmap-img{ position: absolute; opacity: 0; background:url('../../../images/blog/st-mortiz-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover; z-index: 10; top:-30px; left:-50px; width: 275px; height: 184px; border-top:4px solid #f7c93e; box-shadow: rgba(0, 0, 0, 0.5) 0px 14px 28px, rgba(0, 0, 0, 0.44) 0px 10px 10px;  animation: op_swissmap_img 0.3s;  -moz-animation: op_swissmap_img 0.3s; -webkit-animation: op_swissmap_img 0.3s; animation-fill-mode: forwards; animation-delay: 2s;  }
@keyframes op_swissmap_img { 0% {opacity:0; } 100% {opacity:1; } }



.swissmap-img.img_lausanne{ background:url('../../../images/blog/lausanne-limousine-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_andermatt{ background:url('../../../images/blog/andermatt-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_bern{ background:url('../../../images/blog/bern-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_geneva{ background:url('../../../images/blog/genf-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_gstaad{ background:url('../../../images/blog/gstaad-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_lugano{ background:url('../../../images/blog/lugano-airport-zurich-transfer.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_davos{ background:url('../../../images/blog/wef-davos-taxi-transfer-zurich.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_stmoritz{ background:url('../../../images/blog/st-mortiz-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_zurichairport{ background:url('../../../images/blog/zurich-airport-taxi-transfers.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_zurich{ background:url('../../../images/blog/zurich-limo-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_zermatt{ background:url('../../../images/blog/zermatt-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_basel{ background:url('../../../images/blog/basel-limousine-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }
.swissmap-img.img_luzern{ background:url('../../../images/blog/luzern-limousine-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  }

.slideshow_location::before{ display: none; position: absolute; z-index: 30; opacity: 0; top:-100px; left: -350px; width: 220px; height: 147px; border-top:4px solid #f7c93e; content: ''; transition: .5s;   pointer-events: none; } 
.slideshow_location.lausanne::before{ background:url('../../../images/blog/lausanne-limousine-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.lausanne:hover::before{  opacity: 1;  } 

.slideshow_location.andermatt::before{ background:url('../../../images/blog/andermatt-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.andermatt:hover::before{  opacity: 1;  } 

.slideshow_location.bern::before{ background:url('../../../images/blog/bern-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.bern:hover::before{  opacity: 1;  }

.slideshow_location.geneva::before{ background:url('../../../images/blog/genf-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.geneva:hover::before{  opacity: 1;  }

.slideshow_location.gstaad::before{ background:url('../../../images/blog/gstaad-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.gstaad:hover::before{  opacity: 1;  }

.slideshow_location.lugano::before{ background:url('../../../images/blog/lugano-airport-zurich-transfer.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.lugano:hover::before{  opacity: 1;  }

.slideshow_location.davos::before{ background:url('../../../images/blog/wef-davos-taxi-transfer-zurich.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.davos:hover::before{  opacity: 1;  }

.slideshow_location.stmoritz::before{ background:url('../../../images/blog/st-mortiz-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.stmoritz:hover::before{  opacity: 1;  }

.slideshow_location.zurichairport::before{ background:url('../../../images/blog/zurich-airport-taxi-transfers.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.zurichairport:hover::before{  opacity: 1;  }

.slideshow_location.zurich::before{ background:url('../../../images/blog/zurich-limo-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.zurich:hover::before{  opacity: 1;  }

.slideshow_location.zermatt::before{ background:url('../../../images/blog/zermatt-taxi-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.zermatt:hover::before{  opacity: 1;  }

.slideshow_location.basel::before{ background:url('../../../images/blog/basel-limousine-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.basel:hover::before{  opacity: 1;  }

.slideshow_location.luzern::before{ background:url('../../../images/blog/luzern-limousine-transfer-zurich-airport.jpg') center center no-repeat; background-size: cover;  } 
.slideshow_location.luzern:hover::before{  opacity: 1;  }


.pulsating-circle { position: absolute; width: 15px; height: 15px; border:0px solid #ddd;}
.pulsating-circle:before { content: ''; position: relative; display: block; width: 500%; height: 150%; box-sizing: border-box; margin-left: -250%; margin-top: -75%; border-radius: 50%; background-color: #000; animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;    }
.pulsating-circle:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 80%; height: 30%; margin-left: -40%; margin-top: -15%; background-color: #000; border-radius: 50%;/* filter: blur(3px);
  -webkit-filter: blur(1px);*/}

.pulsating-circle2 { position: absolute; width: 15px; height: 15px; }
.pulsating-circle2:before { content: ''; position: relative; display: block; width: 500%; height: 150%; box-sizing: border-box; margin-left: -250%; margin-top: -75%; border-radius: 50%; background-color: #000; animation: pulse-ring 2.25s .3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
.pulsating-circle2:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 80%; height: 30%; margin-left: -40%; margin-top: -15%; background-color: #000; border-radius: 50%; }

.pulsating-circle3 { position: absolute; width: 15px; height: 15px; }
.pulsating-circle3:before { content: ''; position: relative; display: block; width: 500%; height: 150%; box-sizing: border-box; margin-left: -250%; margin-top: -75%; border-radius: 50%; background-color: #000; animation: pulse-ring 2.25s .6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
.pulsating-circle3:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 80%; height: 30%; margin-left: -40%; margin-top: -15%; background-color: #000; border-radius: 50%; }
  
@keyframes pulse-ring {
     0% {
         transform: scale(0.33);
    }
     80%, 100% {
         opacity: 0;
    }
}



/*HOW TO BOOK*/
.howto{border:0px solid #ff0000; padding:40px 0px; padding-bottom: 80px; background: #111} 
.howto .main{ width: 1240px!important;  }
.howto .naslov{ text-align: center;}
.howto-all{margin-top:80px; overflow:hidden; border:0px solid #ff0000; padding-left: 20px; padding-right: 20px;}
.howto-box{ width:25%; float:left; padding:0px 1.3%; border:0px solid #ff0000; margin-bottom:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.howto-box:nth-child(1){  padding-left:0%; background: url('../images/icon-how-arrow-left.png') right 0px no-repeat;  }
.howto-box:nth-child(2){  background: url('../images/icon-how-arrow-right.png') left 0px no-repeat, url('../images/icon-how-arrow-left-inv.png') right 0px no-repeat;  }
.howto-box:nth-child(3){  background: url('../images/icon-how-arrow-left.png') right 0px no-repeat, url('../images/icon-how-arrow-right-inv.png') left 0px no-repeat;   }
.howto-box:nth-child(4){  padding-right:0%; background: url('../images/icon-how-arrow-right.png') left 0px no-repeat;}
.howto-box:nth-child(2n){ padding-top:40px; }
.howto-box:nth-child(1) .howto-image{ background:url("../images/icon-locations.png") no-repeat center center; background-size:30px; }
.howto-box:nth-child(2) .howto-image{ background:url("../images/icon-new-cars.png") no-repeat center center; background-size:30px; }
.howto-box:nth-child(3) .howto-image{ background:url("../images/icon-personal-info.png") no-repeat center center; background-size:37px; }
.howto-box:nth-child(4) .howto-image{ background:url("../images/icon-finish.png") no-repeat center center; background-size:30px; }
.howto-image { border:1px solid #555; position:relative; width:80px; height:80px; margin:0px auto;  margin-bottom:30px;  border-radius:50%;}
.howto-image-inner{ background-color:#f7c93e; position:absolute; width:25px; height:25px; top:0px; left:0px; border-radius:50%; }
.howto-box:nth-child(1) .howto-image-inner::before { position: absolute; width: 15px; height: 15px; text-align: center; color:#000; content: "1"; font-weight: bold; top:4px; left:5px; font-size: 13px; line-height: 15px; }
.howto-box:nth-child(2) .howto-image-inner::before { position: absolute; width: 15px; height: 15px; text-align: center; color:#000; content: "2"; font-weight: bold; top:4px; left:5px; font-size: 13px; line-height: 15px; }
.howto-box:nth-child(3) .howto-image-inner::before { position: absolute; width: 15px; height: 15px; text-align: center; color:#000; content: "3"; font-weight: bold; top:4px; left:5px; font-size: 13px; line-height: 15px; }
.howto-box:nth-child(4) .howto-image-inner::before { position: absolute; width: 15px; height: 15px; text-align: center; color:#000; content: "4"; font-weight: bold; top:4px; left:5px; font-size: 13px; line-height: 15px; }
.howto-content{ background-color: #0a0a0a; min-height: 150px; padding:20px; box-shadow: 0 5px 25px 0px rgba(0,0,0,.1);  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.howto-desc{ font-size:14px; font-weight:bold; color:#666; text-transform: uppercase; line-height:18px; }
.howto-desc a{ color:#f7c93e; }
.howto-desc a:hover{ color:#fff; }
.howto-desc2{ font-size:16px; color:#aaa; line-height:22px; margin-top:10px; margin-bottom:10px;  }
.howto-desc2 a{ color:#f7c93e; }
.howto-desc2 a:hover{ color:#fff; }

 


 



/*SWISS MAP*/
.swiss-map{ z-index:0!important; padding:80px 0px; background: #262626 url("../images/backgroundBooking.jpg") left center no-repeat }
.swiss-map .naslov{color:#fff;}
.swiss-map p{color:#fff!important;}

/*FLEET IKONICE*/
.fleetContainter{width:100%; overflow:hidden; border:0px solid #ff0000; background-color:#ffc61a; padding:5px 0px; border-top:2px solid #222;}
.fleetInner{width:33%; float:left; font-size:18px; color:#000; line-height:24x; text-align:center;}
.fleetInner .material-icons{display: inline-block; vertical-align: middle; font-size:24px; margin-bottom:2px;  color:#000; }

 


/*SERVICES*/
.services{ background-color: #111; overflow: hidden; padding:60px 0px; z-index: 0; }
.services .naslov{ text-align: center; }
.servicesBoxCont{ overflow: hidden; }
.services p{ color:#fff!important; text-align: center!important; }
.servicesBox{ border:0px solid #ff0000; padding:0px 1.5%; width: 30%; float:left; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.servicesBox:nth-child(1){  width: 40%;}
.servicesBox:hover{  }
.servicesBox:hover .servicesIcon img{   }
.servicesBox:hover .servicesDesc{   }
.servicesBox:hover .servicesTitle{    }
.servicesBoxSmall{ overflow: hidden; margin-bottom: 25px; min-height: 190px;}
.servicesBoxSmall:nth-child(2){  margin-bottom: 0px;  min-height: auto;}
.servicesIcon{ width: 15%; float:left;}
.servicesIcon img{ height: 50px;   }
.servicesText{ width: 80%; float:right; }
.servicesImage{ display: none; }
.servicesBigTItle{font-family: 'Montserrat', sans-serif; font-weight:200; color:#fff; font-size: 36px; line-height: 46px; padding: 22px 25px 24px 25px; border-left: 2px solid #fff; margin-bottom: 40px; }
.servicesBigDesc{ width: auto;  font-size:22px; line-height: 32px; color:#aaa; margin: 0px 15%; margin-bottom: 80px; text-align: center;  }
.servicesTitle{ font-size:16px; line-height: 16px; font-weight: bold; color:#fff; margin-bottom:10px; text-transform: uppercase;   }
.servicesDesc{ width: 100%;  font-size:14px; line-height: 22px; color:#999; padding:0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;   }

 
.rings{ padding:30px 0px; }
.rings-row-top{ position:relative; overflow:hidden; padding-bottom:50px; display: flex; justify-content: space-between; }

.rings-row-top-left{  width:33%; position: relative;  text-align:right; padding-bottom: 40px; cursor: pointer; }
.rings-row-top-left::after{content:''; position: absolute; bottom:-40px; right: -94px; width: 94px; height: 40px; background:url('../images/bg-circle-arrow-top-left.png') center center no-repeat; background-size: cover; }
.rings-row-top-left::before{content:''; position: absolute; bottom:-25px; right: 0px; width: 50px; height: 50px; background:#111 url('../images/icon-driver.png') center center no-repeat; background-size: 66%; border:1px solid #f7c93e; }
.rings-row-top-left:hover::after{ background:url('../images/bg-circle-arrow-top-left-hover.png') center center no-repeat; background-size: cover; }
.rings-row-top-left:hover::before{ background:#f7c93e url('../images/icon-driver-hover.png') center center no-repeat; background-size: 66%; transition: .5s;     }

.rings-row-top-right{  width:33%; position: relative; padding-bottom: 40px; cursor: pointer;}
.rings-row-top-right::after{content:''; position: absolute; bottom:-40px; left: -94px; width: 94px; height: 40px; border:0px solid #ff0000; background:url('../images/bg-circle-arrow-top-right.png') center center no-repeat;  background-size: cover; }
.rings-row-top-right::before{content:''; position: absolute; bottom:-25px; left: 0px; width: 50px; height: 50px; background:#111 url('../images/icon-new-cars.png') center center no-repeat; background-size: 60%;  border:1px solid #f7c93e; }
.rings-row-top-right:hover::after{ background:url('../images/bg-circle-arrow-top-right-hover.png') center center no-repeat; background-size: cover; }
.rings-row-top-right:hover::before{ background:#f7c93e url('../images/icon-new-cars-hover.png') center center no-repeat; background-size: 60%; transition: .5s;    }

.rings-row-bottom{ position:relative; overflow:hidden; padding-top:50px; display: flex; justify-content: space-between; }

.rings-row-bottom-left{  width:33%; height:100%; position: relative;  text-align:right; padding-top: 40px;  cursor: pointer;}
.rings-row-bottom-left::after{content:''; position: absolute; top:-40px; right: -94px; width: 94px; height: 40px; border:0px solid #ff0000; background:url('../images/bg-circle-arrow-bottom-left.png') center center no-repeat;  background-size: cover; }
.rings-row-bottom-left::before{content:''; position: absolute; top:-25px; right: 0px; width: 50px; height: 50px; background:#111 url('../images/icon-flexibility.png') center center no-repeat; background-size: 60%; border:1px solid #f7c93e; }
.rings-row-bottom-left:hover::after{ background:url('../images/bg-circle-arrow-bottom-left-hover.png') center center no-repeat; background-size: cover; }
.rings-row-bottom-left:hover::before{ background:#f7c93e url('../images/icon-flexibility-hover.png') center center no-repeat; background-size: 60%; transition: .5s;   }

.rings-row-bottom-right{  width:33%; position: relative; padding-top: 40px;  cursor: pointer;}
.rings-row-bottom-right::after{content:''; position: absolute; top:-40px; left: -94px; width: 94px; height: 40px; border:0px solid #ff0000; background:url('../images/bg-circle-arrow-bottom-right.png') center center no-repeat;  background-size: cover; }
.rings-row-bottom-right::before{content:''; position: absolute; top:-25px; left: 0px; width: 50px; height: 50px; background:#111 url('../images/icon-no-hidden-costs.png') center center no-repeat; background-size: 66%; border:1px solid #f7c93e; }
.rings-row-bottom-right:hover::after{ background:url('../images/bg-circle-arrow-bottom-right-hover.png') center center no-repeat; background-size: cover; }
.rings-row-bottom-right:hover::before{ background:#f7c93e url('../images/icon-no-hidden-costs-hover.png') center center no-repeat; background-size: 66%; transition: .5s;  }


.rings-row-title{ font-size:18px; line-height:32px; color:#fff; letter-spacing: 3px; text-transform: uppercase; font-weight:400; margin-bottom:10px;}
.rings-row-desc{ font-size: 16px; color:#aaa; line-height: 25px; }
/* The Loader */
.rings-circle{width:230px; margin:10px auto; border:0px solid #ddd; position:relative; min-height:230px; }
.services:hover .loader{ animation: rota 4s infinite linear;}
.services:hover .loader2{ animation: rota2 8s infinite linear;}
.services:hover .loader3{ animation: rota3 25s infinite linear;}
.services:hover .loader4{ animation: rota4 3s infinite linear; }

.loader { position:absolute; width: 200px; height: 200px; border-radius: 50%; border: 15px solid transparent; border-top: 15px solid #282828; border-left: 15px solid #282828; border-right: 15px solid #282828; opacity: 1; z-index: 11;}
.loader2 { top:15px; left:15px; width: 170px; height: 170px; position: absolute; border-radius: 50%; border: 15px solid transparent; border-top: 15px solid #f7c93e; border-right: 15px solid #f7c93e; }
.loader3 { top:30px; left:30px; width: 140px; height: 140px; position: absolute; border-radius: 50%; border: 15px solid transparent; border-right: 15px solid #ffe69b; border-bottom: 15px solid #ffe69b; }
.loader4 { top:-15px; left:-15px; width: 230px; height: 230px; position: absolute; border-radius: 50%; border: 15px solid transparent; border-left: 15px solid #ddd;   }
.ring-title{position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-size:20px; line-height: 24px; font-weight:bold; color:#fff;}

/* Animation */
@keyframes rota {
    from { }
    to { transform:rotate(360deg) ; }
}

@keyframes rota2 {
    from { }
    to { transform:rotate(-360deg) ; }
}

@keyframes rota3 {
    from { }
    to { transform:rotate(-360deg) ; }
}

@keyframes rota4 {
    from { }
    to { transform:rotate(-360deg) ; }
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg);
  }
}




/*GRADOVI */
.gradovi{ padding: 40px 0px; background-color: #262626; }
.gradovi div{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gradovi-cont{ overflow: hidden; }

.gradovi-box{ display: table; width: 100%; border:1px solid #555;  position: relative;  margin-bottom: 20px;  text-align: center; cursor: pointer;  }
.gradovi-box:hover{  background-color: #111;} 
.gradovi-box:hover .gradovi-image{ opacity: 0.5}
.gradovi-image{ width: 28%; display: table-cell;} 
.gradovi-image img{  display: none;} 

.gradovi-textbox{ width: calc(50% - 1px);  display: table-cell; border-right:1px solid #555; height: 100%; vertical-align: top; }
.gradovi-atr{ overflow: hidden; margin-bottom: 10px; margin-top:5px; }
.gradovi-dist{ text-transform: uppercase; font-size: 11px; color:#bbb; float:left; margin-left:20px; }  
.gradovi-distspan{ color:#fff; font-weight: bold; text-transform: none} 
.gradovi-title{ font-size:20px; color:#fff; font-weight: bold; line-height: 24px; padding-top:20px; padding-left:20px;  text-align: left;  }
.gradovi-desc{ font-size:16px; color:#ddd; line-height: 24px; padding:10px 20px 20px 20px; text-align: left; border-top:1px solid #555;  }

.gradovi-booking{ width: 22%;  display: table-cell; text-align: center; vertical-align: middle;}
.gradovi-button{ background-color: #f7c93e; color:#000; font-size:14px; text-transform: uppercase; font-weight: bold; line-height: 20px; padding:8px 30px; }
.gradovi-button:hover{ background-color: #fff; color:#000; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.gradovi-interlaken{  background: #262626 url("../images/airport-transfer-interlaken.jpg") center center no-repeat; background-size: cover; }
.gradovi-luzern{  background: #262626 url("../images/airport-transfer-luzern.jpg") center center no-repeat; background-size: cover; }
.gradovi-lugano{  background: #262626 url("../images/airport-transfer-lugano.jpg") center center no-repeat; background-size: cover; }
.gradovi-davos{  background: #262626 url("../images/airport-transfer-davos.jpg") center center no-repeat; background-size: cover; }
.gradovi-stmoritz{  background: #262626 url("../images/airport-transfer-stmoritz.jpg") center center no-repeat; background-size: cover; }
.gradovi-munich{  background: #262626 url("../images/airport-transfer-munich.jpg") center center no-repeat; background-size: cover; }


 

/*TARIFFS*/
.tariffs{ background-color: #111; padding:80px 0px; }
.tariffs .naslov{ text-align: center; }
.tariffsCont{ padding:8px 8px; margin-top: 80px; overflow: hidden;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tariffsContainter{border:1px solid #111; float:left; width: calc(47% - 2px); margin-right:6%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom: 60px; }
.tariffsContainter:nth-child(2n){ margin-right:0%;  }
.tariffsContainter:nth-child(3){ margin-bottom:0px;  }
.tariffsContainter:nth-child(4){ margin-bottom:0px; }
.tariffsContainter:hover{cursor: pointer; transition: none;}
.tariffsContainter:hover .tariffsService{ color:#ffd700; }
.tariffsImage{ border:0px solid #ff0000;  }
.tariffsTitle{position:absolute; top:0px; right:0px; font-size:15px; color:#000;  float:right; border:2px solid #ffd700; padding:7px 7px; font-weight: bold; line-height:15px; text-align:center; }
.tariffsService{ position: relative; font-family:  'Montserrat', sans-serif; font-size:26px; color:#fff; line-height:36px; font-weight: 200;  text-align:center; text-transform:uppercase; margin-bottom:40px; }
.tariffsService:before{ position: absolute; bottom:-17px; left:50%; content: ''; height: 1px; background: #ffd700; width: 60px; margin-left: -30px; }
.tariffsDesc{font-size:15px; color:#999; text-align: center; line-height:21px; margin:20px 20px;  }
.tariffsAtributs{ border:0px solid #ff0000; overflow: hidden; padding:0px 20%; box-sizing: border-box;} 
.tariffsAtributs .tariffsChild{ border-bottom:2px solid #333; width: 30%; text-align: center; color:#fff; float:left;  margin-right: 5%; padding-bottom:7px;    } 
.tariffsAtributs .tariffsChild:nth-child(3){  margin-right: 0% } 
.tariffsNum{ font-size: 20px; line-height: 26px; font-weight: bold; color:#fff; }
.tariffsAtr{ font-size: 10px; line-height: 16px;  color:#666; text-transform: uppercase; }
.tariffsPrice{ position:absolute; top:0px; right:0px; font-size:15px; color:#ccc; border:2px solid #ffd700; padding:10px 15px 7px 15px; line-height:26px; text-align:center;}
.tariffsPriceSpan{ font-size:22px; font-weight: bold; color:#fff; }
.tariffsPriceButton{ border:0px solid #ff0000; background-color:#f7941e; display: none;}
.tariffsPriceButton span{display: block; width: 100%; padding:15px 0px; font-weight: bold; text-transform: uppercase; text-align: center; background-color:#6f4a2f; color:#fff; font-size:14px; line-height:18px;  }
.tariffsPriceButton span:hover{ background-color: #cc7722; color:#fff;  cursor:pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;   }


/*DESTINACIJE*/
.destinacije-supercontainer{ overflow: hidden;   padding:150px 0px; background: #222 url(../images/taxi-bahnhof-flughafen.jpg) center repeat-x; background-size: cover;  background-attachment: fixed;}
.destinacije{ position: relative;  text-align: center; }
.destinacije .naslov{ color:#fff; }
.destinacijeBox{ background-color:#fff; padding:0px 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.destinacijeImage{border:0px solid #ff0000; background: #fff url(../images/bgLines.png) center repeat-x;}
.destinacijeTitle{font-size:24px; color:#000; line-height:32px; margin-top:15px; font-weight: bold; text-align:center; text-transform:uppercase;}
.destinacijeDesc{font-size:16px; color:#444; line-height:22px;  margin:0px 10px 15px 10px;  text-align:center;   }
.destinacijePrice{  font-size:18px; color:#fff; background-color: #f7941e;  text-align:center; }
.destinacijePriceSpan{ display: block;  background-color:#f7941e; width: 100%; font-size:14px; text-transform: uppercase;  color:#f48c91; font-weight:normal;  color:#000;  font-size:14px; line-height:18px; text-align: center;  padding:15px 0px;  }
.destinacijePriceSpan:hover{ background-color: #000; color:#f7941e;  cursor:pointer;-webkit-transition: .5s; -moz-transition: .5s; transition: .5s;   }



/*DESTINACIJE2*/
.destinacije2{ border:0px solid #ff0000; }
.destinacije2-cont{ overflow: hidden; }
.destinacije2-50{ width: 50%; float:left; }
.destinacije2-inner{ height: 50%; }
.destinacije2-left{ width: 50%; float:left;  }
.destinacije2-right{ width: 50%; float:right;  }

.destinacije2-abs-back{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px; background: #000; opacity: 0.8;  }
.destinacije2-hover:hover .destinacije2-abs-back{ opacity: 0;  }
.destinacije2-hover:hover .destinacije2-content{ display: none;  }
.destinacije2-content{ position: absolute; top:50%; height: 140px; margin-top: -70px;  left: 0px; width: 100%; text-align: center; }
.destinacije2-number{font-family: 'Montserrat', sans-serif;  font-size: 40px; line-height: 80px; color:#aaa; font-weight: 700 }
.destinacije2-number span{font-size: 80px; color:#fff; }
.destinacije2-title{ position: relative; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px; margin-top: 30px; color:#aaa; text-transform: uppercase;  }
.destinacije2-title:before{ position: absolute; content: ''; top:-20px; width: 60px; height: 1px; left: 50%; margin-left: -30px; background-color:#f7c93e;  }

.destinacije2-v1{height: 100%; background:#262626; position: relative; }
.destinacije2-v1inner{ position: absolute; width: 100%; top:50%; margin-top: -30px; font-family: 'Montserrat', sans-serif;  color:#fff; font-weight:200; font-size: 36px; line-height: 60px; text-align: center; letter-spacing: 3px;  height: 60px; text-align: center; }
.destinacije2-v2{ position: relative; height: 100%; background:#fff url(../images/bg-zurich-airport-transfer.jpg) center repeat-x; background-size:cover;}
.destinacije2-m1{ position: relative; height: 100%; background:#fff url(../images/bg-swiss-airport-transfer.jpg) center repeat-x; background-size:cover;}
.destinacije2-m2{ position: relative; height: 100%; background:#fff url(../images/mercedes-s-class-limousine-service.jpg) center repeat-x; background-size:cover;}
.destinacije2-m3{ position: relative; height: 100%; background:#fff url(../images/switzerland-limousine-transfer.jpg) center repeat-x; background-size:cover;}
.destinacije2-m4{ position: relative; height: 100%; background:#fff url(../images/zurich-transfer-online-booking.jpg) center repeat-x; background-size:cover;}
 
 

/*ROTATOR KLIJENTI*/
#clients {display: block; margin-left: auto; margin-right: auto;}
#clients .clients-wrap {display: block; width: 100%; margin: 0 auto; overflow: hidden; border:0px solid #0000ff;}
#clients .clients-wrap ul {display: block; list-style: none; position: relative; margin-left: auto; margin-right: auto;}
#clients .clients-wrap ul li {display: block; margin-right:20px; float: left; position: relative; border:0px solid #ff0000; text-align: center;}
/*#clients .clients-wrap ul li:nth-child(2) { width:500px; }*/




/*BLOCKQUOTE*/
.blockquote{ padding:40px 0px; background-color: #191919; }
.blockquote .naslov{ text-align: center; }
.blockquote .main{ width: 1220px!important; }
.blockquoteContainer{display: table; width: 100%; }
.blockquote-button { width: 60px; display: table-cell;}
.blockquote-button:hover { cursor: pointer;}
#blockquote { width: calc(100% - 120px); display: table-cell; overflow: hidden; }
#blockquote ul{display:block; width: 100%; margin: 0px;  list-style-type: none; overflow: hidden;} 
#blockquote ul li{display: block; float:left; text-align:left; width:33.3%; list-style-type: none; margin:0px; padding:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.blockquotePrevious{ position: relative; }
.blockquotePrevious::before{ position: absolute; top:50%; right: 0px; margin-top:-11px; font-family: 'Material Icons Round'; content:'chevron_right'; font-size: 30px; line-height: 40px; color:#f7c93e; border: 2px solid #444;
width: 40px; height: 40px; text-align: center;  }
.blockquotePrevious:hover::before{ border: 2px solid #f7c93e; } 
.blockquoteNext{ position: relative; }
.blockquoteNext::before{ position: absolute; top:50%; left:0px; margin-top:-11px; font-family: 'Material Icons Round'; content:'chevron_left'; font-size: 30px; line-height: 40px; color:#f7c93e; border: 2px solid #444;
width: 40px; height: 40px; text-align: center;   } 
.blockquoteNext:hover::before{ border: 2px solid #f7c93e; }  

.blockquote-stars{ margin-bottom: 15px; }
.blockquote-stars img{ height: 20px; }
.blockquote-title{font-size:16px; line-height:24px; font-weight: bold; color:#fff; margin-bottom:8px;}
.blockquote-desc{ font-size:15px; line-height:23px;  color:#ddd;}
.blockquote-name{ position: relative; font-size:16px;  line-height:14px;  color:#aaa; margin-top:40px;}
.blockquote-name::before{ position: absolute; content: ''; width: 30px; height: 1px; top:-22px; background: #f7c93e; left:0px; }
.blockquote-comment-cont{ margin-top:30px; padding:20px 0px; text-align: center; }
.blockquote-comment{ position: relative; font-size:16px; font-weight: bold; color:#fff; line-height: 24px; padding:13px 40px; border-bottom:2px solid #f7c93e; }
.blockquote-comment::before{ position: absolute; top:50%; right:0px; margin-top:-15px; font-family: 'Material Symbols Outlined'; content:'double_arrow'; font-size: 24px; line-height: 30px; color:#f7c93e; width: 30px; height: 30px; text-align: left;   }
.blockquote-comment:hover{ background-color: #fff; color:#000;  cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.blockquote-comment:hover::before{ color:#000;   }


/*V KLASA*/
.mobilni{ padding:40px 0px; background:#111; overflow: hidden; }
.mobilni-cont{ display: flex; }
.mobilni-left{width: 50%; }
.mobilni-left img{ width: 100%; }
.mobilni-right{ width: 50%; padding-left: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.mobilni-title{font-family: 'Montserrat', sans-serif; font-weight:200; color:#fff; font-size: 36px; line-height: 46px; padding: 22px 25px 24px 25px; border-left: 2px solid #fff; margin:40px 0px;}
.mobilni-subtitle{font-family: 'Montserrat', sans-serif; color:#f7c93e; font-weight:200;  font-size: 22px; line-height: 32px; margin-bottom:25px;}
.mobilni-desc{ color:#ddd; font-size:16px; line-height: 24px; margin-bottom:40px; }
.mobilni-dugme-cont{ margin-top: 40px; padding: 20px 0px; }
.mobilni-dugme{ position: relative; margin-top: 20px; padding: 13px 40px 13px 40px; color:#fff; font-size: 16px; font-weight: bold; border-bottom: 2px solid #f7c93e; }
.mobilni-dugme::before{ position: absolute; top:50%; right:5px; margin-top:-15px; font-family: 'Material Symbols Outlined'; content:'double_arrow'; font-size: 24px; line-height: 30px; color:#f7c93e; width: 30px; height: 30px; text-align: left;   }
.mobilni-dugme:hover{ background-color: #fff; color:#000; cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.mobilni-dugme:hover::before{ color:#000;   }
 
 
/*PHOCA GALLERY*/
#phocagallery #pg-icons{display:none;}
#phocagallery .pg-csv-name{border:0px solid #ff0000; font-size:16px; line-height:20px; height:44px; }
#phocagallery .pg-csv-name a:hover{color:#D50000!important;}
#phocagallery .pg-csv-box{border:0px solid #ff0000; width:31%; margin:0px; margin-left:1%; margin-right:1%; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; }
#phocagallery .pg-csv-box:hover{ background-color:none;}
#phocagallery .pg-csv-box .pg-csv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;}
#phocagallery .pg-csv-box .pg-box3 img{border:0px solid #ff0000; width:100%!important;}

#phocagallery .pg-cv-box{ border:0px solid #ff0000; margin:0; margin-left:1%; margin-right:1%;  width:31%; margin-bottom:20px; padding:0; box-shadow:none; height:auto; }
#phocagallery .pg-cv-box .pg-cv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;}
#phocagallery .pg-cv-box .pg-cv-box-img img{border:0px solid #ff00ff; width:100%!important;} 
 

 /*KONTAKT*/
.kontakt-container{ }
.kontakt-box{width:calc(25% - 1px); border-right:1px solid #666; float:left; margin-top:25px; padding-left:20px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;   }
.kontakt-box:nth-child(4){ border:0px;}
.kontakt-title{ font-size:15px; color:#fff; margin-bottom:20px; text-transform: uppercase;}
.kontakt-content{ padding-left:50px;   }
.kontakt-box:nth-child(1) .kontakt-content, .kontakt-box:nth-child(2) .kontakt-content{ background:url("../images/icon-highlight-telephone.png") no-repeat left center; }
.kontakt-box:nth-child(3) .kontakt-content{ background:url("../images/icon-highlight-email.png") no-repeat left center; }
.kontakt-content-top{ font-size: 16px; color:#fff; line-height: 26px; }
.kontakt-content-bottom{ font-size: 12px; line-height: 26px; color:#aaa; text-transform: uppercase;  }
.kontakt-booking{ font-size: 14px; line-height: 26px; text-transform: uppercase; padding:4px 20px; display: block; width:50%; text-align: center; margin:0px auto; color:#fff; border:1px solid #84af28;  }
.kontakt-booking:hover{ background-color:#84af28;  color:#262626; border:1px solid #84af28;  }
 

/*NEVIDLJIVO*/
.nevidljivo { background-color:#252525;}
.nevidljivo a {color: #252525; font-size:2px; line-height:2px; display:inline;}

/*POWERED BY*/
.powered-by-container{ background-color:#252525; padding:10px 0px; text-align:right; font-size:14px; color:#888; padding-right:10px;}
.powered-by{color:#fff;}
.powered-by:hover{color:#f1b41d;}
.powered-by-co{color:#f1b41d}


/*PARTNERI*/
.partneriContainer{ overflow:hidden; width:100%; text-align:center; }
.partneriContainer img{ height:100px; float:left; margin:20px 20px;  }

/*NABRAJANJA*/
.nabrajanja{/*list-style: square outside url("../images/iconCheck.png");*/ list-style-type:none; border:0px solid #ff0000; margin:0px;}
.nabrajanja li{ padding-left:35px; background: url("../images/iconCheck.png") no-repeat left; color: #fff; font-size: 18px; line-height: 28px; margin-bottom:20px; border:0px solid #ff0000;}

/*MOJ SLIDER*/
/*>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/

 
 

ul,
ul li {
    margin-bottom: 10px
}

ul {
    margin-left: 40px;
    color: #777;
    list-style-type: circle
}

ul li {
    font-size: 18px;
    color: #222
}

.natpisEmail {
    color: #fff;
    font-size: 40px
}

/*FOOTER*/
.footer{background-color:#efefef; padding:60px 0px; z-index:0!important;  border-top:0px solid #93e193; }
.footer .footerNaslov{color: #000; font-size: 16px; font-weight: bold; border:0px solid #ff0000; margin-bottom:20px; }
.footer-logo{ margin-bottom: 30px; }
.footer-logo img{ height: 80px; }
.footer td{color:#222; font-size:14px; }
.footer p{color:#000!important; font-size:14px!important; line-height: 20px!important margin-bottom:15px;}
.footer .divFooter{color:#222; line-height: 19px; font-size: 14px;  margin-bottom:8px;}
.footer .divFooter a{ color:#222; }
.footer .divFooter a:hover{ color:#000; padding-left:25px; background: url(../images/bg-footer-line.png) left center no-repeat;  }
.footerSecondDiv{ margin-left:50px; }
.footer a{color:#222;}
.footer a:hover{color:#cc7722; }
.footer-fleet-desc{ font-size: 13px; color:#222; line-height: 19px; padding-bottom:20px; margin-bottom:15px;  background: url(../images/bg-footer-fleet.png ) bottom left no-repeat;  }
.footer-slogan{ font-size:26px; line-height: 32px; text-transform: uppercase; font-weight: bold; background-color: #f7c93e; padding:10px 0px; text-align: center; color:#000; margin:20px 0px; }
.footerAddress{font-size: 14px; padding:5px 0px 5px 35px; margin-bottom: 15px!important; background: url(../images/iconFooterAddress.png) no-repeat; background-position:left center; line-height: 18px!important;}
.footerTelephone{font-size: 14px; padding:5px 0px 5px 35px; margin-bottom:15px!important; background: url(../images/iconFooterTelephone.png) no-repeat; background-position:left center; line-height:30px;}
.footerEmail{font-size: 14px;  padding:5px 0px 5px 35px; margin-bottom: 15px!important; background: url(../images/iconFooterEmail.png) no-repeat; background-position:left center; line-height:30px;}
.footerArrow{padding-left:35px; background: url(../images/iconFooterArrow.png) no-repeat; background-position:left center; line-height:30px;}
.footerFirma{font-size: 20px!important; line-height: 24px!important; text-transform: uppercase; margin-bottom: 10px!important;}
.footer-social{ margin:30px 0px 20px 0px; text-align: left;}
.footer-social img{height: 20px; margin-right:10px; background-color: #000; padding:10px;}
.footer-social img:hover{ background-color: #262626; }
.footer-button{ margin-top:20px; padding:10px 0px; }
.footer-button-span{ background-color: #f7941e; color:#000; border-radius: 4px; font-size:16px; font-weight: bold; padding:8px 40px; }
.footer-button-span:hover{ background-color: #ffff; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.footer-payment{margin:0px 0px 0px 0px; text-align: left;}
.footer-payment img{height: 35px; margin-right:10px; margin-bottom: 10px; }



.main {
    width: 1100px
}

.main100 {
    width: 100%
}

.colspan2 {
    width: 440px
}

.colspan3 {
    width: 33%
}

.colspan40 {
    width: 40%
}

.colspan50 {
    width: 50%
}

.colspan75 {
    width: 74%
}

.colspan25 {
    width: 25%
}

.colspan66 {
    width: 66%
}

.colspan33 {
    width: 33%
}

@media (min-width:1602px) {
    
    
    


}

@media (min-width:1100px) and (max-width:1601px) {
    
 
 

}

@media (min-width:768px) and (max-width:1100px) {
    
 
  
    
}

@media (max-width:767px) {

	.main{ width: 100%; }
    .homeMargina1{ margin:0px 20px; }
	.mobileHeader{display:block; width:100%; position:fixed; background-color: #111; top:0px; height:50px; z-index:100; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	
    .glavniMeni{ display: none; }
    .slogan-menu{ display: block; text-align: center; line-height: 40px; font-size:18px; font-weight: bold; color:#fff; }
    .glavniMeni #kiwi-menu{display: none;}
	
	

    .header-plava{ position: relative; height: 85px; display: none;}
    .header-plava-left{ display: none; }


    .forma {border: 0 solid red; margin:0px; margin-bottom: 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
    .forma-50{ width:100%;  float:none; margin-right:0%; margin-top:0px; }
    .forma-50:nth-child(2){ width:100%; margin-right:0%;  margin-top:0px; }
    .forma-30{ width:100%;  float:none; margin-right:0%; margin-top:0px; }
    .forma-100{ margin-bottom: 0px; }
    .form_add_padding{ margin-top:26px!important; }
  
    .forma .clr { width: 100%; overflow: hidden;}
    .forma input, .forma select  {font-size: 14px; line-height: 24px; padding: 10px 0 6px 30px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
    .forma select { height: 50px;}
    .forma input, .forma select, .forma textarea  { line-height: 24px; background-color: transparent; padding: 10px 0 6px 30px; width: 100%; border-radius: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
    .forma input[type="submit"]{  padding: 10px 50px; font-size: 16px;   margin-top: 30px; }
    .forma select { height: 40px;  }

    /*COOKIES BANNER*/
    #cookies-banner{position:fixed; width:100%; left:auto; margin-left:auto; text-align: left;  bottom:0px; padding:15px; font-size:12px; line-height:17px;}
    #cookies-banner .modalconent{ width: auto; margin:0px auto; }
    .cookies-link{ font-weight: bold; text-decoration: underline; color:#fff; }


    /*FADE EFFECT*/
    .fade { top:30px;   opacity:0;}
    .pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }


     /*BOOKING*/
    body.itemid-174, body.itemid-190, body.itemid-121, body.itemid-188{ background-color: #111; } 
    .calculator { position: absolute; left:20px; top:auto; bottom: auto; top:520px; width: calc(100% - 40px); z-index: 40;}
    .calculator-inner{ padding:10px; border-radius:4px; }
    .calculator-input-cont{ background: #fff; border-radius: 7px; padding:10px 0px; padding-bottom: 5px; overflow: hidden;}
    .calculator .naslov{ font-size: 26px; line-height: 34px; margin-bottom: 30px; }

    .calc-tabs .tablinks { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 15px; font-weight: 400; padding: 11px 5px 11px 5px;}
  
    .calc input,
    .calc select,
    .calc textarea { padding: 10px 10px 10px 32px!important;}
    .calc-input-block::before { font-size: 18px;  left: 7px;  }


    .floatingMapa{ width: auto; margin:0px 15px; }
 
    .calc-left{ padding:0; background: none; border-bottom: 0px;}
    .calc-right { padding: 0; background: none;}
    .calc-datetime-1{ width: 50%; }
    .calc-date-start{ width: 100%; margin-right: 0px; }
    .calc-return{ width: 48%; margin-left: 2%; }
    .calc-datetime-2 {padding: 0;  background: none;}
    .calc-submit { padding: 0; background: none; margin-top:20px;}
    .calc-block-pausal {  padding: 0; background: none;  }
    .calc-label{ background: #111; left:35px; }
    .calculator input[type="submit"]{ width: 100%; font-size: 16px;    }
    .calculator input[type="submit"]:hover {    }


     /*GLAVNI MENI*/ 
    .mobileHeader{display:block; position: fixed; width:100%; height:50px; z-index:999;/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/}
    .logoSlika { position: absolute; height:44px; top: 3px; left:50%; margin-left:-60px; }

    .glavniMeni{ display: none; }
 
    /*HEADER2*/

    .header2{width:100%; height:220px; margin-top: 50px;  }
    .header2 .main{ height: 100%; position: relative; }
    .header2-title{margin-top:-25px; font-size: 40px; line-height: 50px; letter-spacing: 10px;   } 


    /*MENU DUGME*/
    a.gotomenu {height: 30px; position: absolute; color:#fff; right: 10px; top: 14px; width: 30px; z-index: 60}
	 
	/*JEZIK MODUL*/
    .language {position: absolute; left:10px; z-index: 1; width: auto; height: 30px; top:8px; text-align: center;  }
    .language .inputbox { background: #111; border: 2px solid #444; padding: 2px 12px; font-size: 11px; text-transform: uppercase; line-height: 16px; color: #f7c93e; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


    /*SLIDESHOW*/
    .kiwi-slideshow{ margin-top: 50px; overflow: visible; margin-bottom: 600px;}
    .kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;}
    .kiwi-slideshow-slide-m{ display: block; position:absolute; width: 100%; background-color:#111; background-repeat: no-repeat; background-position: center center; background-size: cover;   }
    
    .kiwi-slideshow-box{ display: block; position: absolute; z-index: 10; top:50%; margin-top: -68px; left:5%; width: 90%; margin-left: 0px; text-align: center; }
    .kiwi-slideshow-title{ font-family: 'Montserrat', sans-serif; color: #fff; font-weight: 200; text-align: center; font-size:36px; line-height: 46px; margin-top:0px; }

    .kiwi-slideshow-img { text-align: center;}
    .kiwi-slideshow-img img{ height: 40px; }

    /* Zoom in Keyframes */
    @-webkit-keyframes zoomin {
      0% {transform: scale(1);}
     
      100% {transform: scale(1.1);}
    }
    @keyframes zoomin {
      0% {transform: scale(1);}
     
      100% {transform: scale(1.1);}
    } 

      /**********************************CONTENT***************************************/
      /********************************************************************************/
      /********************************************************************************/
      .content-all{ margin:0px 0px; width: auto; }
      .content-left{ width: 100%; float:none; }
      .itemid-126 .content-left{ width:100%; float:none; }
      .content-right{ width: 100%; float:none; margin-top:50px; }

      #jf-content{ margin:0px 20px; padding-top:0px;}
      .jf-content-right-abs{ display: none; }
     
      #jf-content .main{ padding-top:40px; padding-bottom: 40px; }
      #jf-content .main .item-page h2, #jf-content .main h1{  font-size: 22px; line-height: 30px; margin-bottom: 30px; }
      #jf-content .main p{ font-size: 15px; line-height: 25px; }

      #jf-content .main ul, #jf-content .main ol{      padding-left: 5px; margin-bottom: 10px;  }

      /*#jf-content table {width: 100%; border:0px; border-collapse: collapse; margin-bottom: 20px; border-bottom: 1px solid #555;}
      #jf-content table tr th{ font-size: 14px; line-height: 18px; background-color: #1e1e1e; color:#fff; font-weight:bold; padding:5px 4px;  }
      #jf-content table tr td{ font-size: 14px; line-height: 18px; color:#ddd; padding:5px 4px; border-bottom: 1px solid #1e1e1e }*/
      #jf-content .table-package tr td:last-child{ text-align: center; font-weight: bold; color:#e84393; }
      #jf-content .table-package tr td:nth-child(3){ text-align: center;  }
    

 
    /*PAGE - SERVISI*/
    .page-services-uvod{ text-align: left; margin:0px  0px; margin-bottom: 50px; margin-top:50px;  }
    .page-services-box{ overflow: hidden; margin-bottom: 50px; width: 100%; }
    .page-services-50left{ width: 100%; float: left;  }
    .page-services-50right{ width: 100%; float: right;  }
    .page-services-title{font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; text-transform: uppercase; text-align: center; font-size: 20px; line-height: 28px; margin-bottom: 20px; margin-top:20px; }
    .page-services-desc{ color:#444; font-size: 16px; line-height: 25px; margin-bottom: 15px;  text-align: left; }

    /*PAGE BLOG*/
    .items-leading{overflow: hidden; display: block; }
    .items-leading > div{ width: auto; margin-right: 0%; float: none; }
    .blog h1{ font-size: 36px; line-height: 46px; color:#000; margin-bottom: 40px; font-weight: bold; }
    .blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden;  display: block; }
    .categoryBlog{ overflow:hidden; margin-bottom:60px; cursor: pointer; position: relative;}
     
    .categoryTitle1 h2{font-size:18px!important; line-height: 24px!important; min-height: auto; }
    .categoryImage{height: 240px;  }
    .categoryDate{  }

    /*PAGE CONTACT*/
    .itemid-191 .content-left, .itemid-189 .content-left {width: auto; float: none; }
 
    /*PAGE LATEST MODULE*/
    .kiwi-latest-title{ font-size: 16px; line-height: 26px; }

    /*PAGE GOOGLE MAP MODULE*/
    .google-map-title{ font-size: 16px; line-height: 26px; }

    /*KIWI HIGHLIGHT*/
    .kiwi-highlight{ display: none; }


    /*SWISS MAP*/
    .swissmap{ padding-top: 40px; margin-top: 0px; }
    .swissmap .naslov{ text-align: center; }
    .swissmap-cont{ display: block; margin-top:50px; }

    .swissmap-right{ width: auto; margin-top: 15px;  }
    .swissmap-right-inner{ height: auto; border-left:0px solid #222; margin-left:20px; margin-right: 20px; padding-left: 0px; }
    .map-city {font-size: 16px; padding-bottom: 8px; letter-spacing: 2px; line-height: 24px; margin-bottom: 10px; }
    .map-panel-data { margin-bottom: 20px; padding-bottom: 8px; }
    .map-distance { font-size: 14px; line-height: 30px; padding-left: 35px; }
    .map-duration { font-size: 14px; line-height: 30px; padding-left: 35px; }


    .swissmap-box{width:auto; }
    .swissmap-img{  top:-30px; left:10px; width: 138px; height: 92px; border-top:3px solid #f7c93e; box-shadow: rgba(0, 0, 0, 0.5) 0px 14px 28px, rgba(0, 0, 0, 0.44) 0px 10px 10px;  }

    .slideshow_location {position: absolute; z-index: 10!important; width: 3.5%; border:0px solid #ff0000; pointer-events: none; }
 
    .slideshow_location span{ top:-15px; left:50%; transform: translateX(-50%); background-color: #f7c93e; color:#000; font-weight: bold; padding:0px 5px; font-size: 9px; line-height: 14px; text-transform: uppercase; white-space: nowrap; pointer-events: auto; }
    .zurichairport.slideshow_location span{ top:-22px; background-color: #fff; color:#000; font-weight: bold; padding:0px 7px; font-size: 11px; line-height: 16px; }

    .slideshow_location::before{ position: absolute; z-index: 30; opacity: 0; top:-50px; left: -150px; width: 110px; height: 73.5px; border-top:3px solid #f7c93e; } 



    /*HOW TO BOOK*/
    .howto{border:0px solid #ff0000; padding:0px 0px;}
    .howto .main{ width: auto!important; }
    .howto-all{margin-top:60px; overflow:hidden; border:0px solid #ff0000; padding-left: 0px; padding-right: 0px; padding-bottom: 20px; }
    .howto-box{ width:auto; float:left; padding:0px 1.3%; border:0px solid #ff0000; margin-bottom:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top:40px;}
    .howto-box:nth-child(1){ padding-bottom:60px; padding-left:0%; background: url('../images/icon-how-arrow-top.png') center bottom no-repeat;  }
    .howto-box:nth-child(2){ padding:60px 0px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat, url('../images/icon-how-arrow-top.png') center bottom no-repeat;  }
    .howto-box:nth-child(3){ padding:60px 0px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat, url('../images/icon-how-arrow-top.png') center bottom no-repeat;   }
    .howto-box:nth-child(4){  padding-top:60px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat;}
    .howto-box:nth-child(2n){ padding-top:60px; }
    .howto-box:nth-child(1) .howto-image{ background:url("../images/icon-locations.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(2) .howto-image{ background:url("../images/icon-new-cars.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(3) .howto-image{ background:url("../images/icon-personal-info.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(4) .howto-image{ background:url("../images/icon-finish.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(1) .howto-image-inner::before {top:6px;   }
    .howto-box:nth-child(2) .howto-image-inner::before {top:6px;   }
    .howto-box:nth-child(3) .howto-image-inner::before {top:6px;   }
    .howto-box:nth-child(4) .howto-image-inner::before {top:6px;   }
    .howto-image { border:1px solid #444; position:relative; width:70px; height:70px; margin:0px auto;  margin-bottom:30px;  border-radius:50%;}
    .howto-image-inner{ position:absolute; width:25px; height:25px; top:0px; left:0px; border-radius:50%; }
 
    .howto-content{ min-height: auto;  padding:15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .howto-desc{ font-size:12px; line-height:22px;  }
    .howto-desc2{ font-size:15px; line-height:25px; margin-top:15px;  }
	
  
    /*MOBILNI*/
    .mobilni{  background:#111; overflow: hidden; }
    .mobilni .main{  }
    .mobilni .homeMargina1{ margin-bottom:0px; }
    .mobilni-cont{ display: block; }
    .mobilni-left{width: 100%; float:none;}
    .mobilni-left img{ width: 100%; }
    .mobilni-right{ width: 100%; padding-left: 0px; }
    .mobilni-title{ font-weight:200; color:#fff; font-size: 28px; line-height: 38px; padding: 15px 20px 15px 20px; border-left: 2px solid #fff; margin:40px 0px;}
    .mobilni-subtitle{ font-size: 18px; line-height: 28px; margin-bottom:25px;}
    .mobilni-desc{  font-size:15px; line-height: 25px; margin-bottom: 20px; }
 
 
    /*SERVICES*/
    .services{ border:0px solid #ff0000; background-color: #111; overflow: hidden; padding:40px 0px; z-index: 0; }
    .services .naslov{ }
    .servicesBoxCont{ overflow: hidden; }
    .services p{ color:#fff!important; text-align: center!important; }
    .servicesBigDesc{ font-size: 18px; line-height: 28px;margin: 0px 0%; margin-bottom: 40px;  }
    .servicesBox{ border:0px solid #ff0000; padding:0px 1.5%; width: 100%; margin-bottom: 40px; float:left; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .servicesBox:nth-child(1){  width: 100%;}
    .servicesBox:hover{  }
    .servicesBox:hover .servicesIcon img{   }
    .servicesBox:hover .servicesDesc{   }
    .servicesBox:hover .servicesTitle{    }
    .servicesBoxSmall{ overflow: hidden; margin-bottom: 40px; min-height: auto;}
    .servicesBoxSmall:nth-child(2){  margin-bottom: 0px;  min-height: auto;}
    .servicesIcon{ width: 15%; float:left;}
    .servicesIcon img{ height: 50px;   }
    .servicesText{ width: 80%; float:right; }
    .servicesImage{ display: none; }
    .servicesBigTItle{font-family: 'Montserrat', sans-serif; font-weight:200; color:#fff; font-size: 28px; line-height: 38px; padding: 22px 25px 24px 25px; border-left: 2px solid #fff; margin-bottom: 40px; }
    .servicesTitle{ font-size:16px; line-height: 16px; font-weight: bold; color:#fff; margin-bottom:10px; text-transform: uppercase;   }
    .servicesDesc{ width: 100%;  font-size:14px; line-height: 22px; color:#999; padding:0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;   }

 
    .rings{ padding:10px 0px;  }
    .rings-row-top{ display: block }
    .rings-row-top-left{  width:100%; position: relative;  text-align:left; padding-bottom:0px; padding-top:40px; cursor: pointer; margin-top: 40px; margin-bottom:80px; }
    .rings-row-top-left::before{bottom:auto; right: auto; top:-25px; left:0px; }
    .rings-row-top-right{  width:100%; position: relative; padding-bottom: 0px;  padding-top:40px; cursor: pointer;}
    .rings-row-top-right::before{bottom:auto; top:-25px; left: 0px; }
    .rings-row-bottom{ display: block;   }
    .rings-row-bottom-left{  width:100%; height:100%; position: relative;  text-align:left; padding-top: 40px;  cursor: pointer;}
    .rings-row-bottom-left::before{ top:-25px; right:auto; left:0px;  }
    .rings-row-bottom-right{  width:100%; position: relative; padding-top: 40px; margin-top:80px;  cursor: pointer;}

    .rings-row-title{ font-size:18px; line-height:28px; letter-spacing: 1px; margin-bottom:7px;}
    .rings-row-desc{ font-size: 15px; line-height:25px; }
     

    /*BOOK NOW*/
    .swiss-map{ z-index:0!important; padding:40px 0px; background: #262626 url("../images/backgroundBooking-m.jpg") center center no-repeat }
 
    .book-now{ width:250px;  height: 329px; border:0px solid #ff0000; margin-top:0px; position: relative; background: url(../images/bg-book-now-m.png) no-repeat left center; }
    .book-now-inner{ position: absolute; left:50px; top:50px; width:300px; }
    .book-now-button{ border:1px solid #be9b64; padding:8px 30px; color:#be9b64; font-size:16px; font-weight: bold; text-transform: uppercase; }
    .book-now-button:hover{ background-color: #be9b64; color:#2e2e2e; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
    .book-now-slogan{ position: absolute;  -webkit-animation: pomjeriDesno 40s infinite; -moz-animation: pomjeriDesno 40s infinite; animation: pomjeriDesno 40s infinite;  left:-20px; color:#be9b64; font-size:40px; line-height: 50px; opacity: 0.30; }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes pomjeriDesno {
     from {left: -20px;}
     to {left: 80px;}
    }

    @keyframes pomjeriDesno {
     from {left: -20px;}
      to {left: 80px;}
    }


	/*FADE EFFECT*/
	.fade { top:30px;	opacity:0;}
	.pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	
	/*TARIFFS*/
    .tariffs{ background-color: #111; padding:20px 0px; }
    .tariffsCont{ padding:0px; overflow: hidden;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
    .tariffsContainter{ float:none; width:100%; margin-right:0%;  }
    .tariffsContainter:nth-child(2n){ margin-right:0%;  }
    .tariffsContainter:nth-child(3){ margin-bottom:60px;  }
    .tariffsContainter:nth-child(4){ margin-bottom:0px; }
    .tariffsContainter:hover{cursor: pointer;  transition: none;}
    .tariffsTitle{position:absolute; top:0px; right:0px; font-size:15px; color:#000;  float:right; border:2px solid #ffd700; padding:7px 7px; font-weight: bold; line-height:15px; text-align:center; }
    .tariffsService{font-size:26px; color:#fff; line-height:36px; margin-top:10px; }
    .tariffsDesc{font-size:15px; line-height:25px; margin:20px 0px;  }
    .tariffsAtributs{ border:0px solid #ff0000; overflow: hidden; padding:0px 5%; box-sizing: border-box;} 
     
    .tariffsPrice{ position:absolute; top:0px; right:0px; font-size:15px; color:#ccc; border:2px solid #ffd700; padding:5px 5px 2px 5px; line-height:22px; text-align:center;}
    .tariffsPriceSpan{ font-size:20px; font-weight: bold; color:#fff; }
    .tariffsPriceButton{ border:0px solid #ff0000; background-color:#f7941e; display: none;}
    .tariffsPriceButton span{display: block; width: 100%; padding:15px 0px; font-weight: bold; text-transform: uppercase; text-align: center; background-color:#6f4a2f; color:#fff; font-size:14px; line-height:18px;  }
    .tariffsPriceButton span:hover{ background-color: #cc7722; color:#fff;  cursor:pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;   }


    #clients .clients-wrap ul li {display: block; margin-right:0px; float: left; position: relative; border:0px solid #ff0000; text-align: center;}

   

     

 
 		
	/*NASLOVI*/
	.naslov{ font-size: 26px; line-height:33px; }
	
	/*O NAMA*/
    .onama{  z-index: 0!important; padding: 20px 0px;}
    .onama-naslov{ font-size: 32px; line-height: 42px; padding: 14px 25px 14px 25px; border-left: 2px solid #000; margin-bottom: 40px; }
    .onama-desc{ font-size: 15px; line-height: 25px; font-weight: normal;  }

    /*WHEELCHAIR */
    .wheelchair{ overflow: hidden; padding:30px 0px; background: #222 url(../images/wheelchair-transportation.jpg) center repeat-x; background-size: cover;  background-attachment: fixed; }
    .wheelchair .naslov{ color:#fff; }
    .wheelchair-uvod { color:#f7941e; font-size: 16px; line-height: 24px; margin-bottom:12px; }
    .wheelchair-text { color:#fff; font-size: 16px; line-height: 24px; margin-bottom:12px;}
 


    /*CONTACT LEFT*/
	.contact-left-naslov{ text-align: left; font-size:16px; font-weight: bold; text-transform: uppercase; line-height: 28px; margin-top:20px;}
    .contact-left-naslov:nth-child(1){ margin-top:0px; }
    .contact-left-firma{ text-align: left; font-size:16px; font-weight: bold; line-height: 28px;}
    .contact-left-adresa{text-align: left; font-size:16px;   line-height: 28px; }
    .contact-left-telefon{text-align: left; font-size:16px;   line-height: 28px; }
    .contact-left-email{text-align: left; font-size:16px;   line-height: 28px; }

    /*KONTAKTI*/
    .kontakti{ background:#6f4a2f; text-align: center; z-index: 0!important;}
    .kontakti .homeMargina1{ margin:0px 10px; }
    .kontakti-telefon{ font-size:22px; color:#fff; line-height: 28px; font-weight: bold; display: inline-block;  }
    .kontakti-telefon a{ color:#fff;  }
 

    /*KONTAKT FORMA*/
    .kontakt-forma{ }
    .sscf-header {margin-top:40px!important;}
    

    /*FOOTER*/
    .footerSecondDiv{ margin-left:0px; }
    .footer-logo img{  height: 70px; }

    /*DESTINACIJE2*/
    .destinacije2{ border:0px solid #ff0000; background:#262626; padding: 60px 0px;   }
    .destinacije2-cont{ overflow: hidden; }
    .destinacije2-50{ width: 100%; float:none;  overflow: hidden; }
    .destinacije2-inner{ height: 100%; overflow: hidden;  }
    .destinacije2-left{ width: 100%; float:none; overflow: hidden;  }
    .destinacije2-right{ width:100%; float:none; overflow: hidden;   }
    .destinacije2-v1{height: 100%; background:#262626; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:200; font-size: 26px; line-height: 36px; text-align: center; position: relative; letter-spacing: 3px;}
    .destinacije2-v1inner{ margin-top:0px; margin-bottom: 40px; height: auto; text-align: left; position: relative; width: auto; font-size: 32px; line-height: 42px;  top:0px;}

    .destinacije2-content{ height: 90px; margin-top: -45px;  }
    .destinacije2-number{ font-size: 28px; line-height: 44px; }
    .destinacije2-number span{font-size: 44px; }
    .destinacije2-title{  font-size: 14px; line-height: 24px; margin-top: 25px;  }
    .destinacije2-title:before{ position: absolute; content: ''; top:-15px; width: 60px; height: 1px; left: 50%; margin-left: -30px; background-color:#f7c93e;  }


    .destinacije2-v2{height: 100%; padding:100px 0px; background:#111 url(../images/bg-zurich-airport-transfer.jpg) center center no-repeat; background-size:cover;}
    .destinacije2-m1{height: 100%; padding:100px 0px; background:#111 url(../images/bg-swiss-airport-transfer.jpg) center center no-repeat; background-size:cover;}
    .destinacije2-m2{height: 100%; padding:100px 0px; background:#111 url(../images/zurich-transfer-online-booking.jpg) center center no-repeat; background-size:cover;}
    .destinacije2-m3{height: 100%; padding:100px 0px; background:#111 url(../images/switzerland-limousine-transfer.jpg) center center no-repeat; background-size:cover;}
    .destinacije2-m4{height: 100%; padding:100px 0px; background:#111 url(../images/mercedes-s-class-limousine-service.jpg) center center no-repeat; background-size:cover;}

    
    /*GRADOVI */
    .gradovi{ padding: 40px 0px; background-color: #262626; }
    .gradovi div{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .gradovi-cont{ overflow: hidden; }
    .gradovi-box{ display: table; width: 100%; border:1px solid #555;  position: relative;  margin-bottom: 30px;  text-align: center; cursor: pointer;  }
    .gradovi-box:hover{  background-color: #111;} 
    .gradovi-box:hover .gradovi-image{ opacity: 0.5}
    .gradovi-image{ width: 100%; display: block;} 
    .gradovi-image img{  display: none;} 
    .gradovi-textbox{ width: calc(100% - 1px);  display: block; border-right:0px solid #555; border-bottom:1px solid #555; height: 100%; vertical-align: top; }
    .gradovi-atr{ overflow: hidden; margin-bottom: 10px; margin-top:5px; }
    .gradovi-dist{ text-transform: uppercase; font-size: 11px; color:#bbb; float:left; margin-left:20px; }  
    .gradovi-distspan{   color:#fff; font-weight: bold;} 
    .gradovi-title{ font-size:20px; color:#fff; font-weight: bold; line-height: 30px; padding-top:20px; padding-left:20px;  text-align: left;  }
    .gradovi-desc{ font-size:16px; color:#ddd; line-height: 24px; padding:10px 20px 20px 20px; text-align: left; border-top:1px solid #555;  }
    .gradovi-booking{ width: 100%;  display: block; text-align: center; overflow: hidden; padding:40px 0px;}
    .gradovi-button{ background-color: #f7c93e; color:#000; font-size:14px; text-transform: uppercase; font-weight: bold; line-height: 20px; padding:8px 30px; }
    .gradovi-interlaken{padding: 100px 0px; background: #262626 url("../images/airport-transfer-interlaken.jpg") center center no-repeat; background-size: cover; }
    .gradovi-luzern{  padding: 100px 0px; background: #262626 url("../images/airport-transfer-luzern.jpg") center center no-repeat; background-size: cover; }
    .gradovi-lugano{  padding: 100px 0px; background: #262626 url("../images/airport-transfer-lugano.jpg") center center no-repeat; background-size: cover; }
    .gradovi-davos{ padding: 100px 0px; background: #262626 url("../images/airport-transfer-davos.jpg") center center no-repeat; background-size: cover; }
    .gradovi-stmoritz{ padding: 100px 0px; background: #262626 url("../images/airport-transfer-stmoritz.jpg") center center no-repeat; background-size: cover; }
    .gradovi-munich{ padding: 100px 0px; background: #262626 url("../images/airport-transfer-munich.jpg") center center no-repeat; background-size: cover; }
 

   
	
  
	/*BLOCKQUOTE*/
    .blockquote{ }
    .blockquote .naslov{  }
    .blockquote .main{ width: auto!important;}
    
    .blockquoteContainer{  width: 100%;  }
    .blockquote-button { width: 20px; }
    .blockquote-button:hover { cursor: pointer;}
    #blockquote { width: calc(100% - 40px); }
    #blockquote ul{display:block; width: 100%; margin: 0px;  list-style-type: none; overflow: hidden;} 
    #blockquote ul li{display: block; float:left;  width:100%;  margin:0px; padding:25px 15px;}
    
    .blockquotePrevious::before{  right: -10px; margin-top:-15px;  font-size: 24px; line-height: 30px; width: 30px; height: 30px;   }
    .blockquoteNext::before{  left:-10px; margin-top:-15px;  font-size:24px; line-height: 30px;  width: 30px; height: 30px;    } 

    .blockquote-stars{ margin-bottom: 15px; }
    .blockquote-stars img{ height: 20px; }
    .blockquote-title{font-size:14px; line-height:20px; font-weight: bold; color:#fff; margin-bottom:8px;}
    .blockquote-desc{ font-size:14px; line-height:22px;  }
    .blockquote-name{ font-size:14px;  line-height:22px;  }
 

    /*PHOCA GALLERY*/
    #phocagallery .pg-csv-box{border:0px solid #ff0000; width:100%; margin:0px; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; }
    #phocagallery .pg-cv-box{ border:0px solid #ff0000; margin:0; width:100%; margin-bottom:20px; padding:0; box-shadow:none; height:auto; }
     
    

    /*ZASTO*/
    .zastomi{ padding:0px; position: relative; min-height: 500px; background: #fff url("../images/sec_banner2-m.jpg") no-repeat top center; margin-bottom:0px;}
    .zastomi .main{ padding:0px; width:100%!important; position: relative; }
    .zastomiContainer{ position: relative; overflow: hidden; border:0px solid #ff0000; }
    .zastomi .naslov{ text-align: center; color:#fff; font-size:50px; text-transform: uppercase; line-height: 60px; margin-bottom:60px;}
    .zastomi .naslovMail{ text-align: center; color:#be9b64; font-size:14px; line-height: 24px; text-transform: uppercase; margin-top:180px;  }
    .zastomiBox{  width: 100%; margin-right:0px; margin-bottom:3px; background-color: #be9b64; float: none; padding:60px 20px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
    .zastomiBox:hover{ background-color: #9c8259; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;  }
    .zastomiImage{ text-align: center; }
    .zastomiImage img{ height: 100px; }
    .zastomiTitle{ font-size:20px; line-height: 28px; margin:20px 0px; text-transform: uppercase;  text-align: center; }
    .zastomiDesc{ font-size:15px; line-height: 23px; min-height: 0px; text-align: center; margin-bottom:40px;}
 
     /* SIDE NAVIGATION */
    #mySidenav{display:block;}
   /* SIDE NAVIGATION */
#mySidenav{display:block; box-shadow: 0 5px 35px 0px rgba(0,0,0,.2);}
.sidenav-inner{ width: 300px; margin-left: 30px; margin-right: 30px; }
.sidenav .sidenav-pretext{ font-family: 'Montserrat', sans-serif; font-weight: 200;  color:#f7c93e; padding:60px 0px 0px 0px; margin-bottom:30px; text-align:left; font-size:34px; line-height:44px;   }
 
.sidenav .sidenav-logo{ margin-bottom:30px; text-align:center;  }
.sidenav .sidenav-logo img{  height: 60px; margin-bottom: 30px;}
.sidenav { background-color:#111; font-size: 20px; line-height: 40px; color:#fff;  height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; right: 0; overflow-x: hidden; transition: 0.5s;  }
.sidenav li{font-size:20px; position: relative; line-height:40px; color:#fff; margin-bottom: 0; padding-left:34px; list-style-type:none; /*background: url(../images/bg-sidenav-li.png) left 15px no-repeat; background-size:10px;*/ cursor: pointer; }
.sidenav li:hover, .sidenav li.active{color:#f7c93e; }
.sidenav li a{color:#fff;  }
.sidenav li a:hover, {color:#f7c93e;  }
.sidenav .active { /*background: url(../images/bg-sidenav-li-active.png) left 15px no-repeat; background-size:10px*/ }
.sidenav ul{ margin:0px; }
.sidenav a {padding: 0; text-align:left; text-decoration: none; font-size: 20px; line-height:40px;  color: #fff; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #f7c93e;}
.sidenav .nav-child{ }
.sidenav .nav-child li{ display:none; line-height:30px; margin-left:0px; margin-bottom:0px; border:0px solid #0000ff; min-height:30px;}
.sidenav .nav-child li .separator{font-size:18px; padding-left:0px;  min-height:30px; font-weight:bold; }
.sidenav .nav-child li.active a{ color: #f7c93e; }
.sidenav .nav-child li a{font-size:18px!important; padding-left:0px; line-height:40px; }
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 40px; margin-left: 50px; color:#f7c93e;}

/*... SIDENAV IKONICA */
.sidenav li::after{font-family: 'Material Symbols Outlined'; content:'keyboard_arrow_right'; font-size: 16px; line-height: 20px; color:#fff;  position: absolute; top:10px; right:0px; width:20px; height:20px; border:0px solid #ff0000;}
.sidenav li::before{ font-family: 'Material Symbols Outlined'; content:'menu'; font-size: 20px; line-height: 20px; color:#fff;  position: absolute; top:10px; left:0px; width:20px; height:20px; border:0px solid #ff0000;}
.sidenav li.item-174::before, .sidenav li.item-121::before{font-family: 'Material Symbols Outlined'; content:'home'; color:#666;}
.sidenav li.item-183::before, .sidenav li.item-180::before{font-family: 'Material Symbols Outlined'; content:'location_on'; color:#666;}
.sidenav li.item-190::before, .sidenav li.item-188::before{font-family: 'Material Symbols Outlined'; content:'computer'; color:#666;}
.sidenav li.item-196::before, .sidenav li.item-198::before{font-family: 'Material Symbols Outlined'; content:'topic'; color:#666;} 
.sidenav li.item-185::before, .sidenav li.item-178::before{font-family: 'Material Symbols Outlined'; content:'directions_car'; color:#666;} 
.sidenav li.item-191::before, .sidenav li.item-189::before{font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; color:#666;}
.sidenav li.item-182::before, .sidenav li.item-181::before {font-family: 'Material Symbols Outlined'; content:'settings'; color:#666;}
  
.sidenav li:hover::before, .sidenav li.active::before{ color:#f7c93e; }

 
/*... SIDENAV KONTakT */
/*.sidenav-kontakt-icon{ width: 100%; overflow: hidden; margin-bottom: 15px; }
.sidenav-kontakt-icon a{ line-height: 20px; }
.sidenav-kontakt-icon .header-left img{ width: 30px; height: auto; margin: 0px; }*/
.sidenav-line{ border-top:1px solid #444; margin:30px 0px; }
.sidenav-kontakt{ color:#fff; line-height: 28px; margin-bottom:30px; }

 
.sidenav-telefon{position:relative; padding-left: 30px; margin-bottom:5px!important; }
.sidenav-telefon::before{position: absolute; top:13px; left:0px; width:20px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 20px; line-height: 20px; color:#f7c93e;  height:20px;}
.sidenav-telefon a{ font-size: 17px!important; }
.sidenav-house{position:relative; padding-left: 30px; margin-bottom:5px!important; }
.sidenav-house::before{position: absolute; top:13px; left:0px; width:20px; font-family: 'Material Symbols Outlined'; content:'ring_volume'; font-size: 20px; line-height: 20px; color:#f7c93e;  height:20px;}
.sidenav-email{position:relative; padding-left: 30px; margin-bottom: 5px!important; }
.sidenav-email::before{position: absolute; top:13px; left:0px; width:20px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 20px; line-height: 20px; color:#f7c93e;  height:20px;}
.sidenav-email a{ font-size: 17px!important; }

/*...iskljucujem pojedine elemente u meniju*/
.sidenav .item-127,  .sidenav .item-192,  .sidenav .item-193 { display: none!important; }

  
 
 

 
    /*...FOOTER*/
    .footer{ padding:0px 0px;  }

 
    

     
    #jf-header,
    #kiwi-menu {
        display: none
    }
    .form-left,
    .form-right,
    div.itemCommentsForm form textarea.inputbox {
        float: none
    }
    .camera_caption_title {
        font-size: 16px!important
    }
	
	/*CONTACT KIWI*/
	#contact .control-group .controls{border:0px solid #fff; margin:0px 15px; }
 
   
	.forma {margin: 15px; margin-bottom:30px; }
    .floatingMapa {width: auto; height: 300px; border:0px; }
   
    .homeMargina1 {margin: 0px 20px; }
    #jf-content .main {padding:0px; border: 0 solid red; padding-top:60px; width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
    

    .colspan2,
    .colspan25,
    .colspan3,
    .colspan33,
    .colspan40,
    .colspan50,
    .colspan66,
    .colspan75 {
        width: 100%!important
    }
    
    .hoverMargina {
        margin: 20px
    }
  
    
    
  
}