h1,
h2 {
    text-align: left;
}


@font-face {
  font-family: Marker;
  src: url("fonts/XXII-MARKER_Regular.otf");
  font-weight: normal; 
}

 

/*UKLANJAM STRELICE SA INPUT:NUMBER */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.button,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
    font-family: 'Montserrat', 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
}

body {
   background:
    linear-gradient(#f5f5f5, #f5f5f5) calc(1*100%/4),
    linear-gradient(#f5f5f5, #f5f5f5) calc(2*100%/4),
 
    linear-gradient(#f5f5f5, #f5f5f5) calc(3*100%/4);
   
    background-size:1px 100%; /* Control the width here*/
    background-repeat:no-repeat;
}
 


* {
    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, a:hover {
    text-decoration: none
}

a:focus {
    outline: none;
    outline: none;
    outline-offset: 0px
}

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.5em;
    color: #181818;
    background-color: #fff!important;
    border: 0 solid red!important
}

a {
    color: #000
}

a:hover {
    color: #c39565
}

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
}
 
#system-message  {
    margin: 10px
}

#jf-wrapper {
    overflow: hidden
}
 

.main {
    margin: 0 auto
}
 
 

#jf-home-c .main,
#jf-latest .main {
    padding: 40px 0;
 
}
 


 

/**********************************GENERAL***************************************/
/********************************************************************************/
/********************************************************************************/


.main { width: 1200px }
body.itemid-110 #jf-wrapper, body.itemid-102 #jf-wrapper{ background: #242424; }


/*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; }


/*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;}


/*MARGINE*/
.homeMargina { margin: 20px}
.homeMargina1 {margin: 0}


/*NASLOVI*/
.naslov{ font-family: 'Oswald', sans-serif; font-weight:400; font-size: 40px; line-height:50px; text-transform: uppercase; text-align: center; color: #000; letter-spacing: 3px; margin-bottom: 40px; }
.naslov span{ color:#c39565; }

/*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 #c39565; 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: #c39565; color:#000;}
.tablinks:hover{ cursor:pointer;}
.tabcontent {display: none; overflow: hidden; }

/*BOOKING*/
.calculator { position: absolute; right: 18%; top:200px; 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; margin-top:50px; border-radius: 15px; 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:#c39565; }
.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: #e5c17c;  }
.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 Icons Outlined';  }
 

/*...RETURN*/
.calc-return {width: 38%; float:left;  }
.calc-return::before {  content: 'swap_horiz'; font-family: 'Material Icons 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 Icons Outlined';  }
.calc-time-start::before, .calc-time-end::before {  content: 'schedule'; font-family: 'Material Icons 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: #c39565; border-color: #c39565!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 #c39565; background-color: #c39565;  }
.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; } 

 
/**********************************HEADER***************************************/
/********************************************************************************/
/********************************************************************************/

/*SLIDESHOW*/
.slideshow{  position:relative;  margin:0px auto; background: #242424; background: url(../images/bg-lucas-limo-swiss.jpg) center center no-repeat; background-size: cover; }
.slideshow-corner{ position: absolute; z-index: 5!important; width: 300px; left:0px; background: #242424; height: auto; top:0px; text-align: center; }
.slideshow-logo{ margin:50px 0px; }
.slideshow-logo img{ height: 60px;  }
.slideshow-left{ position: absolute; z-index: 4!important; width: 180px; left:0px; background: #242424; height: 100%; top:0px; }
.slideshow-limoservice{ position: absolute; font-size: 10px; line-height: 20px; writing-mode: vertical-rl; text-orientation: mixed; left:50%; margin-left: -10px; letter-spacing: 3px; font-family: 'Oswald', sans-serif; text-transform: uppercase; bottom:300px; color:#fff;  white-space: nowrap;   }
.slideshow-social{ position: absolute; bottom: 0px; width: 100%; text-align: center; }
.slideshow-social::before{ position: absolute; content:''; top:-50px; left:50%; width: 1px; background: #555; height: 50px; }
.slideshow-social li{position: relative; cursor: pointer; width: 40px; height: 40px; border:0px solid #ddd; display: block; margin:25px auto!important; }
.slideshow-social li:first-child::before{ position: absolute; width: 100%; height: 100%; left:0px; top:0px; line-height: 40px; font-size: 24px; color:#555; font-family: 'FontAwesome'; font-weight: 400; content: "\f09a";   }
.slideshow-social li:nth-child(2)::before{ position: absolute; width: 100%; height: 100%; left:0px; top:0px; line-height: 40px; font-size: 24px; color:#555; font-family: 'FontAwesome'; font-weight: 400; content: "\f16d";   }
.slideshow-social li:nth-child(3)::before{ position: absolute; width: 100%; height: 100%; left:0px; top:0px; line-height: 40px; font-size: 24px; color:#555; font-family: 'FontAwesome'; font-weight: 400; content: "\f167";   }
.slideshow-social li:hover::before{ color:#fff; -webkit-transition: .35s; -webkit-transition: .35s; transition: .35s; }

/*JEZIK MODUL*/
.language {position: relative; z-index: 1; width: auto; height: 30px; text-align: center; margin-bottom: 80px; }
.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 { background: #242424; border: 2px solid #5e5e5e; padding: 6px 15px; font-size: 13px; text-transform: uppercase; line-height: 18px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 
.images{ border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px; z-index: 1!important;}
.images li{ margin:0px; }

.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{ display: none; position: absolute;  z-index:3!important; top:0px; width: 70%; height: 100%; background-image: linear-gradient(to right, 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;  }
 
 

/*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;}

/*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 #e5c17c; padding:5px 15px;  }
#cookies-banner .btn-accept:hover { background-color: #e5c17c; color:#000; }
.cookies-title{ font-weight: bold; font-size: 14px; line-height: 18px; color:#000; margin-bottom: 10px; }


 
/*HEADER2*/
.header2{width:100%; height:600px; position: relative; background: #242424 url('../images/header2-contact.jpg') center center no-repeat; background-size: cover;  }
.header2-aboutus{ background: #242424 url('../images/header2-about-us.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-blog{ background: #242424 url('../images/header2-blog.jpg') center center no-repeat; background-size: cover;  }
.header2 .main{ height: 100%; position: relative; }
.header2-title{position: absolute; top:50%; margin-top:-50px; width: 100%; z-index: 4;  font-family: 'Oswald', sans-serif; font-size: 80px; line-height: 100px; letter-spacing: 20px; text-transform: uppercase; text-align: right; color:#fff;   } 
.header2-gradient{ position: absolute; z-index: 3; top:0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to top, rgba(39,39,39,1) 0%,rgba(39,39,39,0.95) 26%,rgba(39,39,39,0.6) 100%); }
 
.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);  }
 
 
 



/*LOGIN BUTTON*/
.login-cont{ position:absolute; z-index: 1000; width: auto; top: 10px; right: 95px; padding: 4px 24px; font-size: 14px; line-height: 18px;  border-radius: 13px; border:0px solid #ff0000; background: #d2cb1a }
.login-cont a{ color:#000; }
.login-cont:hover{ background: #ebe432 }

/*GLAVNI MENI*/
.glavniMeni-cont{ border:0px solid #cc0000; position: absolute; top:0px; width: 100%; margin-top:0px; }
.glavniMeni{position: relative; width:100%; height:90px; border:0px solid #ff0000; z-index: 99; margin:0px auto;  }
.glavniMeni .gotomenu{ position: absolute; right:0px; top:37px;  color:#fff; }
.glavniMeni .gotomenu:hover{ cursor: pointer; color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.glavniMeni-logo{ display: none; position: absolute; height: 50px; top:20px; left:0px;  }
.glavniMeni-dugme{ font-family: 'Oswald', sans-serif; margin:0px; display:block; text-align: center; width: auto; padding:0px; color:#fff; font-size: 14px; line-height: 30px;  letter-spacing: 3px;  font-weight: 400; }
.glavniMeni-dugme-cont-1{ position: absolute; left:250px; top:30px; border:0px solid #ddd;   }

.glavniMeni-dugme:hover{ cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
 
.mobileHeader{ display:none;}


/* MAIN NAVIGATION */
#kiwi-menu { position: absolute; right:0px; top:30px; width:60%; height:30px; text-align: right; padding:0px; margin:0px; margin-left:10px; z-index:99; float:left;}
#kiwi-menu > ul{ border:0px solid #ff0000; display: inline-block;  }
#kiwi-menu ul.menu li {font-family: 'Oswald', sans-serif; display: block; position: relative; font-size:13px; text-transform: uppercase; cursor: pointer; float: left; text-align: left; margin:0px 15px; padding:0px 5px; color: #fff; font-weight:400; line-height:30px; letter-spacing: 4px; }
#kiwi-menu ul.menu li a{ color:#fff;  }
#kiwi-menu ul.menu li:hover { color:#c39565; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; }
#kiwi-menu ul.menu li a:hover{ color:#c39565; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;  }
#kiwi-menu ul.menu li.active{ color:#c39565; }
#kiwi-menu ul.menu li.active a{ color:#c39565; }
#kiwi-menu ul.menu li.active a:hover { color:#fff; }

 
#kiwi-menu .nav-child{display:none; position:absolute; left:-15px; min-width:300px; background-color:#242424; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition:0.7s; border-radius: 10px; padding:20px 30px; padding-top:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#kiwi-menu .parent:hover .nav-child{display:block; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s; }
#kiwi-menu ul.menu li ul{ border-top:1px dashed #7d0000!important; }
#kiwi-menu ul.menu li ul li{ line-height:40px!important; float:none; font-size:14px!important; margin: 0px; text-transform:none!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; border-radius: 7px; }
#kiwi-menu ul.menu li.active ul li a{ color:#fff; }
#kiwi-menu ul.menu li.active ul li.active a{ color:#E84393; }
 
/*#kiwi-menu ul.menu li ul li:nth-child(odd){ border:0px solid #ff0000; width: 40%; display: block; float:left; }
#kiwi-menu ul.menu li ul li:nth-child(even){ border:0px solid #ff0000; width: 40%; display: block; float:right; }*/
 
#kiwi-menu ul.menu .item-109, #kiwi-menu ul.menu .item-129, #kiwi-menu ul.menu .item-127, #kiwi-menu ul.menu .item-134, #kiwi-menu ul.menu .item-124, #kiwi-menu ul.menu .item-135, #kiwi-menu ul.menu .item-138, #kiwi-menu ul.menu .item-139, #kiwi-menu ul.menu .item-140, #kiwi-menu ul.menu .item-141, #kiwi-menu ul.menu .item-142, #kiwi-menu ul.menu .item-143, #kiwi-menu ul.menu .item-144, #kiwi-menu ul.menu .item-145, #kiwi-menu ul.menu .item-146, #kiwi-menu ul.menu .item-147, #kiwi-menu ul.menu .item-148, #kiwi-menu ul.menu .item-149{ display: none; }
 
 
/* 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{  color:#0093DD; padding:60px 0px 0px 0px; margin-bottom:30px; text-align:left; font-size:24px; line-height:32px;   }
 
.sidenav .sidenav-logo{ margin-bottom:30px; text-align:center;  }
.sidenav .sidenav-logo img{  height: 60px; margin-bottom: 30px;}
.sidenav { background-color:#242424; font-size: 20px; line-height: 40px; color:#aaa;  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:#aaa; 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:#c39565; }
.sidenav li a{color:#aaa;  }
.sidenav li a:hover, {color:#c39565;  }
.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: #aaa; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #c39565;}
.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: #c39565; }
.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:#c39565;}

/*... SIDENAV IKONICA */
.sidenav li::after{font-family: 'Material Icons Round'; content:'keyboard_arrow_right'; font-size: 16px; line-height: 20px; color:#aaa;  position: absolute; top:10px; right:0px; width:20px; height:20px; border:0px solid #ff0000;}
.sidenav li::before{ font-family: 'Material Icons Round'; content:'menu'; font-size: 18px; line-height: 20px; color:#aaa;  position: absolute; top:10px; left:0px; width:20px; height:20px; border:0px solid #ff0000;}
.sidenav li.item-110::before{font-family: 'Material Icons Round'; content:'home'; color:#444;}
.sidenav li.item-123::before{font-family: 'Material Icons Round'; content:'location_on'; color:#444;}
.sidenav li.item-128::before{font-family: 'Material Icons Round'; content:'topic'; color:#444;} 
.sidenav li.item-126::before{font-family: 'Material Icons Round'; content:'phone_in_talk'; color:#444;}
.sidenav li.item-107::before{font-family: 'Material Icons Round'; content:'settings'; color:#444;}
  
.sidenav li:hover::before, .sidenav li.active::before{ color:#c39565; }

 
/*... 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 Icons Round'; content:'phone_in_talk'; font-size: 18px; line-height: 20px; color:#c39565;  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 Icons Round'; content:'ring_volume'; font-size: 18px; line-height: 20px; color:#c39565;  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 Icons Round'; content:'mark_email_read'; font-size: 18px; line-height: 20px; color:#c39565;  height:20px;}
.sidenav-email a{ font-size: 17px!important; }

/*...iskljucujem pojedine elemente u meniju*/
.sidenav .item-127,  .sidenav .item-129,  .sidenav .item-134,  .sidenav .item-124, .sidenav .item-135, .sidenav .item-138, .sidenav .item-139, .sidenav .item-140, .sidenav .item-141, .sidenav .item-142, .sidenav .item-143, .sidenav .item-144, .sidenav .item-145, .sidenav .item-146, .sidenav .item-147, #kiwi-menu ul.menu .item-148, #kiwi-menu ul.menu .item-149 { display: none!important; }




/**********************************CONTENT****************************************/
/********************************************************************************/
/********************************************************************************/
/*CONTENT*/
.content-left{ width:64%; float:left; }
.itemid-126 .content-left, .itemid-133 .content-left{ width:50%; float:left; }
.content-right{ width: 29%; float:right; }
.content-all{ width: 100%;   }
.jf-content-right-abs{ position:absolute; z-index: -1px; width:30%; background:rgba(195, 149, 101, 0.3); top:0px; right: 0px; height: 100%;   }


/*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;}

#jf-content .main h1{color:#000; font-size: 34px; line-height: 44px; margin-bottom: 40px; font-weight: bold; }
#jf-content .main h2{color:#000;  font-size: 34px; line-height: 34px; margin-bottom: 40px; font-weight: bold; }
#jf-content .main hgroup h2{color:#000;  font-size: 22px; line-height: 32px;  } 

#jf-content  {  padding-top:40px; padding-bottom:80px; /*background: #fff url(../images/bg-arrow-white.png) top center no-repeat;*/ } 
#jf-content .main .item-page h1{ font-size: 34px; line-height: 44px; font-weight: bold; margin-bottom: 50px;  }
#jf-content .main .item-page h2{ font-size: 34px; line-height: 44px; font-weight: bold; margin-bottom: 50px; } 
#jf-content .main .article-info{   }
#jf-content .main .article-info-term{ display: none; }
#jf-content .main .published{ display: block; margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px solid #ddd;  text-align: right; color:#888; font-size: 12px; line-height: 16px; }
#jf-content .main { padding: 40px 0px 60px 0px; }
#jf-content .main p { font-size: 15px; line-height: 26px; color: #222;}
#jf-content .main .p-element-bez-margine{ margin-bottom:8px;}
#jf-content .main ul, #jf-content .main ol { margin-bottom:25px; padding-left: 15px;}
#jf-content .main ul li, #jf-content .main ol li { font-size: 16px; line-height: 26px; color: #222;  position: relative; margin-bottom: 10px; padding-left: 35px;}
#jf-content .main ul li::before, #jf-content .main ol li::before { position: absolute; top:50%; margin-top:-10px; left:5px; width:20px; font-family: 'Material Icons Round'; content:'star'; font-size: 18px; line-height: 20px; color:#c39565;  height:20px; }

#jf-content table { border:0px; border-collapse: collapse; margin-bottom: 20px; border-bottom: 1px solid #0093DD;}
#jf-content table tr th{ background-color: #0093DD; color:#fff; font-weight:bold; padding:7px 15px;  }
#jf-content table tr td{ color:#000; padding:7px 15px;   }
#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;  }

.itemid-110 #jf-content .main, .itemid-102 #jf-content .main{ padding: 0}
.itemid-110 #jf-content, .itemid-102 #jf-content { padding: 0}
 
/*PAGE GLOBAL*/
.page-button-cont{ margin-top:40px; padding:20px 0px; overflow: hidden; }
.page-button{ padding: 12px 50px;  border: 1px solid #2085df; color:#000; font-weight: bold; border-radius: 20px; font-size: 14px; line-height: 16px; text-transform: uppercase;  }
.page-button:hover{  background-color: #2085df; color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.page-cont{ width: 100%; overflow: hidden;  margin-bottom: 60px;}
.page-55{ width: 55%;}
.page-50{ width: 50%;}
.page-48{ width: 48%;}
.page-46{ width: 46%;}
.page-40{ width: 40%;}
.page-float-l{ float:left; }
.page-float-r{ float:right; }
.small{ font-size: 14px!important; line-height: 20px!important; color:#555!important; }
.page-subtitle{ font-size: 22px!important; line-height: 32px!important; color:#333!important; font-weight: 600!important; margin-bottom: 25px!important; margin-top: 50px!important;}
 
 
/**********************************PAGES****************************************/
/********************************************************************************/
/********************************************************************************/

/*PAGE SECTOONS*/
#jf-content section { border:1px solid #ddd; padding:30px; margin-bottom: 40px; }
#jf-content section h3 { font-family: 'Oswald', sans-serif; font-size: 17px; line-height: 25px; margin-bottom: 24px; margin-top: 50px; color: #c39565; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
#jf-content section h2 { margin-top:0px!important; margin-bottom: 40px!important; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; border-left:3px solid #c39565 }



/*ABOUT*/
.page-about p{ font-size: 18px!important; line-height: 26px!important; }
.page-about-subtitle{ font-size: 36px; line-height: 46px; font-weight: bold; margin-bottom: 40px; }
.page-about-flags{   }
.page-about-flags img{ height: 80px; margin-right: 10px;}

/*PAGE LOCATION*/
.page-location{ background: #b8e7fd; padding:20px 30px; border-radius: 10px; color:#000; font-size: 16px; line-height: 24px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 

 
/*PAGE PRICES*/
.page-fleet-box{ width:100%; display: flex; border-bottom: 1px solid #ddd; margin-bottom: 50px;  }
.page-fleet-box:last-child{ border-bottom: 0px; }
.page-fleet-left{ width:55%; }
.page-fleet-right{ width:45%; padding-left:50px; padding-bottom: 30px;}
.page-fleet-class { position: relative; color:#000; padding-bottom: 30px; font-size: 28px; line-height: 38px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; }
.page-fleet-class::before{ position: absolute; content: ''; bottom:0px; width: 50px; height: 2px; background: #000; left:0px; }
.page-fleet-car {display: block; color:#000; font-size: 18px; line-height: 24px; color: #c39565; margin-top:30px;}
.page-fleet-service { color:#555; font-size: 14px; line-height: 24px; margin-top:10px; margin-bottom: 20px;}
.page-fleet-service-item {position:relative; color:#555; font-size: 14px; line-height: 18px; margin-bottom:15px; padding-left: 35px; }
.page-fleet-service-item::before { position: absolute; top:50%; margin-top:-10px; left:10px; width:20px; font-family: 'Material Icons Round'; content:'chevron_right'; border-radius:50%; font-size: 20px; line-height: 20px; color:#c39565;  height:20px; text-align: center; }

.page-fleet-attr{ overflow: hidden; box-sizing: border-box; width: 200px; background: #f1f1f1; margin:0px auto; margin-top:30px; margin-bottom: 40px; } 
.page-fleet-attr .page-fleet-attr-child{ color:#fff; text-align: center; border-right:1px solid #ddd; float:left; width:calc(33.3% - 1px); margin-right:0%; padding:10px 0px; letter-spacing: 0px; } 
.page-fleet-attr .page-fleet-attr-child:nth-child(3){  margin-right: 0%;  border-right:0; } 
.page-fleet-attr-num{position: relative; font-size: 16px; line-height: 20px; color:#000; padding-left: 25px; }
.page-fleet-attr-num::before{ position: absolute;  top:50%; left:10px; margin-top:-11px; font-size: 22px; line-height: 22px; color:#c39565;  height:22px;  font-weight: normal;}

.page-fleet-attr-passengers::before{  font-family: 'Material Icons Round'; content:'person';}
.page-fleet-attr-baggage::before{  font-family: 'FontAwesome'; content:'\f0f2'; font-size: 16px; }
.page-fleet-attr-handbaggage::before{  font-family: 'FontAwesome'; content:'\f0b1'; font-size: 16px; }


/*PAGE PARTNERS*/
.page-partners-cont{ display: flex; gap: 50px; margin-bottom: 50px; }
.page-partners-box{  width: 33%; border:1px solid #ddd; max-width: 366px; padding:40px; background:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;   }
.page-partners-logo img{ height: 60px; }
.page-partners-title{ font-size: 20px; line-height: 26px; font-weight: 700; color:#000; margin:20px 0px; }
.page-partners-desc{ font-size: 15px; line-height: 26px;  color:#666; }

/*HOTWO RIGHT*/
.page-howto-naslov{ font-family: 'Oswald', sans-serif; font-size:20px; line-height: 24px; margin-bottom: 40px; color:#000; font-weight: bold; } 
.page-howto-box{ margin-bottom: 40px; overflow: hidden; }
.page-howto-img{ width: 15%; float:left; padding-top:10px; }
.page-howto-img img{ height: 40px; width: auto }
.page-howto-right{ width: 80%; float:right;}
.page-howto-title{ font-size: 18px; line-height:26px; font-weight: bold; margin-bottom: 15px; color:#000;}
.page-howto-desc{ font-size: 15px; line-height:21px;  color:#333; }


/*NAJCESCA PITANJA*/
.accordion { box-sizing: border-box; }
.accordion h2 { margin-bottom: 0px!important; font-size: 16px!important; line-height: 1.5em!important;  }
.accordion .pitanja-link {position: relative; display: block; width: 100%; padding: 25px 80px 25px 40px; color: #666; font-size: 16px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item:first-child .pitanja-link{ border-top: 1px solid #e5e5e5; }
.accordion .pitanja-link:hover, .accordion .pitanja-link:hover::after { cursor: pointer; }
.accordion .pitanja-link:hover::after { border: 1px solid #eddfd0; background-color: #eddfd0; }
.accordion .pitanja-link.active { color: #e0a735; background-color: #eddfd0; border-bottom: 1px solid #eddfd0; }
.accordion .pitanja-link::after { font-family: 'Material Icons Round'; content: "add"; position: absolute; float: right; right: 25px; font-size: 20px; color: #000; padding: 0px; line-height: 32px; width: 32px;
  height: 32px;  border: 1px solid #ddd; text-align: center; }
.accordion .pitanja-link.active::after { font-family: 'Material Icons Round'; content: "remove";  border: 1px solid #fff; }
.accordion .content { padding: 15px 20px; display: none; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s; }
.accordion .content.active {  padding: 20px;display: block;  -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s;}



/*KONTAKT FORMA*/
.contact-form { margin-bottom: 50px; }


/*PAGE BLOG*/
.items-leading{overflow: hidden; display: block; }
.items-leading > article{ display: block; width: 30%; margin-right: 5%; float: left; }
.items-leading > article: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;}
.blog-subtitle { font-size: 20px!important; line-height: 30px!important; margin-top: 35px; margin-bottom: 25px!important; }
 
.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: 600!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;}

/*LATEST NEWS*/
.kiwi-latest-cont{ background-color: #fff;  margin-top: 50px; padding-bottom: 30px; }
.kiwi-latest-title{ font-family: 'Oswald', sans-serif; background-color: #242424;  padding: 8px 25px; font-size: 16px; line-height: 24px; margin-bottom: 24px; color: #c39565; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; }
.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:#c39565;}


/*ACCOUNT*/
.myaccount{ overflow: hidden; margin:0px auto; margin-top: 20px; width: 40%;  }
.myaccount-greedings{ margin-bottom: 15px; }
.myaccount div span{cursor: pointer; display: block; padding:20px 0px; text-align: center; font-size: 20px; font-weight: bold; color:#000; background: #efefef; margin-bottom: 25px; border-radius: 10px; }
 
.myaccount div a{ color:#000; }
.myaccount div a:hover{ color:#fff; }
.myaccount div span:hover{  background: #0093DD; color:#fff; }
.myaccount div:hover a{  color:#fff; }
.myaccount div.myaccount-logout span{ background: #ffcdcd }
.myaccount div.myaccount-logout:hover span{ background: #cc0000 }


/*LOGIN*/
.login{ padding-top: 8px; }

/*KONTAKT RIGHT*/
.contact-right{ background: #242424; padding:30px; }
.contact-right-title{font-family: 'Oswald', sans-serif; font-size:16px; line-height: 24px; margin-bottom: 24px; margin-top:50px; color:#c39565; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; }
.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: 15px;  }
.contact-right-contact a{  color:#fff;   }
.contact-right-contact a:hover{  color:#c39565;   }
 
.contact-right-adresa{position:relative; padding-left: 45px;  }
.contact-right-adresa::before{position: absolute; top:50%; left:10px; margin-top:-11px; font-family: 'Material Icons Round'; content:'home'; font-size: 22px; line-height: 22px; color:#666;  height:22px;}
.contact-right-telefon{position:relative; padding-left: 45px;   }
.contact-right-telefon::before{position: absolute; top:50%; left:10px; margin-top:-11px; font-family: 'Material Icons Round'; content:'phone_in_talk'; font-size: 20px; line-height: 22px; color:#666;  height:22px;}
.contact-right-email{position:relative; padding-left: 47px; }
.contact-right-email::before{position: absolute; top:50%; left:10px; margin-top:-11px; font-family: 'Material Icons Round'; content:'mark_email_read'; font-size: 20px; line-height: 22px; color:#666;  height:22px;}
.contact-right-radno{position:relative; padding-left: 45px;   }
.contact-right-radno::before{position: absolute; top:50%; left:10px; margin-top:-11px; font-family: 'Material Icons Round'; content:'watch_later'; font-size: 20px; line-height: 22px; color:#666;  height:22px;}
.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; }

 
 
/**********************************MODULI****************************************/
/********************************************************************************/
/********************************************************************************/


/*TARIFFS*/
.tariffs{ padding-top:80px; padding-bottom: 40px; background: #fff }
.tariffs .main{ width: 1300px; }
.tariffs-abs{ position: absolute; z-index: 1; width: 100%; top:50px; text-align: center; color:#f1f1f1; font-size: 200px; line-height: 400px; font-weight: 900; }

.tariffsCont{display: flex;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:40px 0px; }
.tariffsContainter{position:relative; z-index: 1; border:0px solid #efefef; float:left; width: calc(25% - 0px);  margin-right:0%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom: 0px; margin-bottom: 60px; } 
 
 
.tariffsImage{ border:0px solid #ff0000; margin-top:0px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tariffsImage img{ height: 130px; }
.tariffsService{font-family: 'Oswald', sans-serif; font-size:22px; text-transform: uppercase; padding-left: 3px; color:#000; line-height:28px; letter-spacing: 3px; text-align:center;  margin-bottom:0px; margin-top: 30px; font-weight: 400;  }
.tariffsBrand{ text-align: center; font-size: 15px; line-height: 24px; font-weight: 400; color:#888; margin-bottom: 40px;}
.tariffsStars{ text-align: center; margin-bottom:10px; }
.tariffsStars img{ height: 30px; opacity: .6; }

 
 
.tariffsAtributs{ display: flex; display: none; font-family: 'Oswald', sans-serif;  box-sizing: border-box; width: 80%; margin:0px auto; margin-top:30px;  } 
.tariffsAtributs .tariffsChild{ color:#fff; text-align: center; border-right:1px solid #ddd; float:left; width:calc(30% - 0px); margin-right:0%; padding:15px 0px; letter-spacing: 0px; } 
.tariffsAtributs .tariffsChild:nth-child(3){  margin-right: 0%; border-right: 0px;} 
.tariffsNum{position: relative; font-size: 16px; line-height: 20px; color:#000; padding-left: 25px; }
.tariffsNum::before{ position: absolute;  top:50%; left:10px; margin-top:-11px; font-size: 22px; line-height: 22px; color:#c1564c;  height:22px;  font-weight: normal;}

.tariffsPassengers::before{  font-family: 'Material Icons Round'; content:'person';}
.tariffsBaggage::before{  font-family: 'FontAwesome'; content:'\f0f2'; font-size: 16px; }
.tariffsHandBaggage::before{  font-family: 'FontAwesome'; content:'\f0b1'; font-size: 16px; }
 
.tariffsBook{display: flex; font-family: 'Oswald', sans-serif; width: 70%; margin: 0px auto; line-height: 30px; margin-top: 15px;} 
.tariffsBookLeft{ width:50%; color: #888; font-weight: 300;}
.tariffsBookLeft span{ color:#c39565; }
.tariffsBookRight{ position: relative; cursor: pointer; width:50%; text-align: right; font-size: 14px; font-weight: 400; text-transform: uppercase; padding-right:30px; color: #c39565}
.tariffsBookRight a{ color:#c39565; }
.tariffsBookRight a:hover{ color:#000; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }
.tariffsBookRight::before{ content: 'east'; font-family: 'Material Icons Round'; color: #c39565; position: absolute; top:50%; right: 0px; text-transform: none; font-size: 20px; width: 30px; line-height: 30px; height: 30px; margin-top:-13px;   }
.tariffsBookRight:hover::before{ right: -10px; transition: .35s; }

/*ABOUT US*/
.about{ padding-top: 80px; background: #242424; padding-bottom: 80px; position: relative; }
.about .naslov{ text-align: center; color:#fff; }
 
.about-cont{ display: flex; margin-top: 80px; }
.about-left{ width: 33.33%;  }
.about-center{ width: 33.33%;  }
.about-center-inner{ margin:0px 60px; }
.about-right{ position: relative; width: 33.33%;  }
.about-right-abs{ position: absolute; z-index: 10; top:0px; width: 100%; height: 100%; left: 0px; background: rgba(0, 0, 0, 0.3);}
.about-subtitle{ font-size: 26px; color:#fff; font-weight: 700; line-height: 36px; margin-bottom: 30px; }
.about-subtitle span{ color:#e5c17c; }
.about-desc{ color:rgba(255,255,255,0.6); font-size: 16px; line-height: 27px; margin-right: 20px; }
.about-box{ margin-bottom: 25px; border-bottom: 1px solid #333; }
.about-box:last-child{ border-bottom: 0px solid #333; }
.about-attribute{ font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 20px; margin-top: 8px; letter-spacing: 3px; color:#fff; text-transform: uppercase; }
.about-icon{}
.about-icon img{ height: 38px; }

/*RESERVATION*/
.attributes{ padding:0px 0px; position: relative; margin-top:200px; margin-bottom: 100px; }
.attributes-bg{  /*border-radius:0% 0% 50% 100% / 25% 100% 100% 0%;*/ }
.attributes .naslov{ text-align: left; }
.attributes .naslov-small{ text-align: left; color:#0094dc; }
.attributes-left{ position: absolute; top:50%; left:45%; width: 55%; transform: translateY(-50%);  }
.attributes-intro{ font-family: 'Oswald', sans-serif; font-size:45px; line-height: 55px; color:#000; margin-bottom: 40px;  } 
.attributes-box{position: relative; padding-left: 60px; font-size:22px; font-weight: bold; line-height: 28px; color:#000; margin-bottom: 15px;  } 
.attributes-box::before{position: absolute; top:50%; left:20px; margin-top:-13px; font-family: 'Material Icons Round'; content:'done_outline'; font-size: 20px; line-height: 26px; color:#0094dc;  height:26px; }  
.attributes-right{ position: absolute; top:-35%; left:-5%; width:60%; text-align: left;  }

 
/*LIMOUSINE*/
.limo{ position: relative; background: #f1f1f1; padding-top: 60px; }
.limo .main{  }
.limo .naslov{  } 
.limo-box{  margin:35px 15px; margin-top:20px; overflow: hidden; cursor: pointer; } 
.limo-box:hover a{ color:#c39565} 
.limo-img{ margin-bottom: 0px;  }
.limo-img img{  }
.limo-desc { font-size: 16px; background: #fff; padding: 15px; box-sizing: border-box; line-height: 25px; font-weight: 600;  min-height:80px;  white-space: normal;  }
.limo-desc a{ color:#000 } 
.limo-desc a:hover{ color:#c39565 } 
 

/*...LIMOUSINE SLIDER*/
#kiwi-slider2 { position: relative;}
#kiwi-slider2 .MS-content {  overflow: hidden; white-space: nowrap; border:0px solid #ddd; }
.MS-content .item:nth-child(2n) .reference-tekst{ margin-right: 0px; margin-left: 30px }
.MS-content .item:nth-child(2n) .reference-logo{ margin-left: 30px }
.MS-content .item { display: inline-block; height: 100%; overflow: hidden; vertical-align: top; position: relative; box-sizing: border-box; width: 33.3%!important; color:#000;}
 
#kiwi-slider2 .MS-controls { margin-top: 30px; text-align: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#kiwi-slider2 .MS-controls button{ border:2px solid #c39565; color:#000; font-size: 30px; line-height: 20px; height: auto; width: auto; background: none; margin:0px; padding:5px 6px;  }
#kiwi-slider2 .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; }
#kiwi-slider2 .MS-controls button:hover{ background-color: #c39565; color:#000; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }


/*HOW TO*/
 
.howto{ z-index: 5; padding-top:60px; padding-bottom: 80px; background: #f1f1f1;  }
.howto .main{  }
.howto .naslov{ text-align: center;   }
.howto-cont{ overflow: hidden;   }
.howto-intro{ font-size: 16px; line-height: 27px;  color:#555; margin-bottom: 100px; }
.howto-box{opacity: 0; position: relative; float: left;  width: 28%; margin-right: 8%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  cursor: pointer; }
.howto-box:last-child{  margin-right: 0% }

.howto-inner{position: relative;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 
.howto-img{  position: relative; margin-top:10px;  }
.howto-img img{ height: 70px; width: auto }
.howto-title{ font-size: 18px; line-height: 26px; font-weight: 700; color:#000; text-transform: uppercase; margin-top:25px; margin-bottom:20px; }
.howto-desc{ font-size: 16px; line-height: 27px; color:#555; margin-top:15px; min-height: 192px;  }
 

 
.howto-box:nth-child(1).howto-animate {  -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s  0.2s forwards; }
.howto-box:nth-child(2).howto-animate {  -webkit-animation: prikazi 0.5s 0.35s forwards; animation: prikazi 0.5s  0.35s forwards; }
.howto-box:nth-child(3).howto-animate {  -webkit-animation: prikazi 0.5s 0.50s forwards; animation: prikazi 0.5s  0.50s forwards; }
.howto-box:nth-child(4).howto-animate {  -webkit-animation: prikazi 0.5s 0.65s forwards; animation: prikazi 0.5s  0.65s forwards; }

@-webkit-keyframes prikazi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes prikazi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
} 

/*MAPA*/
.map{ background: #242424; padding-top:80px; }
.map .naslov{ color:#fff; }
.map-cont{ position: relative;  }

.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-city{ font-size: 18px; font-weight: 700; color:#fff; border-bottom: 1px solid #333; padding-bottom: 15px; padding-left: 10px; letter-spacing: 3px; text-transform: uppercase;  line-height: 26px; margin-bottom: 30px; }
.map-vehicle-img{  }
.map-vehicle-img img{ height: 60px; margin-bottom: 15px;  }

.map-label{ font-size: 16px; line-height: 20px; color:#aaa;  padding-left: 10px; }
.map-distance{font-size: 16px; line-height: 20px; color:#c39565; padding-left: 10px; margin-bottom: 10px;}
.map-duration{font-size: 16px; line-height: 20px; color:#c39565; padding-left: 10px; margin-bottom: 10px;}
.map-price{font-size: 18px; line-height: 24px; font-weight: 700; color:#fff; padding-left: 10px; margin-bottom: 10px;}

/*...pulsiranje*/
.bern{ left:34%; top: 40%; }
.basel{ left: 36%; top: 14%; }
.davos{ left: 82%; top: 48%; }
.genf{ left: 5%; top: 75%; }
.stmoritz{ left: 82%; top: 60%; }
.zermatt{ left: 40%; top:84%; }
.andermatt{ left: 57%; top: 57%; }
.lugano{ left: 64%; top: 85%; }

.pulse::after{ content: 'BERN'; position: absolute; top:-20px; left: 250%; font-size: 12px; line-height: 16px; border:1px solid #c39565;  padding:2px 10px; color:#fff; }
.bern.pulse::after{ content: 'BERN'; }
.basel.pulse::after{ content: 'BASEL'; }
.davos.pulse::after{ content: 'DAVOS'; }
.genf.pulse::after{ content: 'GENF'; }
.stmoritz.pulse::after{ content: 'ST.MORITZ'; }
.zermatt.pulse::after{ content: 'ZERMATT'; }
.andermatt.pulse::after{ content: 'ANDERMATT'; }
.lugano.pulse::after{ content: 'LUGANO'; }
  
.pulsating-circle {  position: absolute; cursor: pointer; width: 15px; height: 15px; background: #c39565; border-radius: 50%; border:0px solid #ddd;}
.pulsating-circle:before { content: ''; position: relative; display: block; width: 500%; height: 500%; box-sizing: border-box; margin-left: calc(-250% + 7.5px); margin-top: calc(-250% + 7.5px); border-radius: 50%; background-color: #c39565; 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: 80%; margin-left: -40%; margin-top: -40%; background-color: #eea178; border-radius: 50%; }*/


.pulsating-circle2 {   position: absolute; cursor: pointer; width: 15px; height: 15px; background: #c39565; border-radius: 50%; border:0px solid #ddd; }
.pulsating-circle2:before { content: ''; position: relative; display: block; width: 500%; height: 500%; box-sizing: border-box; margin-left: calc(-250% + 7.5px); margin-top: calc(-250% + 7.5px); border-radius: 50%; background-color: #c39565; 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: 80%; margin-left: -40%; margin-top: -40%; background-color: #eea178; border-radius: 50%; }*/

.pulsating-circle3 { position: absolute; cursor: pointer; width: 15px; height: 15px; background: #c39565; border-radius: 50%; border:0px solid #ddd; }
.pulsating-circle3:before { content: ''; position: relative; display: block; width: 500%; height: 500%; box-sizing: border-box; margin-left: calc(-250% + 7.5px); margin-top: calc(-250% + 7.5px); border-radius: 50%; background-color: #c39565; 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: 80%; margin-left: -40%; margin-top: -40%; background-color: #eea178; border-radius: 50%; }*/
  
@keyframes pulse-ring {
    0% {
         transform: scale(0.33);
    }
     80%, 100% {
         opacity: 0;
    }
}


 

/*ATRIBUTI*/
.atributi{ background-color: #242424; padding-bottom: 80px;}
.atributi .naslov{ margin-bottom:60px; color:#fff; }
.atributi-row1{overflow: hidden; margin-bottom: 40px;}
.atributi-row1{overflow: hidden;}
.atributi-box{ float: left; margin-right: 4%; }
.atributi-box:nth-child(3){ margin-right: 0%; }
.atributi-row1 .atributi-box:nth-child(1){width: 23%}
.atributi-row1 .atributi-box:nth-child(2), .atributi-row2 .atributi-box:nth-child(2){width: 23%}
.atributi-row1 .atributi-box:nth-child(3){width: 46%}
.atributi-row2 .atributi-box:nth-child(1){width: 46%}
.atributi-row2 .atributi-box:nth-child(3){width: 23%}
.atributi-image{  background-color: #1b1b1b; text-align: center; padding:20px 0px; cursor: pointer; }
.atributi-image img{ height: 80px; margin:50px 0px; opacity: .5;  }
.atributi-image:hover img{ opacity: 1; -webkit-transition: .35s;  -moz-transition: .35s;  transition: .35s;  }
.atributi-title{background-color: #1b1b1b; padding:10px 0px; color:#c39565; font-size: 14px; text-transform: uppercase; line-height: 18px; letter-spacing: 3px; font-weight: 400; text-align: center; }

.atributi-row1 .atributi-box:nth-child(1) .atributi-title, .atributi-row1 .atributi-box:nth-child(3) .atributi-title{  margin-top:10px; }
.atributi-row1 .atributi-box:nth-child(2) .atributi-title{  margin-bottom:10px; }
.atributi-row2 .atributi-box:nth-child(1) .atributi-title, .atributi-row2 .atributi-box:nth-child(3) .atributi-title{  margin-bottom:10px; }
.atributi-row2 .atributi-box:nth-child(2) .atributi-title{  margin-top:10px; }

 
/*COUNTERS*/
.brojaci{padding:230px 0px; background: #242424 url('../images/limousine-service-zurich-airport.jpg') center bottom no-repeat;  background-size: cover; position: relative; }
.brojaci-abs{ position: absolute; z-index: 0; top:0px; left:0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.brojaci-abs-top{ position: absolute; z-index: 1; top:0px; left:0px; width: 100%; height: 50%; background-image: linear-gradient(to bottom, rgba(36, 36, 36,1), rgba(36, 36, 36,0));}
.brojaci-abs-bottom{ position: absolute; z-index: 2; bottom:0px; left:0px; width: 100%; height: 50%; background-image: linear-gradient(to top, rgba(36, 36, 36,1), rgba(36, 36, 36,0));}
.brojaci .naslov{ display: none; }
.brojaci .main{ z-index: 10; }
.brojaci-cont{ width: 100%; display: table; }
.brojaci-box{position: relative; width: 25%; display: table-cell; padding:20px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brojaci-number{position:relative;  margin:0px 20px; text-align: center; color:#c39565; font-size: 34px; font-weight: bold; line-height: 70px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  
.brojaci-number .fig-number{  margin-top:30px; font-size: 60px; color:#fff; }
.brojaci-title{ padding:0px 10px; font-size:16px; line-height: 20px; text-align: center; color:#999; font-weight: 600; text-transform: uppercase; font-weight: 600; white-space: nowrap }

.brojaci-big{ margin-bottom: 80px;   display: flex; align-items: flex-end; font-family: 'Oswald', sans-serif; }
.brojaci-big .fig-number{ width: 50%; text-align: right; font-size: 300px; line-height: 300px; color:#fff; font-weight: 700; padding-right: 40px; }
.brojaci-big-text{  width: 50%;  font-size: 26px; line-height: 34px; text-transform: uppercase; color:#fff; padding-bottom: 5px;  letter-spacing: 1px;} 
.brojaci-big-text div:first-child{ color:#c39565 }

/*FAQ*/
.faq .naslov{ color:#fff;  }
.faq-cont{ max-width: 900px; margin:0px auto; } 
.faq .accordion .pitanja-link { color: #ddd; border-bottom: 1px solid #1b1b1b;}
.faq .accordion .accordion-item:first-child .pitanja-link{ border-top: 1px solid #1b1b1b; } 
.faq .accordion .pitanja-link:hover::after { border: 1px solid #c39565; background-color: #c39565; color:#000 }
.faq .accordion .pitanja-link.active { color: #c39565; background-color: #1b1b1b; border-bottom: 1px solid #1b1b1b; }
.faq .accordion .pitanja-link::after {  color: #fff;  border: 1px solid #c39565;  }
.faq .accordion .pitanja-link.active::after { border: 1px solid #c39565; color:#000; background: #c39565;}
.faq .accordion .content {  border-bottom: 1px solid #1b1b1b;   } 
.faq .accordion .content p {  color:#fff!important;   } 

/*REVIEWS*/
.reviews{ position: relative; padding-top:60px; background: #242424; }
.reviews .main{ width:1250px!important;  }
.reviews .naslov{ margin-left: 25px; color:#fff; }
.reviews-intro{ text-align: center; margin-bottom: 40px; font-size: 16px; line-height: 27px; color: rgba(255,255,255,0.6);}
.reviews-box{  margin:35px 15px; margin-top:20px; overflow: hidden; cursor: pointer; border-radius: 18px;} 
.reviews-box:hover .reviews-header{}
.reviews-box:hover .reviews-name{   } 
.reviews-box:hover .reviews-city{  } 
.reviews-box:hover .reviews-left div::before{ background: #fff; color:#acb00b; }
.reviews-header{ position:relative;  margin-bottom: 15px; padding:25px 0px 50px 0px;}
.reviews-left { position: absolute; bottom:-35px; left:50%;  width:70px; height: 70px; margin-left:-35px; }
.reviews-left div{ width: 100%; border-radius: 50%;}
.reviews-stars{ margin-bottom: 0px; margin-top:60px;  }
.reviews-stars img{ height: 24px; }
 
.reviews-right{ width:100%;  }
.reviews-name{ font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom:0px; color:#fff; } 
.reviews-city{ font-size:16px; line-height: 24px; color:#c39565; } 
.reviews-desc { font-size: 16px; line-height: 27px; color: rgba(255,255,255,0.6); min-height:243px; margin:20px 60px 30px 0px; white-space: normal;}
 

/*...REVIEWS SLIDER*/
#kiwi-slider { position: relative;}
#kiwi-slider .MS-content {  overflow: hidden; white-space: nowrap; border:0px solid #ddd; }
.MS-content .item:nth-child(2n) .reference-tekst{ margin-right: 0px; margin-left: 30px }
.MS-content .item:nth-child(2n) .reference-logo{ margin-left: 30px }
.MS-content .item { display: inline-block; height: 100%; overflow: hidden; vertical-align: top; position: relative; box-sizing: border-box; width: 33.3%!important; color:#000;}
 
#kiwi-slider .MS-controls { margin-top: 30px; text-align: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#kiwi-slider .MS-controls button{ border:2px solid #c39565; color:#fff; font-size: 30px; line-height: 20px; height: auto; width: auto; background: none; margin:0px; padding:5px 6px;  }
#kiwi-slider .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; }
#kiwi-slider .MS-controls button:hover{ background-color: #fff; color:#000; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }


/*GALLERY*/
.gallery{ display: block; overflow: hidden; width: calc(100% - 10px); margin-left:10px; }
.gallery-row{ width:calc(25% - 10px); margin-right: 10px; float: left; }
.gallery-row div{ margin-bottom: 10px; position: relative; overflow: hidden; }
.gallery-row div img{ cursor: pointer; opacity: 0.8; }
 
.gallery-row div::before { position: absolute; top: 0; left: -85%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.gallery-row div:hover::before {-webkit-animation: shine .75s; animation: shine .75s; }
.gallery-row div:hover img{ cursor: pointer; opacity: 1; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.gallery-modal {  display: none;  position: fixed;  z-index: 9999; padding-top: 100px; left: 0;top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.95); }
.gallery-modal-content { margin: auto; position: relative; display: block; width: 1100px; text-align: center; -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; }
.gallery-modal-content img{ max-height: 700px; max-width: 1100px; }

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

.gallery-modal-close { position: absolute; top: -35px;  left: calc(50% - 12px); color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.25s;}
.gallery-modal-close:hover,.gallery-modal-close:focus {color: #bbb; text-decoration: none; cursor: pointer;}


/*PARTNERS*/
.partners{ padding:40px 0px;  background-color: #1b1b1b }
.partners .naslov{ color:#fff; margin-bottom: 60px }
.partners-cont { text-align: center; }
.partners-cont a img{ height: 50px; margin-right: 30px; }

  
/*FOOTER*/
.footer{ z-index:0!important;  padding:40px 0px;  background: #000;  }
.footer-title{ text-align: center; font-size: 13px; line-height: 23px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 3px; color:#c39565; }
.footer-logo{ text-align: center; margin:20px 0px;}
.footer-logo img{ height: 70px; width: auto; }
.footer-contact-cont{ overflow:hidden; width: 100%; margin:30px 0px; margin-top: 50px;}
.footer-contact-box{ width: calc(32% - 1px); float: left; text-align: center; margin: 0px 1%;  padding:30px 0px; }
.footer-contact-box:nth-child(1){ margin-left: 0%; border-right: 1px solid #222; }
.footer-contact-box:nth-child(3){ margin-right: 0%; border-left: 1px solid #222; }
.footer-contact-title{ color:#c39565; font-size: 13px; line-height: 23px; text-transform: uppercase; letter-spacing: 3px; }
.footer-contact-desc{ color:#fff; font-size: 16px; line-height: 20px; min-height: 40px; }
.footer-contact-desc a{ color:#fff; }
.footer-social{ margin:30px 0px 0px 0px; text-align: center;}
.footer-social img{height: 20px; margin-right:20px; background-color: #c39565; padding:8px; }
.footer-social img:hover{ background-color: #fff; -moz-transition: .5s;  -webkit-transition: .5s;  transition: .5s; }
.footer-social a:nth-child(2) img{ margin-right:0px; }
.footer-menu{ margin-top:40px; width: 100%; text-align: center;}
.footer-menu div{ display: inline-block; margin-right: 15px; margin-bottom: 10px; background-color: #111; padding:10px 15px; }
.footer-menu div:last-child{ margin-right: 0px;  }
.footer-menu div a{ color:#999;}
.footer-menu div a:hover{ color:#c39565;}

.footer-submenu{ margin-top:20px; width: 100%; text-align: center;}
.footer-submenu div{ display: inline-block; margin-right: 15px;  }
.footer-submenu div:last-child{ margin-right: 0px;  }
.footer-submenu div a{ color:#c39565; text-decoration: underline; font-size: 14px; line-height: 18px; }
.footer-submenu div a:hover{ color:#fff;}

.footer-payment{margin:0px 0px 0px 0px; text-align: center;}
.footer-payment img{height: 35px; margin-right:10px; margin-bottom: 10px; }
.footer-payment img:last-child{ margin-right: 0px; }




/*POWERED BY*/
.powered-by-container{ background-color:#000; padding:10px 0px; text-align:right; font-size:14px; color:#777; padding-right:10px;}
.powered-by{color:#fff;}
.powered-by a{color:#fff;}
.powered-by:hover{color:#f1b41d;}
.powered-by-co{color:#f1b41d}


@media (min-width:2502px) {
    .calculator { right:25%; }
 
}

@media (min-width:2202px) and (max-width:2501px) {
    .calculator { right:20%; }
 
}

@media (min-width:1802px) and (max-width:2201px) {
   
}

@media (min-width:1602px) and (max-width:1801px) {
    .calculator { right:14%;     }
   
}

@media (min-width:1402px) and (max-width:1601px) {
    
 
 
    .calculator { right: 5%; top: 120px;     }
 
}

@media (min-width:1202px) and (max-width:1401px) {
    .main {width: 1180px; } 

    .slideshow-limoservice { display: none; }
    .glavniMeni-dugme-cont-1{ left: 340px; }

    .naslov{ font-size: 30px; line-height: 38px; margin-bottom: 30px;}
   
    .calculator { right: 3%; top: 120px;     }

    .tariffs .main {width: 1200px; }
    .tariffs-abs { font-size: 170px; line-height: 400px;  }


    .atributi .main{ padding:40px 20px!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
    .attributes-box{ font-size:20px; font-weight: bold; line-height: 26px; }
  
    .brojaci { padding: 100px 0px; }
    .brojaci-big .fig-number{ font-size: 220px; line-height: 220px; }

 
    .reviews .main {width: 1200px !important; }
    #kiwi-slider .MS-controls { text-align: center;  }



    .header2 {height: 500px; }
    .header2-title {font-size: 70px; line-height: 100px; letter-spacing: 15px; }
    .jf-content-right-abs {width: 20%;  }

    .contact-right { padding: 25px; }
    .contact-right-contact {font-size: 15px; line-height: 19px;  margin-bottom: 10px; }

}

@media (min-width:1000px) and (max-width:1201px) {
    .main {width: 94%; }
    .naslov{ font-size: 28px; line-height: 36px; margin-bottom: 25px;}
     

    #kiwi-menu {}
    #kiwi-menu ul.menu li { margin: 0px 8px; padding: 0px 5px; letter-spacing: 2px; }

   
    .slideshow-limoservice { display: none; }
    .glavniMeni-dugme-cont-1{ left: 300px; }

    .calculator { right: 3%; top: 100px; width: 420px;    }
    .calculator .naslov { font-size: 28px; line-height: 36px; margin-bottom: 25px;}
    .calc-left {  padding: 10px 15px 0px 15px; border: 0px;}
    .calc-right { padding: 0px 15px 0px 15px; }
    .calc-datetime-2 {padding: 0px 15px 0px 15px; }
    .calc-submit { margin-top: -7.5px; padding: 7px 15px 15px 15px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .about{ padding-top: 40px; padding-bottom: 40px; }
    .about-subtitle {font-size: 22px; line-height: 30px; margin-bottom: 15px; }
    .about-attribute {font-size: 16px; line-height: 24px; margin-bottom: 15px; margin-top: 5px; letter-spacing: 2px;  }
    .about-center-inner {margin: 0px 40px; }
    .about-desc{ font-size: 15px; line-height: 25px; }
 
  
    
    .tariffs {padding-top: 40px; padding-bottom: 0px;  }
    .tariffs .main {width: 94%; }
    .tariffs-abs { font-size: 150px; line-height: 400px;  }
    .tariffsCont{ padding-bottom: 0px; }
    .tariffsStars img{ height: 24px; }
    .tariffsService{ font-size: 18px; line-height: 24px;}
    .tariffsBrand{ font-size: 16px; line-height: 22px; }
    .tariffsAtributs{ width: 80%; }
    .tariffsImage img {height: 100px; }
    .tariffsBook {width: 84%;  }
    
    .howto {padding-top: 40px; padding-bottom: 40px; }
    .howto-box {width: 30%; margin-right: 5%;}
    .howto-intro {font-size: 15px; line-height: 25px; margin-bottom: 50px; margin-top: 50px; }
    .howto-title {font-size: 16px; line-height: 24px;  }
    .howto-img img{ height: 55px; }
    .howto-desc {font-size: 15px; line-height: 25px;  }


    .map {padding-top: 40px; }
    .map-panel {position: absolute; width: 250px; top: 0px; left: 0px; padding: 12px 20px; padding-top: 15px; min-width: 150px; min-height: 150px;  }
    .map-label{ font-size: 14px; line-height: 20px; }

    .attributes{ margin-top:150px; }
    .attributes-box{ font-size:20px; font-weight: bold; line-height: 26px; }
    .atributi-image img { margin: 35px 0px;  }


    .brojaci { padding: 100px 0px; }
    .brojaci-big .fig-number{ font-size: 150px; line-height: 150px; }
    .brojaci-number .fig-number {margin-top: 30px; font-size: 45px;  }
    .brojaci-number { font-size: 28px;line-height: 60px; }
    .brojaci-title { font-size: 14px; line-height: 20px;  }

    .reviews .main {width: 95%!important; }
    .reviews-desc {font-size: 15px; line-height: 25px; min-height: 154px; margin: 20px 0px 25px 0px;  }

    .table-prices{ margin-right: 20px; }
    .table-prices tr th{ font-weight: bold; font-size: 15px; line-height: 24px; padding:10px 15px!important; }
    .table-prices tr td{ font-size: 15px; line-height: 23px; color:#000; padding:10px 10px!important; }


    .header2 {height: 400px; }
    .header2-title {font-size: 60px; line-height: 100px; letter-spacing: 15px; }
    .jf-content-right-abs {width: 20%;  }

    .contact-right { padding: 15px; }
    .contact-right-contact {font-size: 15px; line-height: 19px;  margin-bottom: 10px; }
}

@media (min-width:768px) and (max-width:999px) {
    .main {width: 94%; }
    .naslov{ font-size: 28px; line-height: 36px; margin-bottom: 25px;}
     

    #kiwi-menu {}
    #kiwi-menu ul.menu li { margin: 0px 8px; padding: 0px 5px; letter-spacing: 2px; }

   
    .slideshow-limoservice { display: none; }
    .glavniMeni-dugme-cont-1{  display: none; }
    .slideshow-left{ width: 140px; }
    .slideshow-corner{ width: 240px; }
    .slideshow-logo {margin: 30px 0px; }
    .slideshow-logo img{height: 40px; }

    .calculator { right: 3%; top: 100px; width: 420px;    }
    .calculator .naslov { font-size: 28px; line-height: 36px; margin-bottom: 25px;}
    .calc-left {  padding: 10px 15px 0px 15px; border: 0px;}
    .calc-right { padding: 0px 15px 0px 15px; }
    .calc-datetime-2 {padding: 0px 15px 0px 15px; }
    .calc-submit { margin-top: -7.5px; padding: 7px 15px 15px 15px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .about{ padding-top: 40px; padding-bottom: 40px; }
    .about-subtitle {font-size: 18px; line-height: 25px; margin-bottom: 15px; }
    .about-attribute {font-size: 14px; line-height: 22px; margin-bottom: 15px; margin-top: 5px; letter-spacing: 1px;  }
    .about-center-inner {margin: 0px 20px; }
    .about-desc{ font-size: 14px; line-height: 24px; }
 
  
    
    .tariffs {padding-top: 40px; padding-bottom: 0px;  }
    .tariffs .main {width: 94%; }
    .tariffs-abs { font-size: 150px; line-height: 400px;  }
    .tariffsCont{ padding-bottom: 0px; }
    .tariffsStars img{ height: 20px; }
    .tariffsService{ font-size: 16px; line-height: 22px;}
    .tariffsBrand{ font-size: 14px; line-height: 20px; }
    .tariffsAtributs{ width: 80%; }
    .tariffsImage img {height: 80px; }
    .tariffsBook {width: 80%;  }
    .tariffsBookLeft { font-size: 13px; width: 65%; }
    .tariffsBookRight { font-size: 13px; width: 35%; padding-right: 24px; }
    
    .howto {padding-top: 40px; padding-bottom: 40px; }
    .howto-box {width: 30%; margin-right: 5%;}
    .howto-intro {font-size: 14px; line-height: 24px; margin-bottom: 40px; margin-top: 40px; }
    .howto-title {font-size: 15px; line-height: 23px;  }
    .howto-img img{ height: 45px; }
    .howto-desc {font-size: 14px; line-height: 24px;  }


    .map {padding-top: 40px; }
    .map-cont{ margin-top: 140px; }
    .map-panel {position: absolute; width: 250px; top: -100px; left: 0px; padding: 10px 15px; padding-top: 12px; min-width: 150px; min-height: 150px;  }
    .map-label{ font-size: 14px; line-height: 20px; }



    .attributes{ margin-top:150px; }
    .attributes-box{ font-size:20px; font-weight: bold; line-height: 26px; }
    .atributi-image img { margin: 25px 0px;  height: 50px; }
    .atributi-title {font-size: 13px; line-height: 16px; letter-spacing: 0px;  }


    .brojaci { padding: 100px 0px; }
    .brojaci-big .fig-number{ font-size: 150px; line-height: 150px; }
    .brojaci-number .fig-number {margin-top: 30px; font-size: 35px;  }
    .brojaci-number { font-size: 22px;line-height: 60px; }
    .brojaci-title { font-size: 12px; line-height: 18px;  }

    .reviews .main {width: 95%!important; }
    .reviews-desc {font-size: 14px; line-height: 24px; min-height: 154px; margin: 20px 0px 25px 0px;  }
    .reviews-intro{ font-size: 14px; line-height: 24px; }
    .reviews-name {font-size: 16px;line-height: 24px; }
    .reviews-city {font-size: 14px; line-height: 22px; }

    .table-prices{ margin-right: 20px; }
    .table-prices tr th{ font-weight: bold; font-size: 15px; line-height: 24px; padding:10px 15px!important; }
    .table-prices tr td{ font-size: 15px; line-height: 23px; color:#000; padding:10px 10px!important; }


    .header2 {height: 400px; }
    .header2-title {font-size: 60px; line-height: 100px; letter-spacing: 15px; }
    .jf-content-right-abs {width: 20%;  }

    .contact-right { padding: 15px; }
    .contact-right-contact {font-size: 15px; line-height: 19px;  margin-bottom: 10px; }
    
 
}

@media (max-width:767px) {
   

  /**********************************GENERAL***************************************/
  /********************************************************************************/
  /********************************************************************************/
  body{ background: none; }
 

  .main{ width: 100%; }
  .homeMargina1{ margin:0px 20px; }

  .naslov{ font-size: 30px; line-height: 40px; margin-bottom: 30px; letter-spacing: 2.5px;}
  .naslov-small{ font-size: 22px; line-height: 30px; }

  p{ font-size: 15px; line-height: 23px;  }


  .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; }
  #cookies-banner .btn-accept{ float: left; }

  /*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*/
  .calculator { position: absolute; left:20px; top:auto; bottom: auto; top:550px; 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: 2px; line-height: 15px; color: #fff; 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: #242424; left:35px; }
  .calculator input[type="submit"]{ width: 100%; font-size: 16px;    }
  .calculator input[type="submit"]:hover {    }
 

  /**********************************HEADER***************************************/
  /********************************************************************************/
  /********************************************************************************/


  .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 { display: none; position: absolute; height:44px; top: 3px; left:5%;  }
    
  .glavniMeni-cont{ display: none; }
  .glavniMeni{ display: none; }

  .glavniMeni-dugme-cont{padding:5px 0px; top:7px; left:5px; }
  .glavniMeni-dugme{ margin-top: 0px; padding:5px 5px; color:#fff; font-size: 10px; line-height: 16px; border-radius: 5px; font-weight: normal; text-transform: uppercase; border:1px solid #a49169; }
 
  .glavniMeni #kiwi-menu{display: none;}

  /*HEADER2*/

  .header2{width:100%; height:250px; background: #242424 url('../images/header2-contact.jpg') center center no-repeat; background-size: cover; }
  .header2 .main{ height: 100%; position: relative; }
 
  .header2-aboutus{ background: #242424 url('../images/header2-about-us.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-blog{ background: #242424 url('../images/header2-blog.jpg') center center no-repeat; background-size: cover;  }

  .header2-title{position: absolute; top:50%; margin-top:-25px; padding-right: 20px;  font-size: 40px; line-height: 50px; letter-spacing: 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  } 
  .header2-gradient{ position: absolute; z-index: 3; top:0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to top, rgba(39,39,39,1) 0%,rgba(39,39,39,0.65) 26%,rgba(39,39,39,0.4) 100%); }
     
 
  
  /*MENU DUGME*/
  a.gotomenu {height: 30px; position: absolute; color:#fff; right: 10px; top: 14px; width: 30px; z-index: 60}

  /*SIDENAV*/
  .sidenav .sidenav-pretext{ padding:60px 0px 0px 0px; margin-bottom:30px; text-align:left; font-weight:bold; font-size:28px; line-height: 38px;    }


  /*LOGIN BUTTON*/
  .login-cont{  width: auto; top: 14px; right: 80px;   padding: 2px 24px; font-size: 13px; line-height: 18px;  border-radius: 12px;  }

  /*JEZIK MODUL*/
  .language {position: relative; z-index: 1; width: auto; height: 30px; text-align: center; margin-bottom: 20px; }
  .language-line{position: absolute; z-index: -1; top:12px; border-top:3px double #c39565; width: 70%; content: ''; height: 0px; left: 50%; margin-left: -35% }
  .language .inputbox { background: #242424; border: 2px solid #5e5e5e; padding: 2px 12px; font-size: 11px; text-transform: uppercase; line-height: 16px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 
 
  /*SLIDESHOW*/
  .slideshow{ margin-bottom:0px; position:relative;  margin:0px auto; margin-bottom: 520px; /*background: url(../images/bg-parking-zurich-airport.png) right top no-repeat; background-size: 90% auto;*/}
  .slideshow_gradient_black{ background: rgba(0,0,0,0.25); }
  .slideshow-corner{ position: absolute; z-index: 5!important; width: 180px; left:0px; background: rgba(36, 36, 36, 0.75); height: auto; top:0px; text-align: center; }
  .slideshow-logo{ margin:10px 0px 12px 0px; }
  .slideshow-logo img{ height: 44px;  }
  .slideshow-left{ position: absolute; z-index: 4!important; width: 80px; left:0px; background: rgba(36, 36, 36, 0.75); height: 100%; top:0px; }
  .slideshow-limoservice{ position: absolute; font-size: 10px; line-height: 20px; writing-mode: vertical-rl; text-orientation: mixed; left:50%; margin-left: -10px; letter-spacing: 3px; font-family: 'Oswald', sans-serif; text-transform: uppercase; bottom:230px; color:#fff;  white-space: nowrap;   }
  .slideshow-social{ position: absolute; bottom: 0px; width: 100%; text-align: center; }
  .slideshow-social::before{ position: absolute; content:''; top:-50px; left:50%; width: 1px; background: #555; height: 50px; }
  .slideshow-social li{position: relative; cursor: pointer; width: 32px; height: 32px; border:0px solid #ddd; display: block; margin:15px auto!important; }
  .slideshow-social li:first-child::before{ position: absolute; width: 100%; height: 100%; left:0px; top:0px; line-height: 40px; font-size: 20px; color:#555; font-family: 'FontAwesome'; font-weight: 400; content: "\f09a";   }
  .slideshow-social li:nth-child(2)::before{ position: absolute; width: 100%; height: 100%; left:0px; top:0px; line-height: 40px; font-size: 20px; color:#555; font-family: 'FontAwesome'; font-weight: 400; content: "\f16d";   }
  .slideshow-social li:nth-child(3)::before{ position: absolute; width: 100%; height: 100%; left:0px; top:0px; line-height: 40px; font-size: 20px; color:#555; font-family: 'FontAwesome'; font-weight: 400; content: "\f167";   }
  .slideshow-social li:hover::before{ color:#fff; -webkit-transition: .35s; -webkit-transition: .35s; transition: .35s; }
 
 


  /**********************************CONTENT***************************************/
  /********************************************************************************/
  /********************************************************************************/
  .content-all{ margin:0px 0px; width: auto; }
  .content-left{ width: 100%; float:none; }
  .itemid-126 .content-left, .itemid-133 .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: 24px; line-height: 34px; margin-bottom: 30px; }
  #jf-content .main p{ font-size: 15px; line-height: 23px; }



  #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 GLOBAL*/
  .page-button-cont{ margin-top:40px; padding:20px 0px; overflow: hidden; }
  .page-button{ padding: 12px 50px;  border: 1px solid #2085df; color:#000; font-weight: bold; border-radius: 20px; font-size: 14px; line-height: 16px; text-transform: uppercase;  }
  .page-button:hover{  background-color: #2085df; color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
  .page-cont{ width: 100%; overflow: hidden;  margin-bottom: 60px;}
  .page-50{ width: 100%;}
  .page-55{ width: 100%;}
  .page-48{ width: 100%;}
  .page-46{ width: 100%;}
  .page-40{ width: 100%; padding-bottom: 30px;}
  .page-float-l{ float:none; }
  .page-float-r{ float:none; }
  .small{ font-size: 14px!important; line-height: 20px!important; color:#555!important; }
  .narandzasta{ color:#df621e!important; } 
  .page-subtitle{ font-size: 18px; line-height: 24px;  margin-bottom: 20px; }

 
  /*PAGE PRICES*/
  .page-fleet-box{ display: block; }
  .page-fleet-left{ width: 100%; }
  .page-fleet-right{ width: 100%; padding-left: 0px; }

  /*PAGE PARTNERS*/
  .page-partners-cont{ display: block;  margin-bottom: 40px; }
  .page-partners-box{  width: 100%; border:1px solid #ddd; padding:35px 25px; margin-bottom: 40px; max-width: none }
  .page-partners-logo img{ height: 50px; }
  .page-partners-title{ font-size: 20px; line-height: 26px;}
  .page-partners-desc{ font-size: 15px; line-height: 23px;  }

  /*LIMOUSINE RIGHT*/
  .page-right-price{ background-color: #1e1e1e; padding:20px 0px 25px 20px; border-radius: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .page-right-title{ font-family: 'Satisfy', cursive; color:#e84393; font-size: 40px; line-height: 50px; text-align: left; margin-bottom: 30px;  }
  .page-right-box{position: relative; font-size: 15px; line-height: 25px; color:#ddd; padding-bottom: 30px; margin-bottom: 25px;  }
  .page-right-box::before{position: absolute; bottom:0px; left: 0%; width: 30px; margin-left: 0px; height: 2px; background-color: #e84393; content: '';  }
  .page-right-box:last-child{   margin-bottom: 0px; padding-bottom: 10px; }
  .page-right-box:last-child::before{  display: none; }
  .page-right-monet{ font-weight: bold; }
  .page-right-num{ font-size: 34px; line-height: 34px; color:#fff; font-weight: bold; padding: 0px 5px;}


  /*ACCOUNT*/
  .myaccount{ margin-top: 20px; width: 100%;  }
 


  /*ABOUT*/
  .page-about-img{ border-radius: 20px; margin-top:30px; }
  .page-about-subtitle{ font-size: 26px; line-height:36px; font-weight: bold; margin-bottom: 30px; }

  /*INVEST*/
  .itemid-109 .item-page h2{ margin-left: 20px; }
  .invest{ max-width: 100%; margin-top:0px; margin:0px 20px; }

  /*INVEST*/
  .kontakt-forma{ max-width: 100%; margin-top:0px; }

  /*KONTAKT RIGHT*/
   


  /*FAQ*/
  .accordion .pitanja-link { padding: 15px 50px 15px 15px;  font-size: 15px!important; line-height: 21px!important ; font-weight: 500!important; }
  .accordion .pitanja-link::after { top:50%; margin-top:-10px; right: 10px; font-size: 16px;  padding: 3px; line-height: 20px; width: 20px; height: 20px;   }
  .accordion .content { padding: 10px 0px 10px 15px;  }

 
  /*PAGE BLOG*/
  .items-leading{overflow: hidden; display: block; }
  .items-leading > article{ 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{  }





  /**********************************MODULI****************************************/
  /********************************************************************************/
  /********************************************************************************/

 


  /*ABOUT US*/
  .about{ padding-top: 40px; padding-bottom: 40px; }
  .about .naslov{ text-align: left; }
  .about-cont{ overflow: visible; display: block; margin-top:50px; }
  .about-left{ width: 100%; float:none; overflow: hidden; padding-bottom: 30px; }
  .about-left-inner{ width: 100%; float:none; max-width: auto;  }
  .about-subtitle{ font-size: 20px; line-height: 28px; margin-bottom: 20px; }
  .about-right{ width: 100%;  margin-left: 0%;  margin-top:40px; border:0px solid #cc0000; float:none;  }
  .about-center{ width: 100%; }
  .about-center .about-subtitle{ display: none; }
  .about-center-inner{ margin:0px; }
 
  .about-desc{ font-size: 15px; line-height: 25px; margin-right: 0px; }
  .about-icon{ text-align: center; }
  .about-attribute{ font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; padding-left: 2px; margin-bottom: 20px; margin-top: 8px; letter-spacing: 2px; }

   /*TARIFFS*/
  .tariffs{ padding-top:40px; background: #fff; }
  .tariffs .naslov{  text-align: left; margin-bottom: 30px; }
  .tariffs .main{ width: 100%; }
  .tariffs-abs{ display: none; }

  .tariffsCont{ display: block; padding-bottom: 0px; }
  .tariffsContainter{ float:none; position: relative; width: 100%;  margin-right:0%; margin-bottom: 50px; overflow: hidden; } 
  .tariffsContainter::before{ position: absolute; content: 'LukaS'; z-index: 0; width: 100%; top:40px; text-align: center; color: rgba(195, 149, 101, 0.15); font-size: 90px; line-height: 120px; font-weight: 900; }
  .tariffsContainter:last-child{  margin-bottom: 0px; }
  .tariffsService{ margin-top: 20px; font-weight: 400;  }
  .tariffsBrand{ margin-bottom: 30px;}
  .tariffsBook{ width: 80%; max-width: 230px; }
 


   /*HOW TO*/
 
  .howto{ padding-top:0px; padding-bottom: 0px/*;  background:url('../images/bg-how-it-works.png') top right no-repeat; background-size:auto 100%;*/ }
  .howto .main{ width: 100%!important }
  .howto .naslov{  text-align: left; margin-bottom: 30px; }
  .howto-intro{ font-size: 15px; line-height: 25px; color:#555; margin-bottom: 50px; }
  .howto-cont{ overflow: visible; padding: 0px 0px 30px 0px; }
  .howto-box{opacity: 0; float: none; width: 100%; margin-right:0%; margin-bottom: 60px; overflow: hidden; }
  .howto-box:last-child{  margin-right: 0%;  margin-top:0px;}
  .howto-box:nth-child(2){ margin-top:0px; }
  .howto-box:nth-child(4){ margin-bottom:0px; }

  .howto-inner{ padding: 0; }
   
 
  .howto-desc{ font-size: 15px; line-height: 25px; margin-top:20px; min-height: auto; }
  .howto-desc a{ color:#555; }

  .howto-box:nth-child(1).howto-animate {  -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s  0.2s forwards; }
  .howto-box:nth-child(2).howto-animate {  -webkit-animation: prikazi 0.5s 0.3s forwards; animation: prikazi 0.5s  0.3s forwards; }
  .howto-box:nth-child(3).howto-animate {  -webkit-animation: prikazi 0.5s 0.4s forwards; animation: prikazi 0.5s  0.4s forwards; }
  .howto-box:nth-child(4).howto-animate {  -webkit-animation: prikazi 0.5s 0.5s forwards; animation: prikazi 0.5s  0.5s forwards; }

  
     /*MAPA*/
    .map{ background: #242424; padding-top:40px; }
    .map .naslov{ color:#fff; text-align: left; }
    .map-cont{ position: relative; margin-top:250px;  }

    .map-panel{ position: absolute; top:-180px; left: 0px; padding:10px 10px; padding-top: 10px; box-sizing: border-box; min-width: 120px; min-height: 120px; color:#fff; background: rgba(0,0,0,0.5); }
    .map-location{ display: none; }
    .map-pane-box{ display: flex }
    .map-panel-left{ width: 55%; }
    .map-panel-right{ width: 45%; }
    .map-city{ font-size: 17px; padding-bottom: 5px; padding-left: 0px; letter-spacing: 2px;  line-height: 20px; margin-bottom: 7px; }
    .map-vehicle-img{  }
    .map-vehicle-img img{ height: 40px; margin-bottom: 5px;  }

    .map-label{ font-size: 14px; line-height: 16px; margin-bottom: 5px; padding-left: 0px;  }
    .map-distance{font-size: 14px; line-height: 18px; color:#c39565; padding-left: 0px; margin-bottom: 10px;}
    .map-duration{font-size: 14px; line-height: 18px; color:#c39565; padding-left: 0px; margin-bottom: 0px;}
    .map-price{ font-size: 16px; line-height: 18px; font-weight: 700; padding-left: 0px; margin-bottom: 0px;}

    .pulse::after{ content: 'BERN'; position: absolute; top:-20px; left: 3px; font-size: 10px; line-height: 12px; border:0px; border-left:1px solid #c39565;  padding:0px 0px 8px 5px; }
    .stmoritz.pulse::after{ content: 'ST.MORITZ'; position: absolute; top:auto; bottom:-20px; left: 3px; font-size: 10px; line-height: 12px; border:0px; border-left:1px solid #c39565;  padding:8px 0px 0px 5px; }
 
      
    .pulsating-circle {  position: absolute; cursor: pointer; width: 8px; height: 8px; background: #c39565; border-radius: 50%; border:0px solid #ddd;}
    .pulsating-circle:before { content: ''; position: relative; display: block; width: 400%; height: 400%; box-sizing: border-box; margin-left: calc(-200% + 4px); margin-top: calc(-200% + 4px); border-radius: 50%; background-color: #c39565; 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: 80%; margin-left: -40%; margin-top: -40%; background-color: #eea178; border-radius: 50%; }*/


    .pulsating-circle2 {   position: absolute; cursor: pointer; width: 8px; height: 8px; background: #c39565; border-radius: 50%; border:0px solid #ddd; }
    .pulsating-circle2:before { content: ''; position: relative; display: block; width: 400%; height: 400%; box-sizing: border-box; margin-left: calc(-200% + 4px); margin-top: calc(-200% + 4px); border-radius: 50%; background-color: #c39565; 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: 80%; margin-left: -40%; margin-top: -40%; background-color: #eea178; border-radius: 50%; }*/

    .pulsating-circle3 { position: absolute; cursor: pointer; width: 8px; height: 8px; background: #c39565; border-radius: 50%; border:0px solid #ddd; }
    .pulsating-circle3:before { content: ''; position: relative; display: block; width: 400%; height: 400%; box-sizing: border-box; margin-left: calc(-200% + 4px); margin-top: calc(-200% + 4px); border-radius: 50%; background-color: #c39565; 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: 80%; margin-left: -40%; margin-top: -40%; background-color: #eea178; border-radius: 50%; }*/
      
 



    /*ATRIBUTI*/
    .atributi{ padding-bottom: 0px;}
    .atributi .naslov{ margin-bottom:40px; text-align: left; }
    .atributi-row1{overflow: hidden; margin-bottom: 0px;}
    .atributi-row1{overflow: hidden;}
    .atributi-box{ float: left;  }
    .atributi-box:nth-child(3){ margin-right: auto; }
    .atributi-row1 .atributi-box:nth-child(1){width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .atributi-row1 .atributi-box:nth-child(2){width: 48%; margin-right: 0; margin-bottom: 20px;}
    .atributi-row1 .atributi-box:nth-child(3){width: 100%; margin-bottom: 20px;}
    .atributi-row2 .atributi-box:nth-child(1){width: 100%; margin-bottom: 20px;}
    .atributi-row2 .atributi-box:nth-child(2){width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .atributi-row2 .atributi-box:nth-child(3){width: 48%; margin-bottom: 20px;}
    .atributi-image{  background-color: #1b1b1b; text-align: center; padding:10px 0px;  }
    .atributi-image img{ height: 50px; margin: 30px 0px;}
    .atributi-title{background-color: #1b1b1b; padding:10px 0px; color:#d4b572; font-size: 11px; text-transform: uppercase; line-height: 18px; letter-spacing: 3px; font-weight: 400; text-align: center; }

    .atributi-row1 .atributi-box:nth-child(1) .atributi-title, .atributi-row1 .atributi-box:nth-child(3) .atributi-title{  margin-top:5px; }
    .atributi-row1 .atributi-box:nth-child(2) .atributi-title{  margin-bottom:5px; }
    .atributi-row2 .atributi-box:nth-child(1) .atributi-title, .atributi-row2 .atributi-box:nth-child(3) .atributi-title{  margin-bottom:5px; }
    .atributi-row2 .atributi-box:nth-child(2) .atributi-title{  margin-top:5px; }

 
 
  /*COUNTERS*/
  .brojaci{  padding:40px 0px;  background: #242424 url('../images/limousine-service-zurich-airport-m.jpg') center bottom no-repeat;  }
  .brojaci-abg-1{display: none; position: absolute; right: 0px; bottom:0px; width: 100%; height: 240px; text-align: right; }
  .brojaci-abg-1 img{ position: absolute; right: 0px; bottom:0px;  }

  .brojaci .naslov{ display: none; }
  .brojaci-cont{ width: 100%; display: block; }
  .brojaci-box{ width: 100%; display: block;   }
   
   .brojaci-number{position:relative;  margin:0px 20px; font-size: 30px; line-height: 50px; }
   .brojaci-number .fig-number{  margin-top:30px; font-size: 50px;  }
   .brojaci-title{ padding:0px 10px; font-size:14px; line-height: 20px; color:#ccc; font-weight: 600; }

   .brojaci-big{ margin-bottom: 40px;    }
   .brojaci-big .fig-number{ width: 38%; text-align: right; font-size: 130px; line-height: 130px; padding-right: 10px; }
   .brojaci-big-text{  width: 62%;  font-size: 16px; line-height: 22px; padding-bottom: 2px; letter-spacing: 0px;} 
 


  /*REVIEWS*/
  .reviews{ position: relative; padding:0px 0px; }
  .reviews .main{ width:100%!important; }
  .reviews .naslov{ margin:0px 20px; margin-bottom: 30px; text-align: left;}
  .reviews-intro{ margin:0px 20px; margin-bottom: 15px; font-size: 15px; line-height: 25px; text-align: left; }
  .reviews-box{  margin:35px 20px; margin-top:20px; border-radius:0px; overflow: hidden;   } 
  .reviews-header{ margin-bottom: 0px; padding:15px 0px 00px 0px;}
  .reviews-stars{ margin-top: 20px; }
  .reviews-name{ font-size: 20px;  line-height: 30px;  } 
  .reviews-city{ font-size:17px; line-height:21px; } 
  .reviews-desc { font-size: 15px; line-height: 25px;   margin:20px 0px 30px 0px; height: auto;  }

  /*...REVIEWS SLIDER*/
  .MS-content .item { display: inline-block; height: 100%; overflow: hidden; vertical-align: top; position: relative; box-sizing: border-box; width: 100%!important; color:#000;}
  #kiwi-slider .MS-controls{ margin-right: 20px; }

 
    /*GALLERY*/
    .gallery{ display: block; overflow: hidden; width: calc(100% - 5px); margin-left:5px; }
    .gallery-row{ width:calc(50% - 5px); margin-right: 5px;  }
    .gallery-row div{ margin-bottom: 5px; position: relative; overflow: hidden; }
      
    .gallery-modal-content {  width: 100%; }
    .gallery-modal-content img{ max-height: none; max-width: 95%; }
    .gallery-modal-close { position: absolute; top: -35px;  left: calc(50% - 12px); color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.25s;}
    

    /*PARTNERS*/
    .partners{ padding:40px 0px;  }
    .partners .naslov{ }
    .partners-cont a img{ height: 50px; margin-right: 20px; margin-bottom: 20px; }

  
    /*FOOTER*/
    .footer{ padding:0px 0px; margin-top:0px; background-size: 100%; }
    .footer-title{ margin-bottom: 5px; font-size: 11px;  }
    .footer-logo img{ height: 60px; width: auto; }
    .footer-contact-title{ font-size: 11px; }
    .footer-contact-cont{ overflow:hidden; width: 100%; margin:30px 0px; margin-bottom: 15px; margin-top: 50px;}
    .footer-contact-box{ width: 100%; float: left; text-align: center; margin: 0px;  padding:15px 0px; border-bottom:1px solid #333; }
    .footer-contact-box:nth-child(1){ margin-left: 0%; border-right: 0px solid #555; }
    .footer-contact-box:nth-child(3){ margin-right: 0%; border-left: 0px solid #555; }
    .footer-contact-desc{ min-height: 20px; font-size: 14px;}
    .footer-social img{height: 18px;  }
    .footer-menu{ margin-top:40px; width: 100%; text-align: left;}
    .footer-menu div{ display: inline-block; font-size: 14px; line-height: 20px; margin-right: 5px; margin-bottom: 10px; background-color: #202020; padding:10px 15px; }
    .footer-menu div:last-child{ margin-right: 0px;  }
    .footer-menu div a{ color:#999;}
    .footer-menu div a:hover{ color:#d4b572;}
  

  
  /*KONTAKT FORMA*/
  .kontakt-forma{ width: auto; margin:0px 0px; }
 
 
@media (min-width:480px) and (max-width:767px) {
     
}

@media (min-width:481px) and (max-width:599px) {
     
}

@media (max-width:479px) {
    
     
}