h1,
h2 {
    text-align: left;
}

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

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

h4,
p {
    margin: 0 0 20px
}

*,
body,
fieldset {
    margin: 0
}

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

 
 


 


* {
    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: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

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

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

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

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

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

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

label,
legend {
    display: block
}

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

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

body {
    font-size: 16px;
    line-height: 1.2em;
    color: #aaa;
    background-color: #1d1d1d!important;
    border: 0 solid red!important
}

a {
    color: #5c686d
}

a:hover {
    color: #247D99
}

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

h1 {
    font-size: 36px;
 
}

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

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

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

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

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

label {
    margin-bottom: 5px
}
 
#system-message  {
    margin: 10px
}

#jf-wrapper {
    overflow: hidden
}

 

.main {
    margin: 0 auto
}

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

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

#jf-home-c .main,
#jf-latest .main {
    padding: 40px 0;
 
}
 
 
#jf-content  {  padding-top:80px; background: #fff url(../images/bg-arrow-white.png) top center no-repeat; } 
#jf-content .main .item-page h2{ font-size: 40px; line-height: 50px; margin-bottom: 40px; } 
#jf-content .main { padding: 60px 0 60px; }
#jf-content .main p { font-size: 16px; line-height: 26px; color: #222;}
#jf-content .main .p-element-bez-margine{ margin-bottom:8px;}
#jf-content .main p { font-size: 16px; line-height: 26px; color: #222;}
#jf-content .main ul, #jf-content .main ol { margin-bottom:25px;}
#jf-content .main ul li, #jf-content .main ol li { font-size: 16px; line-height: 22px; color: #222;}


.itemid-103 #jf-content .main, .itemid-108 #jf-content .main, .itemid-102 #jf-content .main, .itemid-120 #jf-content .main { padding: 0}
.itemid-103 #jf-content, .itemid-108 #jf-content, .itemid-102 #jf-content, .itemid-120 #jf-content   { padding: 0}
.itemid-119 #jf-content .main{ padding:0px; }
.itemid-119 #jf-content { padding:0px; padding-top:80px; }
.itemid-117 #jf-content .main{ padding:0px; }
.itemid-117 #jf-content { padding:0px; padding-top:80px; background-color: #111 }
 
 
/*PRELOADER*/
.preloader{background-color:#111; position:fixed; width:100%; height:100%; z-index:9999; border:0px solid #ff0000;}
.containerPreloader { position: absolute; background: #111 url(../images/bg-preloader.png) center center no-repeat;  border:0px solid #ff0000; width: 55px; height: 50px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

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

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

 

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

/*TABOVI*/
.tabovi{border:0px solid #ddd; margin-bottom:20px; width: 340px; margin:0px auto; overflow:hidden;}
.tablinks{ display:block; width:calc(49% - 2px); text-align:center; border:1px solid #111; border-radius: 26px;  font-size:12px; line-height: 14px; text-transform:uppercase; color:#111; font-weight:bold; padding:12px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
margin-right: 2%}
.tablinks:last-child{ margin-right: 0%}
.tablinkleft{float:left; }
.tablinkright{float:left; }
.tabovi .active { background-color: #111; color:#a49169;}
.tablinks:hover{ cursor:pointer;}
.tabcontent {display: none; overflow: hidden; }


/*CALCULATOR*/
.calculator {width: 1100px; position: relative; margin:0px auto; padding:30px 0px; padding-top:0px; padding-bottom: 80px; }
.calculator_cont{  background: url(../images/bg-arrow-inv-grey.png) bottom center no-repeat; }
.calculator_cont_gradient{ background:#282828; /*background-image: linear-gradient(to bottom right,#3093ec, #1c5b94);*/}
.calculator-inner{ margin:25px; }
.wickedpicker{ z-index: 999!important; }
.calculator .naslov{ color:#a49169; text-align: center; }
.calculator-fiksne{ color:#fff; display: block; font-size: 22px; line-height: 32px;  text-align: center; font-weight: bold; cursor: pointer; margin-top:20px; text-transform: uppercase; letter-spacing: 1px; }
.calculator-fiksne:hover{ color:#cc0000; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } 
.hightlight-conainer{ background-color: #222; }
.floatingPanel { overflow: hidden; width:100%; border:0px solid #ffc61a; padding-top:80px; }
.floatingMapa { height: 500px; width:100%;  padding-bottom: 50px; }

.forma {border: 0 solid red; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
.forma-50{ width:49%;  float:left; margin-right:2%; }
.forma-50:nth-child(2){  margin-right:0%; }
.forma .clr { width: 100%; overflow: hidden;}
.forma input, .forma select  {font-size: 15px; line-height: 24px; background-color: transparent; padding: 12px 0 12px 30px; width: 100%; border:1px solid #a49169; background-color:transparent; color: #fff; border-radius: 22px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
.forma select { height: 50px; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}


/*STEP 1 */
.lokacija-pocetak{ position: relative;}
.lokacija-kraj{  position: relative; margin-top:25px; }
.lokacija-pocetak input:hover, .lokacija-kraj input:hover { cursor: url(../images/icon-cursor-globe.png) 3 3, pointer; }

/*...POVRATAK*/
.transfertip {width: 48.5%; float:left; margin-right: 3%;  margin-top:0px; position: relative;}
.transfertip-tooltip{position: relative; background-color: #a49169; color:#000; padding:1px 5px; border-radius: 7px; margin-left: 5px; }
.transfertip-tooltip:hover{ cursor: pointer; } 
.tooltip-title{ font-weight: bold; margin-bottom: 5px; color:#fff; }
.tooltip-row{ margin-bottom: 5px; overflow: hidden; }
.tooltip-row img{ height: 26px; margin-right: 5px; float: left;}
.transfertip-tooltip .tooltiptext { visibility: hidden; width: 300px; margin-left: -150px; background-color: #000; color: #a49169; text-align: left; border-radius: 6px; padding:10px;
  position: absolute; z-index: 9999; bottom: 125%; left: 50%; opacity: 1; transition: opacity 0.3s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.transfertip-tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent; }
.transfertip-tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
 
/*...DATUMI*/
.ui-datepicker{ z-index: 999!important }
.datumPolazak { position: relative; width: 48.5%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.datumPolazak input {width:100%; margin-right: 4%; }
.datumPolazak input:hover { cursor: url(../images/icon-cursor-calendar.png) 3 3, pointer; }

/*STEP 2*/
.no-vehicle { text-align: right; margin-bottom: 30px; padding:0px;  line-height: 16px; }
.no-vehicle span{ color:#a49169; font-size: 14px;   }
.no-vehicle span:hover{ text-decoration: underline; cursor: pointer; }

.vozilotip{ position: relative; width: 48%; margin-right: 4%; float:left;  background-size: 34px;}
.vozilogodina{ position: relative; width: 48%; margin-right: 4%; float:left; background-size: 24px; margin-top:5px;  }
.vozilomarka{ position: relative; width: 48%; margin-right: 0%; float:right;  margin-top:5px; }
.vozilomodel{ position: relative; width: 48%; margin-right: 4%; float:left; }
.vozilomodel_cont{ overflow: hidden; padding-top:5px;}
.vozilogodina select:hover{ cursor: url(../images/icon-cursor-car.png) 3 3, pointer; }
.vozilomarka input:hover, .vozilomodel input:hover{ cursor: url(../images/icon-cursor-car.png) 3 3, pointer;  }

.voziloradi{ float:right;  margin-top:0px; position: relative; width: 48%; display: flex; flex-direction: row; justify-content: space-between;  height: 50px; align-items: center;}
.voziloradi-radio { cursor: url(../images/icon-cursor-wrench.png) 3 3, pointer; position: relative; font-size:14px; line-height: 22px; }
.voziloradi-radio:nth-child(2), .voziloradi-radio:nth-child(3){ min-width: 60px; }
.voziloradi-radio span{ line-height: 24px; padding-left: 6px; display:inline-block; position: absolute; }
.voziloradi-radio > input { height: 20px; width: 20px; padding:10px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #a49169; outline: none; transition-duration: 0.3s; background-color: transparent; cursor: pointer; }
.voziloradi-radio > input:hover{  cursor: url(../images/icon-cursor-wrench.png) 3 3, pointer; }
.voziloradi-radio > input:checked { border: 1px solid #a49169; background: #a49169 url('../images/icon-accept-white.png') center center no-repeat; }
.voziloradi-radio > input:active { border: 1px solid #a49169; background: #a49169; }

.vozilodimenzije{  overflow: hidden; }
.vozilodimenzije input{ font-size: 14px; margin-top:15px; line-height: 20px; background-color: transparent; padding: 6px 0 6px 45px; width: 100%; border:0px solid #a49169; border-bottom: 1px solid #a49169; border-radius: 0px;}
.voziloduzina input{ background:url(../images/icon-car-length.png) left center no-repeat; background-size: 30px;}
.vozilosirina input{ background:url(../images/icon-car-width.png) left center no-repeat; background-size: 34px;}
.vozilovisina input{ background:url(../images/icon-car-height.png) left center no-repeat; background-size: 34px;}
.vozilotezina input{ background:url(../images/icon-car-weight.png) left center no-repeat; background-size: 34px;}
.vozilodimenzije .forma-50{ width:45%;  float:left; margin-right:10%; }
.vozilodimenzije .forma-50:nth-child(2){  margin-right:0%; }
 
/*STEP 3*/
.ime{ position: relative; width: 48%; margin-right: 4%; float:left;  background-size: 34px;}
.prezime{ position: relative; width: 48%; margin-right: 0%; float:right; background-size: 24px   }
.email{ position: relative; width: 48%; margin-right: 0%; float:right; }
.telefon{ position: relative; width: 48%; margin-right: 4%; float:left; } 
.nacinslanja{ float:right; position: relative; width: 48%; height: 50px;}


/*GENERAL*/
.formErr {color: #cc0000; font-size:12px;  line-height:14px; margin-bottom:3px;}
.label-distance{ font-size: 16px; text-align: center; color:#fff; margin:10px 0px; }
.formLabel {color: #a49169; position: absolute; top:-5px; left:25px; font-size: 11px; line-height:12px; background-color:#282828; padding:0px 10px; }
select option {font-size: 15px; background-color: #fff!important; line-height: 25px!important; color: #000}

/*...SUBMIT*/

.forma input.dugme{float:right; padding:12px 60px 12px 20px; text-transform: uppercase; font-weight:bold;  font-size: 14px;  width:100%; margin-top:25px; background: #a49169 url(../images/icon-button-arrow-w.png) 90% center no-repeat; background-size:25px; color: #000; border:1px solid #a49169;  -moz-appearance: none; -webkit-appearance: none; appearance: none;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.forma input.dugme:hover{cursor: pointer; border:1px solid #fff;  background: #fff url(../images/icon-button-arrow-w.png) 95% center no-repeat;  background-size:25px; transition-duration: .5s; -o-transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; }
.makequery:hover{  cursor: url(../images/icon-cursor-keys.png) 3 3, pointer!important;  }


/*PROGRESS BAR*/
.progress-bar-cont{overflow: hidden; margin:0px auto; margin-top:60px; width:40%; }
.progress-bar{ margin:0px; }
.progress-bar li { list-style-type: none; float: left; width: 33%; position: relative; text-align: center; font-size: 11px; color:#999; text-transform: uppercase; }
.progress-bar li:before { content: " "; line-height: 24px; width: 24px; height: 24px; border: 1px solid #a49169; display: block; text-align: center; margin: 0 auto 5px; background-color: transparent; color:#fff;}
.progress-bar li:nth-child(1):before { content: "1"; }
.progress-bar li:nth-child(2):before { content: "2"; }
.progress-bar li:nth-child(3):before { content: "3"; }
.progress-bar li.active:before{ color:#000; }
.progress-bar li:nth-child(1):after{ content: " "; position: absolute; top:13px; right:0px; width: 15%; height: 0px; border-top:1px dotted #a49169; }
.progress-bar li:nth-child(2):after{ content: " "; position: absolute; top:13px; left:0px; width: 15%; height: 0px; border-top:1px dotted #a49169; }
.progress-bar li:nth-child(2) .progress-linija{  position: absolute; top:13px; right:0px; width: 15%; height: 0px; border-top:1px dotted #a49169; }
.progress-bar li:nth-child(3):after{ content: " "; position: absolute; top:13px; left:0px; width: 15%; height: 0px; border-top:1px dotted #a49169; }
.progress-bar li.active { color: #a49169; }
.progress-bar li.active:hover { cursor: pointer; }
.progress-bar li.active:before { border-color: #a49169; background-color: #a49169; }
 


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

  
 
/*MARGINE*/
.homeMargina { margin: 20px}
.homeMargina1 {margin: 0}

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

/*HEADER-PLAVA*/
.header-plava{ display:none; position:relative;  background-color:#fff;   overflow: hidden; z-index:98; top:0px; width:100%; height:50px; } 
.header-plava-left{float:left; width:100%; text-align: left; height: 40px; text-align: center; }
.header-plava-right{ float:right; width:0%; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; }

/*KONTAKT HEADER*/
.contact-header-tel{ color:#555; font-size:12px; line-height: 25px;  }
.contact-header-tel-1 { display: inline-block; margin: 0px auto }
.contact-header-inner{ color:#333; font-size:14px; float:left; margin-right: 50px; text-align: left;  }
.contact-header-inner div:nth-child(1){ color:#666; }
.contact-header-inner:nth-child(3){ margin-right: 0px; }
.contact-header-inner:nth-child(1) div:nth-child(2){ background: url(../images/iconFooterTelephone-1.png) left center no-repeat; background-size: 22px; padding-left: 30px; font-weight: bold; }
.contact-header-inner:nth-child(2) div:nth-child(2){ background: url(../images/iconWhatsapp.png) left center no-repeat; background-size: 24px; padding-left: 30px; font-weight: bold;}
.contact-header-inner:nth-child(3) div:nth-child(2){background: url(../images/iconFooterEmail-1.png) left center no-repeat; background-size: 24px; padding-left: 30px;   font-weight: bold; }
 

/*HEADER KONTKAT*/
.glavniMeni-right{ float:right; width:80%; border:0px solid #cc0000; height: 120px; }
.headkontakt-box{width: 33%; float:left; overflow: hidden; margin-top:25px; border-right:1px solid #555;}
.headkontakt-box:nth-child(3){border-right:0px solid #555;}
.headkontakt-left{width:30%; float:left; text-align: center;}
.headkontakt-left img{ height: 45px; margin-top:5px;}
.headkontakt-right{width:70%; float:right;}
.headkontakt-title{ font-size:16px;  line-height: 26px; color:#fff; font-weight: bold; }
.headkontakt-desc{ font-size:14px;  line-height: 20px; color:#ddd;  }
.headkontakt-desc img{ height: 16px; margin-bottom:2px; margin-left:3px; }
 
/*HEADER2*/
#header2{width:100%; height:350px;  background:url(../images/header2.jpg); background-position:center;}
.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);  }
.header-fleet{ width:100%; height:500px; background:url(../images/limousine-fleet-zurich.jpg); background-position:center center; background-size: cover }
.header-price{ width:100%; height:500px; background:url(../images/zurich-airport-taxi-transfer-preise.jpg); background-position:center center; background-size: cover } 
.header-services{ width:100%; overflow:hidden; height:500px; background:url(../images/limousine-service-zurich.jpg); background-position:center center; background-size: cover } 
.header-blog{ width:100%; height:500px; background:url(../images/bg-switzerland-nature-traveler.jpg); background-position:center center; background-size: cover } 
.header-events{ width:100%; height:500px; background:url(../images/bg-events-davos-zurich-flughafentransfer.jpg); background-position:center center; background-size: cover } 
.header-about-us{ width:100%; height:500px; background:url(../images/zurich-bilgimann-taxi-service.jpg); background-position:center center; background-size: cover } 
.header-agb{ width:100%; height:500px; background:url(../images/bg-kontakt-biligmann-taxi-zurich.jpg); background-position:center center; background-size: cover } 


/*SLIDESHOW*/
.slide_back{ position: absolute;  z-index:3!important; top:0px; width: 100%; background:url(../images/bg-arrow-blue.png) top center no-repeat,url(../images/bg-arrow-inv-white.png ) bottom center no-repeat; background-size: 100%;  }
.slide_back_gradient{position: absolute;  z-index:2!important; bottom:0px; width: 100%; height: 50%; border:1px solid #ff0000; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.slideshow-mask{ position: absolute; z-index: 51; top:0px; height: 200px; width: 100%; background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0)); }
.images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;}
.images li{ margin:0px; }
.slider-box{ border:0px solid #ff0000;  position:absolute; left:15%; bottom:100px; width: 700px; z-index: 4!important }
.slider-box-title{  font-weight:bold; text-align: left; font-size:50px; line-height:60px; color:#fff; text-shadow: 2px 2px 2px #000;  margin-bottom:20px;  }
.slider-box-licence{ text-transform: uppercase; text-align: left; font-size:34px;  line-height:44px; color:#fff; text-shadow: 2px 2px 2px #000;  margin-bottom:15px;  }
.slider-box-img {text-align: left; }
.slider-box-img img{  height: 120px; }
.slider-box-desc{ text-align: left;font-size:26px; overflow: hidden; line-height:34px;  color:#efefef;  text-shadow: 2px 2px 2px #000;}
 
.slideSlika { position: absolute; width: 600px; margin-top: 150px; left: 50%; margin-left: -300px; border: 0 solid red;}
.slide1 { width: 100%; background: url(../images/car-shipping-usa.jpg) center center no-repeat; background-size:cover;}
.slide2 {  width: 100%; background: url(../images/american-auto-shipping.jpg) center center no-repeat; background-size:cover;}
.slide3 {width: 100%;  background: url(../images/car-shipping-san-diego.jpg) center center no-repeat ;  background-size:cover;}
.slide4 {width: 100%;  background: url(../images/Slika4a.jpg) center center no-repeat ; background-size:cover;}
.slide5 {width: 100%;  background: url(../images/Slika5a.jpg) top center no-repeat; background-size:cover;}
.slide6 {width: 100%;  background: url(../images/Slika6.jpg) center center no-repeat; background-size:cover;}


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

/*COOKIES BANNER*/
#cookies-banner{position:fixed; width:1100px; left:50%; margin-left:-550px; bottom:0px; padding:5px 10px;  font-size:13px; line-height:21px; background-color:#444; color:#fff; overflow:hidden; z-index: 9997; text-align: center;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-style: italic;}
#cookies-banner .btn-accept {font-size: 13px; font-style: normal; position:relative; text-transform:uppercase; color:#111; border-radius: 5px; background-color: #a49169; padding:3px 10px; margin-left: 10px; }
#cookies-banner .btn-accept:hover { background-color: #fff }
.cookies-link{ font-weight: bold; text-decoration: underline; color:#fff; }

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

 
/*JEZIK MODUL*/
.language { position:absolute; z-index: 1000; width: auto; height: 30px; top: 30px; left:0px; border:0px solid #ff0000; }
.language ul li{ font-size: 14px; line-height: 14px; } 
.language ul li:first-child{ margin-right: 10px!important; } 
.language ul li img{ margin-right: 1px; margin-bottom: 2px}
.language ul li a{ color:#a49169; font-weight: bold;} 
.language ul li a:hover { color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;  } 
 
 
 
/*FADE EFFECT*/
.fade {border:0px solid #ff0000; top:100px;	opacity:0;}
.pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }


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

/*GLAVNI MENI*/
.glavniMeni-cont{ height: 120px; }
.glavniMeni{position: relative; width:100%; height:80px; border:0px solid #ff0000; z-index: 99; background-color: #1d1d1d; margin:20px 0px; }
.glavniMeni .gotomenu{ position: absolute; right:0px; top:14px;  color:#a49169; }
.glavniMeni .gotomenu:hover{ cursor: pointer; color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.glavniMeni .material-icons{ font-size: 50px; line-height: 50px; }
.logo-main{ height:130px; display: block; margin:0px auto; margin-top:5px; }
.glavniMeni-dugme-cont{ position: absolute; left:0px; top:14px; padding:15px 0px; }
.glavniMeni-dugme{ margin-top: 20px; padding:12px 35px; color:#fff; font-size: 14px; line-height: 16px; border-radius: 28px; font-weight: bold; text-transform: uppercase; border:1px solid #a49169; }
.glavniMeni-dugme:hover{background-color: #a49169; color:#111; cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
.glavniMeni-telefon{position: absolute; left:180px; top:25px; font-size: 18px; line-height: 30px; color:#a49169; padding-left: 30px; background: url(../images/iconGlavniMeniTelefon.png) no-repeat; background-position:left center; background-size:25px; }
.glavniMeni-telefon a{color:#a49169; }
.glavniMeni-telefon a:hover{color:#fff; }
.mobileHeader{ display:none;}

/*LOGO*/
.glavniMeni-left{ float:left; width:20%; height: 80px; }
 
/* SIDE NAVIGATION */
#mySidenav{display:block;}
.sidenav-inner{ width: 340px; margin:0px 30px; }
 
.sidenav .sidenav-pretext{ color:#a49169; padding:60px 0px 0px 0px; margin-bottom:30px; text-align:center; font-size:24px; line-height: 34px; text-transform: none; font-weight:bold; }
.sidenav .sidenav-logo{ margin-bottom:30px; text-align:center;  }
.sidenav .sidenav-logo img{  height: 100px; margin-bottom: 30px;}
.sidenav { background-color:#111; font-size: 20px; line-height: 40px; color:#000; border:0px solid #ff0000; height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; right: 0; overflow-x: hidden; transition: 0.5s;  }
.sidenav li{font-size:20px; line-height:40px; color:#fff; margin-bottom: 0; padding-left:25px; list-style-type:none; background: url(../images/bg-sidenav-li.png) left 15px no-repeat; background-size:10px }
.sidenav li a{color:#fff;  }
.sidenav li a:hover{color:#a49169;  }
.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: #a49169;}
#mySidenav .nav-child{ }
#mySidenav .nav-child li{ display:none; line-height:30px; margin-left:0px; margin-bottom:0px; border:0px solid #0000ff; min-height:30px;}
#mySidenav .nav-child li .separator{font-size:18px; padding-left:0px;  min-height:30px; font-weight:bold; }
#mySidenav .nav-child li a{font-size:18px!important; padding-left:0px; line-height:40px; }
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 40px; margin-left: 50px; color:#fff;}

.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 #333; margin:30px 0px; }
.sidenav-kontakt{ color:#fff; line-height: 28px; margin-bottom:30px; }

.sidenav .item-120{ display: none; }

.sidenav-telefon{padding-left: 35px; margin-bottom:5px!important; background: url(../images/iconFooterTelephone.png) no-repeat; background-position:left center; background-size:25px; line-height:30px;}
.sidenav-telefon a{ display: inline; }
.sidenav-whatsapp{ background: url(../images/iconWhatsapp.png) no-repeat; background-position:left center; background-size:30px; padding-left: 30px; line-height: 30px;}
.sidenav-telefon-fixed{padding-left: 35px; margin-bottom:5px!important; background: url(../images/iconFooterTelephoneFixed-0.png) no-repeat; background-position:left center; background-size:25px; line-height:30px;}

.sidenav-sms{padding-left: 35px; margin-bottom:5px!important; background: url(../images/iconFooterSms.png) no-repeat; background-position:left center; background-size:25px; line-height:30px;}
.sidenav-email{padding-left: 35px; margin-bottom: 5px!important; background: url(../images/iconFooterEmail.png) no-repeat; background-position:left center; background-size:25px; line-height:30px; text-transform: none;}


.sidenav .item-110, .sidenav .item-111, .sidenav .item-112 { display: none; }

 
/* MAIN NAVIGATION */
.slogan-menu{ display: none; }
#kiwi-menu {border:0px solid #ddd; position: relative;  padding:0px; margin:0px; height:80px; z-index:99; margin-top:0px; float:right;}
#kiwi-menu ul{margin-bottom:0px; margin:0px;}
#kiwi-menu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#kiwi-menu ul.menu li {cursor: pointer;  color: #ddd; margin-bottom:0px; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height:80px; display: block; float: left;  padding:0px 15px; }
#kiwi-menu ul.menu li:hover {background-color: #262626}
#kiwi-menu ul.menu .active {background-color: #262626}
#kiwi-menu ul.menu .active a{color: #fff;}
#kiwi-menu ul.menu li a {font-family: 'Montserrat', sans-serif; color: #ddd;  font-size: 15px; line-height:50px;   }
#kiwi-menu ul.menu li a:hover {color: #fff; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s;}
#kiwi-menu .blob {position: absolute; height: 1px; bottom: -1px; z-index: 99;}
#kiwi-menu .nav-child{position:absolute; margin:0px; background-color: #f7941e; height:0px; width: 250px; transition:0.7s; overflow:hidden;}
#kiwi-menu .parent:hover .nav-child{ height:123px; transition: 0.7s; -moz-transition:0.7s; line-height:40px!important; -webkit-transition: 0.7s; -o-transition:0.7s;}
#kiwi-menu .nav-child li{border-bottom:1px dotted #e08314; width:100%; line-height:40px!important;  margin:0px; padding:0 10px; margin:0px 0px!important;}
#kiwi-menu ul.menu .nav-child li a {line-height:40px; font-weight: normal;}
 
#kiwi-menu .item-182:hover .nav-child, #kiwi-menu .item-181:hover .nav-child{ height:247px;}
#kiwi-menu .item-192, #kiwi-menu .item-193{ display: none!important;} 

/*PAGE GLOBAL*/
.page-button-cont{ margin-top:40px; padding:20px 0px; overflow: hidden; }
.page-button{ padding: 12px 50px;  border: 1px solid #2085df; color:#000; font-weight: bold; border-radius: 20px; font-size: 14px; line-height: 16px; text-transform: uppercase;  }
.page-button:hover{  background-color: #2085df; color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.page-cont{ width: 100%; overflow: hidden;  margin-bottom: 40px;}
.page-50{ width: 50%; float:left;}

/*PAGE - ABOUT US*/
.page-onama-podnaslov{ font-size: 36px!important; color:#2585de; line-height: 46px!important; margin-top:20px; margin-bottom: 40px!important; text-transform: none!important; }
.page-onama-slogan{ color:#2085df; font-size: 20px!important; line-height: 28px!important; margin-top:40px; margin-bottom: 10px!important; text-transform: none!important;   }
.page-onama-slogan-mail{ color:#777; font-size: 16px!important; line-height: 26px!important;  margin-bottom: 40px!important; text-transform: none!important;   }
.page-button-onama-cars{text-align: center;}
.page-button-onama-cars a{ display: block; }
.page-onama-img{  }

/*PAGE - ABOUT US - ATRIBUTI*/
.page-onama-box{overflow:hidden; margin-bottom: 30px;}
.page-onama-icon{width: 10%; float: left; text-align: right;}
.page-onama-icon img{ width: 100%; } 
.page-onama-content{ width: 90%; float: right; padding:0px 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;}
.page-onama-subtitle{font-size: 18px; font-weight: bold; color:#000; margin-bottom: 15px; line-height: 28px;}
.page-onama-desc{ font-size: 14px; line-height: 22px; color:#666; margin-bottom: 7px; }

/*PAGE - ABOUT US - CARS*/
.page-onama-cars{ padding:50px 0px; background:url(../images/bg-line-onama.png) 140px repeat-y; margin-bottom: 20px;}
.page-onama-cars-inner{ font-size:20px; line-height:30px; background:url(../images/bg-circle-onama.png) 133px center no-repeat; background-size:15px;  padding-left: 170px;  margin-bottom: 25px; }
.page-onama-cars-inner:last-child{ margin-bottom: 0px; }
.page-onama-cars-inner:hover{ cursor: pointer; color:#2585de;  background:url(../images/bg-circle-onama-blue.png) 133px center no-repeat; background-size:15px;  }
.page-onama-img-cars{ margin-top:20px; display: none;}
.page-onama-active{ color:#2585de;  background:url(../images/bg-circle-onama-blue.png) 133px center no-repeat;  background-size:15px; }

/*PAGE - MOVE*/
.page-move-img-right{ text-align: right; }
.page-move-naslovcina{ text-align: center; margin-bottom: 50px;  }
.page-move-list-title{ font-size: 20px!important; line-height:28px!important; }
.page-move-list{background: url(../images/icon-accept.png) no-repeat left center; font-size: 20px; background-size: 20px; padding-left: 30px;  margin:4px 0px 15px 30px;  }
.page-move-list:last-child{ margin-bottom:15px;  }
.page-img-cont{ text-align: center; margin-bottom: 10px; }
.page-img-cont img{ margin-right: 10px; }
.page-img-cont img:nth-child(2){ margin-right: 0px; }
.page-img-cont:nth-child(3) img{margin-right: 0px;}

/*PAGE - PRICE*/
.kiwi-table{ border-collapse: collapse; border-bottom: 1px solid #ddd; width: 100%; }
.kiwi-table th{ font-size: 14px; text-align: center; padding:10px 0px;  line-height: 18px; background-color: #2085df; color:#fff;  }
.kiwi-table td{ font-size: 14px; padding:10px 5px; line-height: 18px; }
.kiwi-table tr:nth-child(odd){ background-color: #efefef}

 

/*PAGE - SERVISI*/
.page-servisi-cont{ overflow: hidden; width: 90%; padding-bottom: 120px; margin:0px auto;}
.page-servisi-box{float:left; width:43%; border-radius: 10px;  overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-servisi-icon{ text-align: center; }
.page-servisi-icon img{ height:30px; background-color: #a49169; border-radius: 10px; padding:10px; }
.page-servisi-cont-text{ width: 100%; padding-bottom: 30px; margin-bottom:30px; border-bottom: 1px solid #ddd }
.page-servisi-cont-text:last-child{ border:0px; }
.page-servisi-cont-text .page-servisi-box{float:left;  border-radius: 0px;  overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-servisi-cont-text .page-servisi-box:nth-child(1){width:50%;  margin-right: 0%; padding-right:7%;  }
.page-servisi-cont-text .page-servisi-box:nth-child(2){width:calc(50% - 1px); margin-right: 0%; padding-left:7%; border-left:1px solid #ddd; }
.page-servisi-cont-text.page-servisi-inverse .page-servisi-box:nth-child(1){width:50%; float:right; margin-right: 0%; padding-left:7%; padding-right:0%;  }
.page-servisi-cont-text.page-servisi-inverse .page-servisi-box:nth-child(2){width: calc(50% - 1px); float:left; margin-right: 0%; padding-right:7%;  padding-left:0%; border-left:0px solid #ddd; border-right:1px solid #ddd;  }
.page-servisi-podnaslov{ font-size: 24px!important; color:#111; text-align: center; line-height: 34px!important; margin-bottom: 0px!important; text-transform: none!important; }
.page-servisi-text-desc{color:#444; font-size: 16px; line-height: 24px; padding:30px 0px;}

/*PAGE - EVENTS*/
.page-events-podnaslov{ font-size: 24px!important; line-height: 32px!important; margin-top:50px; margin-bottom: 25px!important; text-transform: none!important; }
.page-events-cont{ overflow: hidden; margin-bottom: 50px; display: table; }
.page-events-cont-float{overflow: hidden; margin-bottom: 50px;}
.page-events-cont-float .page-events-box{ display: block; float:left; }
.page-events-box{ overflow: hidden; width: 30%; padding-right:30px; display: table-cell; vertical-align: top; }
.page-events-box:hover .page-events-img{  opacity: 0.7}
.page-events-img{  }
.page-events-title{font-weight:bold; color:#2585de; font-size: 20px!important; line-height: 28px!important; margin-bottom: 15px!important; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.page-events-desc{ color:#444; font-size: 14px; line-height: 22px; margin-top:10px; min-height: 132px}
.page-events-atr{ width:100%; overflow: hidden; background-color: #f1f1f1; padding:10px 0px; text-transform: uppercase; }
.page-events-atr div{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-events-time{ color:#000; font-size: 12px; font-weight: bold; float:left; width: 30%; padding-left: 10px; }
.page-events-place{ color:#000; font-size: 12px; font-weight: bold; float:right; width: 60%; padding-right: 10px; text-align: right; }
.page-events-button-cont{ overflow: hidden; padding:20px 0px;}
.page-events-button{ padding: 8px 30px; font-size: 14px; line-height: 16px; background-color: #2085df; text-transform: uppercase; border: 1px solid #2085df ; color:#fff;  }
.page-events-button:hover{ background-color: #111; border: 1px solid #111 ; color:#fff;  }

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

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


/*FIKSNE*/
.fiksne{ width: 100%;  }
.fiksne-inner{ height: auto; padding-bottom: 30px;  }
.fiksne-naslov{ text-align: center; color:#000; margin-top:30px; font-size: 26px; font-weight: bold; line-height: 34px; margin-bottom: 30px; }
.fiksne-podnaslov{ text-align: center; color:#000;  font-size: 22px; font-weight: bold; line-height: 32px; margin-bottom: 20px; }
.fiksne-cont{ overflow: hidden; margin-bottom: 20px;  }
.fiksne-box-zurich{ width:250px; margin:0px auto; }
.fiksne-box-zurich a{ color:#cc0000; font-size: 24px; display: block; line-height: 34px; margin-bottom: 10px; margin-left: 10px;  background: url(../images/bg-fiksne.png) no-repeat 5px center; background-size: 70px;  padding-left: 85px;  }
.fiksne-box{ width: 16.5%; float:left; }
.fiksne-box a{ color:#2085df; font-size: 16px; display: block; line-height: 26px; margin-bottom: 10px; margin-left: 10px;  background: url(../images/bg-fiksne.png) no-repeat 4px center; background-size: 40px;  padding-left: 55px;}
.fiksne-box a:hover{ color:#cc0000; background-color: #efefef  }

/*WHY*/
.why{ background-color: #1d1d1d; overflow: hidden; padding:80px 0px; z-index: 0; }
.whyBoxCont{ overflow: hidden; }
.whyBox{ width: 23%; float:left; overflow: hidden; margin-right: 2.65%; margin-bottom: 25px; min-height: 190px;}
.whyBox:nth-child(4){ margin-right: 0%; margin-bottom: 0px; }
.whyIcon{ text-align: left; margin-bottom: 30px;}
.whyIcon img{ height: 40px;   }
.whyImage{ display: none; }
.whyBigTItle{display:none; font-family: 'Montserrat', sans-serif; color:#222; font-weight:bold; font-size: 28px; line-height: 36px;  margin-bottom: 40px; }
.whyBigDesc{ font-size:24px; line-height: 32px; color:#fff; text-align: center; margin:0px 200px; margin-bottom: 40px;  }
.whyTitle{ font-size:18px; line-height: 22px; text-align: left; font-weight: bold; color:#fff; margin-bottom:20px;  }
.whyDesc{ width: 100%;  font-size:14px; line-height: 22px; color:#ddd; padding:0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;   }

/*CIJENA*/
.cijena{}
.cijena .naslov{margin-bottom: 80px;}
.cijena-cont{ width: 100%; overflow:hidden; padding-bottom: 40px; }
.cijena-left{ width: 55%; float:left; }
.cijena-right{ width: 40%; float:right; }
.cijena-desc{ font-size: 16px; line-height: 24px; color:#ddd;  }
.cijena-factors-title{ font-size:18px; font-weight: bold; color:#fff; line-height: 26px; margin-top:20px; margin-bottom:10px; }
.cijena-factors{ width: 100%; overflow:hidden; }
.cijena-image{   position: relative; }
.cijena-img { text-align: center; margin-bottom: 15px; }
.cijena-img img{ height: 40px; }
.cijena-factors{ display: flex; flex-wrap: wrap; flex-direction: row; height: 400px; padding-bottom: 40px;  }
.cijena-factors-box{cursor:pointer; position: relative; display: flex; flex-basis: calc(50% - 2px); height: calc(50% - 2px); justify-content: center; flex-direction: column; border:1px solid #222;  }
.cijena-factors-box > div { display: flex;   justify-content: center; flex-direction: column;  }
.cijena-factors-second{ margin:15px;}
.cijena-box-desc{ font-size: 13px; line-height: 17px; text-transform: uppercase; text-align: center; color:#a49169; }
.cijena-box-desc2{ font-size: 12px; line-height: 16px; text-align: center; color:#eee; overflow-y:scroll; height: 200px; display: none;}
.cijena-factors-box:hover .cijena-box-desc2{ display: flex;}
.cijena-factors-box:hover .cijena-factors-first{ display: none;}

/*...ACCORDION*/
.accordion { position: relative; color: #444; background-color: transparent; border:1px solid #a49169; cursor: pointer; padding: 12px 25px 12px 85px; width: 100%; text-align: left; outline: none; font-size: 16px; line-height:22px; color:#aaa; transition: 0.4s; border-radius: 24px; }
.accordion.active, .accordion:hover { background-color: #a49169; color:#000; }

.accordion:after { content: '\002B'; color: #aaa; font-weight: bold; font-size: 24px; float: right; margin-left: 5px;}
.accordion:before {position: absolute; left:25px; top:6px; height: 34px; width: 34px; background-color: #ddd; content:'';  }
.accordion:nth-of-type(1)::before { background: url('../images/icon-timing.png') center center no-repeat; background-size: 100% auto;  }
.accordion:nth-of-type(2)::before { background: url('../images/icon-dimensions.png') center center no-repeat; background-size: 100% auto;  }
.accordion:nth-of-type(3)::before { background: url('../images/icon-truck.png') center center no-repeat; background-size: 100% auto;  }
.accordion:nth-of-type(4)::before { background: url('../images/icon-globe.png') center center no-repeat; background-size: 100% auto;  }
.accordion:hover:after{ color:#000; }
.accordion.active:after{ content: "\2212"; color: #000; } 
.panel { padding: 0px 20px; background-color: #222; max-height: 0; overflow: hidden; border-radius: 24px; transition: max-height 0.3s ease-out; margin-bottom: 15px; margin-top:2px;}
.panel p{ margin:15px 0px!important; color:#fff!important; font-size: 15px!important; line-height: 21px!important; }
 

/*...pulsiranje*/
.sandiego{ left: 10.5%; top: 66%; }
.sacramento{ left: 6%; top: 39%; }
.losangeles{ left: 8%; top: 61%; }
.sanfrancisco{ left: 4%; top: 43%; }
.seattle{ left: 9%; top: 7%; }
.portland{ left: 8%; top: 15%; }
.lasvegas{ left: 15%; top: 55%; }
.phoenix{ left: 20%; top: 65%; }
.tucson{ left: 22%; top: 70%; }
.denver{ left: 35%; top: 45%; }
.dallas{ left: 50%; top: 73%; }
.houston{ left: 53%; top: 85%; }
.sanantonio{ left: 47%; top: 87%; }
.austin{ left: 48%; top: 83%; }
.kansascity{ left: 54%; top: 49%; }
.neworleans{ left: 63%; top: 83%; }
.minneapolis{ left: 56%; top: 26%; }
.chicago{ left:66%; top: 37%; }
.indianapolis{ left:70%; top: 45%; }
.nashville{ left:69%; top: 59%; }
.detroit{ left:74.5%; top: 34%; }
.atlanta{ left:75%; top: 69%; }
.charlotte{ left:80.5%; top: 60.5%; }
.jacksonville{ left:82%; top: 81%; }
.orlando{ left:83%; top: 87%; }
.tampa{ left:81%; top: 89%; }
.miami{ left:86.5%; top: 95%; }
.washington{ left:87%; top: 46%; }
.philadelphia{ left:89.5%; top: 39%; }
.newyork{ left:91%; top: 36%; }
.pulsating-circle { position: absolute; transform: translateX(-50%) translateY(-50%); width: 10px; height: 10px; }
.pulsating-circle:before { content: ''; position: relative; display: block; width: 500%; height: 500%; box-sizing: border-box; margin-left: -250%; margin-top: -250%; border-radius: 50%; background-color: #a49169; 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: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #a49169; border-radius: 10px; }
.pulsating-circle2 { position: absolute; transform: translateX(-50%) translateY(-50%); width: 10px; height: 10px; }
.pulsating-circle2:before { content: ''; position: relative; display: block; width: 500%; height: 500%; box-sizing: border-box; margin-left: -250%; margin-top: -250%; border-radius: 50%; background-color: #a49169; 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: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #a49169; border-radius: 10px; }

.pulsating-circle3 { position: absolute; transform: translateX(-50%) translateY(-50%); width: 10px; height: 10px; }
.pulsating-circle3:before { content: ''; position: relative; display: block; width: 500%; height: 500%; box-sizing: border-box; margin-left: -250%; margin-top: -250%; border-radius: 50%; background-color: #a49169; 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: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #a49169; border-radius: 10px; }
  
@keyframes pulse-ring {
     0% {
         transform: scale(0.33);
    }
     80%, 100% {
         opacity: 0;
    }
}

/*PROLAZECI KAMION*/
.prolazeciAutoContainter{ height:100px; width:100%; background-color:#282828;}
.prolazeciAuto{ height:100px; 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;*/}

 

 
/*SLIKA 100*/
.slika100{background: url(../images/car-shipping-company.jpg) no-repeat center center; background-size:cover; overflow: hidden; width: 100%;  }
.slika100-text{ font-family: 'Montserrat', sans-serif; font-size: 28px; line-height: 38px; color:#fff; background-color:rgba(0,0,0,0.5); font-weight: bold; padding:30px 40px; box-sizing: border-box; width: 35%; float:right; margin:200px 0px; margin-right: 10%;  }
.slika100-span{  color:#e6b36c;  }

 
 

/*KONTAKT FORMA*/
.kontakt-forma{ padding:60px 0px; background-color: #fff }
.sscf-header p{ text-align: left; font-size: 20px; line-height:28px; color: #111; margin-bottom: 26px!important; font-weight:bold; }
.rf_submit{ }
.kontakt-forma-right{ padding:0px 20px 20px 20px; color:#111; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
.contact-left-naslov{ text-align: left; font-size:20px; color:#111; font-weight: bold; line-height: 28px; margin-top:15px;}
.contact-left-firma{ text-align: left; font-size:16px; color:#111; font-weight: bold; line-height: 26px; margin-top: 20px; margin-bottom: 20px;}
.contact-left-adresa{text-align: left; font-size:16px; color:#666; line-height: 26px; }
.contact-left-telefon{text-align: left; font-size:16px; color:#666; line-height: 26px; }
.contact-left-email{text-align: left; font-size:16px; color:#666; line-height: 26px; }
 

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

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




 /*BROJACI*/
.brojaci{   }
.brojaci .naslov{  }
.brojaci-cont{ width: 100%; display: table; }
.brojaci-box{ width: calc(33% - 1px); border-right: 1px dotted #444; display: table-cell; padding:20px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brojaci-box:nth-child(3){ border-right: 0px dotted #444;  }
.brojaci-number{ font-size: 36px; text-align: center; color:#777;   line-height: 70px;  }
.fig-number{color:#fff; font-size: 60px; font-weight: bold;}
.brojaci-line{  border-bottom:1px solid #444; width: 20%; margin:0px auto; margin-bottom: 25px; height: 0px; margin-top:10px; }
.brojaci-title{ font-size:18px; text-align: center; font-weight: 300; color:#a49169; letter-spacing: 3px; text-transform: uppercase; line-height: 26px; }
.brojaci-title-span{  color:#555; color:#fff;  }


/*HOW TO BOOK*/
.howto{border:0px solid #ff0000; padding:40px 0px;}
.itemid-120 .howto{ background: url(../images/bg-arrow-blue.png) top center no-repeat; padding-top:40px; }
.itemid-117 .howto{ background: #111; padding-top:0px; }
.howto-all{margin-top:60px; overflow:hidden; border:0px solid #ff0000;}
.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-request-quote.png") no-repeat center center; background-size:30px; }
.howto-box:nth-child(2) .howto-image{ background:url("../images/icon-order.png") no-repeat center center; background-size:30px; }
.howto-box:nth-child(3) .howto-image{ background:url("../images/icon-shedule-pickup.png") no-repeat center center; background-size:30px; }
.howto-box:nth-child(4) .howto-image{ background:url("../images/icon-move-vehicle.png") no-repeat center center; background-size:30px; }
.howto-image { border:1px solid #444; position:relative; width:80px; height:80px; margin:0px auto;  margin-bottom:30px;  border-radius:50%;}
.howto-image-inner{ background-color:#f1f1f1; position:absolute; width:25px; height:25px; top:0px; left:0px; border-radius:50%; background-color:#f1f1f1;}
.howto-box:nth-child(1) .howto-image-inner{ background: #a49169 url("../images/bg1.png") no-repeat center center; }
.howto-box:nth-child(2) .howto-image-inner{ background: #a49169 url("../images/bg2.png") no-repeat center center; }
.howto-box:nth-child(3) .howto-image-inner{ background: #a49169 url("../images/bg3.png") no-repeat center center; }
.howto-box:nth-child(4) .howto-image-inner{ background: #a49169 url("../images/bg4.png") no-repeat center center; }
.howto-content{ background-color: #292929; min-height: 150px;  padding:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.howto-desc{ font-size:18px; font-weight:bold; color:#fff; line-height:28px; margin-top:10px; }
.howto-desc a{ color:#fff; }
.howto-desc a:hover{ color:#a49169; }
.howto-desc2{ font-size:14px; line-height:21px; margin-top:15px;  }
.howto-desc2 a{ color:#a49169; }
.howto-desc2 a:hover{ color:#fff; }
 

/*NATURE*/
.nature{ background:url('../images/save-nature-auto-transport.jpg') center center no-repeat; background-size: cover; padding: 60px 0px }
.nature-uvod{ color:#ddd; text-align: center; }
.nature-saved{ color:#ddd; font-size: 24px; line-height: 34px; font-weight: 300; margin-top:30px; text-align: center;}
.nature-saved-span{ color:#a49169; }
.nature-numbers{ font-size: 50px; line-height: 100px; color:#fff; text-align: center; }
.nature-span{ border:1px solid #444; padding:10px 12px; border-radius: 5px; margin:0px 5px; }
.nature-slogan{ text-align: center; font-size: 30px; color:#a49169; font-weight: 300; line-height: 38px; margin-top:30px; }
 
/*GRADOVI */
.servisi{ padding: 80px 0px; background-color: #282124; }
.servisi .main{ width: 80%!important;  }
.servisi div{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.servisi-cont{ overflow: hidden;  display: table;  }
.servisi-box{ display:table-cell; vertical-align:top; width: 30%; position: relative; padding-right:5%; margin-bottom: 20px; text-align: center; cursor: pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.servisi-box:nth-child(1) .servisi-box-inner{ background-color: #282124; }
.servisi-box:nth-child(1) .servisi-title{ font-size:36px; line-height: 46px; padding-left: 0px; }
.servisi-box:nth-child(1) .servisi-desc{ font-size:20px; line-height: 30px; padding-left: 0px; }
.servisi-box:nth-child(1) .servisi-booking{ display: none; }
.servisi-box-inner{ background-color: #333333;  position: relative; }
.servisi-image{ } 
.servisi-textbox{ }
.servisi-atr{ overflow: hidden; margin-bottom: 10px; margin-top:5px; }
.servisi-dist{ text-transform: uppercase; font-size: 11px; color:#bbb; float:left; margin-left:20px; }  
.servisi-distspan{ color:#fff; font-weight: bold;} 
.servisi-title{ font-size:26px; color:#fff; font-weight: bold; line-height: 36px; margin:20px 0px; padding-left:30px;  text-align: left;  }
.servisi-desc{ font-size:16px; color:#a8a8a8; line-height: 26px; padding:10px 30px 120px 30px; text-align: left; }
.servisi-booking{ text-align: center; overflow: hidden;  position: absolute; bottom:0px; right:0px; width:60px; height:60px; background: #2085df url(../images/icon-button-arrow-w.png) 45% center no-repeat; background-size:25%; }
.servisi-booking:hover{cursor: pointer;  background: #1475cc url(../images/icon-button-arrow-w.png) 65% center no-repeat; background-size:25%; transition-duration: .5s; -o-transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; } 
.servisi-button{ color:#2085df; }
.servisi-button:hover{ color:#1475cc; }
 


 

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




 



/*KORISNICKI*/
.korisnicki{ overflow: hidden; background-color: #1d1d1d; margin-bottom:0px;}
.korisnicki .main{  width: 100!important }
.korisnicki50{ width: 50%; float:left; }
.korisnicki50-inner{  }
.korisnicki-left{ padding:0px 100px; box-sizing: border-box; }
.korisnicki-right{  background: #111 url(../images/suv-car-sedan-shipping-san-diego-los-angeles.jpg) center repeat-x; background-size:cover; position: relative; height: 500px; }
.korisnicki-title{ font-size: 30px; line-height: 40px; margin-bottom: 30px; color:#000; font-weight: bold; }
.korisnicki-subtitle{ font-size: 20px; line-height: 28px; margin-bottom: 10px; color:#2085df; text-transform: uppercase; font-weight: bold; }
.korisnicki-desc{ font-size: 16px; line-height: 24px; color:#ddd; text-align: justify; }
.korisnicki-box{ width: 25%; float:left;  text-align: center; margin-bottom: 25px;}
.korisnicki-box img { height: 40px;  }
.korisnicki-icons{ width: 100%; overflow:hidden; width: 70%; margin:0px auto; }
.korisnicki-box-title{ color:#a49169; font-size: 14px; line-height: 20px; margin-top:5px; } 
.korisnicki-right-ag{ position: absolute; color:#000; font-size: 20px; top:0px; left:0px; padding:50px 35px 100px 35px; background: #a49169 url(../images/icon-button-arrow-w.png) 45% 90% no-repeat; text-transform: uppercase; background-size:25%; writing-mode: vertical-rl; text-orientation: mixed;  }
.korisnicki-right-ag:hover{cursor: pointer;  background: #fff url(../images/icon-button-arrow-w.png) 65% 90% no-repeat; background-size:25%; transition-duration: .5s; -o-transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; }
.korisnicki-right-ag a{ color:#000;}



/*MOBILNI*/
.needs{  background:#1d1d1d; padding:80px 0px; overflow: hidden;  }
.needs-cont{overflow: hidden; width: 100%;}
 
.needs-left{width: 50%; background: #1d1d1d;  float:left;}
 
.needs-right{ width: 50%; float:right;  box-sizing: border-box; }
.needs-title{font-family: 'Montserrat', sans-serif; font-weight:700; color:#000; font-size: 36px; line-height: 46px; margin-bottom:30px;}
.needs-desc{ color:#ddd; font-size:16px; line-height: 24px; margin-bottom:40px; text-align: justify; }
.needs-list{ margin-left: 20px; margin-top:15px; }
.needs-item{font-size: 16px; line-height: 22px; margin-bottom: 12px; padding-left: 35px; background:url('../images/iccon-accept.png') left center no-repeat; background-size: 24px;}
.needs-dugme-cont{ margin-top: 20px; padding: 20px 0px; }
.needs-dugme{ margin-top: 20px; padding:12px 40px; color:#fff; font-size: 14px; line-height: 16px; border-radius: 28px; font-weight: bold; text-transform: uppercase; border:1px solid #a49169; }
.needs-dugme:hover{background-color: #a49169; color:#111; cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
 


/*BLOCKQUOTE */
.blockquote{ background: #1d1d1d;  padding-top:200px; padding-bottom: 120px;}
.itemid-119 .blockquote{ padding:0px; padding-top:100px; padding-bottom: 40px;  background: url(../images/bg-arrow-white-real.png) top center no-repeat;}
.blockquote .naslov{ margin-left:1%; }
.blockquote .main{ width:90%!important; }
.blockquoteContainer{ width: 100%; overflow: hidden; padding-bottom:20px; }
.blockquote-box{ width: calc(23% - 2px); position: relative; border:1px solid #333; padding:15px; padding-top:20px; float: left; margin-right:2.65%; -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-box:nth-child(4){ margin-right:0%;  } 
.blockquote-button { width: 6%; display: table-cell;}
.blockquote-button:hover { cursor: pointer;}
.blockquote-stars{width: 100%; margin-bottom: 10px   }
.blockquote-star{ height: 20px; width:20px; margin-right: 2px; 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:13px; line-height:19px;  color:#ddd; margin-bottom:15px;}
.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:#a49169; font-weight: bold; margin-top:5px; }
.blockquote-time{ font-size:13px; line-height: 17px; color:#777; }
.blockquote-comment-cont{ margin-top:40px; padding:20px 0px; text-align: center; }
.blockquote-comment{ font-size:14px; font-weight: bold; color:#fff; text-transform: uppercase; line-height: 16px; border-radius: 31px; padding:15px 50px; border:1px solid #a49169; }
.blockquote-comment:hover{ border:1px solid #a49169; background-color: #a49169; color:#111; transition: 0.5s; }

 
/*PHOCA GALLERY*/
#phocagallery #pg-icons{display:none;}
#phocagallery .pg-csv-name{border:0px solid #ff0000; font-size:16px; line-height:20px; height:44px; }
#phocagallery .pg-csv-name a:hover{color:#D50000!important;}
#phocagallery .pg-csv-box{border:0px solid #ff0000; width:31%; margin:0px; margin-left:1%; margin-right:1%; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; }
#phocagallery .pg-csv-box:hover{ background-color:none;}
#phocagallery .pg-csv-box .pg-csv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;}
#phocagallery .pg-csv-box .pg-box3 img{border:0px solid #ff0000; width:100%!important;}

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

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

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

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


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

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

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

 
 

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

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

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


/*FOOTER BANNER*/
.footer-banner{ padding:120px 0px; padding-top:50px; }
.footer-uvod{ font-size: 40px; line-height: 50px; color:#fff; margin-bottom: 80px; text-align: center; }
.footer-left{ width: 50%; float:left;  }
.footer-right{ width: 50%; float:right; }
.footer-button-cont{ text-align: center;  }
.footer-button{ width: 60%; display: block; margin:0px auto;  border:2px solid #a49169; border-radius: 50px; padding:30px 0px; color:#fff; font-size: 30px; text-transform: uppercase; line-height: 40px; font-weight: bold;  }
.footer-button:hover{ background-color: rgba(0,0,0,0.5); cursor:pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

/*FOOTER*/
.footer-cont{background:url('../images/auto-shipping-transport-san-diego.jpg') center center no-repeat; background-size: cover;} 
.footer-cont2{ background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,1)); }
.footer{ z-index:0!important;  padding:200px 0px;  background: url(../images/bg-arrow-white.png) top center no-repeat;  }
.itemid-116 .footer, .itemid-118 .footer{ background: url(../images/bg-arrow-white-real.png) top center no-repeat;  }
.itemid-117 .footer{ background: none;  }
.footer .footerNaslov{color: #fff; font-size: 15px; text-transform: uppercase; margin-bottom:20px; }
.footer td{color:#c3e2fd; font-size:14px; }
.footer p{color:#c3e2fd!important; font-size:16px!important; margin-bottom:5px;}
.footer .divFooter{color:#c3e2fd; line-height: 19px; font-size: 13px;  margin-bottom:5px;}
.footer .divFooter a{ color:#c3e2fd; }
.footer .divFooter a:hover{ color:#fff; padding-left:18px; background: url(../images/bg-icon-footer-0.png) left center no-repeat; background-size: 8px;  }
.footerSecondDiv{ margin-left:50px; }
.footer a{color:#c3e2fd;}
.footer a:hover{color:#fff; }
.footer-fleet-desc{ font-size: 13px; color:#c3e2fd; line-height: 19px; padding-bottom:20px; margin-bottom:15px;  border-bottom: 1px solid #2085df; }
.footer-slogan{ font-size:22px; line-height: 32px; font-weight: bold; padding:10px 0px; text-align: center; color:#fff; margin:20px 0px; }
.footer-contacts {color:#c3e2fd; font-size: 13px; line-height: 30px; margin-bottom:5px;}
.footerAddress{padding:5px 0px 5px 35px; margin-bottom: 10px!important; background: url(../images/iconFooterAddress-0.png) no-repeat; background-size: 25px; background-position:left center; line-height:30px; line-height: 30px;}
.footerTelephone{padding:5px 0px 5px 35px; margin-bottom:10px!important; background: url(../images/iconFooterTelephone-0.png) no-repeat; background-size: 25px; background-position:left center; line-height:30px;}
.footerWhatsapp{ background: url(../images/iconWhatsapp.png) no-repeat; background-position:left center; background-size:30px; font-size: 30px; padding-left: 30px; line-height:30px;}
.footerTelephoneFixed{padding:5px 0px 5px 35px; margin-bottom:10px!important; background: url(../images/iconFooterTelephoneFixed-0.png) no-repeat; background-size: 25px; background-position:left center; line-height:30px; }
.footerEmail{padding:5px 0px 5px 35px; margin-bottom: 10px!important; background: url(../images/iconFooterEmail-0.png) no-repeat; background-size: 25px; background-position:left center; line-height:30px;}
.footerArrow{padding-left:35px; background: url(../images/iconFooterArrow.png) no-repeat; background-position:left center; line-height:30px;}
.footerFirma{font-size: 20px!important; color:#fff!important; line-height: 24px!important; margin-bottom: 10px!important;}



.footer-social{ margin:30px 0px 20px 0px; text-align: left;}
.footer-social img{height: 20px; margin-right:7px; background-color: #a49169; padding:10px; border-radius: 8px;}
.footer-social img:hover{ background-color: #706347; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
 
.footer-payment{margin:0px 0px 0px 0px; text-align: left;}
.footer-payment img{height: 35px; margin-right:10px; margin-bottom: 10px; }



.main {
    width: 1200px
}

.main100 {
    width: 100%
}

.colspan2 {
    width: 440px
}

.colspan3 {
    width: 33%
}

.colspan50 {
    width: 50%
}

.colspan75 {
    width: 74%
}

.colspan25 {
    width: 25%
}

.colspan66 {
    width: 66%
}

.colspan33 {
    width: 33%
}

@media (min-width:1602px) {
    
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes pomjeriDesno {
     from {left: 100px;}
     to {left: 500px;}
    }

    @keyframes pomjeriDesno {
    from {left: 100px;}
    to {left: 500px;}
    }

    /*SLIKA 100*/
    .slika100-text{ font-size: 33px; line-height: 44px; padding:30px 40px; width: 40%; margin:160px 0px; margin-right: 10%;  }

 


}

@media (min-width:1301px) and (max-width:1601px) {
    /*SLIKA 100*/
    .slika100-text{ font-size: 24px; line-height: 34px; padding:30px 40px; width: 35%; margin:120px 0px; margin-right: 10%;  }


   
}

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

    /*SLIKA 100*/
    .slika100-text{ font-size: 22px; line-height: 32px; padding:30px 40px; width: 35%; margin:90px 0px; margin-right: 10%;  }

    /*FIKSNE*/
    .fiksne-box a{ color:#2085df; font-size: 15px; display: block; line-height: 26px; margin-bottom: 10px; margin-left: 5px;  background: url(../images/bg-fiksne.png) no-repeat 5px center; background-size: 40px;  padding-left: 55px;}
     

    /*BLOCKQUOTE*/
    .blockquoteTitle{  font-size:18px; color:#111; font-weight: bold; line-height: 24px; margin-top:15px; margin-bottom:10px;   }
    .blockquoteDesc{ font-size:13px; line-height:19px; color:#111; }
    .blockquoteButtonContainer{margin-top:7px;}

    /*SLIDESHOW*/
    .slider-box{ border:0px solid #ff0000; width: 500px; }
    .slider-box-title{  font-weight:bold; font-size:40px;  line-height:50px;  }
    .slider-box-desc{ font-weight:normal; font-size:22px; line-height:30px;  }
    .slider-box-licence{ font-size:26px;  line-height:34px;   }
    .slider-box-img img{  height: 90px; }

    .slide1 {width: 100%; background: url(../images/car-shipping-usa-1600.jpg) bottom center no-repeat;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide2 {width: 100%; background: url(../images/american-auto-shipping-1600.jpg) no-repeat;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide3 {width: 100%;  background: url(../images/car-shipping-san-diego-1600.jpg) bottom center no-repeat;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide4 {width: 100%;  background: url(../images/Slika4-1600a.jpg) no-repeat;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide5 {width: 100%;  background: url(../images/Slika5-1600a.jpg) no-repeat;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide6 {width: 100%;  background: url(../images/Slika6-1600.jpg) no-repeat;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    
    /*@-webkit-keyframes backgroundScroll {
        from {
            background-position: 0 center
        }
        to {
            background-position: -400px center
        }
    }

    @-moz-keyframes backgroundScroll {
        from {
            background-position: 0 center
        }
        to {
            background-position: -400px center
        }
    }

    @keyframes backgroundScroll {
        from {
            background-position: 0 center
        }
        to {
            background-position: -400px center
        }
    }*/


   
  
 


}

@media (min-width:768px) and (max-width:1100px) {
    
    /*CALCULATOR*/
    .calculator {width: 96%; margin-left:2%; border-radius: 10px; box-sizing: border-box;}
    .slider-box{ border:0px solid #ff0000; width: 500px; }
    .slider-box-title{  font-weight:bold; font-size:36px;  line-height:46px;  }
    .korisnicki-left { padding: 0px 30px; box-sizing: border-box;}
    .slika100-text { padding: 20px 30px; width: 50%; margin: 60px 0px; margin-right: 5%; font-size: 24px; line-height: 36px;}
    #jf-footer .main-inner1,
    .main {
 
        width: 96%;
    }

    /*GRADOVI*/
    .gradovi .main{ width: 96%!important }

     /*DESTINACIJE2*/
    .destinacije2-title{font-size: 26px; line-height: 34px; margin:30px 30px 15px 30px;  }
    .destinacije2-desc{ display: none; font-size: 16px; line-height:26px; color:#444; margin:0px 30px 0px 30px;  }
    .destinacije2-textconttop .destinacije2-title{ color:#fff; } 
    .destinacije2-textconttop .destinacije2-desc{ color:#eed6be; } 
 
    
}

@media (max-width:767px) {

	.mobileHeaderCont{ height: 50px; }
	.mobileHeader{display:block; width:100%; position:relative; background-color: #1d1d1d; height:50px; z-index:999;/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/}
	.logoSlika { position: absolute; height:50px; top: 0px; left:50%; margin-left:-20px; }
    .glavniMeni-cont{ display: none; }
    .glavniMeni{ display: none; }

    .glavniMeni-dugme-cont{padding:5px 0px; top:7px; left:5px; }
    .glavniMeni-dugme{ margin-top: 0px; padding:5px 5px; color:#fff; font-size: 10px; line-height: 16px; border-radius: 5px; font-weight: normal; text-transform: uppercase; border:1px solid #a49169; }
 
    .glavniMeni #kiwi-menu{display: none;}
	
	 a.gotomenu {height: 30px; position: absolute; color:#a49169; right: 10px; top: 12px; width: 30px; z-index: 60}

     .header-plava{ position: relative; height: 60px; }
     .header-plava-left{   }

     /*COOKIES BANNER*/
    #cookies-banner{position:fixed; width:100%; left:auto; margin-left:auto; text-align: left;  bottom:0px; padding:5px 10px; padding-right:45px; font-size:12px; line-height:18px;}
    #cookies-banner .btn-accept {font-size: 12px; position: absolute; right: 5px; top:10px; }
    .cookies-link{ font-weight: bold; text-decoration: underline; color:#fff; }

    /*CONTACT HEADER*/
    .contact-header-inner{ margin-right: 20px; margin-top:10px; }
    .contact-header-inner:nth-child(1){ display: none;}
    .contact-header-inner div:nth-child(1){ display: none; }

    /*FIKSNE*/
    .fiksne{ width: 100%; background-color: #fff; }
    .fiksne-naslov{ text-align: center; color:#000; margin-top:25px; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 20px; }
    .fiksne-box{ width: 50%; float:left; }
    .fiksne-box a{ color:#2085df; font-size: 14px; display: block; line-height: 24px; margin-bottom: 7px; margin-left: 5px;  background: url(../images/bg-fiksne.png) no-repeat 3px center; background-size:34px;  padding-left: 44px;}
    .fiksne-close{ position: absolute; right: 5px; top: 5px; width: 20px; font-size: 25px; line-height: 25px; color:#000; }

    /*GLAVNI MENI*/
    .glavniMeni .glavniMeni-left{display:none;}
    .glavniMeni-right{ float:none; width:100%; height: auto; padding:0px; border-top:1px solid #be9b64; overflow: hidden;}
    .headkontakt-box{width: calc(50% - 1px); float:left; overflow: hidden; margin:20px 0px; border-right:1px solid #555;}
    .headkontakt-box:nth-child(3){border-right:0px solid #555; display: none;}
    .headkontakt-left{width:30%; float:left; text-align: center;}
    .headkontakt-left img{ height: 38px;}
    .headkontakt-right{width:70%; float:right;}
    .headkontakt-title{ font-size:14px;  line-height: 14px; text-transform: uppercase; color:#fff; font-weight: bold; margin-bottom:5px; }
    .headkontakt-desc{ font-size:13px;  line-height: 19px; color:#ddd;  }
    .headkontakt-desc img{ height: 14px; margin-bottom:1px; }

	 
	 /*JEZIK MODUL*/
    .language { position:absolute; left:5px; top:10px; z-index: 1000; font-weight: 400;  width: auto; height: 30px; margin-top: 0px;  font-size: 12px; line-height: 20px; }
    .language ul li a{ font-weight: normal; }
    .language ul li{ display: block!important; margin-bottom: 2px; }
     
 
    /*PAGE GLOBAL*/
    .page-button-cont{ margin-top:20px; padding:20px 0px; overflow: hidden; margin-bottom: 40px; }
    .page-button{ padding:10px 30px; color:#000; font-size: 14px; line-height: 16px; text-transform: uppercase;  }
    .page-button:hover{  background-color: #2085df; color:#fff; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
    .page-cont{ width: 100%; overflow: hidden;  margin-bottom: 40px;}
    .page-50{ width: 100%; float:none;}

    /*PAGE - ABOUT US*/
    .page-onama-podnaslov{font-size:30px!important; line-height:40px !important;  margin-top:20px; margin-bottom: 40px!important; text-transform: none!important; }
    .page-onama-slogan{ color:#2085df; margin-top:40px; margin-bottom: 20px!important; text-transform: none!important;   }
    .page-onama-slogan-mail{ color:#777;  margin-bottom: 20px!important; text-transform: none!important;   }
    .page-button-onama-cars{ margin-bottom: 40px; }
    .page-button-onama{ margin-top:0px; margin-bottom:30px;}
    .page-onama-img{ width: 100%; float:none; }

    .page-onama-cars{ padding:30px 0px; background:url(../images/bg-line-onama.png) 60px repeat-y; margin-bottom: 20px;}
    .page-onama-cars-inner{ font-size:16px; line-height:26px; background:url(../images/bg-circle-onama.png) 55px center no-repeat; background-size:11px;  padding-left: 90px;  margin-bottom: 10px; }
    .page-onama-cars-inner:last-child{ margin-bottom: 0px; }
    .page-onama-cars-inner:hover{ cursor: pointer; color:#2585de;  background:url(../images/bg-circle-onama-blue.png) 55px center no-repeat; background-size:11px;  }
    .page-onama-img-cars{ margin-top:0px; display: none;}
    .page-onama-active{ color:#2585de;  background:url(../images/bg-circle-onama-blue.png) 55px center no-repeat;  background-size:11px; }

  

    /*PAGE - MOVE*/
    .page-move-img-right{ text-align: right; }
    .page-move-naslovcina{ text-align: center; margin-bottom: 30px; font-size: 24px; line-height: 34px;  }
    .page-move-list-title{ font-size: 18px!important; line-height:26px!important; }
    .page-move-list{background: url(../images/icon-accept.png) no-repeat left center; font-size: 16px; line-height: 22px; background-size: 20px; padding-left: 30px;  margin:4px 0px 15px 10px;  }
    .page-move-list:last-child{ margin-bottom:30px;  }
    .page-img-cont{ text-align: center; margin-bottom: 10px; }
    .page-img-cont img{ margin-right: 10px; }
    .page-img-cont img:nth-child(2){ margin-right: 0px; }
    .page-img-cont:nth-child(3) img{margin-right: 0px;}

    
    /*PAGE - PRICE*/
    .kiwi-wrapper {position: relative; width: 100%}
    .kiwi-scroller {margin-left: 131px; overflow-x: scroll; overflow-y: visible; padding-bottom: 5px; width: 200px; }
    .kiwi-table {border: none; border-right: solid 1px #DDEFEF; border-collapse: collapse; width: auto; border-spacing: 0;}
    .kiwi-table th { background-color: #2085df; min-height: 40px;  vertical-align: middle; font-size:14px; line-height: 20px; border: none; color: #fff; padding: 8px 5px; text-align: center; white-space: nowrap; }
    .kiwi-table td { border-bottom: solid 1px #DDEFEF; font-size:13px; line-height: 20px; color: #333; padding: 8px 5px; text-shadow: 1px 1px 1px #fff; white-space: nowrap;} 
    .kiwi-table .kiwi-sticky-col { border-left: solid 1px #DDEFEF; border-right: solid 1px #DDEFEF; left: 0; position: absolute; top: auto; width: 120px;}
     

    /*PAGE - SERVISI*/
    .page-servisi-cont{ overflow: hidden; width: 100%; padding-bottom: 60px; margin:0px auto;}
    .page-servisi-box{float:left; width:100%; border-radius: 10px;  overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .page-servisi-box:nth-child(1){ margin-right: 0%;  }
    .page-servisi-box:nth-child(2){margin-right: 0%; }
    .page-servisi-podnaslov{ font-size:22px!important; line-height: 22px!important; font-weight: bold; margin:15px 0px!important; }
    .page-servisi-cont-text{ width: 100%; padding-bottom: 40px; margin-bottom:40px; border-bottom: 1px solid #ddd }
    .page-servisi-cont-text .page-servisi-box{float:left;  border-radius: 0px;  overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .page-servisi-cont-text .page-servisi-box:nth-child(1){width:100%;  margin-right: 0%; padding-right:0%;  }
    .page-servisi-cont-text .page-servisi-box:nth-child(2){width:100%; margin-right: 0%; padding-left:0%; border-left:0px solid #ddd; }
    .page-servisi-cont-text.page-servisi-inverse .page-servisi-box:nth-child(1){width:100%; margin-right: 0%; padding-left:0%; padding-right:0%;  }
    .page-servisi-cont-text.page-servisi-inverse .page-servisi-box:nth-child(2){width:100%; margin-right: 0%; padding-right:0%;  padding-left:0%; border-left:0px solid #ddd; border-right:0px solid #ddd;  }
    .page-servisi-text-desc{color:#444; font-size: 16px; line-height: 24px; padding:0px 0px;}


    /*NASLOVI*/
    .naslov{ font-size: 26px; line-height:33px; }


    /*HOW TO BOOK*/
    .howto{border:0px solid #ff0000; padding:40px 0px;}
    .howto-all{margin-top:60px; overflow:hidden; border:0px solid #ff0000;}
    .howto-box{ width:100%; float:left; padding:0px 1.3%; border:0px solid #ff0000; margin-bottom:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top:40px;}
    .howto-box:nth-child(1){ padding-bottom:60px; padding-left:0%; background: url('../images/icon-how-arrow-top.png') center bottom no-repeat;  }
    .howto-box:nth-child(2){ padding:60px 0px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat, url('../images/icon-how-arrow-top.png') center bottom no-repeat;  }
    .howto-box:nth-child(3){ padding:60px 0px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat, url('../images/icon-how-arrow-top.png') center bottom no-repeat;   }
    .howto-box:nth-child(4){  padding-top:60px; background: url('../images/icon-how-arrow-bottom.png') center top no-repeat;}
    .howto-box:nth-child(2n){ padding-top:60px; }
    .howto-box:nth-child(1) .howto-image{ background:url("../images/icon-request-quote.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(2) .howto-image{ background:url("../images/icon-order.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(3) .howto-image{ background:url("../images/icon-shedule-pickup.png") no-repeat center center; background-size:30px; }
    .howto-box:nth-child(4) .howto-image{ background:url("../images/icon-move-vehicle.png") no-repeat center center; background-size:30px; }
    .howto-image { border:1px solid #444; position:relative; width:80px; height:80px; margin:0px auto;  margin-bottom:30px;  border-radius:50%;}
    .howto-image-inner{ background-color:#f1f1f1; position:absolute; width:25px; height:25px; top:0px; left:0px; border-radius:50%; background-color:#f1f1f1;}
    .howto-box:nth-child(1) .howto-image-inner{ background: #a49169 url("../images/bg1.png") no-repeat center center; }
    .howto-box:nth-child(2) .howto-image-inner{ background: #a49169 url("../images/bg2.png") no-repeat center center; }
    .howto-box:nth-child(3) .howto-image-inner{ background: #a49169 url("../images/bg3.png") no-repeat center center; }
    .howto-box:nth-child(4) .howto-image-inner{ background: #a49169 url("../images/bg4.png") no-repeat center center; }
    .howto-content{ background-color: #292929; min-height: 150px;  padding:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .howto-desc{ font-size:18px; font-weight:bold; color:#fff; line-height:28px; margin-top:10px; }
    .howto-desc2{ font-size:14px; line-height:21px; margin-top:15px;  }
 


    /*CIJENA*/
    .cijena-cont{ width: 100%; overflow:hidden; }
    .cijena-left{ width: 100%; float:none; }
    .cijena-right{ width: 100%; float:none; }
    .cijena-image{ text-align: center; margin-bottom: 40px; }
    
    .cijena-factors{ display: block; flex-wrap: wrap; flex-direction: row; height: auto; padding-bottom: 0px;  }
    .cijena-factors-box{cursor:pointer; position: relative; padding:25px 0px; display: block; height: auto; border:1px solid #222;  }
    .cijena-factors-box > div { display: block;    }
    .cijena-factors-second{ margin:0px 15px;}
    .cijena-box-desc{ font-size: 12px; line-height: 16px; text-transform: uppercase; text-align: center; color:#a49169; }
    .cijena-box-desc2{ font-size: 12px; line-height: 16px; text-align: center; color:#eee; display: none;}
    .cijena-factors-box:hover .cijena-box-desc2{ display: block;}
    .cijena-factors-box:hover .cijena-factors-first{ display: none;}

    /*...pulsiranje*/
    .pulsating-circle { position: absolute; transform: translateX(-50%) translateY(-50%); width: 4px; height: 4px; }
    .pulsating-circle:before { content: ''; position: relative; display: block; width: 800%; height: 800%; box-sizing: border-box; margin-left: -400%; margin-top: -400%; border-radius: 50%; background-color: #a49169; 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: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #a49169; border-radius: 10px; }
    .pulsating-circle2 { position: absolute; transform: translateX(-50%) translateY(-50%); width: 4px; height: 4px; }
    .pulsating-circle2:before { content: ''; position: relative; display: block; width: 800%; height: 800%; box-sizing: border-box; margin-left: -400%; margin-top: -400%; border-radius: 50%; background-color: #a49169; 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: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #a49169; border-radius: 10px; }

    .pulsating-circle3 { position: absolute; transform: translateX(-50%) translateY(-50%); width: 4px; height: 4px; }
    .pulsating-circle3:before { content: ''; position: relative; display: block; width: 800%; height: 800%; box-sizing: border-box; margin-left: -400%; margin-top: -400%; border-radius: 50%; background-color: #a49169; 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: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #a49169; border-radius: 10px; }

 
    /*WHY*/
    .why{ padding-top:0px; padding-bottom:0px; z-index: 0; } 
    .whyBox{ width: 100%; float:none; margin-right: 0%; margin-bottom: 40px; min-height: 190px;}
    .whyIcon{ margin-bottom: 20px;}
    .whyIcon img{ height: 50px;   }
    .whyBigTItle{display:none; font-family: 'Montserrat', sans-serif; color:#fff; font-weight:bold; font-size: 28px; line-height: 36px;  margin-bottom: 40px; }
    .whyBigDesc{ font-size:18px; line-height: 26px; text-align: center; margin:0px 0px; margin-bottom: 40px;  }
    .whyBigDesc br { display: none; }
    .whyTitle{ font-size:16px; line-height: 16px; font-weight: bold; margin-bottom:20px; text-transform: uppercase;   }
    .whyDesc{ width: 100%;  font-size:14px; line-height: 22px; padding:0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;   }
    
   
    /*PROLAZECI AUTO*/
    .prolazeciAutoContainter{ height:50px; width:100%; }
    .prolazeciAuto { height:30px; top:5px; position:relative; left:-300px; }
    .prolazeciAuto img{ height:40px; }

    /*SLIKA 100*/
    .slika100{background: url(../images/car-shipping-company-m.jpg) no-repeat center center; background-size:cover; overflow: hidden; width: 100%;  }
    .slika100-text{ font-size: 18px; line-height: 24px; padding:15px 15px; width: 80%; margin-top:200px; margin-bottom: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5%;  }

    /*NATURE*/
    .nature{ background:url('../images/save-nature-auto-transport.jpg') center center no-repeat; background-size: cover; padding: 40px 0px }
    .nature-uvod{ color:#ddd; text-align: center; }
    .nature-saved{ color:#ddd; font-size: 24px; line-height: 34px; font-weight: 300; margin-top:30px; text-align: center;}
    .nature-saved-span{ color:#a49169; }
    .nature-numbers{ font-size: 30px; line-height: 50px; color:#fff; text-align: center; }
    .nature-span{ border:1px solid #444; padding:3px 4px; border-radius: 5px; margin:0px 3px; }
    .nature-slogan{ text-align: center; font-size: 24px; color:#a49169; font-weight: 300; line-height: 34px; margin-top:20px; }
    
    /*BROJACI*/
    .brojaci{   }
    .brojaci .naslov{  }
    .brojaci-cont{ width: 100%; display: table; }
    .brojaci-box{ width: 100%; border-right: 0px dotted #444; display: block; padding:20px 10px; margin-bottom:40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .brojaci-box:nth-child(3){ border-right: 0px dotted #444; margin-bottom: 0px;  }
    .brojaci-number{ font-size: 30px; text-align: center; color:#777; line-height:40px;  }
    .fig-number{color:#fff; font-size: 60px; font-weight: bold;}
    .brojaci-line{  border-bottom:1px solid #444; width: 20%; margin:0px auto; margin-bottom: 25px; height: 0px; margin-top:10px; }
    .brojaci-title{ font-size:18px; text-align: center; font-weight: 300; color:#a49169; letter-spacing: 3px; text-transform: uppercase; line-height: 26px; }
    .brojaci-title-span{  color:#555; color:#fff;  }

    /*MOBILNI*/
    .needs{  background:#1d1d1d; padding:0px 0px; overflow: hidden;  }
    .needs-left{width: 100%; background: #1d1d1d; margin-bottom: 40px; float:none;} 
    .needs-right{ width: 100%; float:none;  box-sizing: border-box; }
    .needs-list{ margin-left: 0px; margin-top:15px; }
    
    /*KORISNICKI*/
    .korisnicki{ overflow: hidden; margin-bottom:40px;}
    .korisnicki .main{  width: 100!important }
    .korisnicki50{ width: 100%; float:none; }
    .korisnicki50-inner{  }
    .korisnicki-box{ width: 25%; float:left;  text-align: center; margin-bottom: 15px;}
    .korisnicki-box img { height: 40px;  }
    .korisnicki-icons{ width: 100%; overflow:hidden; margin:0px auto; margin-top:30px;}
    .korisnicki-left{ padding:0px 0px; box-sizing: border-box; margin-bottom: 40px; }
    .korisnicki-right{  background: #111 url(../images/suv-car-sedan-shipping-san-diego-los-angeles.jpg) center repeat-x; background-size:cover; position: relative; height:200px; }
    .korisnicki-title{ font-size: 24px; line-height: 32px; margin-bottom: 20px; color:#000; font-weight: bold; }
    .korisnicki-subtitle{ font-size: 20px; line-height: 28px; margin-bottom: 10px; color:#2085df; text-transform: uppercase; font-weight: bold; }
    .korisnicki-desc{ font-size: 16px; line-height: 24px; text-align: left;}
    .korisnicki-right-ag{ font-size: 15px;  color:#111; bottom:0px; left:0px; height: 200px; padding:25px 15px 50px 15px; background: #a49169 url(../images/icon-button-arrow-w.png) 45% 90% no-repeat; background-size:25%; box-sizing: border-box;}
    .korisnicki-right-ag:hover{cursor: pointer;  background: #fff url(../images/icon-button-arrow-w.png) 65% 90% no-repeat; background-size:25%; transition-duration: .5s; -o-transition-duration: .5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; }
    .korisnicki-right-ag a{ color:#111;}


    /*BLOCKQUOTE*/
    .blockquote{ padding:0px 0px; }
    .blockquote .naslov{ margin-left:0%; }
    .blockquote .main{ width:100%!important; }
    .blockquoteContainer{ width: 100%; overflow: hidden; padding-bottom:20px; }
    .blockquote-box{ width: calc(100% - 2px);  float: none; margin-right:0%; margin-bottom: 50px;   } 
    .blockquote-box:hover{   }
    .blockquote-box:nth-child(4){ margin-right:0%; margin-bottom: 0px;  } 
 
 

	/*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; }
	
 
     
    #clients .clients-wrap ul li {display: block; margin-right:0px; float: left; position: relative; border:0px solid #ff0000; }
 

    /*SLIDESHOW*/
    .images{overflow:hidden; border:0px solid #ffff00; height:100px; z-index:100; list-style-type:none; margin:0px;}
    .images li{ margin:0px; }
    .slider-box{  position:absolute; left:5%; bottom:50px; width:90%; }
    .slider-box-title{  font-weight:bold; font-size:26px;  line-height:36px; color:#fff; margin-bottom:10px;  }
    .slider-box-desc{ font-weight:normal; font-size:16px; line-height:24px;  }
    .slider-box-licence{ font-size:20px; line-height:28px; text-align: right; margin-bottom: 10px;   }
    .slider-box-img{text-align: right }
    .slider-box-img img{  height: 60px; }
 
 

    .slide1 {width: 100%; background: url(../images/car-shipping-usa-m.jpg) no-repeat center center; background-size: cover; /* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide2 {width: 100%; background: url(../images/american-auto-shipping-m.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide3 {width: 100%; background: url(../images/car-shipping-san-diego-m.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide4 {width: 100%; background: url(../images/Slika4-m.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide5 {width: 100%; background: url(../images/Slika5-m.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide6 {width: 100%;  background: url(../images/Slika6-m.jpg) no-repeat center center; background-size: cover; /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}

    @-webkit-keyframes backgroundScroll {
        from {
            background-position: center center
        }
        to {
            background-position: -600px center
        }
    }

    @-moz-keyframes backgroundScroll {
        from {
            background-position: center center
        }
        to {
            background-position: -600px center
        }
    }

    @keyframes backgroundScroll {
        from {
            background-position: center center
        }
        to {
            background-position: -600px center
        }
    }

     

 
 		
	
 


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

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

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

    /*FOOTER*/
    .footerSecondDiv{ margin-left:0px; }

    /*FOOTER BANNER*/
    .footer-banner{ padding:60px 0px; padding-bottom: 40px;  }
    .footer-uvod{ font-size: 24px; line-height: 34px; color:#fff; font-weight: 400; margin:0px 20px; margin-bottom: 30px; text-align: center; }
    .footer-left{ width: 100%; float:none; margin-bottom: 30px; }
    .footer-right{ width: 100%; float:none; }
    .footer-button-cont{ text-align: center;  }
    .footer-button{ width: 70%; display: block; margin:0px auto;  border:2px solid #a49169; border-radius: 37px; padding:20px 0px; color:#fff; font-size: 24px; text-transform: uppercase; line-height: 34px; font-weight: bold;  }
    .footer-button:hover{ background-color: rgba(0,0,0,0.5); cursor:pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
   
  
	
    
    /*FOOTER*/
    .footer-cont{background:url('../images/auto-shipping-transport-san-diego-m.jpg') center center no-repeat; background-size: cover;} 
    .footer{ padding:0px 0px; margin-top:0px; background-size: 100%; }

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

	 /*CALCULATOR*/
    .calculator_cont{ background-size: 100%; }
    .calculator {width: 100%; padding: 0px; padding-top:40px; position: relative; margin-left: 0px; left: 0px; top:0px; padding-bottom:50px; overflow: auto; max-width: 1100px;  margin: 0 auto; border-radius: 0px; }
    .calculator-inner{ margin: 15px 0px; }
    .calculator .naslov{ color:#fff; }
    .floatingPanel { width:100%; overflow: hidden; padding-top:0px; border:0px solid #ffc61a;}
    .floatingMapa { height: 500px; border:0px solid #ffc61a; display:none;}

    .forma {border: 0 solid red; margin:20px; 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 .clr { width: 100%; overflow: hidden;}
    .forma input, .forma select  {font-size: 14px; line-height: 24px; padding: 12px 0 12px 35px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
    .forma select { height: 50px;}

 
    /*...STEP 1*/
    .lokacija-kraj{ margin-top:20px; }
    .transfertip {width: 100%; float:none; margin-right: 0%;  margin-top:20px; position: relative;}
    .datumPolazak {margin-top:20px; width: 100%; float: none; margin-right:0%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .datumPolazak input{width:100%; margin-right: 0%;  }
    
    /*...STEP 2*/
    .vozilotip{ position: relative; width: 100%; margin-right: 0%; float:none; }
    .vozilogodina{ position: relative; width: 100%; margin-right: 0%; float:none; margin-top:20px; }
    .vozilomarka{ position: relative; width: 100%; margin-right: 0%; float:none; margin-top:20px;}
    .vozilomodel{ position: relative; width: 100%; margin-right: 0%; float:none; margin-top:20px; }

    .voziloradi{ float:none;  margin-top:20px; padding-top:0px; position: relative; width: 100%; overflow:hidden; }
    .voziloradi-radio > input { height: 20px; width: 20px; padding:10px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #a49169; outline: none; transition-duration: 0.3s; background-color: transparent; cursor: pointer; }

    .vozilodimenzije{ margin-top:0px; }
    .vozilodimenzije input{ font-size: 14px; margin-top:15px; line-height: 20px; background-color: transparent; padding: 6px 0 6px 35px; width: 100%; border:0px solid #a49169; border-bottom: 1px solid #a49169; border-radius: 0px;}
    .vozilodimenzije .forma-50:nth-child(2){ width: 45%; }

    .voziloduzina input{ background:url(../images/icon-car-length.png) left center no-repeat; background-size: 22px;}
    .vozilosirina input{ background:url(../images/icon-car-width.png) left center no-repeat; background-size: 24px;}
    .vozilovisina input{ background:url(../images/icon-car-height.png) left center no-repeat; background-size: 24px;}
    .vozilotezina input{ background:url(../images/icon-car-weight.png) left center no-repeat; background-size: 24px;}



    /*...STEP 3*/
    .ime{ width: 100%; margin-right: 0px; float:none; }
    .prezime{ width: 100%; margin-top:20px; float:none;}
    .email{ width: 100%; margin-right: 0px; margin-top:20px; }
    .telefon{ width: 100%; margin-top:20px;}
    .nacinslanja{ width: 100%; margin-top:20px; float:none; }



    .progress-bar-cont{ width: 90% }

    .forma input.dugme{ margin-top:40px; }
 
    .formErr {color: #BE0202; line-height:18px; margin-bottom:3px;}
 
  
    #jf-content .main .item-page h2{ font-size: 34px; line-height: 44px; margin-bottom: 40px; } 

    #jf-menu,
    .language,
    .logoSlika  {
        display: block
    }
    #jf-header,
    #kiwi-menu {
        display: none
    }
    .form-left,
    .form-right,
    div.itemCommentsForm form textarea.inputbox {
        float: none
    }
    .camera_caption_title {
        font-size: 16px!important
    }
	
	/*CONTACT KIWI*/
	#contact .control-group .controls{border:0px solid #fff; margin:0px 15px; }
    .contactUvod,
    .labelCijena {
        font-size: 16px
    }
    .slideshow {
        padding-top: 30px;
        margin-top: 30px;
        padding-left: 10px;
        padding-right: 10px
    }
    .contactUvod {
        line-height: 25px;
        margin-left: 15px;
        margin-right: 15px;
        text-align: left
    }
    #jf-header {
        background-color: #000
    }
    
    #jf-header {
        left: 0;
        position: absolute
    }
    
 
    .floatingMapa {
        width: 100%;
        height: 300px;
		border:0px;
    }
    .klasa {
        margin-left: 0
    }
    .blockServices {
        width: 100%!important;
        margin-right: 0
    }
    .blockServices50 {
        width: 100%;
        margin-right: 0;
        border: 0 solid red
    }
    .natpisEmail {
        color: #fff;
        font-size: 24px
    }
    .homeMargina1 {
        margin: 20px
    }
    #jf-content .main {
        padding: 20px 15px;
        border: 0 solid red;
        font-size: 16px;
        padding-top:50px;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }
    #jf-footer .main-inner1,
    .main {
        width: 300px;
        width: 100%
    }
    .colspan2,
    .colspan25,
    .colspan3,
    .colspan33,
    .colspan50,
    .colspan66,
    .colspan75 {
        width: 100%!important
    }
    #home-c-c-8 {
        margin-left: 0
    }
    .hoverMargina {
        margin: 20px
    }
    #jf-header {
        top: 0
    }
 
    #jf-menu {
        background-color: #fff;
        position: relative;
        z-index: 49
    }
    #jf-menu .main {
        padding: 50px 0
    }
    #jf-menu ul.menu {
        border-top: 1px solid #404040
    }
    #jf-menu ul.menu li {
        border-bottom: 1px solid #404040;
        padding: 5px 0
    }
    #jf-menu ul.menu li a {
        color: #404040;
        font-size: 18px;
        text-transform: uppercase
    }
    #jf-menu ul.menu li a:hover {
        color: #247D99
    }
    #jf-slideshow .main {
        font-size: 18px
    }
    #jf-contact h3,
    #jf-slideshow .main h1 {
        font-size: 52px
    }
    div.itemListBlog div.itemContainer,
    div.itemListPortfolio div.itemContainer {
        width: 100%!important;
        margin-right: 0
    }
    #contact-form input#jform_contact_email,
    #contact-form input#jform_contact_name,
    #contact-form textarea,
    div.itemCommentsForm form input.inputbox,
    div.itemCommentsForm form textarea.inputbox {
        width: 290px!important
    }
    #jf-footer,
    #jf-footer li {
        font-size: 18px
    }
    #jf-footer .main-inner1 {
        padding: 135px 0 0;
        bottom: 30px
    }
    #jf-footer h3 {
        font-size: 36px
    }
    #jf-social {
        margin-top: 20px
    }
    #jf-footer .copyright {
        margin-top: 20px;
        position: static;
        font-size: 14px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none
    }
    #jf-footer .copyright a {
        font-size: 14px
    }
    .testimonial-inner {
        padding: 0 60px
    }
    div.addthis_toolbox a {
        margin-right: 5px
    }
}

@media (min-width:480px) and (max-width:767px) {
     
}

@media (min-width:481px) and (max-width:599px) {
     
}

@media (max-width:479px) {
    .contactLeft,
    .contactRight {
        width: 100%;
        border: 0 solid red
    }
    .main_menu,
    .mercedes {
        display: none
    }
    .contactLeft {
        margin-bottom: 40px
    }
    .version1 {
        font-size: 16px!important;
        line-height: 26px!important;
        margin-right: 20px!important;
        margin-left: 20px!important
    }
    .colspan25,
    .colspan33,
    .colspan50,
    .colspan66,
    .colspan75 {
        width: 100%!important
    }
    #home-c-c-2 {
        padding-top: 0
    }
    #kolekcije,
 
    .main_menu {
        background-color: #F5F5F5;
        padding: 0
    }
    div.main_menu li {
        float: none;
        border: 1px solid #bbb;
        border-top: none;
        padding: 0 10px
    }
    div.main_menu li ul,
    div.main_menu li ul li {
        border: none;
        width: auto
    }
    div.main_menu li a,
    div.main_menu li span.separator {
        font-size: 18px;
        padding: 3px 0
    }
    div.main_menu li ul {
        position: static;
        background: 0 0;
        margin: 0;
        padding: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    div.main_menu li:hover ul {
        left: auto;
        top: auto;
        width: auto
    }
    div.main_menu li ul li a,
    div.main_menu li ul li span.separator {
        border-bottom: 1px solid #EDEDED;
        padding: 3px 0
    }
    
    .offcanvas a:focus {
        color: #f1f1f1
    }
     
}