h1,
h2 {
    text-align: left;
}


@font-face {
  font-family: Marker;
  src: url("fonts/XXII-MARKER_Regular.otf");
  font-weight: normal; 
}

@font-face { 
    font-family: "inter"; 
    src: url("font/inter-variable-font.woff2") format("woff2 supports variations"), url("https://cdn.fantasticservices.com/font/inter-variable-font.woff2") format("woff2-variations"); 
    font-weight: 400 900; 
    font-stretch: 25% 150%; 
    font-display: swap; 
}

 

/*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: "Ubuntu", sans-serif;
}

#jf-header .main,
#jf-wrapper,
.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;
    /*image-rendering: -webkit-optimize-contrast;*/
}

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

textarea:focus, input:focus, select:focus{outline: none; }

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: 26px;
    color: #000;
    background-color: #fff!important;
    border: 0 solid red!important
}

a {
    color: #000
}

a:hover {
    color: #e4002b
}

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

h1 {
    font-size: 36px;
 
}
f
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
}
 

.main {
    margin: 0 auto
}
 
 

#jf-home-c .main,
#jf-latest .main {
    padding: 40px 0;
 
}
 
.preloader{ background-color:#fff; position:fixed; width:100%; height:100%; z-index:9999; border:0px solid #ff0000; }
.traffic-lights {padding: 5px 15px; background: #222; border-radius: 25px; border: 5px solid #111; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); z-index:100; }
.light {border-radius: 50%; background: teal; width: 50px; height: 50px; margin: 10px auto; }

@keyframes red {
  0 {
    background: #111;
  }
  2%,
  40% {
    background: #c0392b;
  }
  42%,
  100% {
    background: #111;
  }
}

@keyframes amber {
  0%,
  20% {
    background: #111;
  }
  22%,
  40% {
    background: #FBC00C;
  }
  42%,
  80% {
    background: #111;
  }
  82%,
  100% {
    background: #FBC00C;
  }
}

@keyframes green {
  0%,
  40% {
    background: #111;
  }
  42%,
  80% {
    background: #1abc9c;
  }
  82%,
  100% {
    background: #111;
  }
}

.red {animation: red 2s linear infinite; }
.amber {animation: amber 2s linear infinite; }
.green {animation: green 2s linear infinite; }


/*POPUP BANNER*/
.popup_baner{ display: none; position: fixed; z-index: 9999; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); }
.popup_baner .closebtn {font-size: 45px; line-height: 45px; top:0px; position:absolute; color:#fff; right:5px; padding:0px 10px; }
.popup_baner img{position: absolute; width: auto; height: auto; max-width:1080px; max-height:80%; /*-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;*/ -webkit-transform: translate(-50%, -50%); left:50%; top:50%; transform: translate(-50%, -50%);}
.popup_baner_inner{ position: absolute; width:600px; left:50%; font-size: 16px; line-height: 22px; margin-left: -300px; top:50%; margin-top:-180px; padding:50px; background: #e4002b; border-radius: 10px; color:#fff;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.popup_baner_title{ font-size: 26px; line-height: 36px; margin-bottom: 30px; font-weight: 700; }
.popup_baner_desc{ font-size: 20px; line-height: 30px; margin-bottom: 20px; font-weight: 500; }
.popup_baner_button{ margin-top: 25px; padding:0px 0px;}
.popup_baner_button span{ display: inline-block; background-color: #fff; color:#000; padding: 0px 50px; border-radius: 24px; line-height: 50px; border-radius: 4px; font-weight: 700; font-size: 16px; }
.popup_baner_button span:hover{ background-color: #36389b; color: #fff; -webkit-transition: .35s; -moz-transition: .35s; transition: .35s; }

 
  

/**********************************GENERAL***************************************/
/********************************************************************************/
/********************************************************************************/


.main { width: 1200px }


/*FADE EFFECT*/
.fade { position: relative; 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-small {  font-size: 13px; line-height: 22px; text-transform: uppercase; font-weight: 800; letter-spacing: 2.8px; color:#e4002b; text-align: center; margin-bottom: 0px; }
.naslov{  font-size: 40px; line-height: 50px; font-weight: 700; text-align: center; color: #000; margin-bottom: 40px; }
.naslov span{ color:#36389b; }

/*TABOVI*/
/*.calc-tabs{border:0px solid #ddd; margin-bottom:20px; margin:0px auto; margin-bottom: 20px; overflow:hidden;  }
.calc-tabs .tablinks{ display:block; width:49%; text-align:center;  font-size:12px; line-height: 15px; text-transform: uppercase; color:#000; font-weight: 600; padding:14px 10px 14px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 2%}
.calc-tabs .tablinks:first-child{ border-top-left-radius: 0px; }
.calc-tabs .tablinks:last-child{ margin-right: 0%; border-top-right-radius: 0px; }  
.tablinkleft{float:left; }
.tablinkright{float:left; }
.calc-tabs .active { background-color: #e4002b; color:#fff; }
.tablinks:hover{ cursor:pointer;}
.tabcontent {display: none; overflow: hidden; margin:0px 25px; }*/

/*BOOKING*/
.calculator { position: absolute; left: 0%; top:200px; padding: 0px 0px; margin-left: 0px; width: 420px;  border-radius: 0px; z-index: 40; border:0px solid #ff0000; background: #fff; border-radius: 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.calculator-inner{border-radius: 7px; padding-bottom: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  }
.calculator-title{ color:#fff; text-align: left; font-size: 28px; line-height:40px; font-weight: 700; margin-bottom: 10px; background: #e4002b; padding:15px 20px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.calculator-subtitle{ color:#000; text-align: left; font-size: 17px; line-height:24px; font-weight: 700; margin-bottom: 7px; }
.calculator-desc{ color:#444; text-align: left; font-size: 14px; line-height:21px; font-weight: 400; margin-bottom: 15px;  }

.calculator-body{ padding:0px 20px 5px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calculator-list{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calculator-list-item{position: relative; border:1px solid #ddd; border-radius:4px; padding:8px 15px; font-size: 18px; line-height: 28px; margin-bottom: 8px; font-weight: 600; padding-left: 65px; cursor: pointer; }
.calculator-list-item:hover{ border:1px solid #e4002b; color:#e4002b; }
.calculator-list-item::before{  position: absolute; top:50%; width: 50px; height: 100%; left: 0px; line-height: 44px; height: 44px; margin-top: -22px; font-size: 26px; text-align: center; color: #36389b; background-color: #f6f6f6; content: 'location_on'; font-family: 'Material Symbols Outlined';  border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.calculator-list-item a{ color:#000; }
.calculator-list-item:hover a{ color:#e4002b; }
.calculator-list-motor.calculator-list-item::before{ content: 'two_wheeler'; font-family: 'Material Symbols Outlined'; }
.calculator-list-katb.calculator-list-item::before{ content: 'directions_car'; font-family: 'Material Symbols Outlined'; }
.calculator-list-taxi.calculator-list-item::before{ content: 'local_taxi'; font-family: 'Material Symbols Outlined'; }
.calculator-list-kontrol.calculator-list-item::before{ content: 'car_crash'; font-family: 'Material Symbols Outlined'; }
.calculator-list-katbe.calculator-list-item::before{ content: 'rv_hookup'; font-family: 'Material Symbols Outlined'; }
.calculator-list-medical.calculator-list-item::before{ content: 'medical_services'; font-family: 'Material Symbols Outlined'; }
.calculator-list-traffic.calculator-list-item::before{ content: 'traffic'; font-family: 'Material Symbols Outlined'; }
.calculator-list-wab.calculator-list-item::before{ content: 'minor_crash'; font-family: 'Material Symbols Outlined'; }
.calculator-list-motorgrand.calculator-list-item::before{ content: 'sports_motorsports'; font-family: 'Material Symbols Outlined'; }
.calculator-list-lesson.calculator-list-item::before{ content: 'school'; font-family: 'Material Symbols Outlined'; }
.calculator-list-oneclass.calculator-list-item::before{ content: 'content_paste'; font-family: 'Material Symbols Outlined'; }
 

.calculator-list-locations { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 8px; margin-bottom: 8px; }
.calculator-list-locations .calculator-list-item{ padding:7px 10px; font-size: 16px; line-height: 26px; margin-bottom: 0px; font-weight: 500; padding-left: 40px;  }
.calculator-list-locations .calculator-list-item::before{  width: 30px; line-height: 40px; height: 40px; margin-top: -20px; font-size: 24px; content: 'location_on'; font-family: 'Material Symbols Outlined'; }
.calculator-list-price .calculator-list-item::before{ content: 'sell'; font-family: 'Material Symbols Outlined'; }
.calculator-list-price-katb .calculator-list-item { font-size: 16px; }



.calculator-button-back{ margin-left: 20px; color:#444; font-size: 15px; line-height: 22px; }
.calculator-button-back span{ padding-left: 25px; position: relative; }
.calculator-button-back span::before { position: absolute; top: 50%; left: 0px; width: 22px; line-height: 22px; height: 22px; margin-top: -11px; font-size: 20px; content: 'west'; font-family: 'Material Symbols Outlined'; color:#36389b }
 
/*NOVI KALKULATOR*/
 
   
.calc h1{ color:#fff!important; text-align: center; }
 

.calc-left{ width: 100%; float:none; padding:0px 0px 0px 0px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calc-right{ width: 100%; float:none; padding:0px 0px 0px 0px;  overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calc-block-pausal{ width: 100%;  padding:0px 0px 10px 0px; 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; border-radius: 0px; background-color:transparent; width: 100%; border: 0px; border-bottom: 2px solid #eee; color: #000;   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: 5px; color:#e4002b; }
.calc-input-cont{ position: relative; }
.calc-input-cont::before{ position: absolute; top:0%; width: 35px; font-size: 22px; line-height: 46px; left: 0px;  color:#36389b; background: #ebebff; content: 'description'; font-family: 'Material Symbols Outlined'; text-align: center; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.calc-input-cont.calc-input-person::before{  content: 'person'; font-family: 'Material Symbols Outlined'; font-size: 24px; }
.calc-input-cont.calc-input-email::before{  content: 'email'; font-family: 'Material Symbols Outlined';  }
.calc-input-cont.calc-input-phone::before{  content: 'call'; font-family: 'Material Symbols Outlined'; }
.calc-input-cont.calc-input-address::before{  content: 'home'; font-family: 'Material Symbols Outlined'; font-size: 24px; }
.calc-input-cont.calc-input-zip::before{  content: 'location_on'; font-family: 'Material Symbols Outlined'; }
.calc-input-cont.calc-input-birthday::before{  content: 'cake'; font-family: 'Material Symbols Outlined'; }

.calc-input-checkbox > input[type="checkbox"] { height: 24px; width: 24px; padding:0px!important; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 2px solid #ebebff!important; outline: none; transition-duration: 0.3s; background-color: #fff; cursor: pointer; }
.calc-input-checkbox > input[type="checkbox"]:checked { border: 2px solid #36389b!important; background: #36389b url('../images/icon-accept-white.png') center center no-repeat; background-size: 16px; }
.calc-input-checkbox > input[type="checkbox"]:active { border: 2px solid #36389b; }
 


.calc-label{  position: absolute; z-index: 1; display: block; color:#555; font-size: 14px; line-height: 14px; top:0px; left:30px; background-color: #fff; padding:0px 10px;  }
.calc-err{  position: absolute; display: none; color:#e4002b; 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: #e4002b;  }
.calc input:hover, .calc input:focus, .calc select:hover, .calc select:focus, .calc textarea:hover, .calc textarea:focus{ border-color:#abadf2!important; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
 
/*...LOCATION*/
/*.calc-start::before,
.calc-end::before,
.calc-start-fixed::before {  content: 'location_on'; font-family: 'Material Symbols Outlined';  }*/
 

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

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

.calc-datetime-2{ padding:0px 0px 0px 0px; 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; overflow: hidden;  padding:25px 0px 25px 0px; 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:#fff; font-size: 16px; text-transform: uppercase; font-weight: 700; border-radius: 0px; border:2px solid #e4002b; background-color: #e4002b;   }
.calc input[type="submit"]:hover, .calc input[type="submit"]:focus {background-color: #262626; border:2px solid #262626!important;   }


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

.calc-hours{ width: 40%; float:left; margin-right: 4% }
.calc-hours::before {  content: 'alarm'; font-family: 'Material Symbols Outlined';  }

.calc-datetime-fixed{ float: left; overflow: hidden; width:56%; float: left; }
.calc-date-start-fixed::before{ content: 'edit_calendar'; font-family: 'Material Symbols 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 Symbols Outlined';  }*/

.forma_uspjesno{font-size: 16px; line-height: 24px; width:90%; margin:30px auto; margin-top:0px; background:#d2ffd6; border-radius: 15px; 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; border-radius: 15px; 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-formular .calc-label{ color:#000; background: #fff; left: 45px; }
.contact-form-formular .submit-dugme{ margin-top:30px;  }

.contact-form-formular input,
.contact-form-formular select,
.contact-form-formular textarea { border: 2px solid #eee; color: #000; border-radius: 3px; }
.contact-form-formular input[type="submit"] { color:#fff;  border:0px solid #e4002b; background-color: #e4002b; border-radius: 4px; width: auto; text-transform: none; font-size: 16px; padding:0px 50px!important; line-height: 50px; }
.contact-form-formular input[type="submit"]:hover, .contact-form input[type="submit"]:focus {background-color: #262626; border: 0px!important; color:#fff; }

.contact-form-formular-grey .calc-label{ background: #f6f6f6; }
.contact-form-formular-grey input,
.contact-form-formular-grey select,
.contact-form-formular-grey textarea { border: 2px solid #ddd;  }
 
.forma-50{ width:47%; float:left; }
.forma-50:nth-child(2){ width:47%; float:right; }
.forma-cont{ overflow: hidden; } 

/*FORM INPUT FILE*/
.calc-label-file{ font-size: 16px; line-height: 26px; font-weight: 700; color:#000; margin-bottom: 5px; }
.calc-label-file-desc{ font-size: 14px; line-height: 18px; color:#36389b;  }

.form_upload input[type="file"] {position: relative; padding:26px 0px!important; z-index:20; -moz-appearance:none; -webkit-appearance:none; appearance:none; opacity: 0; }
.form_file_wrapper{position: absolute; overflow: hidden; z-index: 10; top:8px; font-size: 18px; line-height: 28px; background-color: transparent; padding: 24px 0 24px 45px; width: 100%; border:2px solid #eee; background-color:transparent; border-radius: 3px; color:#555; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.form_file_wrapper span{ white-space:nowrap; }
.form_upload::before{ position:absolute; font-family: 'Material Symbols Outlined'; content:'attachment';  width: 35px; font-size: 22px; background: #ebebff; text-align: center; line-height: 80px;  top:8px; left: 0px; height: 80px; color:#36389b;  }



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

/*SLIDESHOW*/
.slideshow{  position:relative;  margin:0px auto; margin-bottom: 150px; background: #242424; background: url(../images/bg-limousinen-rental-zurich.jpg) center center no-repeat; background-size: cover; }

.slideshow-logo{ margin:50px 0px; }
.slideshow-logo img{ height: 60px;  }

.slideshow-box{ position: absolute; z-index: 5; right: 0%; width: 50%; top:200px; text-align: left; margin-top: 0px; overflow: hidden; }
.slideshow-box-intro{ position: relative; font-size: 15px; line-height: 25px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; color:#ffc000; margin-bottom: 10px; }


.slideshow-box-name{ position: relative; font-family: 'Rubik', sans-serif;  display: flex; font-size: 100px;  line-height: 110px; font-weight: 900; color:#fff; margin-bottom: 0px; }
.slideshow-box-name-part {display: inline-block; position: relative; transform: translateX(0); animation-duration: 2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
.slideshow-box-name-part.slideshow-box-name-part-left {transform: translateX(-200%); animation-name: slide-in-left; animation-delay: 1s;  }
.slideshow-box-name-part.slideshow-box-name-part-right {transform: translateX(200%); animation-name: slide-in-right; animation-delay: 1s;  }
.slideshow-box-name-part.slideshow-box-name-part-right span{ color:#e4002b; }

@keyframes slide-in-left {
    0% {
        transform: translateX(-200%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(200%);
    }
    100% {
        transform: translateX(0px);
    }
}
.slideshow-box-title{ position: relative; font-size: 50px; line-height: 60px; font-weight: 500; color:#fff; margin-bottom: 30px; }
.slideshow-box-title span{ color:#e4002b }
.slideshow-box-desc{ display: none; font-size: 24px; line-height: 34px; color:#fff;  }

.zoom-in2{transform: scale(0.7); opacity: 0; }
.zumiraj2{ -webkit-animation: zoomIn2 1s cubic-bezier(.77,0,.175,1)  1.5s forwards; animation: zoomIn2 1s cubic-bezier(.77,0,.175,1)  1.5s forwards;  }

.zoom-in3{transform: scale(0.7); opacity: 0; }
.zumiraj3{ -webkit-animation: zoomIn2 1s cubic-bezier(.77,0,.175,1)  2s forwards; animation: zoomIn2 1s cubic-bezier(.77,0,.175,1)  2s forwards;  }

@-webkit-keyframes zoomIn2 {
  0% { transform: scale(0.7); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomIn2 {
  0% { transform: scale(0.7); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

 
.slideshow-buttons{  padding:10px 0px; margin-top:25px;  }
.slideshow-buttons a:first-child span{ margin-right: 20px; padding: 0px 25px; }
.slideshow-buttons a:last-child span{ background-color: #36389b; }
.slideshow-buttons span{ position: relative; overflow: hidden; z-index: 3; padding: 0px 51px; display: inline-block; width: auto; font-size: 16px; line-height: 50px; font-weight:700; border-radius: 4px; background-color: #e4002b; color:#fff; cursor: pointer;}
.slideshow-buttons span::before{content: ""; position: absolute; height: 400px; width: 430px; top: 50%; left: 50%; background: #262626; border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.slideshow-buttons span:hover::before{transform: translateY(-50%) translateX(-50%) scale(1);}

 
  
/**********************************/
/**********************************/
/**********************************/
 
.images{ border:0px solid #ffff00; height:100px; width: 100%;  list-style-type:none; 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);*/ background: #181818; opacity: 0.4; }
.slideshow_gradient_black_lr{ position: absolute;  z-index:3!important; top:0px; width: 100%; height: 30%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), 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;  }
 
.slideshow_right{ position: absolute; z-index:3!important; overflow: hidden; width: 70%; height: 100%; top: 0px; right: 0px;  border:0px solid #DDD; }
.slideshow_right::after{ position: absolute; content: '';  width: 100%; height: 100%; top: 0px; left: 0px; background-color: #181818; opacity: 0.6; }
 
.slide_n{ background-size: cover; background-attachment: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-animation: zoomin 12s ease-in infinite; animation: zoomin 12s ease-in infinite; }
.slide1{ background: url(../images/slider-1-25.webp) center center no-repeat; background-size: cover;  }
.slide2{ background: url(../images/slider-2-25.webp) center center no-repeat; background-size: cover; }
.slide3{ background: url(../images/slider-3-25.webp) center center no-repeat; background-size: cover; }
 

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

.slideshow_left {position: absolute; z-index: 3 !important; overflow: hidden; width: 30%; height: 100%; top: 0px; max-width: 1500px; left: 0px; background: #181818 url(../images/traffic.webp) center center no-repeat;  background-size: cover; }
.slideshow_left::before{ position: absolute; top:0px; left: 0px; height: 100%; width: 100%; content: ''; background: rgba(0,0,0,0.5); }
 

/*...slideshow map*/
.slideshow_map{  position: absolute; z-index: 3; right:10%; width: 45%; bottom:-200px;   }

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


 

.slideshow_map .pulsating-circle:before { background-color: #741229; }
.slideshow_map .pulsating-circle:after { background-color: #741229; }

.slideshow_map .pulsating-circle2:before { background-color: #741229; }
.slideshow_map .pulsating-circle2:after { background-color: #741229; }

.slideshow_map .pulsating-circle3:before { background-color: #741229; }
.slideshow_map .pulsating-circle3:after { background-color: #741229; }

.slideshow_map .thurgau_start{ opacity:0; left:65%; top:-100%;}
.slideshow_map .thurgau{ opacity:0; left:65%; top:-100%; border:0px solid #ff0000; animation: move_thurgau_header 0.3s;  -moz-animation: move_thurgau_header 0.3s; -webkit-animation: move_thurgau_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_thurgau_header { 0% {top:-100%; opacity:0; } 100% { top:2%; opacity:1; } }

.slideshow_map .zurich_start{ opacity:0; left:58%; top:-100%; }
.slideshow_map .zurich{ opacity:0; left:58%; top:-100%; border:0px solid #ff0000; animation: move_zurich_header 0.3s;  -moz-animation: move_zurich_header 0.3s; -webkit-animation: move_zurich_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_zurich_header { 0% {top:-100%; opacity:0; } 100% { top:10%; opacity:1; } }

.slideshow_map .schwyz_start{ opacity:0; left:63%; top:-100%;  }
.slideshow_map .schwyz{ opacity:0; left:63%; top:-100%; border:0px solid #ff0000; z-index: 11!important;  animation: move_schwyz_header 0.3s;  -moz-animation: move_schwyz_header 0.3s; -webkit-animation: move_schwyz_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_schwyz_header { 0% {top:-100%; opacity:0; } 100% { top:25%; opacity:1; } }

.slideshow_map .stgallen_start{ opacity:0; left:73%; top:-100%; }
.slideshow_map .stgallen{ opacity:0; left:76%; top:-100%; border:0px solid #ff0000; animation: move_stgallen_header 0.3s;  -moz-animation: move_stgallen_header 0.3s; -webkit-animation: move_stgallen_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
@keyframes move_stgallen_header { 0% {top:-100%; opacity:0; } 100% { top:8%; opacity:1; } }


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

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

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



/*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;}
.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; }


/*SOCIAL WIDGET*/
.social-widget {position: fixed; bottom: 20px; left: 20px; z-index: 1000; }
.social-toggle {width: 50px; height: 50px; border-radius: 50%; background-color: #36389b; color: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.4s ease, background-color 0.3s; }
.social-toggle svg {width: 24px; height: 24px; transition: opacity 0.3s ease; }
.social-toggle .icon-close {display: none; }
.social-widget.active .social-toggle {background-color: #e4002b; transform: rotate(45deg); }
.social-widget.active .icon-plus {display: none; }
.social-widget.active .icon-close {display: block; }
.social-links {display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; }
.social-widget.active .social-links {opacity: 1; visibility: visible; transform: translateY(0); }
.social-links a {position: relative; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); text-decoration: none; transition: background-color 0.3s ease, transform 0.3s; }
.social-links a:hover {transform: scale(1.1); }
/* Default colors */
.phone      { background-color: #4CAF50; }
.whatsapp   { background-color: #25D366; }
.instagram  { background: radial-gradient(circle at 30% 30%, #feda75, #d62976, #962fbf, #4f5bd5); }
.tiktok     { background-color: #010101; }
.maps       { background-color: #4285F4; }

/* Hover colors */
.phone:hover      { background-color: #388E3C; }
.whatsapp:hover   { background-color: #128C7E; }
.instagram:hover  {background: radial-gradient(circle at 30% 30%, #feda75, #ff0066, #bc2a8d, #4f5bd5); }
.tiktok:hover     { background-color: #000000; }
.maps:hover       { background-color: #3367D6; }
.social-links a img,
.social-links a svg {width: 24px; height: 24px; filter: invert(1); }

/* Tooltip styling */
.social-links a::after {content: attr(title); position: absolute; left: 60px; background-color: #333; color: #fff; padding: 5px 10px; border-radius: 5px; white-space: nowrap; font-size: 13px; opacity: 0; transform: translateY(-50%); top: 50%; pointer-events: none; transition: opacity 0.3s ease, left 0.3s ease; }
.social-links a:hover::after {opacity: 1; left: 55px; }
 
 
/*HEADER2*/
.header2{width:100%; height:350px; position: relative; background: #242424; background-size: cover;  }
.header2::before{ position: absolute; top:0px; left:0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; }
.header2 .main{ height: 100%; }
.header2-box {position: absolute; width:100%; top:200px; z-index: 10;    }
.header2-box > div{ width: 100%; }
.header2-title { text-align: center; font-size: 40px; line-height: 50px; font-weight: 700; color:#fff; margin-bottom: 15px;  }
.header2-desc{ width: 100%; font-size: 20px; line-height: 30px; color:#ddd; text-align: center; }

.header2-multiple{ position: absolute; z-index: 5; display: flex; width:100%; height: 100%; }
.header2-multiple div{ opacity: 0; position: relative; width:14.28%; height: 100%; background: #181818 url(../images/fahrzone-h-1.webp) center center no-repeat; background-size: cover;}
/*.header2-multiple div::before{ position: absolute; width: 50px; top:0px; height: 100%; right:0px; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.8)); content: ''; }
.header2-multiple div::after{ position: absolute; width: 50px; top:0px; height: 100%; left:0px; background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.8)); content: ''; }*/
.header2-multiple div:nth-child(1){  background: #181818 url(../images/fahrzone-h-25-4.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s 0s forwards; animation: prikazi 0.35s 0s forwards;}
.header2-multiple div:nth-child(2){  background: #181818 url(../images/fahrzone-h-25-2.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s .35s forwards; animation: prikazi 0.35s .35s forwards;}
.header2-multiple div:nth-child(3){  background: #181818 url(../images/fahrzone-h-25-3.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s 0.7s forwards; animation: prikazi 0.35s 0.7s forwards;}
.header2-multiple div:nth-child(4){  background: #181818 url(../images/fahrzone-h-25-1.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s 1.05s forwards; animation: prikazi 0.35s 1.05s forwards;}
.header2-multiple div:nth-child(5){  background: #181818 url(../images/fahrzone-h-25-5.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s 1.4s forwards; animation: prikazi 0.35s 1.4s forwards;}
.header2-multiple div:nth-child(6){  background: #181818 url(../images/fahrzone-h-25-6.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s 1.75s forwards; animation: prikazi 0.35s 1.75s forwards;}
.header2-multiple div:nth-child(7){  background: #181818 url(../images/fahrzone-h-25-7.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.35s 2.1s forwards; animation: prikazi 0.35s 2.1s forwards;}


/*.header2-airport{ background: #242424 url('../images/header2-airport.jpg') center center no-repeat; background-size: cover;  }
.header2-fleet{ background: #242424 url('../images/header2-flotte.jpg') center center no-repeat; background-size: cover;  }
.header2-price{ background: #242424 url('../images/header2-price.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; font-family: 'Playfair Display', serif; top: 50%; margin-top: -50px; width: 100%; z-index: 4; font-size: 100px; line-height: 100px; font-weight: 700; letter-spacing: 3px; text-align: left; color: #fff; }*/
.header2-gradient{ position: absolute; z-index: 8; top:0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,.15)); }
 
.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);  }
 
/*.header2-multiple:nth-child(1).prikazi_img{ -webkit-animation: prikaz_img 1s 0s forwards; animation: prikaz_img 1s 0s forwards; }
.servisi-box:nth-child(2).prikazi_img{ -webkit-animation: prikaz_img 1s .5s forwards; animation: prikaz_img 1s 0.5s forwards; }
.servisi-box:nth-child(3).prikazi_img{ -webkit-animation: prikaz_img 1s 1s forwards; animation: prikaz_img 1s 1s forwards; }
.servisi-box:nth-child(4).prikazi_img{ -webkit-animation: prikaz_img 1s 0.5s forwards; animation: prikaz_img 1s .5s forwards; }
.servisi-box:nth-child(5).prikazi_img{ -webkit-animation: prikaz_img 1s 1s forwards; animation: prikaz_img 1s 1s forwards; }
.servisi-box:nth-child(6).prikazi_img{ -webkit-animation: prikaz_img 1s 1.5s forwards; animation: prikaz_img 1s 1.5s forwards; }*/
 



/*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 }

/*HEADER TOP*/
.header-top{  display: none; position: relative; background: #af8150; z-index: 5; }
.header-top::before{ position: absolute; background: #e4002b; left:0px; width: 0%; top:0px; height: 100%; content: '';  }
.header-top-animate::before {width: 100%; -webkit-transition: all 0.5s linear 0.2s; -moz-transition: all 0.5s linear 0.2s; -o-transition: all 0.5s linear 0.2s; transition: all 0.5s linear 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.header-top-cont{ position: relative; display: flex; height: 40px; padding-top:0px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.header-top-box{ position: relative; width:33.33%; font-size: 16px; border-right: 0px solid #927829; padding: 0px 0px 0px 55px; line-height: 40px; font-weight: 600; color:#000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-top-box:nth-child(1){  }
.header-top-box:nth-child(2){  }
.header-top-box:nth-child(3){ border-right: 0px; }
.header-top-box::before{ font-size: 24px; font-weight: 600; line-height: 40px; color:#333; background: #e1af68;  position: absolute; top:0%; left:0px; width:40px; height:40px; text-align: center; }
.header-top-box:nth-child(1)::before{ font-family: 'Material Symbols Outlined'; content: 'call';   }
.header-top-box:nth-child(2)::before{ font-family: 'Material Symbols Outlined'; content: 'mark_email_read'; }
.header-top-box:nth-child(3)::before{ font-family: 'Material Symbols Outlined'; content: 'home'; font-size: 26px;   }

/*JEZIK MODUL*/
.language {position: absolute; top: 25px; border-radius: 3px; padding: 0px 10px 0px 10px; right: 24px; z-index: 999;  width: auto; padding-right: 10px; height: 30px; text-align: center; }
.language  .visually-hidden { display: none; }
.language button { background: transparent; border: 0px solid #fff; padding: 0px 10px; width: 80px; border-radius: 3px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 30px; color: #e4002b; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.language ul.dropdown-menu{ display: none; position: absolute; background: #262626; padding:5px 20px; margin:0px; }
.language ul li{  padding:5px 0px; font-size: 12px; text-transform: uppercase; line-height: 18px; text-align: left }
.language ul li a{  color:#fff;  }
.language ul li.lang-active a{  color:#e4002b;  }

/*GLAVNI MENI*/
.glavniMeni-cont{ border:0px solid #cc0000; position: absolute; top:30px; width: 100%; margin-top:0px; }
.glavniMeni{position: relative; width:100%; height:80px; border:0px solid #ff0000;  z-index: 99; margin:0px auto;  }
.glavniMeni .main{ height: 80px; }
.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{ position: absolute; height: 74px; top:3px; left:15px;  } 
.glavniMeni-dugme-cont-1{ position: absolute; right:0px; top:0px; height: 100%; width: 180px; text-align: right; }
.glavniMeni-dugme-cont-1 .glavniMeni-dugme1  { display: inline-block; padding:0px 30px; background-color: #1e1e1e; color:#fff; font-weight: 700; font-size: 14px; line-height:50px; margin-top:27px; -moz-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(-20deg); }
.glavniMeni-dugme-cont-1 .glavniMeni-dugme2 {display: inline-block; -moz-transform: skew(20deg); -webkit-transform: skew(20deg); transform: skew(20deg);  }
.glavniMeni-dugme-cont-1 .glavniMeni-dugme1:hover{  background-color: #fff; color:#000; transition:0.35s; -moz-transition:0.35s; -webkit-transition:0.35s; }
.mobileHeader{ display:none;}


/* MAIN NAVIGATION */
#kiwi-menu { position: absolute; right:150px; border-right: 1px solid #e4002b; top:25px; width: auto; height:30px; text-align: left; padding:0px; margin:0px; padding-right: 30px; z-index:99; float:left;}
#kiwi-menu > ul{ border:0px solid #ff0000; display: inline-block; margin-top: 0px; }
#kiwi-menu ul li { display: block; position: relative; font-size:14px; cursor: pointer; float: left; text-align: left; margin:0px 15px; padding:0px 0px; color: #fff; font-weight:600; line-height:30px; }
#kiwi-menu ul li a{ color:#fff;  }
#kiwi-menu ul li:hover { color:#e4002b; transition:0.35s; -moz-transition:0.35s; -webkit-transition:0.35s; }
#kiwi-menu ul li a:hover{ color:#e4002b; transition:0.35s; -moz-transition:0.35s; -webkit-transition:0.35s;  }
#kiwi-menu ul li.active{ color:#e4002b; }
#kiwi-menu ul li.active a{ color:#e4002b; }
#kiwi-menu ul li.active a:hover { color:#fff; }

 
#kiwi-menu .mod-menu__sub{display:none; position:absolute; left:-15px; min-width:250px; background-color:#000; 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: 5px; padding:20px 40px; padding-top:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#kiwi-menu .parent:hover .mod-menu__sub{display:block; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s; }
#kiwi-menu ul li ul{  }
#kiwi-menu ul 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 li.active ul li a{ color:#fff; }
#kiwi-menu ul li.active ul li.active a{ color:#e4002b; }
 
/*#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 .item-109, #kiwi-menu ul .item-124, #kiwi-menu ul .item-129, #kiwi-menu ul .item-127, #kiwi-menu ul .item-130, #kiwi-menu ul .item-111{ display: none; }
#kiwi-menu ul .item-166 .list-unstyled{ display: none!important; }
 
 
/* 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: 120px; margin-bottom: 0px;}
.sidenav { background-image: linear-gradient(45deg, #262626, #262626); 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:#fff; margin-bottom: 0; padding-left:34px; list-style-type:none; /*background: url(../images/bg-sidenav-li.png) left 15px no-repeat; background-size:10px;*/ cursor: pointer; }
.sidenav li:hover, .sidenav li.active{color:#e4002b; }
.sidenav li a{color:#fff;  }
.sidenav li a:hover, {color:#e4002b;  }
.sidenav .active { /*background: url(../images/bg-sidenav-li-active.png) left 15px no-repeat; background-size:10px*/ }
.sidenav ul{ margin:0px; }
.sidenav a {padding: 0; text-align:left; text-decoration: none; font-size: 20px; line-height:40px;  color: #fff; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #e4002b;}
.sidenav .mod-menu__sub{ }
.sidenav .mod-menu__sub li{ display:none; line-height:30px; padding-left:24px; margin-left:0px; margin-bottom:0px; border:0px solid #0000ff; min-height:30px;}
.sidenav .mod-menu__sub li .separator{font-size:18px; padding-left:0px;  min-height:30px; font-weight:bold; }
.sidenav .mod-menu__sub li.active a{ color: #e4002b; }
.sidenav .mod-menu__sub 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:#e4002b;}

/*... SIDENAV IKONICA */
.sidenav li::before{ font-family: 'Material Icons Round'; content:'chevron_right'; 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-103::before, .sidenav li.item-102::before{font-family: 'Material Icons Round'; content:'home'; color:#555;}
.sidenav li.item-168::before, .sidenav li.item-121::before{font-family: 'Material Icons Round'; content:'location_on'; color:#555;}
.sidenav li.item-161::before, .sidenav li.item-135::before{font-family: 'Material Icons Round'; content:'school'; color:#555;} 
.sidenav li.item-166::before, .sidenav li.item-132::before{font-family: 'Material Icons Round'; content:'phone_in_talk'; color:#555;}
.sidenav li.item-136::before, .sidenav li.item-144::before{font-family: 'Material Icons Round'; content:'settings'; color:#555;}
.sidenav li.item-105::before, .sidenav li.item-122::before{font-family: 'Material Icons Round'; content:'directions_car'; color:#555;}
.sidenav li.item-169::before, .sidenav li.item-119::before{font-family: 'Material Icons Round'; content:'info'; color:#555;}
  
.sidenav li:hover::before, .sidenav li.active::before{ color:#e4002b; }

 
/*... 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 #151515; 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:#e4002b;  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:#e4002b;  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:#e4002b;  height:20px;}
.sidenav-email a{ font-size: 17px!important; }

/*...iskljucujem pojedine elemente u meniju*/
.sidenav .item-111, .sidenav .item-124, .sidenav .item-127,  .sidenav .item-129 { display: none!important; }
.sidenav ul .item-166 .list-unstyled{ display: none!important; }




/**********************************CONTENT****************************************/
/********************************************************************************/
/********************************************************************************/
/*CONTENT*/
.content-left{ width:64%; float:left; }
.itemid-108 .content-left,  .itemid-123 .content-left{ width:45%;  float:left; }
.content-right{ width: 29%; float:right; }
.content-all{ width: 100%;   }
.jf-content-right-abs{ display: none; position:absolute; z-index: -1px; width:30%; background-color: rgba(232, 220, 211, 0.6); background-image: url('../images/tariffs-pattern.png'); background-position: top center; background-repeat: repeat-y; top:0px; right: 0px; height: 100%;   }


/*DUGME*/
.contentButton{ position: relative; font-size:20px; line-height:20px; font-weight: 700; padding:20px 60px;   background-color:#e4002b; color:#000;}
.contentButton::before{ position: absolute; right: 15px; top: 50%; margin-top: -15px; font-size: 30px; line-height: 30px; width: 30px; height: 30px; font-family: 'Material Symbols Outlined'; content: 'chevron_right'; color: #000;}
.contentButton:hover{background-color:#cc1820; color:#fff; -webkit-transition: .35s; -moz-transition: .35s; -o-transition: .35s; transition: .35s;}
.contentButtonParent{ padding:20px 0px; text-align: center; }

#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:60px; padding-bottom:60px; /*background: #fff url(../images/bg-arrow-white.png) top center no-repeat;*/ } 
#jf-content .main .item-page h1{ font-size: 40px; line-height: 50px; font-weight: bold; margin-bottom: 50px;  }
#jf-content .main .item-page h1{ font-size: 40px; line-height: 50px; font-weight: bold; margin-bottom: 50px;  }
#jf-content .main .item-page h2{ font-size: 40px; line-height: 50px; 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: 0px 0px 0px 0px; }
#jf-content .main p { font-size: 15px; line-height: 25px; color: #000;}
#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: 15px; line-height: 24px; 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 Symbols Outlined'; content:'traffic'; font-size: 24px; line-height: 20px; color:#36389b;  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;  }

#jf-content img{ border-radius: 7px; }

.itemid-102 #jf-content .main, .itemid-103 #jf-content .main, .itemid-105 #jf-content .main, .itemid-119 #jf-content .main, .itemid-151 #jf-content .main{ padding: 0}
.itemid-102 #jf-content, .itemid-103 #jf-content, .itemid-105 #jf-content, .itemid-119 #jf-content, .itemid-151 #jf-content { padding: 0}
 
/*PAGE GLOBAL*/
.page-button{  padding:10px 0px; margin-top:35px;  }
.page-button-center{ text-align: center; }
.page-button span{ position: relative; overflow: hidden; z-index: 3; padding: 0px 50px; display: inline-block; width: auto; font-size: 16px; line-height: 50px; font-weight:700; border-radius: 4px; background-color: #e4002b; color:#fff; cursor: pointer;}
.page-button span::before{content: ""; position: absolute; height: 400px; width: 430px; top: 50%; left: 50%; color:#fff; background: #262626; border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.page-button span:hover::before{transform: translateY(-50%) translateX(-50%) scale(1);}

.page-cont{ margin-bottom: 60px;}
.page-cont-flex{  display: flex; gap:50px; }
.page-cont-flex-center{ align-items: center; }

.page-blue-text{ color:#36389b; }
.page-background-grey{ padding:25px; background: #f6f6f6; border-radius: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-75{ width: 75%;}
.page-60{ width: 60%;}
.page-55{ width: 55%;}
.page-50{ width: 50%;}
.page-48{ width: 48%;}
.page-46{ width: 46%;}
.page-40{ width: 40%;}
.page-20{ width: 20%;}
.page-25{ width: 25%;}
.page-33{ width: 33%;}
.page-67{ width: 67%;}
.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: 26px!important; line-height: 36px!important; color:#000; font-weight: 800; margin-bottom: 25px!important;}
.page-subtitleh3{ font-size: 17px!important; line-height: 23px!important; color:#333; font-weight: 600; margin-bottom: 15px; margin-top: 20px;}

.page-info{ position: relative; padding:20px 20px 20px 50px; margin-bottom: 30px; border-radius: 7px; background: #f6f6f6; font-size: 15px; line-height: 26px; color:#000; } 
.page-info::before{ position: absolute; left:-25px; top:-25px;/* margin-top:-25px;*/ border-radius: 50%; background: #fff; height: 50px; line-height: 50px; width: 50px; color:#36389b; font-size: 40px; font-family: 'Material Icons Round'; content:'info'; text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }


.page-blue{ position: relative; padding:20px 20px 20px 50px; margin-bottom: 30px; border-radius: 7px; background: #36389b; font-size: 15px; line-height: 26px; color:#fff; } 
.page-blue::before{ position: absolute; left:-25px; top:-25px; /*margin-top:-25px;*/ border-radius: 50%; background: #fff; height: 50px; line-height: 50px; width: 50px; color:#e4002b; font-size: 40px; font-family: 'Material Icons Round'; content:'info'; text-align: center;   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.page-red{ position: relative; padding:20px 20px 20px 50px; border-radius: 7px; background: #e4002b; font-size: 15px; line-height: 26px; color:#fff; } 
.page-red::before{ position: absolute; left:-25px; top:-25px; /*margin-top:-25px;*/ border-radius: 50%; background: #fff; height: 50px; line-height: 50px; width: 50px; color:#36389b; font-size: 30px; font-family: 'Material Icons Round'; content:'school'; text-align: center;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  }
#jf-content .main .item-page .page-red h2{ margin-bottom: 0px; color:#fff; font-size: 26px; line-height: 34px; } 

.page-margin-bottom-50{ margin-bottom: 50px; }
.page-margin-bottom-60{ margin-bottom: 60px; }
.page-margin-bottom-80{ margin-bottom: 80px; }
.page-margin-bottom-100{ margin-bottom: 100px; }
.page-margin-bottom-150{ margin-bottom: 150px; }
.page-margin-bottom-200{ margin-bottom: 200px; }
.page-margin-top-0{ margin-top:0px; }
.page-margin-top-40{ margin-top:40px; }
 
/**********************************PAGES****************************************/
/********************************************************************************/
/********************************************************************************/
/*ABOUT*/
.page-about p{  }
 
 

.page-about .page-blue::before{ font-family: 'Material Icons Round'; content:'workspace_premium';   }
.page-about-cont{ margin-top:50px;  }
.page-about-box{ display: flex; background: #f6f6f6; border-radius: 7px;  align-items: center; margin-bottom: 80px; }
.page-about-img{ width: 50%;  }
#jf-content .page-about-img img{border-radius: 0px; border-top-left-radius: 7px; border-bottom-left-radius: 7px;  }
#jf-content .page-about-box-inverse .page-about-img img{ border-radius: 0px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.page-about-desc{ width: 50%; padding: 0px 50px ; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-about-img-inside{ display: none; }


/*...TEAM*/
.page-team-cont{ display: flex; gap:30px; margin:50px 0px 100px 0px; }
.page-team-box{ width: 33.33%; position: relative; cursor: pointer; overflow: hidden; }
.page-team-img img{ border-radius: 7px;   filter: grayscale(100%); }
.page-name-abs{ position: absolute; top:10px; left: 10px; background: #fff; color:#000; padding: 3px 10px; border-radius: 3px;  text-transform: uppercase; font-size: 14px; font-weight: 600;  }
.page-team-abs{ position: absolute; opacity: 0; bottom:20px; left: 20px; width: calc(100% - 40px); background: #fff; border-radius: 5px; text-align: center;  -ms-transform: translateY(50%); -o-transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  -ms-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; }
.page-team-box:hover img{ filter: grayscale(0%); -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;  }
.page-team-box:hover .page-name-abs{ background: #e4002b; color: #fff; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;  }
.page-team-box:hover .page-team-abs{transform: translateY(0); opacity: 1; visibility: visible; }

.page-team-abs-top{ display: flex; position: relative; background: #36389b; padding:15px 20px 15px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-team-abs-top::before{ position: absolute; top:0px; width: 1px; background: #1d1f70; height: 100%; left:50%; content: '';  }
.page-team-instr{ width: 50%;  }
.page-team-lang{ width: 50%; }
.page-team-label{ font-size: 12px; line-height: 18px; text-transform: uppercase; color:#abadf2;  }
.page-team-value{ font-size: 14px; line-height: 20px;  color:#fff; font-weight: 700; }
.page-team-social{  }
.page-team-social{ margin:15px 0px 20px 0px; }
.page-team-social img{height: 20px; margin-right:5px; border: 1px solid #abadf2; border-radius: 0px; padding:7px; cursor: pointer;}
.page-team-social img:hover{ background-color: #abadf2; border: 1px solid #abadf2; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
 

/*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 FORMULARS*/
.page-formulars{ display: flex; gap: 50px ;  }
.page-formulars-box{position: relative; width:25%; border-radius: 7px; margin-bottom: 0px; background: #f6f6f6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.page-formulars-box-inner{ position: relative; width: auto; margin:20px 20px; }
.page-formulars-logo{ text-align: center;  }
.page-formulars-logo img{ height: 70px; border-radius: 0px; }
.page-formulars-title{ font-size: 16px; line-height: 26px; padding-bottom: 0px; padding-top:20px; text-align: center; font-weight: 400; color:#fff; background: #36389b; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.page-formulars-location{ font-size: 22px; line-height: 32px; background: #36389b; font-weight: 700; color:#fff; padding-bottom: 20px; margin-bottom: 30px; text-align: center; }
.page-formulars-button-cont{  padding:0px 0px; margin-top:30px; text-align: center;  }
.page-formulars-button{ position: relative; overflow: hidden; z-index: 3; padding: 0px 40px; display: inline-block; width: auto; font-size: 16px; line-height: 40px; font-weight:700; border-radius: 4px; background-color: #e4002b; color:#fff; cursor: pointer;}
.page-formulars-button::before{content: ""; position: absolute; height: 400px; width: 430px; top: 50%; left: 50%; background: #262626; border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.page-formulars-button:hover::before{transform: translateY(-50%) translateX(-50%) scale(1);}


/*PAGE PRICES*/
 
.page-pr-cont{ display: flex; gap: 20px ;  }
.page-pr-box{ position: relative; width:25%; border-radius: 7px; margin-bottom: 0px; background: #f6f6f6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-land-fahrstunden .page-pr-box{  width:100%; }  /*ZA LANDING STRANICE*/
.page-pr-box:last-child{ margin-right: 0px; }
.page-pr-cont:last-child .page-pr-box { border-top: 0px;  }
.page-pr-box-inner{ position: relative; width: auto; margin:20px 20px; }
  
.page-pr-img{ text-align: center; display: none; }
.page-pr-img img{ height: 60px;  }
.page-pr-header{ padding-top:20px; border-top-left-radius: 7px; border-top-right-radius: 7px; padding-bottom: 20px;  text-align: center; background: #36389b;}
.page-pr-title{ font-size: 18px; line-height: 26px; padding-bottom: 5px; text-align: center; font-weight: 700; color:#fff;   }
.page-pr-desc{opacity: 0; position: relative; font-size: 15px; line-height: 21px; min-height: 63px; margin:0px 100px; color:#aaa; padding-top:20px;}

.page-pr-price{position:relative; color:#fff; font-size: 34px; line-height: 44px; font-weight: 700;}
.page-pr-price span{ display: inline-block; }
.page-pr-price .page-pr-price-label{font-size: 20px; line-height: 44px; font-weight: 400; color:#abadf2;}
.page-pr-oldprice{ color:#abadf2; font-size: 18px; margin-top: -10px; }
.page-pr-oldprice span{ text-decoration: line-through; }
.page-pr-newprice{ color:#fff; font-size: 19px; margin-top: -5px; font-weight: bold; }
 
.page-pr-location{ font-size: 15px; line-height: 23px; font-weight: 700; color:#000; margin-bottom: 20px; text-align: center; }
 
.page-pr-check{position: relative; font-size: 16px; line-height: 21px; color:#000; margin-bottom: 0px; padding:8px 0px; padding-left: 0px; margin-left: 0px; text-align: left; border-bottom: 1px dotted #888; padding-left:32px;  }
.page-pr-check:last-child { border-bottom: 0px; }
.page-pr-check::before{ position: absolute; top:50%; margin-top:-14px; font-size: 22px; line-height: 28px; height: 28px; width: 28px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'sell'; color:#36389b;  }
.page-pr-check-classes::before{ font-size: 23px; font-family: 'Material Symbols Outlined'; content:'directions_car';  }
.page-pr-check-yes::before{ font-family: 'Material Symbols Outlined'; content:'done_outline';  color:#2e9e07; }
.page-pr-check-no::before{ font-family: 'Material Symbols Outlined'; content:'close'; font-size: 24px; color:#e4002b; }
.page-pr-check-save span{ color:#e4002b; font-weight: 700; }
.page-pr-check-save::before{ font-family: 'Material Symbols Outlined'; content:'sell'; }

/*.page-pr-check::before{  position: absolute; width: 20px; left:0px; top:50%; margin-top:-10px; height: 20px; line-height: 20px; background: url('../images/check.svg') center center no-repeat; background-size: cover; content: ''; }*/

.page-pr-button-cont{  padding:10px 0px; margin-top:20px; text-align: center;  }
.page-pr-button{ position: relative; overflow: hidden; z-index: 3; padding: 0px 50px; display: inline-block; width: auto; font-size: 16px; line-height: 50px; font-weight:700; border-radius: 4px; background-color: #e4002b; color:#fff; cursor: pointer;}
.page-pr-button::before{content: ""; position: absolute; height: 400px; width: 430px; top: 50%; left: 50%; background: #262626; border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.page-pr-button:hover::before{transform: translateY(-50%) translateX(-50%) scale(1);}


.page-pr-individuelle{ position: relative; background: #f6f6f6; padding:80px 0px 100px 0px;  }
.page-pr-individuelle::before{ position: absolute; top:0px; height: 100%; content: ''; background: #f6f6f6; left:-2000px; width: 2000px;   }
.page-pr-individuelle::after{ position: absolute; top:0px; height: 100%; content: ''; background: #f6f6f6; right:-2000px; width: 2000px;   }
.page-pr-individuelle .page-pr-box{ background: #fff; }


#jf-content .page-pr-tbl{ width: 100%; border-bottom: 3px double #36389b }
#jf-content .page-pr-tbl tr td{ background: #f6f6f6; font-size: 16px; line-height: 20px; padding:20px 20px; font-weight: 400; }
#jf-content .page-pr-tbl tr:nth-child(even) td{ background: #fff; }
#jf-content .page-pr-tbl tr:first-child td{ background: #36389b; color:#fff; font-weight: 700; }
#jf-content .page-pr-tbl tr td:nth-child(2){ font-weight: 700; }

#jf-content .page-pr-tbl tr:first-child td:first-child{ border-top-left-radius: 7px; }
#jf-content .page-pr-tbl tr:first-child td:last-child{ border-top-right-radius: 7px; }
#jf-content .page-pr-tbl tr:last-child td:first-child{ border-bottom-left-radius: 7px; }
#jf-content .page-pr-tbl tr:last-child td:last-child{ border-bottom-right-radius: 7px; }

.page-pr-accor{ position: relative; background: #f6f6f6; padding:80px 0px 60px 0px;  }
.page-pr-accor::before{ position: absolute; top:0px; height: 100%; content: ''; background: #f6f6f6; left:-2000px; width: 2000px;   }
.page-pr-accor::after{ position: absolute; top:0px; height: 100%; content: ''; background: #f6f6f6; right:-2000px; width: 2000px;   }


/*PAGE COURSE verkehrskunde */

.page-verkehrskunde-price-box{ position: relative; border-radius: 7px; margin-bottom: 20px; overflow: hidden; background: #f6f6f6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
.page-verkehrskunde-price-box-inner{ position: relative; width: auto; margin:20px 20px 30px 20px; }
.page-verkehrskunde-price-header{ padding-top:20px; border-top-left-radius: 7px; border-top-right-radius: 7px; padding-bottom: 20px;  text-align: center; background: #36389b;}
.page-verkehrskunde-price-title{ font-size: 18px; line-height: 26px; padding-bottom: 5px; text-align: center; font-weight: 700; color:#fff;   }
.page-verkehrskunde-price-desc{opacity: 0; position: relative; font-size: 15px; line-height: 21px; min-height: 63px; margin:0px 100px; color:#aaa; padding-top:20px;}

.page-verkehrskunde-price-price{position:relative; color:#fff; font-size: 34px; line-height: 44px; font-weight: 700;}
.page-verkehrskunde-price-price span{ display: inline-block; }
.page-verkehrskunde-price-price .page-pr-price-label{font-size: 20px; line-height: 44px; font-weight: 400; color:#abadf2;}
.page-verkehrskunde-price-oldprice{ color:#abadf2; font-size: 20px; margin-top: -5px; }
.page-verkehrskunde-price-oldprice span{ text-decoration: line-through; } 

.page-verkehrskunde-price-location{ font-size: 15px; line-height: 23px; font-weight: 700; color:#000; margin-bottom: 20px; text-align: center; } 

.page-verkehrskunde-price-check{ position: relative; font-size: 16px; line-height: 21px; color:#000; margin-bottom: 0px; padding:8px 0px; padding-left: 0px; margin-left: 0px; text-align: left; border-bottom: 1px dotted #888; padding-left:32px; }
.page-verkehrskunde-price-check:last-child { border-bottom: 0px; }
.page-verkehrskunde-price-check::before{ position: absolute; top:50%; margin-top:-14px; font-size: 22px; line-height: 28px; height: 28px; width: 28px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'done_outline'; color:#36389b;  }
.page-verkehrskunde-price-check-date::before{ font-family: 'Material Symbols Outlined'; content:'date_range';  }
.page-verkehrskunde-price-check-time::before{ font-family: 'Material Symbols Outlined'; content:'schedule';  }

.page-verkehrskunde-price-note{position: relative; font-size: 12px; line-height: 16px; color:#e4002b; padding-left: 32px; }
.page-verkehrskunde-price-note::before{ position: absolute; top:50%; margin-top:-14px; font-size: 22px; line-height: 28px; height: 28px; width: 28px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'error'; color:#36389b;  }


.page-verkehrskunde-acc { background: #f6f6f6; border-radius: 7px; }
.page-verkehrskunde-acc .page-50:first-child{ width: 66%; padding:10px 0px 20px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-verkehrskunde-acc .page-50:last-child{ width: 34%; padding: 30px 20px 20px 20px;  border-top-right-radius: 7px; border-bottom-right-radius: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #36389b;  }
.page-verkehrskunde-acc .accordion h2 { background-color:#1f217b;  }
.page-verkehrskunde-acc .accordion .pitanja-link{ padding: 25px 80px 25px 25px; }
.page-verkehrskunde-acc .accordion .pitanja-link::after { right: 15px; color: #8e90ff;  }
.page-verkehrskunde-acc .accordion .pitanja-link:hover, .page-verkehrskunde-acc .accordion .pitanja-link:hover::after { color: #fff; }
.page-verkehrskunde-acc .accordion .pitanja-link.active::after { color: #fff;  }
#jf-content .main .page-verkehrskunde-acc h2 {color: #fff;   } 
.page-verkehrskunde-acc .accordion .content {padding: 10px 10px 15px 20px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;   }


 
 /*...booking*/
.book-vku-cont{ border-top:1px solid #36389b; border-bottom: 1px solid #36389b; padding:40px 0px; margin-bottom: 50px; }
.book-vku-filters{ display: flex; justify-content: flex-start; margin-bottom: 25px;  }
.book-vku-filters input{ border:1px solid #ddd; border-radius: 5px; font-size: 16px; line-height: 24px; padding:10px 10px 10px 50px; background: #fff; box-sizing: border-box;-webkit-appearance: none; -moz-appearance: none; appearance: none;  }
.book-vku-filters select{ border:1px solid #ddd; border-radius: 5px; font-size: 16px; line-height: 24px; padding:10px 10px 10px 50px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.book-vku-filters-date{ position: relative; margin-right: 20px;  }
.book-vku-filters-date::before{ position: absolute; top:0%; font-size: 24px; line-height: 40px; height: 100%; background: #ebebff; width: 35px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'event'; color:#36389b; border-top-left-radius: 5px;  border-bottom-left-radius: 5px; }
.book-vku-filters-loc{ position: relative;   }
.book-vku-filters-loc::before{ position: absolute; top:0%; font-size: 24px; line-height: 40px; height: 100%; background: #ebebff; width: 35px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'location_on'; color:#36389b; border-top-left-radius: 5px;  border-bottom-left-radius: 5px; }

.book-vku-acc { box-sizing: border-box; }
.book-vku-acc-item{ box-shadow: 0px 0px 20px 0px rgba(0,0,0,.07); margin-bottom: 20px; border-radius: 7px; }
.book-vku-acc-link {position: relative; display: block; width: 100%; display: flex; align-items: center; padding: 20px 25px 20px 25px; color: #000; font-size: 16px; box-sizing: border-box; border-radius: 7px; }
.book-vku-acc-link:hover { cursor: pointer; background: #ebebff; } 
.book-vku-acc-link.active {  background: #ebebff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } 

.book-vku-header-date{ width: 100px; display: flex;  }
.book-vku-header-date .book-vku-header-date-item { margin-right: 3px; border-radius: 4px; border:1px solid #ddd; text-align: center; }
.book-vku-header-date .book-vku-header-date-item:last-child { margin-right: 0px; }
.book-vku-header-date .book-vku-header-date-item div:first-child{ font-size: 12px; line-height: 16px; text-transform: uppercase; color:#36389b; border-bottom: 1px solid #ddd; padding:0px 3px; }
.book-vku-header-date .book-vku-header-date-item div:last-child{ font-size: 18px; line-height: 24px; color:#000; font-weight: 500; }

.book-vku-header-content{ width: calc(100% - 400px);   }
.book-vku-header-title{ font-size: 16px; line-height: 26px; color:#000; font-weight: 700; margin-bottom: 5px; }
.book-vku-header-title-span-1{ position: relative; font-size: 13px; padding:2px 7px 2px 20px; margin-left: 15px; border-radius: 3px; background: rgba(95, 206, 25, 0.05); color:#5fce19; font-weight: 400; }
.book-vku-header-title-span-1::before{ position: absolute; top:50%; margin-top:-3px; width: 6px; height: 6px; left:7px; background: #5fce19; content: ''; border-radius: 50%;  }
.book-vku-header-title-span-2{ position: relative; font-size: 13px; padding:2px 7px 2px 20px; margin-left: 15px; border-radius: 3px; background: rgba(204, 0, 0, 0.05); color:#cc0000; font-weight: 400; }
.book-vku-header-title-span-2::before{ position: absolute; top:50%; margin-top:-3px; width: 6px; height: 6px; left:7px; background: #cc0000; content: ''; border-radius: 50%;  }
.book-vku-header-title-span-3{ position: relative; font-size: 13px; padding:2px 7px 2px 20px; margin-left: 15px; border-radius: 3px; background: rgba(204, 0, 0, 0.05); color:#cc0000; font-weight: 400; }
.book-vku-header-title-span-3::before{ position: absolute; top:50%; margin-top:-3px; width: 6px; height: 6px; left:7px; background: #cc0000; content: ''; border-radius: 50%;  }
.book-vku-header-title-span-4{ position: relative; font-size: 13px; padding:2px 7px 2px 20px; margin-left: 15px; border-radius: 3px; background: rgba(204, 0, 0, 0.05); color:#cc0000; font-weight: 400; }
.book-vku-header-title-span-4::before{ position: absolute; top:50%; margin-top:-3px; width: 6px; height: 6px; left:7px; background: #cc0000; content: ''; border-radius: 50%;  }
.book-vku-header-info{ display: flex; justify-content: flex-start; font-size: 13px; color:#666; line-height: 23px; }
.book-vku-header-capacity{ position: relative; padding-left: 30px; margin-right: 20px; }
.book-vku-header-capacity::before{ position: absolute; top:50%; margin-top:-11.5px; font-size: 23px; line-height: 23px; height: 23px; width: 23px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'person'; color:#36389b; }
.book-vku-header-location{ position: relative; padding-left: 30px; margin-right: 20px; }
.book-vku-header-location::before{ position: absolute; top:50%; margin-top:-11.5px; font-size: 20px; line-height: 23px; height: 23px; width: 23px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'location_on'; color:#36389b; }
.book-vku-header-time{ position: relative; padding-left: 30px; }
.book-vku-header-time::before{ position: absolute; top:50%; margin-top:-11.5px; font-size: 20px; line-height: 23px; height: 23px; width: 23px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'schedule'; color:#36389b; }

.book-vku-header-price{ width: 150px;  }
.book-vku-header-price div{ padding:8px 0px; border-radius: 5px; color:#000; font-weight: 700; font-size: 14px; line-height: 26px; text-align: center; }
.book-vku-header-price div span{ font-size: 22px; color:#36389b; }

.book-vku-header-book {width: 150px; font-size: 18px; line-height: 28px; color:#000; font-weight: 700; }
.book-vku-header-book input{ border:0px solid #ddd; border-radius: 5px; font-size: 16px; line-height: 24px; padding:10px 35px 10px 35px; font-weight: 700; background: #e4002b; color:#fff;  }
.book-vku-header-book input:hover{  background: #36389b; color:#fff; transition: .35s; -moz-transition: .35s; -webkit-transition: .35s;  }

/*.book-vku-acc-content-book{ border-top:1px solid #ebebff; margin-top:10px; display: flex; justify-content: space-between; align-items: center; padding-top: 15px;}
.book-vku-acc-content-book div:first-child{ font-size: 18px; line-height: 28px; color:#000; font-weight: 700; }
.book-vku-acc-content-book input{ border:0px solid #ddd; border-radius: 5px; font-size: 16px; line-height: 24px; padding:10px 50px 10px 50px; font-weight: 700; background: #e4002b; color:#fff;  }
.book-vku-acc-content-book input:hover{  background: #36389b; color:#fff; transition: .35s; -moz-transition: .35s; -webkit-transition: .35s;  }*/


.book-vku-acc-content { padding: 25px 20px 25px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #fff; display: none; 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; }
.book-vku-acc-conent.active { 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;}
.book-vku-acc-content-cont{ display: flex; gap:40px; }
.book-vku-acc-content-box{ width: 33%; }
.book-vku-acc-content-label{ font-size:12px; line-height: 20px; text-transform: uppercase; color:#666; margin-bottom: 10px; }
.book-vku-acc-content-title{ font-size:18px; line-height: 26px; font-weight: 700; margin-bottom: 25px; }
.book-vku-acc-content-termin{ font-size: 16px; line-height: 26px; color:#36389b; margin-bottom: 25px; font-weight: 700; }
.book-vku-acc-content-course{ padding:10px; border:1px solid #ddd; border-radius:5px; margin-bottom: 5px;  }
.book-vku-acc-content-course div:first-child{ position: relative; padding-left: 30px; font-weight: 700;  }
.book-vku-acc-content-course div:first-child::before{ position: absolute; top:50%; margin-top:-11.5px; font-size: 20px; line-height: 23px; height: 23px; width: 23px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'school'; color:#36389b; }
.book-vku-acc-content-book{ border-top:1px solid #ebebff; margin-top:10px; display: flex; justify-content: space-between; align-items: center; padding-top: 15px;}

.book-vku-formular{ max-width: 500px; margin:0px auto; }
.book-vku-formular .calc-label {background: #fff;  }

.book-vku-formular-cont{ margin-bottom: 40px; background: #f6f6f6; border-radius: 7px; overflow: hidden; text-align: center; padding-bottom: 20px; }
.book-vku-formular-header-top{ background: #1f217b; color:#fff; padding:5px 0px; font-size: 12px; line-height: 20px; font-weight: 400;  text-transform: uppercase; letter-spacing: 2px;  }
.book-vku-formular-header { background: #36389b; color:#fff; padding:20px 0px; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 15px;  }
.book-vku-formular-price{ font-size: 16px; line-height: 30px; font-weight: 500; color:#e4002b; margin-top:7px; }
.book-vku-formular-price span{ font-size: 24px; font-weight: 700; }

/*PAGE COURSE NOTHELFERKURSE */
.page-nothelferkurse-text{ padding:40px 40px 20px 40px; border:1px solid #ddd; border-radius: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-nothelferkurse-img{ position: relative; background: #f6f6f6;  padding:80px 0px 100px 0px;  }
.page-nothelferkurse-img::before{ position: absolute; top:0px; height: 100%; content: ''; background: #f6f6f6; left:-2000px; width: 2000px;   }
.page-nothelferkurse-img::after{ position: absolute; top:0px; height: 100%; content: ''; background: #f6f6f6; right:-2000px; width: 2000px;   }

.page-nothelferkurse-icon { margin-bottom: 20px; }
.page-nothelferkurse-icon img{ height: 120px; }
.page-nothelferkurse-title{ font-size: 26px; line-height: 36px; font-weight: 700; margin-bottom: 25px; }
.page-nothelferkurse-label{ font-size: 16px; line-height: 26px; margin-bottom: 5px; }
.page-nothelferkurse-price{ font-size: 18px; line-height: 28px; padding-left: 35px; color:#000; position: relative; }
.page-nothelferkurse-price::before{ position: absolute; top:0px; line-height: 28px; font-size: 24px; height: 28px; width: 28px; color:#2e9e07; left: 0px; text-align: center; font-family: 'Material Symbols Outlined'; content:'sell';  }

/*PAGE COURSE - WAB*/
.page-wab-contact.page-blue::before{ font-family: 'Material Icons Round'; content:'call'; font-size: 30px;   }
  
  
/*PAGE RIGHT GALLERY*/
.page-right-gallery{ margin-bottom: 30px; }

/*CONTACT FORM*/
.contact-form-cont{ display: flex; gap:200px; }
.contact-form-cont .page-blue::before{ font-family: 'Material Icons Round'; content:'workspace_premium';   }
.contact-form-left{ width: 50%; }
.contact-form-right{ width: 50%; margin-top:-90px; padding: 25px 30px; background: #f6f6f6; border-radius: 7px; }
.contact-form-img{ width: 30%; }
.contact-form { margin-bottom: 50px; }
.contact-form-subtitle{ font-size: 22px; line-height: 32px; color:#000; font-weight: 600; margin-bottom:20px; }
.contact-form-desc{ font-size: 15px; line-height: 25px; color:#000; font-weight: 700; margin-bottom: 30px; }


/*CONTACT COURSE*/
.contact-course{ margin-bottom: 80px; }
.contact-course-cont{ display: flex; border-radius: 7px; overflow: hidden; }
.contact-course-left{ width: 40%; background: #f6f6f6; padding:40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contact-course-right{ width: 60%; background: url('../../../images/custom/fahrzone-kontakt-25.jpg') center center no-repeat; background-size: cover; }
.contact-course-title{ font-size: 26px; line-height: 34px; margin-bottom: 20px; font-weight: 700; }
.contact-course-desc{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }

/*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-image: linear-gradient(45deg, #f6f6f6, #f6f6f6); padding:30px; border-radius: 7px; } 
.contact-right-title{font-family: "Raleway", sans-serif; font-size:18px; line-height: 28px; margin-bottom: 20px; font-weight: 700; margin-top:50px; color:#000;   }
.contact-right-title:nth-child(1){ margin-top:0px; }
 
.contact-right-contact{ font-size:15px; line-height:23px; padding:5px 0px; border-left:0px solid #ddd; /*background-color: #efefef; */color:#000; margin-bottom: 15px;  }
.contact-right-contact a{  color:#000;   }
.contact-right-contact a:hover{  color:#e4002b;   }
 
.contact-right-adresa{position:relative; padding-left: 45px;  }
.contact-right-adresa::before{position: absolute; top:50%; left:10px; margin-top:-11px; font-family: 'Material Symbols Outlined'; content:'home'; font-size: 22px; line-height: 22px; color:#e4002b;  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 Symbols Outlined'; content:'phone_in_talk'; font-size: 22px; line-height: 22px; color:#e4002b;  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 Symbols Outlined'; content:'mark_email_read'; font-size: 22px; line-height: 22px; color:#e4002b;  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 Symbols Outlined'; content:'watch_later'; font-size: 22px; line-height: 22px; color:#e4002b;  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 #fff; border-radius: 0px; padding:10px; cursor: pointer;}
.contact-right-social img:hover{ background-color: #fff; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }

 

/*LATEST NEWS*/
.kiwi-latest-cont{ background-color: #fff;   padding-bottom: 30px; }
.kiwi-latest-title{ position: relative; font-family: 'Raleway', sans-serif; background-color: #e4002b; border-radius: 0px; padding: 8px 0px 8px 50px;  font-size: 16px; line-height: 24px; margin-bottom: 24px; color: #fff; font-weight: 700;  }
.kiwi-latest-title::before{ position: absolute; top:50%; left:15px; margin-top:-11px; font-family: 'Material Symbols Outlined'; content:'menu'; font-size: 22px; line-height: 22px; color:#fff;  height:22px;}
.kiwi-latest-cont ul{ padding-left: 0px!important; }
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden;}
.kiwi-latest-date{font-size:12px; line-height: 16px; color:#888;}
.kiwi-latest-cont ul li{padding:7px 0px 7px 35px!important; font-size:15px!important; line-height: 21px!important; border-bottom:1px dotted #aaa;}
.kiwi-latest-cont li a{color:#000;}
.kiwi-latest-cont li a:hover{color:#e4002b;}
.kiwi-latest-cont li::before{position: absolute; top: 50%; margin-top: -11px!important; left: 2px!important; width: 20px!important; font-family: 'Material Symbols Outlined'!important; content: 'feed'!important; font-size: 22px!important; line-height: 22px!important; color: #e4002b; height: 22px!important; }



/*PAGE BLOG*/
.blog .blog-item{ width: calc(31% - 4px); float:left; margin-right: 3.5%; overflow:hidden; margin-bottom:40px; cursor: pointer; position: relative; }
.blog .blog-item:nth-child(3n){ margin-right: 0%; } 
 
.categoryTitle1 h2{font-family: "Raleway", sans-serif; font-size:17px!important; line-height: 23px!important; font-weight: 700!important; color:#000; min-height: 72px; overflow: hidden; margin-bottom: 0px!important;}
.categoryBlogCover { position: absolute; width: 100%; height:100%; top:0px; left:0px;  }
.categoryImage{height: 100%; border:0px solid #ddd; border-radius: 0px; }
.categoryDate{font-size:14px; line-height: 18px; color:#e4002b; display: none; }
.categoryIntro{position: relative; z-index: 11; margin-top:10px;  }
.categoryIntro a:hover{  text-decoration: none!important;}



 
/**********************************MODULI****************************************/
/********************************************************************************/
/********************************************************************************/
 
/*TARIFFS
.tariffs{ background: #fff; padding:20px 0px 0px 0px; }
.tariffsIntro{ font-size: 20px; line-height: 30px; text-align: center; color:#000; margin-bottom: 60px;}

.tariffsCont{ display: flex; gap: 50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0px 0px 0px 0px; margin-bottom: 50px;}
.tariffsCont:last-child{ margin-bottom: 0px; }
.tariffsCont div{  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0px 0px 0px 0px; }
.tariffsContainter{ position:relative; width: 33.33%;  z-index: 1; cursor: pointer; } 
.tariffsInner{position:relative; z-index: 5; border: 2px solid #ddd; border-radius: 0px;   }
.tariffsImage{ border:0px solid #ff0000; margin-top:20px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tariffsImage img{ display: inline!important; height: 130px;  }
.tariffsService{ font-family: "Raleway", sans-serif; font-size:22px; color:#000; line-height:28px; text-align:center;  margin-bottom: 30px; margin-top: 20px; font-weight: 700;  }
.tariffsBrand{ display: none; text-align: center; font-size: 15px; line-height: 23px; font-weight: 400; color:#555; margin-bottom: 20px;}
 

.tariffsPrice{ display: none; color: #888; text-align: center; margin-bottom: 10px; padding:10px 0px; }
.tariffsPrice > span{ padding:10px 15px; background-color:#e4002b; color:#fff; border-radius: 4px; }
.tariffsPriceBig{ font-weight: 700; }
 
.tariffs-box-dugmici{ position: absolute; z-index: 1; top:20px; left:20px; background-color: transparent; border:0px solid #ddd; border-radius: 100%; width: 0px; height: 0px; transform: translate(-50%, -50%);  transition: 0.25s cubic-bezier(0.25, 0, 0, 1);}
.tariffs-dugme{width: 30px; height:30px; display: grid; place-items: center; position: absolute; border-radius: 100%; transform: translate(-50%, -50%); cursor:  pointer; transition: 0.25s cubic-bezier(0.25, 0, 0, 1);}
.tariffs-dugme img{ display: none; height: 20px; }
.tariffs-dugme::before{ position: absolute; opacity: 0; text-align: center; color: #000; top:50%; right: 0px; font-size: 24px; width: 30px; line-height: 30px; height: 30px; margin-top:-15px; border-radius: 50%; }
.tariffs-dugme:hover{ box-shadow: 0 0 1rem -0.25rem #e4002b; }
.tariffs-dugme:nth-child(1){ top:25%; left: 25%; }
.tariffs-dugme:nth-child(1)::before{ content: 'support_agent'; font-family: 'Material Symbols Outlined'; }
.tariffs-dugme:nth-child(2){ top:50%; left:17%; }
.tariffs-dugme:nth-child(2)::before{ content: 'devices'; font-family: 'Material Symbols Outlined'; }
.tariffs-dugme:nth-child(3){ top:17%; left:50%; }
.tariffs-dugme:nth-child(3)::before{ content: 'sell'; font-family: 'Material Symbols Outlined'; }
.tariffsContainter:hover .tariffs-box-dugmici{ width:150px; height: 150px; }
.tariffsContainter:hover .tariffs-dugme{ background-color: #efefef; }
.tariffsContainter:hover .tariffs-dugme::before{ opacity: 1; }
.tariffsContainter:hover .tariffsInner{ background-image: linear-gradient(45deg, #e4002b, #e4002b); border-color: #e4002b; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }*/
.tariffs{ padding-bottom: 250px; background: #fff url('../images/bg-header-red.png') center bottom no-repeat; background-size: 100% auto;  }
.tariffs-cont{ display: flex; gap: 20px ;  }
.tariffs-box{ position: relative; width:25%; border-radius: 7px; margin-bottom: 0px; background: #f6f6f6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tariffs-box:last-child{ margin-right: 0px; }
.tariffs-cont:last-child .tariffs-box { border-top: 0px;  }
.tariffs-box-inner{ position: relative; width: auto; margin:20px 20px; }
  
.tariffs-img{ text-align: center; display: none; }
.tariffs-img img{ height: 60px;  }
.tariffs-header{ padding-top:20px; border-top-left-radius: 7px; border-top-right-radius: 7px; padding-bottom: 20px;  text-align: center; background: #36389b;}
.tariffs-title{ font-size: 18px; line-height: 26px; padding-bottom: 5px; text-align: center; font-weight: 700; color:#fff;   }

.tariffs-price{position:relative; color:#fff; font-size: 34px; line-height: 44px; font-weight: 700;}
.tariffs-price span{ display: inline-block; }
.tariffs-price .tariffs-price-label{font-size: 20px; line-height: 44px; font-weight: 400; color:#abadf2;}
.tariffs-price .tariffs-price-from{ font-size: 20px; line-height: 44px; font-weight: 400; color:#abadf2; }

.tariffs-checks{ min-height: 235px; }
.tariffs-check{position: relative; font-size: 15px; line-height: 20px; color:#000; margin-bottom: 0px; padding:8px 0px; padding-left: 0px; margin-left: 0px; text-align: left; border-bottom: 1px dotted #888; padding-left:32px;  }
.tariffs-check:last-child { border-bottom: 0px; }
.tariffs-check::before{ position: absolute; top:50%; margin-top:-14px; font-size: 22px; line-height: 28px; height: 28px; width: 28px; text-align: center; left: 0px; font-family: 'Material Symbols Outlined'; content:'sell'; color:#36389b;  }
.tariffs-check-classes::before{ font-size: 23px; font-family: 'Material Symbols Outlined'; content:'directions_car';  }
.tariffs-check-yes::before{ font-family: 'Material Symbols Outlined'; content:'done_outline';  color:#2e9e07; }
.tariffs-check-no::before{ font-family: 'Material Symbols Outlined'; content:'close'; font-size: 24px; color:#e4002b; }
.tariffs-check-save span{ color:#e4002b; font-weight: 700; }
.tariffs-check-save::before{ font-family: 'Material Symbols Outlined'; content:'sell'; }
.tariffs-check-simulation::before{ font-family: 'Material Symbols Outlined'; content:'modeling'; } 
.tariffs-check-focus::before{ font-family: 'Material Symbols Outlined'; content:'adjust'; } 
.tariffs-check-school::before{ font-family: 'Material Symbols Outlined'; content:'school'; } 
.tariffs-check-grading::before{ font-family: 'Material Symbols Outlined'; content:'grading'; } 
.tariffs-check-groups::before{ font-family: 'Material Symbols Outlined'; content:'account_tree'; } 
.tariffs-check-support::before{ font-family: 'Material Symbols Outlined'; content:'chat'; } 
.tariffs-check-partner::before{ font-family: 'Material Symbols Outlined'; content:'handshake'; } 





/*.page-pr-check::before{  position: absolute; width: 20px; left:0px; top:50%; margin-top:-10px; height: 20px; line-height: 20px; background: url('../images/check.svg') center center no-repeat; background-size: cover; content: ''; }*/

.tariffs-button-cont{  padding:10px 0px; margin-top:20px; text-align: center;  }
.tariffs-button{ position: relative; overflow: hidden; z-index: 3; padding: 0px 50px; display: inline-block; width: auto; font-size: 16px; line-height: 50px; font-weight:700; border-radius: 4px; background-color: #e4002b; color:#fff; cursor: pointer;}
.tariffs-button::before{content: ""; position: absolute; height: 400px; width: 430px; top: 50%; left: 50%; background: #262626; border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.tariffs-button:hover::before{transform: translateY(-50%) translateX(-50%) scale(1);}



/*SWISS MAP*/
.swissmap{ padding-top:0px; overflow: hidden; }
.swissmap .naslov{ text-align: center; }
.swissmap-cont{ display: flex; margin-top:80px; gap:60px; }

.swissmap-right{ position: relative; width: 30%; background: #00394c;  border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 25px 20px 0px 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.swissmap-right::before{ position: absolute; top:0px; height: 1px; background: #ddd; width: 60px; left: -60px; content: ''; }
.swissmap-right::after{ position: absolute; bottom:0px; height: 1px; background: #ddd; width: 60px; left: -60px; content: ''; }
.swissmap-right-inner{ 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-desc{ font-size: 16px; line-height: 24px; color:#aaa; margin-bottom: 20px; }
.map-city{ font-size: 18px; font-weight: 700; color:#fff; border-bottom: 1px solid #044d66; padding-bottom: 15px; letter-spacing: 3px; text-transform: uppercase;  line-height: 26px; margin-bottom: 15px; }
.map-vehicle-img{  }
.map-vehicle-img img{ height: 60px; margin-bottom: 15px;  }



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

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

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


.swissmap .calc-date-start{ width: 100%; margin-right: 0%; float: none; }

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

.swissmap .calc-label{ background: #00394c; }
.swissmap .calc input{ color:#fff; border-color: #fff;  }
.swissmap .calc input[type="submit"] { color:#000; border: 2px solid #e4002b; margin-top: 10px; background-color: #e4002b; border-radius: 4px; }
.swissmap .calc input[type="submit"]:hover { color:#000; border: 2px solid #fff!important; background-color: #fff; border-radius: 4px; }

.swissmap-box{position: relative; z-index: 5; border: 1px solid #ddd; border-right: 0px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin:0px auto;  width: 70%; }

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




 
/*TARIFFS*/
.blogg{ position: relative; background: #f6f6f6; padding:0px 0px 0px 0px; }
.blogCont{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0px 0px 0px 0px; } 
.blogContainter{ position: relative; padding:0px 0px; background: #fff; cursor: pointer; margin: 0px 15px 20px 15px; box-shadow: 0 0 20px rgba(0,0,0,.07); border-radius: 7px; padding-bottom: 30px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.blogImage{ position: relative; text-align: center; } 
.blogImage img{position: relative; z-index: 2; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.blogCat{ position: relative; z-index: 10;  margin-top:-16px; padding:4px 0px;  margin-left: 30px; }
.blogCat span{ background: #e4002b; font-size: 14px; line-height: 14px; color:#fff; text-transform: uppercase; padding:4px 20px; border-radius: 0px;  }
.blogTitle{ height: 92px; font-size:17px; color:#000; line-height:23px;  white-space: normal; font-weight: 800; text-align:left; padding:0px 15px 0px 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.blogDate{ position: relative; font-size: 14px; line-height: 18px; color:#555; margin-top: 10px; margin-bottom: 10px; margin-left: 30px; padding-left: 30px; }
.blogDate::before{ position: absolute; top:50%; left:0px; width: 30px; font-size: 22px; color:#e4002b; line-height: 30px; height: 30px; margin-top:-16px; font-family: 'Material Symbols Outlined'; content:'calendar_month'; }
.blogButton{ border:0px solid #ff0000;text-align: left; padding-left: 30px; margin-top:15px; }
.blogButton a{ color:#000; } 
.blogButton .blogButtonSpan  { position: relative; display: inline-block; padding:0px 35px 0px 0px; color:#e4002b; border-radius: 4px; font-weight: 700; font-size: 16px; line-height:36px; }
.blogButton .blogButtonSpan:hover  {  color:#000;  -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;}
.blogButton .blogButtonSpan::before{ position: absolute; top:50%; right: 0px; width: 30px; font-size: 22px; color:#e4002b; line-height: 30px; height: 30px; margin-top:-14px; font-family: 'Material Symbols Outlined'; content:'arrow_right_alt'; }
.blogButton .blogButtonSpan:hover::before{ right: -10px;  -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }

.blogg .img-w{ padding: 0px 0px; box-sizing: border-box; }

.blogg .slick-arrow{ z-index: 10; background: #fff; width: 36px; height: 36px; border-radius: 0px; border:2px solid #ddd; position: absolute; top:50%; margin-top: -18px; left:-44px; }
.blogg .slick-arrow.slick-next{ left:auto; right: -44px; }
.blogg .slick-arrow .material-icons-round{ font-size: 24px; line-height: 33px; color:#000; background: transparent; }
.blogg:hover .slick-arrow{ border:2px solid #e4002b; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; } 


/*ABOUT US*/
.about{position: relative; padding-top: 60px; padding-bottom: 80px;   }
.about .naslov{ text-align: left; }
.about .naslov-small{ text-align: left; }
 
.about-cont{ display: flex; gap:100px;  align-items: center; }
.about-left{ position: relative; width: 40%; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
  

.about-img-big{ position: relative; overflow: hidden;}
.about-img-big-abs{ position: absolute; top:0px; left:-100%; opacity: 1; width: 100%; height: 100%; background: #efefef; transition: opacity 0.05s .4s,transform .4s ease-out .4s; }
.about-img-big img, .about-img-small img{ width: 100%; opacity: 0;   }
.about-img-small img{ margin-left: -16px; border:8px solid #fff;}

.about-img-small{ position: absolute; bottom:-80px; left: -80px; width: calc(80% + 10px); overflow: hidden; }
.about-img-small-abs{ position: absolute; top:0px; left:-100%; opacity: 1; width: 100%; height: 100%; background: #efefef; transition: opacity 0.05s .4s,transform .4s ease-out .4s; }
 
.about-img-big-abs.about-animate {  -webkit-animation: pomjeriDesno 1s cubic-bezier(.77,0,.175,1)  0.5s forwards; animation: pomjeriDesno 1s cubic-bezier(.77,0,.175,1)  0.5s forwards; }
.about-img-big img.about-animate-big{  -webkit-animation: prikazi 0s 1s forwards; animation: prikazi 0s 1s forwards; border-top-right-radius: 80px; }

.about-img-small-abs.about-animate {  -webkit-animation: pomjeriDesno 1s cubic-bezier(.77,0,.175,1)  1.5s forwards; animation: pomjeriDesno 1s cubic-bezier(.77,0,.175,1)  1.5s forwards; }
.about-img-small img.about-animate-big{  -webkit-animation: prikazi 0s 2s forwards; animation: prikazi 0s 2s forwards; }

@-webkit-keyframes pomjeriDesno {
  0% { left: -100%;  }
  40% { left: 0%;  }
  60% { left: 0%;  }
  100% { left: calc(100% + 8px); }
}
@keyframes pomjeriDesno {
  0% { left: -100%;  }
  40% { left: 0%;  }
  60% { left: 0%;  }
  100% { left: calc(100% + 8px); }
}

@-webkit-keyframes prikazi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes prikazi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



 
.about-right{ position: relative; width: 60%;   }
.about-right p{ font-size: 15px; line-height: 25px; color:#444; margin-bottom: 15px; }
.about-right-small{ font-size: 14px; line-height: 24px; color:#000; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; margin-bottom: 40px; }
.about-subtitle{ font-size: 20px; line-height: 30px; color: #000; margin-bottom: 20px; }
.about-desc{ color:#444; font-size: 15px; line-height: 25px; margin-bottom: 40px; text-align: right; }
 

.about-attr-cont{ display: flex; gap:30px;  align-items: center; }
.about-attr-50{ position: relative; width: 50%; border-radius: 0px; margin-bottom: 20px; margin-top: 10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.about-attr-img img{ border-radius: 5px; }
.about-attr-content{ width: calc(100% - 60px); }
.about-attr-title{ font-size: 20px; line-height: 30px; margin-bottom: 0px; font-weight: 700; color: #000; }
.about-attr-desc{ font-size: 15px; line-height: 25px; font-weight: 500; color: #e4002b;  }

.aboutButton{ border:0px solid #ff0000;text-align: left; margin-top:50px; }
.aboutButton a{ color:#000; } 
.aboutButton .aboutButtonSpan { display: inline-block; padding:0px 50px; background-color: #e4002b; border-radius: 4px; color:#fff; font-weight: 700; font-size: 16px; line-height:50px;  } 
.aboutButton .aboutButtonSpan:hover  { background-color: #262626; color:#fff;  -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;}

 
 /*VIDEO*/
.video-play{ position: absolute; opacity: 0.5; width: 50px; height: 50px; top:50%; left:50%; margin-left: -25px; margin-top:-25px;  }
 

/*MODAL*/
.youtube-video{ position: fixed; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }

.youtube-video .modal-dialog {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: auto; padding: 0 15px; height: 100%; max-width: 1000px !important; display: flex; flex-direction: column; justify-content: center; }
#video-container {position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; }
iframe#youtubevideo {position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.youtube-video .modal-footer {border: none; text-align: center; display: block; padding: 0; margin-top: 15px;}
#close-video{border: 4px solid #e4002b; cursor: pointer; position: relative; left:50%; border-radius: 50%; background: transparent; font-size: 26px; color: #fff; height: 56px; width: 56px; margin-left: -28px; text-align: center; }
#close-video::before{ position: absolute; top:0%; left:0px; width: 100%; height: 100%; font-family: 'Material Icons Round'; content:'close'; font-size: 40px; line-height: 56px; color:#fff;   }
.youtube-video .modal-content {background: none !important; border: none; }



/*WHY*/
.why{ padding-top:80px; padding-bottom: 40px; }
.why .naslov, .why .naslov-small{ text-align: left; }
.why-cont{ display: flex; gap:25px; background: #f6f6f6; border-radius: 7px; align-items: center;  }
.why-left{ width: 50%; padding:40px 0px 40px 60px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.why-desc{ font-size: 15px; line-height: 25px; margin-bottom: 15px; }
.why-right{ width: 50%; padding:40px 60px 40px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.why-box{ position: relative; background: #fff; padding: 30px 10px 30px 60px; margin-bottom: 10px; border-radius: 7px;  }
.why-box::before{ position: absolute; top:50%; margin-top: -15px; left:15px; width: 30px; height: 30px; font-family: 'Material Icons Round'; content:'done'; font-size: 20px; background: #36389b; line-height: 30px; color:#fff; border-radius: 50%; text-align: center; } 
.why-title{ font-size: 16px; line-height: 24px; font-weight: 500;  }


/*ISTORIJA*/
.function{ padding-top: 80px; padding-bottom: 80px; }
.function-cont{ position: relative; margin-top: 80px; }
.function-cont::before{ position: absolute; top:50%; height: 1px; background: #e4002b; width: calc(100% + 80px); left:-40px; content: ''; }
.function-cont::after{ position: absolute; top:50%; margin-top:-9px; width: 0px; right:-40px; content: ''; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #e4002b ; border-radius:4px}
.function-box{  }
.function-top{ display: flex; align-items: flex-end;  position: relative; height: 160px; margin:0px 30px 30px 30px; }
.function-bottom{ position: relative; height: 160px; margin:0px 40px 0px 40px; padding-top: 30px;   }
.function-bottom::before{ position: absolute; content: ''; width: 1px; height: 20px; top:-10px; background: #e4002b; left:50%; }
.function-inner{  }
.function-step{ text-align: center; padding:10px 0px; margin-bottom: 7px; }
.function-step span{ padding:10px 16px; background: #36389b; color:#fff; font-weight: 700; font-size: 20px; line-height: 20px; border-radius: 4px; }
.function-title{ text-align: center; font-size: 18px; line-height: 28px; color:#000; font-weight: 700; margin-bottom: 15px; }
.function-text{ font-size: 15px; line-height: 25px; text-align: center; }
.function-img{ text-align: center; }
.function-img img{ width: 100%; }



/*PRICES*/
.services{ padding-top:40px; padding-bottom:120px;  position: relative;  background: #fff;  }
.services-cont{ display: flex; gap: 50px ;  }
.services-box{opacity: 0; position: relative; width:33.33%; border-radius: 7px; margin-bottom: 0px; background: #f6f6f6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.services-cont-page.services-cont{  }

.services-box:last-child{ margin-right: 0px; }
.services-cont:last-child .services-box { border-top: 0px;  }
.services-box-inner{ position: relative; width: auto; margin:20px 20px; }
  
.services-img{ text-align: center; display: none; }
.services-img img{ height: 60px;  }
.services-title{ font-size: 18px; line-height: 26px; padding-bottom: 5px; padding-top:20px; text-align: center; font-weight: 700; color:#fff; background: #36389b; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.services-desc{opacity: 0; position: relative; font-size: 15px; line-height: 21px; text-align:  center; min-height: 63px; margin:0px 100px; color:#aaa; padding-top:20px;}
.services-price{position:relative; background: #36389b;  color:#fff; font-size: 50px; line-height: 40px; text-align: center;  font-weight: 700;}
.services-oldprice{ color:#abadf2; font-size: 18px; line-height: 18px; margin-top: 0px; background: #36389b; margin-bottom: 22px; text-align: center; padding-bottom: 15px; }
.services-oldprice span{ text-decoration: line-through; }
.services-price-demand{ font-size: 40px; line-height: 70px; text-align: center; margin-bottom: 22px; font-weight: 700; }
.services-price .services-price-label{font-size: 20px; line-height: 60px; font-weight: 400; color:#abadf2;}
.services-discount{left:60%; font-size: 20px; line-height: 20px; display: flex; position: absolute; bottom:-5px;  color:#888;  font-weight: 400; }
.services-discount::before{ position: absolute; width: 100%; left:0%; top:50%; height: 1px; background-color:#999; left:0px; transform: rotate(-23deg); content: ''; } 
.services-location{ font-size: 18px; line-height: 26px; font-weight: 700; color:#000; margin-bottom: 20px; text-align: center; }
 
.services-check{position: relative; font-size: 16px; line-height: 21px; color:#000; margin-bottom: 0px; padding:8px 0px; padding-left: 0px; margin-left: 0px; text-align: center; border-bottom: 1px dotted #888;  }
.services-check:last-child { border-bottom: 0px; }
/*.services-check::before{  position: absolute; width: 20px; left:0px; top:50%; margin-top:-10px; height: 20px; line-height: 20px; background: url('../images/check.svg') center center no-repeat; background-size: cover; content: ''; }*/

.services-button-cont{  padding:10px 0px; margin-top:35px; text-align: center;  }
.services-button{ position: relative; overflow: hidden; z-index: 3; padding: 0px 50px; display: inline-block; width: auto; font-size: 16px; line-height: 50px; font-weight:700; border-radius: 4px; background-color: #e4002b; color:#fff; cursor: pointer;}
.services-button::before{content: ""; position: absolute; height: 400px; width: 430px; top: 50%; left: 50%; background: #262626; border-radius: 50%; transform: translateY(-50%) translateX(-50%) scale(0); transition: all 0.5s ease-out 0s; z-index: -1;}
.services-button:hover::before{transform: translateY(-50%) translateX(-50%) scale(1);}

.services-box:nth-child(1).services-animate {  -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s  0.2s forwards; }
.services-box:nth-child(2).services-animate {  -webkit-animation: prikazi 0.5s 0.35s forwards; animation: prikazi 0.5s  0.35s forwards; }
.services-box:nth-child(3).services-animate {  -webkit-animation: prikazi 0.5s 0.50s forwards; animation: prikazi 0.5s  0.50s forwards; }
 

 
 


/*TELEFON BROJ*/
.cijena{position:relative; background: #e4002b; padding-top:0px; padding-bottom: 0px;}
 
.cijena-cont{ width: 100%;    }
 
.cijena-number{ font-family: 'Poppins', sans-serif; font-size: 64px; line-height: 74px; color:#fff; font-weight: 900; text-align: center; }
.cijena-number a{ color:#fff;calc }
.cijena-desc{ font-size: 30px; line-height: 40px; margin-bottom: 15px; color:#fff; font-weight: 700; text-align: center;  }
 

/*INVESTMENT*/
.investment{position: relative; padding:120px 0px 180px; background:url('../images/fuhrerprufungen-stva-25.webp') center bottom no-repeat;  background-size: cover; }
.investment-abs{ position: absolute; bottom:0px; width: 100%; }
.investment-abs img{ width: 100%; }
.investment-abs-inv{ position: absolute; top:0px; width: 100%; }
.investment-abs-inv img{ width: 100%; opacity: 0.66; }
.investment-gradient{ z-index:10; position: absolute; top:0px; height: 100%; width:100%; border:0px solid #cc0000;  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.investment .naslov{ color:#fff; text-align: left; }
.investment .naslov span{color:#fff; }
.investment .naslov-small{ text-align: left; }
 
.investment-cont{ display: flex; align-items:center; position: relative; }
.investment-left{ width: 40%; position: relative; overflow: hidden; }
.investment-right{ position: relative; width: 60%;   }
.investment-visible{ position: absolute; top:0px; z-index: 99; width: 100%; margin-top:80px;  }
.investment-subtitle{font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 32px; color:#ddd; margin-bottom: 25px; }
.investment-desc{ font-size: 15px; line-height: 25px; color:#fff; margin-bottom:20px; }

  

 
/*ATRIBUTI*/
.atributi{ background:#fff; padding-top: 80px; padding-bottom: 80px;  }
 
.atributi-intro{ font-size: 20px; line-height: 30px; width: 80%; margin:0px auto; text-align: center; color:#aaa; margin-bottom: 60px; }

/*...atributi why choose us*/
.atributi-cont-intro{ position: relative; display: flex; gap:0px; align-items: center;}
.atributi-cont-intro::before{ position: absolute; content: ''; width: 34%;  background: #f6f6f6; top:0px; height: 100%; border-radius: 10px; left:33%; }
.atributi-25{ width: 25%; }
.atributi-50{ width: 50%; position: relative; padding:0px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.atributi-smallbox{ margin-bottom: 40px; }
.atributi-smallbox:last-child{ margin-bottom: 0px;  }
.atributi-icon-intro { margin-bottom: 15px;  }
.atributi-icon-intro img{ height: 40px;  }
.atributi-title-intro{ font-size: 18px; line-height: 28px; margin-bottom: 15px; font-weight: 800; color: #000; }
.atributi-desc-intro{ font-size: 15px; line-height: 23px; color:#444;  } 
.atributi-car{ position: relative; z-index: 10; }
.atributi-car-abs{ position: absolute; opacity: 0; width: 50%; z-index: 5; right: 20%; top:-20%; width: 40%; }
.atributi-car-abs-animate{ -webkit-animation: prikazi 1s .5s forwards; animation: prikazi 1s .5s forwards;  }

/*...atributi bus*/
.atributi-bus{ position: relative; display: flex; gap:80px;  background: #f6f6f6; margin-bottom: 60px; border-radius: 0px; }
.atributi-bus .naslov{ text-align: left; }
.atributi-bus .naslov-small{ text-align: left; }
.atributi-bus-left{ width: 50%; position: relative; background: url('../images/charles-de-gaulle-limousine-transfer.webp') center center no-repeat; background-size: cover; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.atributi-bus-right{ width: 50%; padding:80px 50px 80px 0px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.atributi-bus-right p{ color:#444; font-size: 15px; line-height: 25px; }


/*PROLAZECI AUTO*/
.prolazeciAutoContainter{ position: absolute; top:-180px; height:90px; margin-bottom:40px; width: calc(100% + 60px); left: -30px; background-color:#fff; transform: rotate(-5.56deg); }
.prolazeciAuto{ height:90px; top:10px; position:relative; left:-300px; }
.prolazeciAuto img{ height:80px;}
@keyframes prolazak {
    0% {
      left: 0;
      animation-timing-function: linear;
    }
    20% {
      left: 35%;
      animation-timing-function: linear;
    }
    80% {
      left: 55%;
      animation-timing-function: linear;
       }
    100% {
      left: 100%;
      animation-timing-function: linear;
    }
}
.prolazak{ animation: prolazak 3s; -moz-animation: prolazak 3s; -webkit-animation: prolazak 3s; /*-webkit-transition: all 2s linear 0.1s; -moz-transition: all 2s linear 0.1s; -o-transition: all 2s linear 0.1s; transition: all 2s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;*/}





/*COUNTERS*/
.brojaci{ padding:60px 0px 60px 0px; position: relative; background: #f6f6f6 }
.brojaci .naslov, .brojaci .naslov-small{ text-align: left; }
.brojaci-cont{  }

.brojaci-cont{ width: 100%; display: flex; gap:50px; align-items: center;  }

.brojaci-left{ width: 50%; float:left; }
.brojaci-desc{ font-size: 15px; line-height: 25px; color:#444; margin-bottom: 20px; }
.brojaci-right{ width: 50%; float:right; position: relative;  }
.brojaci-right img{ border-radius: 7px; }

/*.brojaci-animate{ -webkit-animation: enter-right 1s 0.3s forwards; animation: enter-right 1s  0.3s forwards; }*/

.brojaci-button{ border:0px solid #ff0000; text-align: left; margin-top:50px; }
.brojaci-button a{ color:#000; } 
.brojaci-button span { display: inline-block; padding:0px 50px; background-color: #e4002b; border-radius: 4px; color:#fff; font-weight: 700; font-size: 16px; line-height:50px;  } 
.brojaci-button span:hover  { background-color: #262626; color:#fff;  -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;}

 


@-webkit-keyframes enter-right {
  0% {
    left:100%;
  }
  100% {
    left:55%;
  }
}
@keyframes enter-right {
  0% {
    left:100%;
  }
  100% {
    left:55%;
  }
}







 
/*WHAT*/
.what{ padding-top:60px; padding-bottom: 60px;  position: relative; background-image: linear-gradient(45deg, #e4002b, #e4002b);}
.what .main{ padding:0px!important }
.what .naslov-small{ text-align: left; color:#000; }
.what .naslov{ text-align: left; }
.what-intro{ font-size: 16px; line-height: 26px; }
.what-left{ width: 40%; padding-bottom: 180px; }
.what-right{ position: absolute; top:0px; left:50%; width: 100%;  }
 
.what-box{ position: relative; cursor: pointer; padding:0px 0px; margin: 0px 15px; }
.what-image img{ border-radius: 10px; }
.what-img img{ height: 50px;  display: inline!important; }
.what-title{ font-family: "Raleway", sans-serif; font-size: 22px; line-height: 32px; color:#fff; margin-top:15px; font-weight: 700; }
.what-title a{  color:#fff;   }
.what-desc{ font-size: 15px; line-height: 21px; color:#000; margin-top:12px; }
 
.what-center-cont {display: flex; height: 50px; align-items: center; justify-content: center; margin-top:30px; }

.what-visible{ position: absolute; bottom:0px; left:0px; width:100%; padding:150px 30px 30px 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.what-invisible{ position: absolute; left:20px; width: calc(100% - 40px); background: #fff; padding:30px; border-radius: 10px; bottom: 20px; box-shadow: none; opacity: 0; visibility: hidden; -ms-transform: translateY(50%); -o-transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  -ms-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease;}
.what-box:hover .what-invisible{transform: translateY(0); opacity: 1; visibility: visible; }
.what-invisible .what-title{  color:#000; margin-top:20px; } 

.what .img-w{ padding: 0px 0px; box-sizing: border-box; }

.what .slick-arrow{position: absolute; z-index: 10; background: transparent; width: 50px; height: 50px; border-radius: 50%; border:2px solid #ffe6c3;  bottom:0px; margin-top: -20px; left:-50%; }
.what .slick-arrow.slick-next{ left:calc(-50% + 65px);  }
.what .slick-arrow .material-icons-round{ font-size: 30px; line-height: 46px; color:#fff; background: transparent; }
.what .slick-arrow:hover{ border:2px solid #00394c; background: #00394c;  -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }




 
/*HOW TO BOOK*/
.howto-reviews-cont{ background: #cc0000;  background: url('../images/bg-world-map.jpg') center center no-repeat; }


.howto{border:0px solid #ff0000; padding:40px 0px 0px 0px;} 
.howto .main{ width: 1240px!important;  }
.howto .naslov{margin-left: 20px;} 
.howto-intro{  position: relative; z-index: 2; font-size: 18px; line-height: 28px;  text-align: center; color:#000; margin:0px auto; margin-bottom: 40px; max-width: 800px;  }
.howto-all{margin-top:60px; overflow:hidden; border:0px solid #ff0000; padding-left: 20px; padding-right: 20px;}
.howto-box{ width:25%; float:left; padding:0px 1.3%; border:0px solid #ff0000; margin-bottom:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.howto-box:nth-child(1){  padding-left:0%; background: url('../images/icon-how-arrow-left.png') right 0px no-repeat;  }
.howto-box:nth-child(2){  background: url('../images/icon-how-arrow-right.png') left 0px no-repeat, url('../images/icon-how-arrow-left-inv.png') right 0px no-repeat;  }
.howto-box:nth-child(3){  background: url('../images/icon-how-arrow-left.png') right 0px no-repeat, url('../images/icon-how-arrow-right-inv.png') left 0px no-repeat;   }
.howto-box:nth-child(4){  padding-right:0%; background: url('../images/icon-how-arrow-right.png') left 0px no-repeat;}
.howto-box:nth-child(2n){ padding-top:40px; }
.howto-box:nth-child(1) .howto-image{ background:url("../images/icon-move-vehicle.png") no-repeat center center; background-size:30px; }
.howto-box:nth-child(2) .howto-image{ background:url("../images/icon-car.webp") no-repeat center center; background-size:30px; }
.howto-box:nth-child(3) .howto-image{ background:url("../images/icon-data.webp") no-repeat center center; background-size:37px; }
.howto-box:nth-child(4) .howto-image{ background:url("../images/icon-payment.webp") no-repeat center center; background-size:30px; }
.howto-image { border:1px solid #ddd; position:relative; width:80px; height:80px; margin:0px auto;  margin-bottom:30px;  border-radius:50%;}
.howto-image-inner{ background-color:#e4002b; position:absolute; width:25px; height:25px; top:0px; left:0px; border-radius:50%; }
.howto-box:nth-child(1) .howto-image-inner::before { position: absolute; width: 25px; height: 25px; text-align: center; color:#fff; content: "1"; font-weight: bold; top:0px; left:0px; font-size: 14px; line-height: 25px; }
.howto-box:nth-child(2) .howto-image-inner::before { position: absolute; width: 25px; height: 25px; text-align: center; color:#fff; content: "2"; font-weight: bold; top:0px; left:0px; font-size: 14px; line-height: 25px; }
.howto-box:nth-child(3) .howto-image-inner::before { position: absolute; width: 25px; height: 25px; text-align: center; color:#fff; content: "3"; font-weight: bold; top:0px; left:0px; font-size: 14px; line-height: 25px; }
.howto-box:nth-child(4) .howto-image-inner::before { position: absolute; width: 25px; height: 25px; text-align: center; color:#fff; content: "4"; font-weight: bold; top:0px; left:0px; font-size: 14px; line-height: 25px; }
.howto-content{ background-color: #fff; min-height: 150px; border-radius: 7px;  padding:20px; box-shadow: 0 5px 25px 0px rgba(0,0,0,.1);  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.howto-desc{ font-size:18px; font-weight:bold; color:#000; line-height:28px; margin-top:10px; }
.howto-desc a{ color:#000; }
.howto-desc a:hover{ color:#e66523; }
.howto-desc2{ font-size:15px; color:#444; line-height:23px; margin-top:10px; margin-bottom:10px;  }
.howto-desc2 a{ color:#000; }
.howto-desc2 a:hover{ color:#e66523; }



/*FAQ HOME*/
.faq{ padding-top: 40px; padding-bottom:40px; background: #f6f6f6; }
.faq-content{ max-width: 800px; margin:0px auto; }

/*NAJCESCA PITANJA*/
.accordion { box-sizing: border-box; }
.accordion-item{ box-shadow: 0px 0px 20px 0px rgba(0,0,0,.07); margin-bottom: 20px; }
.accordion h2 {  font-size: 16px!important; line-height: 1.5em!important; background-color: #fff; margin-bottom: 0px!important; }
.accordion .pitanja-link {position: relative; display: block; width: 100%; padding: 25px 80px 25px 40px; color: #000; font-size: 16px; box-sizing: border-box; border-radius: 7px; }
.accordion .pitanja-link:hover, .accordion .pitanja-link:hover::after { cursor: pointer; color: #36389b; }
.accordion .pitanja-link:hover::after { }
.accordion .pitanja-link.active { color: #e4002b; }
.accordion .pitanja-link::after { font-family: 'Material Symbols Outlined'; content: "add"; position: absolute; right: 25px; top:50%; margin-top:-15px; font-size: 30px; color: #000; padding: 0px; line-height: 30px; width: 30px;
  height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; }
.accordion .pitanja-link.active::after { font-family: 'Material Symbols Outlined'; content: "remove"; color: #e4002b;}
.accordion .content { padding: 5px 20px 15px 40px; background: #fff; display: none; 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;}
 

/*REVIEWS*/
.reviews{ position: relative; padding-top:40px; padding-bottom: 0px; }
.reviews .main{ width:1250px!important; position: unset;  }
.reviews .naslov{ color:#000; }
.reviews-intro{ position: relative; z-index: 2; font-size: 18px; line-height: 28px; text-align: center; color:#000;  margin:0px auto; margin-bottom: 40px; max-width: 800px;  }
  

.blockquoteContainer{ width: 100%; padding-bottom:20px; margin-top:50px; }
.blockquote-box{  position: relative; padding:10px; padding-top:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('../images/icon-google.png') 93% 93% no-repeat;  } 
.blockquote-inner{  background-color: #fff; padding:25px; padding-bottom: 35px; border-radius: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 
.blockquote-button { width: 6%; display: table-cell;}
.blockquote-button:hover { cursor: pointer;}
.blockquote-starstime > span{  }
.blockquote-stars{   }
.blockquote-star{ height: 14px; width:14px; margin-right: 2px; line-height: 14px; display: inline-block; background: url('../images/icon-star-gold.png') center center no-repeat; background-size: cover;}
.blockquote-star-outline{  background: url('../images/icon-star-outline.png') center center no-repeat; background-size: cover; }
.blockquote-title{font-size:16px; line-height:20px; font-weight: bold; color:#fff; margin-bottom:8px;}
.blockquote-desc{ font-size:14px; line-height:22px;  color:#000; margin-top:25px; max-height: 110px; overflow: hidden; }
.blockquote-desc.expanded {max-height: 1000px; }
.blockquote-data{ width: 100%; overflow:hidden; }
.blockquote-img{ width: 20%; float:left; }
.blockquote-img img{ height: 50px; }
.blockquote-right{ width: 77%; float:right; }
.blockquote-name{ font-size:15px; line-height:19px;  color:#2584de; font-weight: bold; margin-top:5px; margin-bottom:5px; }
.blockquote-time{ font-size:13px;  color:#777; margin-left: 10px; }
.blockquote-readmore{ font-size: 13px; line-height: 23px; margin-top: 15px;  color: #007BFF; cursor: pointer; }

.reviews .slick-arrow{ z-index: 10; background: transparent; width: 36px; height: 36px; border-radius: 50%; border:2px solid #ddd; position: absolute; top:50%; margin-top: -18px; left:-44px; }
.reviews .slick-arrow.slick-next{ left:auto; right: -44px; }
.reviews .slick-arrow .material-icons-round{ font-size: 24px; line-height: 33px; color:#000; }
.reviews .slick-arrow:hover{ border:2px solid #ffc000; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }  
 
 

/*...REVIEWS SLIDER*/
/*#kiwi-slider {   position: unset; }
#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; box-sizing: border-box; width: 33.3%!important; color:#000;}
 
#kiwi-slider .MS-controls {position: relative; z-index: 2;  margin-top: 30px; margin-bottom: 30px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#kiwi-slider .MS-controls button{ background: #ffc000; border: 0px; border:2px solid #ffc000; color:#fff; font-size: 30px; line-height: 20px; height: auto; width: auto; border-radius: 2px; margin:0px; margin-right: 10px; padding:5px 6px;  }
#kiwi-slider .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; }
#kiwi-slider .MS-controls button:hover{ background-color: #1e1e1e; border:2px solid #1e1e1e; color:#fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }*/


 
 

  
/*FOOTER*/
.footer{ z-index:0!important; position: relative; padding-top:40px; padding-bottom: 20px; background:#262626 ;  } 
.footer-cont{ overflow: hidden; width: 100%; }
.footer-left{ width: 25%; float:left; }
.footer-center{ width: 43%; margin:0% 4% 0% 4%; float:left; }
.footer-right{ width: 24%; float:left; }
.footer-50{ width: 45%; float:left; margin-right: 10%; }
.footer-50:nth-child(2){ margin-right:0%; }
.footer-korisnicki{ padding:0px 0px 0px 0px; box-sizing: border-box;  }
.footer-korisnicki .footer-map-link{ position: relative; padding:3px 0px; padding-left:35px; margin-bottom: 7px; padding-bottom: 7px; border: 1px solid #111; border-radius: 5px;  margin-right: 30px; }
.footer-korisnicki .footer-map-link::before{ position: absolute; left:10px; top:50%; margin-top:-10px; font-size: 18px; line-height: 20px; width: 20px; height: 20px; font-family: 'Material Icons Round'; content:'chevron_right';  color:#e4002b;   }
.footer-korisnicki .footer-map-link:nth-child(6){ border:0px; }
.footer-korisnicki .footer-map-link a{ }

.footer-map-title{ font-size:14px; line-height: 22px; margin-bottom: 20px; margin-top:30px; color:#fff; font-weight: bold; }
.footer-map-title:nth-child(1){ margin-top:0px; }
.footer-map-link{ font-size:13px; line-height: 21px; margin-bottom:15px; color:#aaa;  }
.footer-map-link a{ color:#aaa;  }
.footer-map-link a:hover{ color:#e4002b;  }
.footer-logo { text-align: left; margin-bottom: 30px;}
.footer-logo img{ height:120px; }
.footer-slogan{display: none; font-family: 'Dancing Script', cursive; font-size:40px; line-height: 50px; color:#e4002b; text-align: left; margin-left: 5px; padding:20px 0px;  }
 
.footer-onama{ font-size: 14px; line-height: 20px; color:#aaa; margin-top:0px; margin-bottom: 15px;  }

.footer-bespl-tel{ font-size: 80px; line-height: 80px; font-weight: bold; color:#e4002b; margin-bottom: 30px; }
.footer-contact{ font-size:13px; line-height: 21px; padding:8px 0px; color:#aaa; margin-bottom: 6px; }
.footer-contact a{ color: #aaa; }
.footer-contact a:hover{ color: #e4002b; }
.footer-working-hours img{ height: 120px; }
 
 

.footer-adresa{position:relative; padding-left: 30px;  }
.footer-adresa::before{position: absolute; top: 50%;  margin-top: -11px; left:0px; font-family: 'Material Symbols Outlined'; content:'home'; font-size: 22px; line-height: 22px; color:#e4002b;  height:20px;}
.footer-telefon{position:relative; padding-left: 30px;   }
.footer-telefon::before{position: absolute;  top: 50%;  margin-top: -10px; left:0px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 20px; line-height: 20px; color:#e4002b;  height:20px;}
.footer-email{position:relative; padding-left: 30px; }
.footer-email::before{position: absolute;  top: 50%;  margin-top: -10px; left:0px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 20px; line-height: 20px; color:#e4002b;  height:20px;}
.footer-radno{position:relative; padding-left: 30px; }
.footer-radno::before{position: absolute;  top: 50%;  margin-top: -10px; left:0px; font-family: 'Material Symbols Outlined'; content:'watch_later'; font-size: 20px; line-height: 20px; color:#e4002b;  height:20px;}
.footer-radno span{ display: inline-block; width:65px; text-transform: uppercase; font-size: 12px; }
.footer-365{ color:#e4002b; font-size: 13px; line-height: 21px; }
 
.footer-social-title{ font-size:16px; line-height: 20px; color:#000; }
.footer-social{ margin:15px 0px 15px 0px; }
.footer-social img{height: 20px; margin-right:7px; padding:10px; border: 2px solid #222; border-radius: 0px; cursor: pointer;}
.footer-social img:hover{ background-color: #222; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }

.footer-payment{margin:15px 0px 15px 0px;}
.footer-payment img{height: 36px; margin-right:7px; margin-bottom: 8px;}
 

.footer-button-cont{  padding:10px 0px; margin-top:25px;  }
.footer-button{ position: relative; padding: 7px 60px; text-align: center; display: inline-block; width: auto; font-size: 16px; line-height: 26px; font-weight:bold; border-radius: 3px; background-color: #e4002b; border:0px solid #acb00b; color:#fff; cursor: pointer;}
.footer-button:hover{  background-color: #bf1f24; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.footer-menu{ margin-top: 60px; text-align: center; font-size: 13px; line-height: 21px; }
.footer-menu div{ display: inline-block;  padding:7px 15px; margin-bottom: 7px; margin-right: 7px; background: #090909; }
.footer-menu div a{ color:#aaa }
.footer-menu div a:hover{ color:#fff }




/*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) { 
 
}

@media (min-width:2202px) and (max-width:2501px) { 
 
}

@media (min-width:1802px) and (max-width:2201px) {
   
}

@media (min-width:1602px) and (max-width:1801px) { 
    .slideshow-box { top: 170px;  }
    .slideshow_map { bottom: -150px; }
}

@media (min-width:1402px) and (max-width:1601px) {
    
    .slideshow{ margin-bottom: 70px; } 
    .slideshow_right{ width:75%; }
    .slideshow_left{ width:25%; }
    
    .slideshow-box { top: 170px;  }
    .slideshow-box-name{ font-size: 90px;  line-height: 100px;  }
    .slideshow_map { bottom: -120px; right: 7%; }

    .prolazeciAutoContainter { top: -145px; height: 90px; margin-bottom: 40px; }

    .cijena-desc {font-size: 28px; line-height: 38px; margin-bottom: 10px;  }
    .cijena-number {font-size: 54px; line-height: 64px;   }
 
    .investment { padding: 100px 0px 150px 0px; }
}

@media (min-width:1202px) and (max-width:1401px) {
    .main {width: 1120px; } 

      
    .naslov{ font-size: 30px; line-height: 38px; margin-bottom: 30px; }
    
    .calculator { right: 3%; top: 120px; }
    .slideshow{ margin-bottom: 70px; }
    .slideshow_right{ width:75%; }
    .slideshow_left{ width:25%; }
    .slideshow-box { top: 180px; width: 45%; right: auto; right: 3%; }
    .slideshow-box-name{ font-size: 85px;  line-height: 95px;  }
    .slideshow-box-title{ font-size: 45px; line-height: 53px;} 
    .slideshow_map { bottom: -100px; right: 5%;}
  

    .about-cont { gap: 40px; }

    .services { padding-bottom: 200px; }

    .prolazeciAutoContainter { top: -145px; height: 90px; }

    .cijena .main{ padding:20px 0px!important;  }
    .cijena-desc {font-size: 24px; line-height: 34px; margin-bottom: 5px;  }
    .cijena-number {font-size: 44px; line-height: 54px;   }

    .investment { padding: 70px 0px 120px 0px; }
  

    .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; }
 
    .howto .main{  width:98%!important;}

 
    .reviews .main {width: 1200px !important; }
  

    .header2 {height: 300px; }
    .header2-title {font-size: 34px; line-height: 44px;  }
    .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: 30px; line-height: 38px; margin-bottom: 25px;}
      
    #kiwi-menu ul.menu li { margin: 0px 5px; font-size: 14px; padding: 0px 5px; letter-spacing: 0px; }

    
 
    .calculator { right: 5%; top: 140px; width: 380px;  }
    .calculator .naslov { font-size: 24px; line-height: 32px; margin-bottom: 20px;}
    
    .slideshow{ margin-bottom: 50px; }
    .slideshow_right{ width:75%; }
    .slideshow_left{ width:25%; }
    .slideshow-box { top: 200px; width: 40%; right: 3%;}
    .slideshow-box-name{ font-size: 65px;  line-height: 70px;  }
    .slideshow-box-title{ font-size: 32px; line-height: 40px;} 
    .slideshow_map { bottom: -100px; right: 5%; } 
  

    .about{ padding-top: 40px; padding-bottom: 40px; }  
    .about-cont { gap: 40px; } 

    .tariffs { padding-bottom: 200px; }
  
    .services-price {font-size: 35px; line-height: 40px;  }
    .services-price .services-price-label {font-size: 18px; line-height: 40px; }
    .services-check { font-size: 15px; line-height: 20px;   }
    .services-check:last-child {min-height: 40px; }
    .services-button-cont {margin-top: 15px;}
    
    .prolazeciAutoContainter { top: -125px; height: 90px;  }

    .cijena .main{ padding:20px 0px!important;  }
    .cijena-desc {font-size: 20px; line-height: 30px; margin-bottom: 0px;  }
    .cijena-number {font-size: 38px; line-height: 48px;   }

    .investment { padding: 70px 0px 120px 0px; }

    .how-desc {font-size: 14px; line-height: 24px;  }
    .how-intro {font-size: 16px; line-height: 26px;}

    .swissmap-right { padding: 15px 20px 15px 25px;  }
    .map-fast-price {  margin-bottom: 5px; } 
    .map-panel-data { margin-bottom: 10px;   padding-bottom: 7px; }
    .map-city {font-size: 16px; padding-bottom: 7px; letter-spacing:1px;  line-height: 22px; margin-bottom: 7px; }
    .map-fast-booking { margin-bottom: 7px; }
    .swissmap .calc-date-start { margin-bottom: 7px;}

    .what-left { padding-bottom: 60px; }
    
    /*HOWTO*/
    .howto{ padding:0px; }
    .howto .main {width: 94% !important; }
    .howto-intro { font-size: 16px; line-height: 26px; }
    .howto-desc{ font-size: 16px; line-height: 22px; }
    .howto-desc2{  }
    .howto-content{box-shadow: 0 4px 18px 0px rgba(0,0,0,.1); padding: 10px 5px 5px 15px;}


    

    .attributes{ margin-top:150px; }
    .attributes-box{ font-size:20px; font-weight: bold; line-height: 26px; }
    .atributi-image img { margin: 35px 0px;  }

    .atributi-intro{ font-size: 16px; line-height: 26px; }
    .atributi-title {font-size: 16px; line-height: 26px; }
    .atributi-desc {font-size: 14px; line-height: 24px;  }

 
    .reviews .main {width: 95%!important; }
    .reviews-stars { margin-left: 20px; }
    .reviews-name { margin-left: 20px;  }
    .reviews-city { margin-left: 20px;  }
    .reviews-desc {font-size: 14px; line-height: 24px; min-height: 230px; margin: 15px 20px 20px 20px; }
    .reviews-intro {font-size: 16px; line-height: 26px;   }

    .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; }


 
    .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) {
    body { display: none }
    
 
}

@media (max-width:767px) {
   

  /**********************************GENERAL***************************************/
  /********************************************************************************/
  /********************************************************************************/
  body{ background: none; display: block; }
 

  .main{ width: 100%; }
  .homeMargina1{ margin:0px 20px; }

  .naslov{ font-size: 26px; line-height: 36px; margin-bottom: 30px; text-align: left;}
  .naslov-small{ font-size: 11px; line-height: 17px; text-align: left; }

  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; }

  /*POPUP BANNER*/
  .popup_baner_inner{ position: absolute; width:86%; left:7%; font-size: 15px; line-height: 21px; margin-left: auto; top:150px; margin-top:auto; padding:30px; }

  /*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: relative; left:0px; top:auto; background: #fff; bottom: auto; margin-bottom: 10px;  border-radius: 0px; width: 100%; padding: 30px 15px 0px 15px; z-index: 40; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
  .calculator-inner{  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
  .calculator-input-cont{ background: #fff; border-radius: 7px; padding:10px 0px; padding-bottom: 5px; overflow: hidden;}
  .calc-inner{position: relative; left:20px; width: calc(100% - 40px); background: #fff; padding-top: 25px; padding-bottom: 25px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;  }
  .calculator-title { font-size: 20px; line-height: 28px; }
  .calculator-desc { font-size: 15px; line-height: 23px; }

  .calculator-body{ padding:0px 15px 5px 15px;}
  .calculator-list-item{ padding:8px 0px 8px 65px; font-size: 16px; line-height: 28px; margin-bottom: 8px; }
  .calculator-list-item::before{  position: absolute; top:50%; width: 50px; height: 100%; left: 0px; line-height: 44px; height: 44px; margin-top: -22px; font-size: 26px; text-align: center; color: #36389b; background-color: #f6f6f6; content: 'location_on'; font-family: 'Material Symbols Outlined';  border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
  
  .calculator-list-locations { display: block; margin-bottom: 0px; }
  .calculator-list-locations .calculator-list-item{ padding:7px 10px; font-size: 16px; line-height: 26px; margin-bottom: 8px; padding-left: 65px;  }
  .calculator-list-locations .calculator-list-item::before{  width: 50px; line-height: 40px; height: 40px; margin-top: -20px; font-size: 24px;  }
  .calculator-list-price-katb .calculator-list-item { font-size: 13px; }



  .calc-tabs{ margin-left: 20px; width: calc(100% - 40px); margin-bottom: 0px; margin-top: 25px; }
  .calc-tabs .tablinks { font-size: 12px; background-color: #fff; line-height: 15px; padding: 14px 5px 14px 5px; width: 50%; margin-right: 0%;}
  .calc-tabs .active {background-color: #e4002b; color: #fff; }
  
  .calc input,
  .calc select,
  .calc textarea { padding: 10px 10px 10px 45px!important;}
  .calc-input-block::before { font-size: 22px;  left: 7px;  }



  .floatingMapa{ width: auto; margin:0px 0px; }
 
  .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;  }
  .calculator input[type="submit"]{ width: 100%; font-size: 16px;   }
  .calculator input[type="submit"]:hover {    }


  .calc-datetime-1 {width: 100%; float: none;   }
  .calc-date-start {width: 70%; margin-right: 0%; float: none; }
  .calc-return { width: 70%; float: none;  }
  .calc-date-end {width: 70%; }
  .calc-hours {width: 100%; float: none; margin-right: 0%; }
  .calc-datetime-fixed {float: none; width: 70%; }

  .contact-form-formular input[type="submit"] {  border:0px solid #e4002b; padding:0px 50px!important; line-height: 45px; }
  .contact-form-formular input[type="submit"]:hover, .contact-form-formular input[type="submit"]:focus {background-color: #262626; border: 0px!important; color:#fff; }
 

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


  .mobileHeader{display:block; position: fixed; border-radius: 4px; left: 15px; width: calc(100% - 30px); top: 15px; height:50px; z-index:999;/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/}
 
 
  .logoSlika {  position: absolute; left:50%; margin-left: -39px; height:46px; top: 2px;  }
    
  .glavniMeni-cont, .glavniMeni-cont-parent{ 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;}


  /*HEADER TOP*/
  .header-top{ }
  .header-top .language { display: none; }
  .header-top-cont{height: 30px; padding-top:0px; }
  .header-top-box{ position: relative; width:50%; font-size: 13px; padding: 0px 0px 0px 37px; line-height: 30px; }
  .header-top-box:nth-child(1){ width:50%; }
  .header-top-box:nth-child(2){ width:50%; }
  .header-top-box:nth-child(3){ display:none; }
  .header-top-box a{ color:#000; }
  .header-top-box::before{ font-family: 'Material Icons Round'; content:'menu'; font-size: 20px; font-weight: 600; line-height: 30px; position: absolute; left:0px; width:30px; height:30px; text-align: center; }
 
 

  /*HEADER2*/

  .header2{width:100%; height:250px; background: #181818 ; background-size: cover; }
  .header2 .main{ height: 100%; position: relative; }
  .header2-multiple{ position: absolute; z-index: 5; display: flex; width:100%; height: 100%; }
  .header2-multiple div{ opacity: 0; position: relative; width:25%; height: 100%; }
  .header2-multiple div:nth-child(1){  background: #181818 url(../images/fahrzone-h-25-4.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.5s 0s forwards; animation: prikazi 0.5s 0s forwards;}
.header2-multiple div:nth-child(2){  background: #181818 url(../images/fahrzone-h-25-6.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.5s .5s forwards; animation: prikazi 0.5s .5s forwards;}
.header2-multiple div:nth-child(3){  background: #181818 url(../images/fahrzone-h-25-2.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.5s 1s forwards; animation: prikazi 0.5s 1s forwards;}
.header2-multiple div:nth-child(4){  background: #181818 url(../images/fahrzone-h-25-5.webp) center center no-repeat; background-size: cover; -webkit-animation: prikazi 0.5s 1.5s forwards; animation: prikazi 0.5s 1.5s forwards;}
  .header2-multiple div:nth-child(5){ display: none; }
.header2-multiple div:nth-child(6){  display: none;  }
.header2-multiple div:nth-child(7){display: none; }
 
  
  .header2-box { width: calc(100% - 20px); left:10px; top: 120px; z-index: 10; }
  .header2-title {text-align: center; font-size: 24px; line-height: 34px; }
  .header2-gradient{ position: absolute;  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:#e4002b; 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: absolute; z-index: 1; background: transparent; padding: 0px; width: 80px; height: 30px; top:12px; text-align: left; margin-bottom: 0px; right: auto; left:10px; border-right: 0px; padding-right: 0px; }
  .language button { padding: 0px 5px; width: 70px; border:0px solid #044d66; border-radius: 0px; font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 20px; color: #fff;  }
 
   
 
  /*SLIDESHOW*/
  .slideshow{ margin-bottom:0px; position:relative;  margin:0px auto; margin-bottom: 120px;  }
  .slideshow_left{ display: none; }
  .slideshow_gradient_black { opacity: 0.4; height: 500px; }
  .slideshow_gradient_black_lr { position: absolute; z-index: 3 !important; top: 0px; width: 100%; height: 150px; background-image: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0)); }
   
  .slideshow_right{ width:100%; }

  .slide1{ background: url(../images/slide-1-25-m.webp) center center no-repeat; background-size: cover;  }
  .slide2{ background: url(../images/slide-2-25-m.webp) center center no-repeat; background-size: cover; }
  .slide3{ background: url(../images/slide-3-25-m.webp) center center no-repeat; background-size: cover; }

  

  .slideshow-box{ position: absolute; z-index: 5; left: 20px; width: calc(100% - 40px); top:100px; text-align: left; margin-top: auto;  }
  .slideshow-box-name {font-size: 40px; line-height: 45px;  }
  .slideshow-box-title{ font-size: 18px; line-height: 24px; margin-bottom: 0px;}
  .slideshow-box-desc{ font-size: 16px; line-height: 22px;  }

  .slideshow-buttons{  padding:10px 0px; margin-top:15px;  }
  .slideshow-buttons a:first-child span{ margin-right: 10px; padding: 0px 15px; }
  .slideshow-buttons span{ padding: 0px 40px; font-size: 16px; line-height: 43px; }

  .slideshow_map { right: 0px; width: 100%; bottom: -90px; }

  .slideshow_loc { width: 12px;  }
  .slideshow_loc span{ border-radius: 2px; top:-15px; left:50%; transform: translateX(-50%);  padding:0px 8px; padding: 2px 8px 1px 8px; font-size: 9px; line-height: 14px; background: #fff; color:#36389b }
  .slideshow_loc img{ opacity: 0; }
  .slideshow_loc::before{ position: absolute; top:0px; width: 1px; background: #fff; left:50%; content: ''; height: calc(100% - 5px); }
  .slideshow_loc::after{ position: absolute; bottom:2px; width: 3px; height: 3px; border-radius: 50%; background: #fff; left:50%; margin-left: -1px; content: '';  }
  .slideshow_map .stgallen_start.slideshow_loc span{ top:-13px; left:50%; transform: none;    }
  .slideshow_map .zurich_start.slideshow_loc span{ top:-16px; left: auto; right: 56px; transform: none;  }
  .slideshow_map .zurich_start.slideshow_loc span::before{ position: absolute; right: -51px; bottom: 0px; height: 1px; width: 52px; background: #fff; content: ''; }
  .slideshow_map .schwyz_start.slideshow_loc span{ top:-16px; left: auto; right: 46px; transform: none;  }
  .slideshow_map .schwyz_start.slideshow_loc span::before{ position: absolute; right: -41px; bottom: 0px; height: 1px; width: 42px; background: #fff; content: ''; }
 
  .slideshow_map .thurgau_start{ opacity:0; left:65%; top:-100%;}
  .slideshow_map .thurgau{ opacity:0; left:65%; top:-100%; border:0px solid #ff0000; animation: move_thurgau_header 0.3s;  -moz-animation: move_thurgau_header 0.3s; -webkit-animation: move_thurgau_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
  @keyframes move_thurgau_header { 0% {top:-100%; opacity:0; } 100% { top:-8%; opacity:1; } }

  .slideshow_map .zurich_start{ opacity:0; left:58%; top:-100%; }
  .slideshow_map .zurich{ opacity:0; left:58%; top:-100%; border:0px solid #ff0000; animation: move_zurich_header 0.3s;  -moz-animation: move_zurich_header 0.3s; -webkit-animation: move_zurich_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
  @keyframes move_zurich_header { 0% {top:-100%; opacity:0; } 100% { top:4%; opacity:1; } }

  .slideshow_map .schwyz_start{ opacity:0; left:63%; top:-100%;  }
  .slideshow_map .schwyz{ opacity:0; left:63%; top:-100%; border:0px solid #ff0000; z-index: 11!important;  animation: move_schwyz_header 0.3s;  -moz-animation: move_schwyz_header 0.3s; -webkit-animation: move_schwyz_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
  @keyframes move_schwyz_header { 0% {top:-100%; opacity:0; } 100% { top:17%; opacity:1; } }

  .slideshow_map .stgallen_start{ opacity:0; left:73%; top:-100%; }
  .slideshow_map .stgallen{ opacity:0; left:76%; top:-100%; border:0px solid #ff0000; animation: move_stgallen_header 0.3s;  -moz-animation: move_stgallen_header 0.3s; -webkit-animation: move_stgallen_header 0.3s; animation-fill-mode: forwards; animation-delay: 1.5s;}
  @keyframes move_stgallen_header { 0% {top:-100%; opacity:0; } 100% { top:0%; opacity:1; } }


  

  /**********************************CONTENT***************************************/
  /********************************************************************************/
  /********************************************************************************/
  .content-all{ margin:0px 0px; width: auto; }
  .content-left{ width: 100%; float:none; }
  .itemid-108 .content-left, .itemid-123 .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: 26px; line-height: 36px; margin-bottom: 30px; }
  #jf-content .main .item-page h1{ font-size: 26px; line-height:36px; margin-bottom: 30px;  }

  #jf-content .main p{ }
  
  #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-cont{ width: 100%; overflow: hidden;  margin-bottom: 60px;}
  .page-cont-flex{ display: block; }
  .page-60{ width: 100%;}
  .page-50{ width: 100%;}
  .page-55{ width: 100%;}
  .page-48{ width: 100%;}
  .page-46{ width: 100%;}
  .page-20{ width: 100%;}
  .page-40{ width: 100%; padding-bottom: 30px;}
  .page-33{ width: 100%; }
  .page-67{ width: 100%; }
  .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: 20px!important; line-height: 28px!important;  margin-bottom: 20px!important; }

  .page-info { padding:20px 20px 20px 20px; margin-left: 20px; margin-top:50px;   }
  .page-info::before {    }

  
  .page-blue{ padding:20px 20px 20px 20px; margin-left: 20px; margin-top:50px; } 
  .page-blue::before{  /*right:auto; left:50%; top: 20px; margin-top:0px; margin-left: -30px;  height: 60px; line-height: 60px; width: 60px; font-size: 45px; */  }

  .page-red{ padding:20px 20px 20px 20px; margin-left: 20px; margin-top:50px;  } 
  .page-red::before{ /*right:auto; left:50%; top: 20px; margin-top:0px; margin-left: -30px;  height: 60px; line-height: 60px; width: 60px; font-size: 45px; */  }
  #jf-content .main .item-page .page-red h2{ margin-bottom: 0px; color:#fff; font-size: 20px; line-height: 28px; } 

  /*PAGE FORMULARS*/
.page-formulars{ display: block;  }
.page-formulars-box{position: relative; width:100%; margin-bottom: 50px; overflow: hidden; }
.page-formulars-box:last-child{ margin-bottom: 0px; }
 


  /*PAGE PRICES*/
  .page-fleet-box{ display: block; }
  .page-fleet-left{ width: 100%; }
  .page-fleet-right{ width: 100%; padding-left: 0px; }

  /*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;}

  /*PAGE NOTHELFERKURSE */
  .page-nothelferkurse-text{ padding:15px 10px 15px 20px;  }
  .page-nothelferkurse-price{ margin-bottom: 50px; }
 


  /*PAGE KAT BE*/
  .page-katb-app .page-33{ margin-bottom: 30px; }
  
  
  /*PAGE PRICES*/
  .page-pr-cont{ display: block; }
  .page-pr-box { width: 100%; margin-bottom: 30px; overflow: hidden;  }

  #jf-content .page-pr-tabl-cont{ width: calc(100% + 20px); margin-left: 0px; position: relative; overflow: auto; padding: 20px 0px;  padding-right: 20px; box-sizing: border-box;  }
  #jf-content .page-pr-tbl{ width: auto; border-bottom: 3px double #36389b }
  #jf-content .page-pr-tbl tr td{  font-size: 15px; line-height: 20px; height: 60px; padding:5px 10px; border-right: 1px solid #ddd;  /*white-space: nowrap;*/ }
  #jf-content .page-pr-tbl tr td:last-child{  border-right: 0px solid #ddd;  }
  
  #jf-content .page-pr-tbl tr td:nth-child(1) {position: -webkit-sticky; position: sticky; width: 200px; min-width: 20px; max-width: 150px; left: 0px; border-right: 0px; }
  #jf-content .page-pr-tbl tr td:nth-child(1)::before { position: absolute; right: 0px; width: 1px; background: #36389b; content: ''; top:0px; height: 100%; }
  #jf-content .page-pr-tbl tr:first-child td:first-child::before { background: #1f217b;  }

  #jf-content .page-pr-tbl tr:first-child td{   border-right: 1px solid #1f217b; font-weight: 500; }
  #jf-content .page-pr-tbl tr:first-child td:first-child, #jf-content .page-pr-tbl tr:first-child td:last-child{   border-right: 0px solid #1f217b; }

  #jf-content .page-pr-tbl tr td:nth-child(2) { white-space: nowrap; }
  #jf-content .page-pr-tbl tr:first-child td:nth-child(2) {  white-space: normal; }
 
 


  /*PAGE PRICES*/
  .page-prices-table tr td { padding: 10px 10px!important; font-size: 13px; line-height: 24px;  }
  .page-prices-table tr td span { font-size: 15px;  }


  .page-verkehrskunde-acc .page-50:first-child {width: auto; padding: 10px 15px 20px 20px;}
  .page-verkehrskunde-acc .page-50:last-child {width: auto; padding: 40px 20px 20px 20px; border-top-right-radius: 0px; border-bottom-right-radius: 7px;  border-bottom-left-radius: 7px; }
  .page-verkehrskunde-acc .accordion .pitanja-link {padding: 20px 80px 20px 25px; }

  /*...booking*/
  .book-vku-filters{ display: block;   }    
  .book-vku-filters-date{  margin-right: 0px; margin-bottom: 20px; }
  .book-vku-filters input, .book-vku-filters select {width: 100%; }

  .book-vku-acc-link { position: relative; display: block;  padding: 15px 20px 20px 20px;  }
  .book-vku-header-date{ width: auto; margin-bottom: 10px; }
  .book-vku-header-content{ width: 100%; }
  .book-vku-header-title {font-size: 16px; line-height: 24px; margin-bottom: 5px; }
  .book-vku-header-info {display: block;  }
  .book-vku-header-price{ position: absolute; right: 20px; top:15px; width: 100px; }
  .book-vku-header-price div {padding: 4px 0px; border-radius: 4px; font-size: 13px; line-height: 24px;  }
  .book-vku-header-price div span {font-size: 18px; }
  .book-vku-header-book{ margin-top:15px; text-align: right; }

  .book-vku-acc-content-cont{ display: block; }
  .book-vku-acc-content-box{ width: auto; margin-bottom: 15px; }
  .book-vku-acc-content-label { font-size: 11px; margin-bottom: 5px; }
  .book-vku-acc-content-title {font-size: 16px; line-height: 24px; margin-bottom: 15px; }
  .book-vku-acc-content-termin {font-size: 14px; line-height: 22px;  margin-bottom: 15px;  }
  .book-vku-acc-content-course { font-size: 14px; line-height: 22px; }
  .book-vku-acc-content-desc{ font-size: 14px; line-height: 22px; }
  #jf-content .main .book-vku-acc-content-box ul li { font-size: 14px; line-height: 20px; }
  .book-vku-acc-content-book div:first-child {font-size: 14px; line-height: 20px; }
  .book-vku-acc-content-book input { border-radius: 4px; font-size: 14px; line-height: 20px; padding: 8px 30px 8px 30px; }


  /*PAGE GALERIJA*/
  #page-modal-img {  max-width:95%; max-height: 80%;  }

 
 
  /*ABOUT*/
  .page-about-box {display: block;  border-radius: 7px; margin-bottom: 50px; }
  .page-about-img {width: 100%; }
  .page-about-desc {width: 100%; padding: 25px 20px; font-size: 15px; line-height: 25px; }
  #jf-content .page-about-img img{border-radius: 0px; border-top-left-radius: 7px; border-top-right-radius: 7px;  }
  .page-about-box-inverse .page-about-img{ display: none; }
  .page-about-img-inside{ display: block;  }
  .page-about-img-inside img{ margin-top: -25px; margin-left: -20px; max-width: calc(100% + 40px); margin-bottom: 25px; }
  #jf-content .page-about-box-inverse .page-about-img-inside img{ border-radius: 0px;  border-top-left-radius: 7px; border-top-right-radius: 7px;  }

  .page-team-cont {display: block; gap: 0px; margin: 50px 0px; }
  .page-team-abs-top { padding: 15px 10px 15px 5px;  }
  .page-team-value{ font-size: 13px;  font-weight: 400; }
  .page-team-box {width: 100%; margin-bottom: 30px; }
 



  /*SERVICES*/
  .page-services-cont { display: block; padding: 0px 0px; margin-bottom: 40px; padding-bottom: 35px; border-bottom: 40px solid rgba(232, 220, 211, 0.6); }
  .page-services-left { width: 100%;  } 
  .page-services-center { width: 100%;  } 
  .page-services-right { width: 100%; padding-right: 0px; } 
  .page-services-right p:last-child { margin-bottom: 0px!important; }
  .page-services-title { font-size: 20px!important; line-height: 30px!important;  }

  /*INVEST*/
  .itemid-109 .item-page h2{ margin-left: 20px; }
  .invest{ max-width: 100%; margin-top:0px; margin:0px 20px; }

  /*CONTACT FORM*/
  .kontakt-forma{ max-width: 100%; margin-top:0px; }
  .contact-form-cont{ display: block; }
  .contact-form-left {width: 100%; margin-bottom: 30px; }
  .contact-form-right {width: auto; margin-top: 0px; padding: 20px 20px 25px 20px; }

  
  /*CONTACT COURSE*/
  .contact-course{ margin-bottom: 80px; }
  .contact-course-cont{ display: block; border-radius: 7px; overflow: hidden; }
  .contact-course-left{ width: 100%;  padding:220px 20px 30px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6 url('../../../images/custom/fahrzone-kontakt-25.jpg') top center no-repeat; background-size: auto 200px; }
  .contact-course-right{ width: 100%; background: url('../../../images/custom/fahrzone-kontakt-25.jpg') center center no-repeat; background-size: cover; }
  .contact-course-title{ font-size: 20px; line-height:28px;  }
  .contact-course-desc{ font-size: 15px; line-height: 25px;  }


   

  /*FAQ*/
  .accordion .pitanja-link { padding: 15px 50px 15px 20px;  font-size: 15px!important; line-height: 19px!important ; font-weight: 500!important; }
  .accordion .pitanja-link::after { top:50%; margin-top:-10px; right: 10px; font-size: 24px; line-height: 20px; width: 20px; height: 20px;   }
  .accordion .content { padding: 10px 15px;  }

  /* CATEGORY BLOG*/
  .blog .blog-item{ width: auto; float:none; margin-right: 0%;  }

  .blog h1{ font-size: 26px; line-height: 34px;  margin-bottom:30px;  } 
  .categoryBlog{width:100%;   float:none; margin-right: 0%; overflow:hidden; cursor: pointer; position: relative;}

  .categoryTitle1 h2{font-size:16px!important; line-height: 22px!important; margin-bottom: 0px!important;  min-height: auto; }
  .categoryImage{height: 220px;  }
  .categoryDate{font-size:13px; line-height: 17px;   }

 


  /**********************************MODULI****************************************/
  /********************************************************************************/
  /********************************************************************************/

  /*KIWI FAST BOOKING*/
  .fast-booking{ margin:0px; padding:0px; }
  .fast { position: relative; width: 100%;  margin: auto; }
  .img-w{ padding: 0px 0px; box-sizing: border-box; }

  .fast .slick-arrow{ z-index: 10; background: transparent;  width: 20px; height: 36px; border-radius: 0px; border:0px solid #ddd;  top:50%; margin-top: -18px; left:-24px; }
  .fast .slick-arrow.slick-next{ left:auto; right: -19px; }
  .fast .slick-arrow .material-icons-round{ font-size: 24px; line-height: 33px; color:#e4002b; background: transparent;} 
  .fast:hover .slick-arrow{ background: transparent; border:0px;  }

  .fast_popup{ width: 90%; padding: 20px; top:50%; margin-top: -150px; left:5%; margin-left: 0px; border-radius: 5px;  } 
  

 

   /*TARIFFS*/
  .tariffs{ padding-top:0px; padding-bottom:80px;  }
  .tariffs-cont{ display: block; }
  .tariffs-box { width: 100%; margin-bottom: 30px; overflow: hidden;  }
  .tariffs-checks{ min-height: auto; }
 
 
   /*ABOUT US*/
  .about{ padding-top: 40px; padding-bottom: 0px; }
  .about .naslov{   }
     
  .about-cont{ overflow: visible; display: block; } 
  .about-left{ width: 100%; float:none; margin-left: 0%; margin:20px auto; margin-bottom: 120px;}
   
  .about-img-big{ padding-left: 40px;}
  .about-img-small{  bottom:-80px; left: -0px;  }
  .about-img-small img{ margin-left: -10px; border:5px solid #fff;}

  .about-subtitle{  margin-bottom: 20px; }
  .about-right{ width: 100%;  margin-left: 0%;  margin-top:40px; border:0px solid #cc0000; float:none;  }
   
  .about-desc{ font-size: 14px; line-height: 24px; margin-right: 0px; margin-bottom: 20px; text-align: left; }
  .about-left-abs { width: 180px; top: 65%; left: 35px; border-radius: 5px;}
  .about-left-abs div:first-child{ font-size: 28px; line-height: 28px; margin-top: 15px ;  }
  .about-left-abs div:last-child{ font-size: 14px; line-height: 14px; padding-left: 30px; margin-top: 2px;  margin-bottom: 15px;  }
  .about-attr-cont{ display: block;  }
  .about-attr-50{ width: 100%; gap:15px; margin-bottom: 20px; margin-top: 10px;  }
  .aboutButton .aboutButtonSpan { line-height: 45px; }

  /*WHY*/
  .why{ padding-top:40px; padding-bottom: 40px; }
  .why-cont{ display: block;  border-radius: 7px;   }
  .why-left{ width: 100%; padding:80px 20px 40px 20px; }
  .why-desc{ font-size: 15px; line-height: 25px;  }
  .why-right{ width:100%; padding:0px 20px 80px 20px; }
  .why-box{ position: relative; background: #fff; padding: 10px 10px 10px 55px; margin-bottom: 10px; border-radius: 7px;  }
  .why-box::before{ margin-top: -12px; left:15px; width: 24px; height: 24px; font-size: 16px; line-height: 24px;  } 
  .why-title{ font-size: 15px; line-height: 23px;  }

  /*ISTORIJA*/
.function{ padding-top: 80px; padding-bottom: 80px; }
.function-cont::before{ width: calc(100% + 30px); left:-15px; content: ''; }
.function-cont::after{ margin-top:-9px; right:-15px; content: ''; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #e4002b ; border-radius:4px}
.function-box{  }
.function-top{ display: flex; align-items: flex-end;  position: relative; height: 160px; margin:0px 30px 30px 30px; }
.function-bottom{ position: relative; height: 160px; margin:0px 40px 0px 40px; padding-top: 30px;   }
.function-bottom::before{ position: absolute; content: ''; width: 1px; height: 20px; top:-10px; background: #e4002b; left:50%; }
 
.function-title{ text-align: center; font-size: 18px; line-height: 28px; color:#000; font-weight: 700; margin-bottom: 15px; }
.function-text{ text-align: center; }
 


  /*PRICES*/
  .services{ padding-top:0px; padding-bottom:80px;  }
  .services-cont{ display: block;   }
  .services-box{  width:100%; margin-bottom: 30px; overflow: hidden; }
 
  .services-box-inner{ margin:20px 20px; margin-bottom: 10px; }
 
  .services-price{position:relative;  background: #36389b; color:#fff; font-size: 44px; line-height: 54px; }
  .services-price .services-price-label{font-size: 20px; line-height: 60px; font-weight: 400; color:#abadf2;}
  
  .services-button-cont{ margin-top:10px;  }
  .services-button{ padding: 0px 50px; line-height: 45px; }


  /*PROLAZECI AUTO*/
  .prolazeciAutoContainter{ position: absolute; width: 100%; top:-65px; height:50px; }
  .prolazeciAuto{ height:50px; top:5px; }
  .prolazeciAuto img{ height:50px;}
 
 

   /*CIJENA*/
  .cijena{position:relative; padding-top:0px; padding-bottom: 0px;}
  .cijena .main { padding:15px 0px!important; }
  .cijena-abs{ top:-2px; } 
  .cijena-cont{  display: block; } 
  .cijena-desc {font-size: 16px; line-height: 22px; margin-bottom: 5px; font-weight: 400;}
  .cijena-number {font-size: 28px; line-height: 36px;  }


  
  /*INVESTMENT 100%*/
  .investment{ padding:0px 0px; padding-top:40px; padding-bottom: 30px;  background: #000 url('../images/fuhrerprufungen-stva-25-m.webp') center top no-repeat; background-size: 100% auto; }
  .investment-gradient{ display: none; }
  .investment-cont{ display: block; }
  .investment .naslov{ }
  .investment-abs-inv img { opacity: 0.8; }
  .investment-left{ width: 100%; margin-right: 0%; position: relative; overflow: visible; padding:40px 0px; }
 
  .investment-right{ width: 100%;  }

  

   /*WHAT*/
  .what{ padding-top: 60px; padding-bottom: 60px; }
  .what-intro{ text-align: left; margin:0px 0px; font-size: 15px; margin-bottom: 0px; line-height: 25px; }
  .what-cont{ display: block; margin-top: 0px; }
  .what-left{ width: 100%; margin-top:0px; padding-bottom: 0px; margin-bottom: 50px; }
  .what-right{ position: relative; top:0px; left:0%; width: auto; margin-top: 70px;  }
  .what-box{ position: relative; width: auto; margin-bottom: 0px; margin: 0px 0px; }
  .what-img {  }
  .what-img img{ height: 45px; }
  .what-title{margin-top:12px; font-weight: 700; margin-bottom: 15px;  }
  .what-invisible .what-title { margin-top: 12px; }
  .what-desc{ font-size: 15px; line-height: 21px; min-height: 63px;  }

  .what .slick-arrow{ z-index: 10;  width: 36px; height: 36px; position: absolute; top:-45px; bottom: auto; margin-top: auto; left:calc(50% - 40px); }
  .what .slick-arrow.slick-next{ left:auto; right: calc(50% - 40px); }
  .what .slick-arrow .material-icons-round{ font-size: 24px; line-height: 33px; background: transparent; }
  .what:hover .slick-arrow{  }

  

   /*ATRIBUTI*/
  .atributi{ padding-top: 40px; padding-bottom: 20px;}
    

  /*...atributi bus*/
  .atributi-bus{ display: block; margin-bottom: 0px; }
  .atributi-bus-left{ width: 100%; min-height: 350px; position: relative; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .atributi-bus-left::before{ top: -30px; height: 125px; width: 500px; } 
  .atributi-bus-right{ width: 100%;  padding:40px 20px 20px 20px;  }
 
 

  /*...atributi slike*/
  .atributi-cont{  display: block; } 
  .atributi-cont-intro {  display: block;  } 
  .atributi-cont-intro::before{ display: none; }
  .atributi-25 {width: 100%; }
  .atributi-50 {width: 100%; margin-top:40px; }
  
  .atributi-smallbox{ margin-bottom: 20px; }
   
  .atributi-icon-intro img{   }
  .atributi-title-intro{  }
  .atributi-desc-intro {font-size: 15px; line-height: 25px;  }
 
   
  /*BROJACI*/
  .brojaci{ padding-top:40px; padding-bottom: 40px; width: 100%; overflow: hidden;}
  .brojaci-cont{ display: block;   }
  .brojaci-left{ width: 100%; position: relative; margin-bottom: 50px; }
  .brojaci-right{ width: 100%; }
  .brojaci-button span {padding: 0px 50px; line-height: 45px; }
   
     
 
  /*HOW TO BOOK*/
  .howto{border:0px solid #ff0000; padding:0px 0px; padding-top: 20px;}
  .howto .naslov{margin-left: 0px;  }
  .howto .main{ width: auto!important; }
  .howto-intro { font-size: 16px; line-height: 26px; margin: 0px 0px;   text-align: left; }
  .howto-all{margin-top:60px; overflow:hidden; border:0px solid #ff0000; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
  .howto-box{ width:auto; float:left; padding:0px 1.3%; border:0px solid #ff0000; margin-bottom:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top:40px;}
  .howto-box:nth-child(1){ padding-bottom:50px; padding-top: 0px; padding-left:0%; background: url('../images/icon-how-arrow-top.png') center bottom no-repeat;  }
  .howto-box:nth-child(2){ padding:50px 0px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat, url('../images/icon-how-arrow-top.png') center bottom no-repeat;  }
  .howto-box:nth-child(3){ padding:50px 0px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat, url('../images/icon-how-arrow-top.png') center bottom no-repeat;   }
  .howto-box:nth-child(4){  padding-top:50px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat;}
  .howto-box:nth-child(2n){ padding-top:45px; }
  .howto-box:nth-child(1) .howto-image{ background:url("../images/icon-move-vehicle.png") no-repeat center center; background-size:30px; }
  .howto-box:nth-child(2) .howto-image{ background:url("../images/icon-car.webp") no-repeat center center; background-size:30px; }
  .howto-box:nth-child(3) .howto-image{ background:url("../images/icon-data.webp") no-repeat center center; background-size:30px; }
  .howto-box:nth-child(4) .howto-image{ background:url("../images/icon-payment.webp") no-repeat center center; background-size:30px; }
 
  .howto-image { position:relative; width:70px; height:70px; margin:0px auto; margin-bottom:15px;  border-radius:50%;}
  .howto-image-inner{  position:absolute; width:25px; height:25px; top:0px; left:0px; border-radius:50%; }

  .howto-content{ padding:25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); }
  .howto-desc{ font-size:18px; font-weight:bold; line-height:28px; margin-top:0px; }
  .howto-desc2{ font-size:15px; line-height:23px; margin-top:15px;  }
 
 
  /*REVIEWS*/
  .reviews{ position: relative; padding:0px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;    }
  .reviews-intro { font-size: 16px; line-height: 26px; margin: 0px 0px; margin-bottom: 80px; text-align: left; }
  .reviews .main{ width:100%!important; }
  .reviews .naslov{ text-align: left; }
    

  .reviews .slick-arrow{ z-index: 10;  width: 36px; height: 36px; position: absolute; border-color: #ddd; top:0%; margin-top: -60px; left: calc(50% - 40px); }
  .reviews .slick-arrow.slick-next{ left:auto; right: calc(50% - 40px); }
  .reviews .slick-arrow .material-icons-round{ font-size: 24px; line-height: 33px; background: transparent; }

 
  .blockquote-inner { padding: 0px; padding-bottom: 0px; }
 
 
  
   /*FOOTER*/
  .footer{ z-index:0!important; padding-top:0px; padding-bottom: 20px;   }
  .footer-cont{ overflow: visible; width: 100%; }
  .footer-left{ width: 100%; float:none; margin-bottom: 40px; }
  .footer-center{ width: 100%; margin:0% ; float:none; margin-bottom: 40px; }
  .footer-right{ width: 100%; float:none; }
  .footer-50{ width: 100%; float:none; }
  .footer-50:last-child{ margin-top:30px; }
  .footer-korisnicki{  width: 100%; margin-left:0px; padding: 0px;  }

  .footer-korisnicki .footer-map-link a{ }
  .footer-map-title{ font-size:15px; line-height: 21px; margin-bottom: 15px; margin-top:30px; font-weight: bold; }
  .footer-map-title:nth-child(1){ margin-top:0px; }
  .footer-map-link{ font-size:14px; line-height: 20px; margin-bottom:6px; }
 
  .footer-logo { text-align: left; margin-bottom: 20px;}
  .footer-logo img{ height:100px; }
  .footer-slogan {   font-size:30px; line-height: 40px; text-align: left; margin-left: 0px; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;  }
 
  .footer-onama{ font-size: 14px; line-height: 20px; margin-top:20px;  }

  .footer-bespl-tel{ font-size: 80px; line-height: 80px; font-weight: bold; margin-bottom: 30px; }
  .footer-contact{ font-size:14px;  margin-bottom: 6px; }
  .footer-working-hours img{ height: 120px; }
   
  .footer-adresa{position:relative; padding-left: 25px;  }
  .footer-adresa::before{position: absolute;  font-family: 'Material Icons Round'; content:'home'; font-size: 16px; line-height: 20px;    height:20px;}
  .footer-telefon{position:relative; padding-left: 25px;   }
  .footer-telefon::before{position: absolute;  font-family: 'Material Icons Round'; content:'phone_in_talk'; font-size: 16px; line-height: 20px;  height:20px;}
  .footer-email{position:relative; padding-left: 27px; }
  .footer-email::before{position: absolute;  font-family: 'Material Icons Round'; content:'mark_email_read'; font-size: 16px; line-height: 20px;   height:20px;}
 
  .footer-social-title{ font-size:16px; line-height: 20px; color:#999; }
  .footer-social{ margin:15px 0px 15px 0px; }
  .footer-social img{height: 20px; margin-right:7px; padding:10px; border-radius: 3px; cursor: pointer;}
  

  
  /*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) {
    
     
}