/*AI BOOKING SYSTEM*/
.panel{ background-color: #111!important; }
.ors{ background-color: #ff0000!important }

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: #262626;
    background-color: #fff!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  { background-color: #fff} 
#jf-content .main .item-page h2{ font-size: 30px; text-transform: uppercase; font-weight: bold; line-height: 40px; margin-bottom: 30px; } 
#jf-content .main { padding: 60px 0 60px; border: 0 solid red;}
#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-102 #jf-content .main, .itemid-116 #jf-content .main, .itemid-120 #jf-content .main, .itemid-121 #jf-content .main, .itemid-122 #jf-content .main, .itemid-125 #jf-content .main{
    padding: 0
}



 
/*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-limousine-service-san-diego-2.png) center center no-repeat; background-size:200px;  border:0px solid #ff0000; width: 200px; height: 200px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

 

 

/*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:0px auto; margin-top:20px; width: 300px; overflow:hidden;}
.tablinks{ display:block; width:calc(50% - 2px); text-align:center; border:1px solid #d4b572; background-color: #111; font-size:12px; text-transform:uppercase; color:#d4b572; font-weight:bold; padding:0px 0px;}
.tablinkleft{float:left; }
.tablinkright{float:left; }
.tabovi .active { background-color: #d4b572; color:#000;}
.tablinks:hover{ cursor:pointer;}
.tabcontent {display: none; overflow: hidden; }


/*CALCULATOR*/
.calculator {width: 400px; position: absolute; top:200px; left:20%; margin:0px auto; z-index: 99}
.calculator-inner{ margin:25px; }
.wickedpicker{ z-index: 999!important; }
.calculator .naslov{ color:#000; }
.calculator-fiksne{ color:#fff; display: block;  text-align: center; font-weight: bold; cursor: pointer; margin-top:20px; text-transform: uppercase; }
.calculator-fiksne:hover{ color:#cc0000; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } 
.hightlight-conainer{ background-color: #222; }
.floatingPanel { overflow: hidden; width:100%; }
.floatingMapa { height: 500px; width:100%;  padding-bottom: 50px; background-color: #111}

.forma {border: 0 solid red; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
.forma-50{ width:100%;  float:left;  }
.forma .clr { width: 100%; overflow: hidden;}
.forma input, .forma select  {font-size: 15px; line-height: 24px; background-color: transparent; padding: 12px 0 12px 35px; width: 100%; border:1px solid #141414;   background-color:#262626; color: #fff; 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;}

/*PUTNICI*/
.putnici{width:48.5%; float:left; margin-bottom:10px;}
.putnici select{background: #262626 url(../images/passenger.png) 4px center no-repeat;}

 
/*...SATI*/
.sati {width: 100%; float:left; margin-right:0%;  margin-bottom: 10px;}
.sati select{ background: #262626 url(../images/circular-clock-tool.png) 4px center no-repeat;  }
 
/*...LOKACIJA*/
.lokacija-pocetak input, .lokacija-pocetak-pausal input { background:#262626 url(../images/pin.png) 4px center no-repeat; }
.lokacija-kraj input{ background:#262626 url(../images/pin.png) 4px center no-repeat; }
.lokacija-kraj{ margin-top:15px; }
.lokacija-pocetak-pausal{ width:100%; float:none; margin-right:0%; margin-bottom: 15px;}

/*...STOPOVER*/
.lokacija-stopover{ display:none; }
.stopOverPlus{ display: none; color:#d4b572; font-size:12px; line-height: 14px; margin-bottom:5px; }
.lokacija-stopover input{ font-size: 14px; float:left;  line-height: 24px; background-color:#ddd; padding: 4px 0 4px 35px; width: 60%; border-bottom: 1px solid #555; color: #111; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  background:#141414 url(../images/iconStopover.png) 4px center no-repeat;  }
.lokacija-stopover .stopover-remove{ width: 7%; margin-left:1%; float:left; font-size:18px; line-height: 24px; color:#cc0000; padding:5px 0px;text-align: left; text-transform: uppercase; font-weight: bold; text-align: center; cursor: pointer;}
.lokacija-stopover select{ width: 28%; float:left; margin-left:3%; height: 34px; border-bottom: 1px solid #555; color: #111; padding: 4px 2px 4px 2px; }

/*...POVRATAK*/
.povratak {width: 50%; float:left; margin-right: 0%;  margin-top:10px;}
.povratak select{  background:#262626 url(../images/right-arrow2.png) 4px center no-repeat; }

/*...DATUMI*/
.ui-datepicker{ z-index: 999!important }
.datumPolazak {width: 100%; float: left; margin-top:10px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.datumPolazak input {width:60%; margin-right: 2%; background:#262626 url(../images/calendar1.png) 4px center no-repeat;}
.datumPolazak select {width:38%; background:#262626 url(../images/circular-clock-tool.png) 4px center no-repeat;}
.datumPovratak {width: 100%; float: left; overflow: hidden; margin-top:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.datumPovratak input{width:60%; margin-right: 2%; background:#141414 url(../images/calendar1.png) 4px center no-repeat;}
.datumPovratak select{width:38%; background:#262626 url(../images/circular-clock-tool.png) 4px center no-repeat;}
.datumPolazakPausal{ width:100%; float: left; margin-right:0%;  margin-bottom: 0px;} 
.datumPolazakPausal input{width:65%; margin-right: 5%; background:#262626 url(../images/calendar1.png) 4px center no-repeat;}
.datumPolazakPausal select{width:30%; background:#262626 url(../images/circular-clock-tool.png) 4px center no-repeat;}

.labelCijena {font-size: 18px; vertical-align: middle; margin-top:10px; color:#fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#cijena1, #cijena1Pausal, .cijena1Pausal{color:#fff; font-weight:bold;}

 
.formErr {color: #cc0000; font-size:12px;  line-height:14px; padding-bottom:5px;}

.formLabel {color: #555; display: none; font-size: 11px; font-weight:bold; line-height:11px; }
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:20px; background: #d4b572 url(../images/icon-button-arrow-w.png) 90% center no-repeat; background-size:25px; color: #000; border:1px solid #d4b572;  -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; }



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

/*SLIDESHOW*/
.slide_back{ position: absolute; z-index: 1; top:0px; height: 200px; width: 100%;  background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));   }
.calculator-button-cont{position: absolute; z-index: 2; bottom:120px; padding: 30px 0px; width: 100%; overflow: hidden; text-align: center}
.calculator-button{ padding: 15px 60px; font-size: 20px; line-height: 20px; border-radius: 25px; background-color:#111; color:#d4b572; }
.calculator-button:hover{ background-color:#d4b572; color:#111; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.slide-apps{ position: absolute; z-index: 2; bottom:50px; width: 300px; left: 50%; margin-left: -150px; }
.slide-apps a:first-child img{ width: 45%; margin-right: 5%; }
.slide-apps a:last-child img{ width: 45%; }
.slideshow-mask{ position: absolute; z-index: 2; 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; z-index:100; list-style-type:none; margin:0px;}
.images li{ margin:0px; }
.slider-box{ border:0px solid #ff0000;  position:absolute; left:50%; top:200px; margin-left: -350px; width: 700px; z-index: 10; }
.slider-box-title{  font-weight:bold; text-transform: uppercase; text-align: center; font-size:50px;  line-height:60px; color:#fff; text-shadow: 2px 2px 2px #000;  margin-bottom:5px;  }
.slider-box-desc{ text-align: center; font-size:26px; overflow: hidden; line-height:34px; margin-bottom: 20px;  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:#111 url(../images/limousine-service-san-diego-1600.jpg) center center no-repeat;  /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
.slide2 {  width: 100%; background:#111 url(../images/luxury-airport-transfer-san-diego-1600.jpg) center center no-repeat; /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
.slide3 {width: 100%;  background:#111 url(../images/corporate-limousine-transfer-san-diego-1600.jpg) center center no-repeat ; /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
.slide4 {width: 100%;  background:#111 url(../images/Slika4.jpg) center center no-repeat ; /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
.slide5 {width: 100%;  background:#111 url(../images/Slika5.jpg) center center no-repeat ; /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
.slide6 {width: 100%;  background:#111 url(../images/Slika6.jpg) center center no-repeat ; /*-webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}



/*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{ position:relative; display: none;  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; }
 
 
 
/*HEADER2*/
#header2{width:100%; height:350px;  background:url(../images/san-diego-point-to-point-transfer-1600.jpg); background-position:bottom center; 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;}

 
 
/*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: 150px; height: 30px; top: 25px; left:0px; border:0px solid #ff0000; }
.language .inputbox{ font-size: 14px; line-height: 30px; background-color: transparent; text-transform: uppercase; border:1px solid #2085df; color:#000;-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/arrow-down.png ); background-position: 95% center; background-repeat: no-repeat; padding:0px 34px 0px 10px; }
.language .inputbox:hover{ cursor: pointer; }
 
 
 
/*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{position: absolute; width:100%; height:120px; border:0px solid #ff0000; z-index: 99; }
.glavniMeni .gotomenu{ position: absolute; right:0px; top:40px;  color:#d4b572; }
.glavniMeni .gotomenu:hover{ cursor: pointer; }
.glavniMeni .user-account{ position: absolute; right:80px; top:46px; color:#d4b572;}
.glavniMeni .user-account:hover{  cursor: pointer;}
.glavniMeni .material-icons{ font-size: 50px; line-height: 50px; }
.glavniMeni .user-account .material-icons{ font-size: 40px; line-height: 40px; }
.logo-main{ height:100px; display: block; margin-top:10px; }
.logo-main-landscape{ display: none;  }
.mobileHeader{ display:none;}

/*LOGO*/
.glavniMeni-left{ float:left; width:20%; height: 80px; }
 
/* SIDE NAVIGATION */
#mySidenav{display:block; z-index: 9805; }
.sidenav-inner{ width: 340px; margin:0px 30px; }
 
.sidenav .sidenav-pretext{ color:#fff; padding:60px 0px 0px 0px; margin-bottom:30px; text-align:center; font-size:20px; line-height:30px; text-transform: none;  }
.sidenav .sidenav-logo{ margin-bottom:30px; text-align:center;  }
.sidenav .sidenav-pretext img{ height:80px; margin-bottom: 10px;}
 
.sidenav { background-color:#222; font-size: 20px; line-height: 40px; color:#2085df; 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; letter-spacing: 1px; line-height:40px; color:#d4b572; margin-bottom: 0; padding-left:35px; list-style-type:none; background: url(../images/bg-sidenav-li.png) left 16px no-repeat; background-size:10px }
.sidenav .active { background: url(../images/bg-sidenav-li-active.png) left 16px 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: #d4b572; display: block; transition: 0.3s}
.sidenav .separator:hover{ cursor: pointer; color: #fff; }
.sidenav a:hover, .offcanvas a:focus, .sidenav .active a{color: #fff;}
#mySidenav .nav-child li:last-child{ margin-bottom: 10px; }
#mySidenav .nav-child li{ display:none; line-height:30px;  padding-left:25px;  margin-left:0px; margin-bottom:0px; border:0px solid #0000ff; min-height:30px;}
#mySidenav .nav-child li .separator{font-size:16px; padding-left:0px;  min-height:30px; font-weight:bold; }
#mySidenav .nav-child li a{font-size:16px!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 #444; margin:30px 0px; }
.sidenav-kontakt{ color:#fff; line-height: 28px; margin-bottom:30px; }

.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-whatsapp{padding-left: 35px; margin-bottom:5px!important; background: url(../images/iconWhatsapp.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-117, .sidenav .item-118, .sidenav .item-122 { 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:20px; padding:20px 0px; overflow: hidden; }
.page-button{ padding:13px 40px; border:1px solid #d4b572; color:#fff; font-size: 14px; border-radius: 25px; line-height: 14px; text-transform: uppercase;  }
.page-button:hover{  background-color: #d4b572; color:#000; -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: 24px!important; line-height: 32px!important; margin-top:20px; margin-bottom: 25px!important; text-transform: none!important; }
.page-onama-slogan{ color:#2085df; font-size: 30px!important; text-align: center; line-height: 38px!important; margin-top:80px; margin-bottom: 10px!important; text-transform: none!important;   }
.page-onama-slogan-mail{ color:#777; font-size: 26px!important; text-align: center; line-height: 34px!important;  margin-bottom: 40px!important; text-transform: none!important;   }
.page-button-onama{ margin-top:0px; margin-bottom: 60px;}
.page-button-onama a{ display: block; text-align: center; }

/*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 - SERVISI*/
.servisi{ padding: 0px 0px; }
.servisi .naslov{ text-align: left; color:#000; }
.servisi-uvod{ font-size: 16px; line-height: 30px; color:#333; margin-bottom: 40px;}
.page-servisi-cont{ overflow: hidden; width: 100%; background-color:#262626; margin-bottom: 0px;}
.page-servisi-box{float:left;  background-color:#262626; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-servisi-box img{ width: 100%; -webkit-transition: transform .5s ease-in-out; --moz-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; display: none;}
.page-servisi-box img:hover{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.page-servisi-box:nth-child(1){width:50%; }
.page-servisi-box:nth-child(1) img:hover{ opacity: 0.8; }
.page-servisi-box:nth-child(2){width:50%; float:right; }
.page-servisi-box-inner{ margin:40px 60px; }
.page-servisi-inverse .page-servisi-box:nth-child(1){ float:right; }
.page-servisi-inverse .page-servisi-box:nth-child(2){ float:left; }
.page-servisi-title{ font-family: 'Montserrat', sans-serif; color:#fff; color:#d7b974; font-weight: bold; text-align: left; font-size: 26px; line-height: 36px; margin-bottom: 20px; text-transform: uppercase; }
.page-servisi-desc{ color:#ddd; font-size: 15px; text-align: justify; line-height: 25px;  }
.page-airport{ background:#111 url(../images/bg-airport-limousine-service-san-diego.jpg) center center no-repeat; background-size:cover; }
.page-point-to-point{ background:#111 url(../images/bg-point-to-point-limousine-service-san-diego.jpg) center center no-repeat; background-size:cover; }
.page-hourly{ background:#111 url(../images/bg-hourly-limousine-service-san-diego.jpg) center center no-repeat; background-size:cover; }
.page-corporate{ background:#111 url(../images/bg-corporate-limousine-service-san-diego.jpg) center center no-repeat; background-size:cover; }
 

/*PAGE TARIFFS*/
.page-cars-cont{ width:100%;  float:left;  padding-bottom:40px; margin-bottom:40px; border-bottom: 1px solid #ddd;}
.page-cars-cont:nth-child(3){ border-bottom: 0px; }
.page-cars-cont:nth-child(2) .page-cars-specs{float:left; }
.page-cars-cont:nth-child(2) .page-cars-image{float:right; }
.page-cars-cont:nth-child(2) .page-cars-left{float:right; }
.page-cars-cont:nth-child(2) .page-cars-specs-inner{padding-left:0px;   }
.tariffsContainterFirst{ background-color: #222; padding:50px 0px;}
.page-cars-left{ width: 30%; float: left; }
.page-cars-image{ width: 50%; border:0px solid #ff0000; position: relative; float: left;}
.page-cars-title{font-size:14px; color:#d4b572; letter-spacing: 3px; line-height:22px; text-transform:uppercase; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.page-cars-car{font-size:34px; text-transform:uppercase; font-weight:800; color:#000; line-height:44px;  text-align:left; padding-bottom:25px; background: url("../images/bgTariffsTitle.png") left bottom no-repeat;  }
.page-cars-specs{width:20%; float: right; overflow:hidden;  }
.page-cars-specs-inner{width:100%; font-size:13px; text-transform: uppercase; color:#555; padding-left:20px;  line-height:50px; }
.page-cars-specs-inner img{ height:28px;  padding:6px; border-radius: 50%; margin-right: 5px; background-color: #e0ca9b;  }
.page-cars-specs-inner span{ color:#d4b572; font-family: "Times New Roman", Times, serif; font-size:15px;}
.page-cars-desc{display:none; font-size:14px; color:#111; line-height:21px; min-height: 84px; margin:0px 30px; margin-bottom:5px; text-align: center;  }
.page-cars-price{font-size:36px; line-height:46px; margin-top:15px; font-weight: bold; color:#111; text-transform:uppercase; }
.page-cars-price img{ height: 100px;}
.page-cars-button-cont{ padding:15px 0px; margin-top:10px; text-align: center; }
.page-cars-button{ padding:14px 50px; font-size: 14px; text-transform: uppercase; line-height: 14px; border-radius: 21px; border:1px solid #d4b572; color:#111; font-weight: bold;   }
.page-cars-button:hover{ background-color: #d4b572; cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

 
/*PAGE LOGIN FORM*/
.page-login-form{ background-color: #000; }
.page-login-cont{ width: 50%; margin:0px auto; }

/*PAGE LOGIN FORM*/
.page-customer-app{ background-color: #fff; overflow:hidden; padding:40px 0px; }
.page-customer-app .naslov{ color:#111; }
.page-customer-uvod{ font-size: 18px; line-height: 30px; color:#000; text-transform: uppercase; margin-bottom: 20px; }
.page-customer-app-cont{  width: 350px; margin-top:50px;}
.page-customer-app-cont a:first-child img{ width: 45%; margin-right: 5%; }
.page-customer-app-cont a:last-child img{ width: 45%; }
.page-customer-app-cont a img:hover{ transform: scale(1.05); }
.page-customer-app-box{ width: 47.5%; float:left; margin-bottom: 40px; margin-right: 5%;  }
.page-customer-app-box:nth-child(2){ margin-right: 0%;  }
.page-customer-app-box ol{ list-style-type:decimal; margin-left: 40px;}
.page-customer-app-box li{ color:#000; font-size: 18px; line-height: 24px; margin-bottom: 15px; }

/*PAGE ONLINE RESERVATION */
.page-online-reservation{ background-color: #000; }


/*PAGE CONTACT*/
.sscf-form{ }
.sscf-header p{border:0px solid #ff0000; text-align: left; font-size: 26px; line-height:40px; background: url(../images/bgTitle.png) no-repeat left center; color: #111; margin-bottom: 26px; text-transform:uppercase; font-weight:bold; }


/*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{ border: 0px solid #ff0000; position: fixed; width: 100%;  bottom: 0; left: 0; overflow: hidden; height: 0px; background-color: #fff; z-index: 1000;  }
.fiksne-inner{ height: 300px; }
.fiksne-naslov{ text-align: center; color:#000; margin-top:20px; font-size: 26px; font-weight: bold; line-height: 34px; margin-bottom: 30px; }
.fiksne-cont{ overflow: hidden; }
.fiksne-box{ width: 16.5%; float:left; }
.fiksne-box a{ color:#2085df; font-size: 20px; display: block; line-height: 30px; margin-bottom: 10px; margin-left: 10px;  background: url(../images/bg-fiksne.png) no-repeat 5px center; background-size: 60px;  padding-left: 75px;}
.fiksne-box a:hover{ color:#cc0000; background-color: #efefef  }
.fiksne-close{ position: absolute; right: 10px; top: 10px; width: 40px; font-size: 40px; line-height: 40px; color:#000; }


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


/*ATRIBUTI*/
.atributi{ background-color: #222; padding-bottom: 40px;}
.atributi .naslov{ margin-bottom:60px; }
.atributi-row1{overflow: hidden; margin-bottom: 40px;}
.atributi-row1{overflow: hidden;}
.atributi-box{ float: left; margin-right: 4%; }
.atributi-box:nth-child(3){ margin-right: 0%; }
.atributi-row1 .atributi-box:nth-child(1){width: 23%}
.atributi-row1 .atributi-box:nth-child(2), .atributi-row2 .atributi-box:nth-child(2){width: 23%}
.atributi-row1 .atributi-box:nth-child(3){width: 46%}
.atributi-row2 .atributi-box:nth-child(1){width: 46%}
.atributi-row2 .atributi-box:nth-child(3){width: 23%}
.atributi-image{  background-color: #1b1b1b; text-align: center; padding:20px 0px;  }
.atributi-image img{ height: 180px; }
.atributi-title{background-color: #1b1b1b; padding:10px 0px; color:#d4b572; font-size: 12px; text-transform: uppercase; line-height: 18px; letter-spacing: 3px; font-weight: 300; text-align: center; }

.atributi-row1 .atributi-box:nth-child(1) .atributi-title, .atributi-row1 .atributi-box:nth-child(3) .atributi-title{  margin-top:10px; }
.atributi-row1 .atributi-box:nth-child(2) .atributi-title{  margin-bottom:10px; }
.atributi-row2 .atributi-box:nth-child(1) .atributi-title, .atributi-row2 .atributi-box:nth-child(3) .atributi-title{  margin-bottom:10px; }
.atributi-row2 .atributi-box:nth-child(2) .atributi-title{  margin-top:10px; }

/*SLIKA 100*/
.airport{ border:0px solid #ff0000; padding:80px 0px; padding-bottom: 80px; overflow: hidden;  background:#222 url(../images/airport-san-diego.jpg) bottom center; background-size: cover; }
.airport .main{ }
.airport .naslov-small-cont{ margin-top:40px; }
.airport-box-cont{overflow: hidden; position: relative;}
.airport-box{ width: 1100px;  margin:0px auto; }

.airport-banner{ position: absolute; border:0px solid #ff0000; width: 70%; margin-top:50px; margin-left: 15% }
.airport-title{font-family: 'Vidaloka', serif; font-size: 40px; line-height: 50px; color:#d4b572; margin-bottom: 30px; text-align: center; }
.airport-desc{ font-size: 16px; line-height: 30px; color:#ddd; text-align: justify; text-align: center; }
.airport-avion{text-align: center; margin:0px auto;  background-size: cover; min-height: 600px;}
.airport-avion img{ display: none;  }
.airport{ overflow: hidden; min-height: 200px; margin-top:0px; text-align: center; }
.airport-cont{ position: relative; height: 90px;  width:80%;  margin:0px auto; margin-top: 200px; }
.cars-center{width: 40%; left:50%; margin-left:-20%; position: absolute; bottom:10px; z-index: 3  }
.cars-left{width: 40%; left:50%; margin-left:-20%;  position: absolute; bottom:70px; z-index: 2 }
.cars-right{width: 40%; left:50%; margin-left:-20%;  position: absolute; bottom:70px; z-index: 1 }
/*...transitions*/
.cars-left-trans{ margin-left:-40%; -webkit-transition: all 1s linear 0.1s; -moz-transition: all .5s linear 0.1s; -o-transition: all .5s linear 0.1s; transition: all .5s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
.cars-right-trans{ margin-left:3%; -webkit-transition: all .5s linear 0.1s; -moz-transition: all .5s linear 0.1s; -o-transition: all .5s linear 0.1s; transition: all .5s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
/*.cars-center-trans{ bottom:100px; -webkit-transition: all 1s linear 0.1s; -moz-transition: all 1s linear 0.1s; -o-transition: all 1s linear 0.1s; transition: all 1s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }*/

 
/*KONTAKT FORMA*/
.kontakt-forma{  }
.kontakt-forma .naslov{ color:#000; }
.kontakt-forma-right{ padding:0px 20px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
.kontakt-forma-box{ width: 70%; margin:0px auto; padding:15px 0px; text-align: center; border-bottom:1px solid #ddd; }
.kontakt-forma-title{ font-size: 13px; line-height: 19px; text-transform: uppercase; letter-spacing: 3px; color:#999; } 
.kontakt-forma-desc{ font-size: 14px; line-height: 19px;  color:#000; } 

.kontakt-forma-social{ margin:20px 0px 0px 0px; text-align: center;}
.kontakt-forma-social img{height: 20px; margin-right:20px; background-color: #d4b572; padding:8px; border-radius: 5px;}
.kontakt-forma-social img:hover{ background-color: #fff; -moz-transition: .5s;  -webkit-transition: .5s;  transition: .5s; }
.kontakt-forma-social a:nth-child(2) img{ margin-right:0px; }

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

/*NASLOVI*/
.naslov{ font-family: 'Montserrat', sans-serif; font-size: 28px; line-height:36px; font-weight: bold; text-align: center; color: #fff; margin-bottom: 40px; text-transform: uppercase;      }
.naslov-small-cont{ width: 100%; text-align: center;  }
.naslov-small{ display: inline-block; font-size:12px; text-transform: uppercase; color:#fff; line-height: 22px; letter-spacing: 3px; font-weight: 200; padding-bottom:20px; margin-bottom: 30px; background: url(../images/bg-naslov-small.png) bottom center no-repeat } 

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

  

 
 
 

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

  

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




/*TARIFFS*/
.tariffs{ background-color: #222; padding:40px 0px; }
.tariffs-uvod{ color:#000; font-size: 16px; line-height: 25px; font-weight: normal; margin-bottom: 50px; }
.tariffs .naslov{ }
.tariffsCont{ overflow: hidden;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tariffsContainter{border:1px solid #292929; background: #292929; float:left; width: calc(30% - 2px); margin-right:5%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom: 60px; }
.tariffsContainter:nth-child(3n){ margin-right:0%;  }
 
.tariffsContainter:hover{cursor: pointer; background-color: #444; }
.tariffsImage{ border:0px solid #ff0000; margin-top:20px; padding:0px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tariffsCarLogo{ text-align: center;  }
.tariffsCarLogo img{ height: 50px; }
.tariffsContainter:nth-child(3n){ margin-right:0%;  }
.tariffsTitle{position:absolute; top:0px; right:0px; font-size:15px; color:#000;  float:right; border:2px solid #2085df; padding:7px 7px; font-weight: bold; line-height:15px; text-align:center; }
.tariffsService{font-family: 'Montserrat', sans-serif; font-size:18px; text-transform: uppercase; color:#d4b572; line-height:28px; letter-spacing: 3px; text-align:center; margin-top:30px; margin-bottom:20px; font-weight: 200;  }
.tariffsDesc{font-size:15px; color:#777; text-align: center; line-height:21px; margin:20px 20px; display: none;  }
.tariffsAtributs{ overflow: hidden; box-sizing: border-box; width: 70%; margin:0px auto; margin-top:20px; margin-bottom: 40px;} 
.tariffsAtributs .tariffsChild{ color:#fff; text-align: center; border:1px solid #555; float:left; width:calc(32% - 2px); margin-right:2%; padding:20px 0px; letter-spacing: 1px; } 
.tariffsAtributs .tariffsChild:nth-child(3){  margin-right: 0% } 
.tariffsNum{ font-size: 16px; line-height: 20px; display: inline-block;  color:#fff; }
.tariffsPassengers{ background: url(../images/icon-user-l.png) left center no-repeat; background-size: 18px; padding-left: 25px; }
.tariffsBaggage{ background: url(../images/icon-suitcase-l.png) left center no-repeat; background-size: 18px; padding-left: 25px; }
.tariffsHandBaggage{ background: url(../images/icon-briefcase-l.png) left center no-repeat; background-size: 18px; padding-left: 25px; }
.tariffsAtr{ font-size: 10px; line-height: 26px;  color:#ddd; text-transform: uppercase; }
.tariffsPrice{ display: none; font-size:16px; color:#777; width: 50%; border:2px solid #2085df; padding:10px 10px 5px 10px; line-height:26px; text-align:center;}
.tariffsPriceSpan{ font-size:26px; font-weight: bold; color:#000; }
.tariffsPriceButton{ border:0px solid #ff0000; background-color:#f7941e; display: none;}
.tariffsPriceButton span{display: block; width: 100%; padding:15px 0px; font-weight: bold; text-transform: uppercase; text-align: center; background-color:#6f4a2f; color:#fff; font-size:14px; line-height:18px;  }
.tariffsPriceButton span:hover{ background-color: #cc7722; color:#fff;  cursor:pointer; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;   }

 

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



/*KORISNICKI*/
.korisnicki{ overflow: hidden; background-color: #222;  padding:80px 0px;}
.korisnicki .main{  width: 100!important }
.korisnicki50{ width: 50%; float:left; }
.korisnicki50-inner{  }
.korisnicki-left{ padding:0px 150px; box-sizing: border-box; }
.korisnicki-right{  background: #fff url(../images/limousine-taxi-service-san-diego-airport.jpg) center repeat-x; background-size:cover; position: relative; height: 550px; }
.korisnicki-title{ font-size: 30px; line-height: 40px; margin-bottom: 30px; color:#d4b572; 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: 30px; color:#ddd; }
.korisnicki-right-ag{ position: absolute; color:#000; font-size: 16px; letter-spacing: 3px; top:0px; left:0px; padding:50px 35px 100px 35px; background: #d4b572 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: #d4b572 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;}


/*ATRIBUTI*/
.mobilni{  background:#000; overflow: hidden; position: relative; padding:40px 0px; }
.mobilni .main{   }
.mobilni .servicesBigTItle { }
.mobilni-desc{ font-size: 16px; line-height: 30px; color:#ddd; margin-bottom: 15px; }
 

/*VIDEO*/
.video-container{ background-color:#222; height: 650px; padding-top:80px; border:0px solid #ff0000; width: 100%; position: relative; overflow: hidden;}
.video-overlay{ position: absolute; top:0px; left: 0px; z-index: 10; width: 100%; height: 100%;  background: rgba(0,0,0,.3) url(../images/gridtile_3x3.png) 0 0 repeat; }
.video-logo{ position: absolute; width: 500px; text-align: center; left: 50%; margin-left: -250px; top:50%; margin-top: -75px; z-index: 11; }
.video-logo img{ height: 150px; }
 

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




/*BLOCKQUOTE
.blockquote{ background: #222;  padding-top:40px; padding-bottom: 40px; }
.blockquote .naslov{ margin-left:1%; color:#d4b572; }
.blockquote .main{ width:80%!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:40px; float: left; margin-right:2.65%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  } 
.blockquote-box:hover{ }
.blockquote-box:nth-child(4){ margin-right:0%;  } 
.blockquote-button { width: 6%; display: table-cell;}
.blockquote-button:hover { cursor: pointer;}
.blockquote-stars{ margin-bottom: 15px; }
.blockquote-stars img{  width: 100%; display: none; }
.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-name{ font-size:14px; background-color: #333; position: absolute; bottom:-14px; right:15px; padding: 5px 10px; line-height:18px;  color:#d4b572; }
.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: 14px; border-radius: 19px; padding:12px 40px; border:1px solid #d4b572; }
.blockquote-comment:hover{ background-color: #d4b572; color:#000; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }*/

.blockquote{ background: #222;  padding-top:40px; padding-bottom: 40px; }
.blockquote .naslov{ margin-left:1%; color:#d4b572; }
.blockquote .main{ width:80%!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.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:#d4b572; margin-top:5px; }
.blockquote-time{ font-size:13px; line-height: 17px; color:#999; }
.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: 14px; border-radius: 19px; padding:12px 40px; border:1px solid #d4b572; }
.blockquote-comment:hover{ background-color: #d4b572; color:#000; -moz-transition: 0.5s; -webkit-transition: 0.5s; 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:#252525; padding:10px 0px; text-align:right; font-size:14px; color:#888; padding-right:10px;}
.powered-by{color:#fff;}
.powered-by:hover{color:#f1b41d;}
.powered-by-co{color:#f1b41d}


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

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

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

 
 

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

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

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


/*FOOTER*/
.footer{ z-index:0!important;  padding:40px 0px;  background: #262626;  }
.footer-title{ text-align: center; font-size: 13px; line-height: 23px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 3px; color:#d4b572; }
.footer-logo{ text-align: center; margin:20px 0px;}
.footer-logo img{ height: 120px; width: auto; }
.footer-contact-cont{ overflow:hidden; width: 100%; margin:30px 0px; margin-top: 50px;}
.footer-contact-box{ width: calc(32% - 1px); float: left; text-align: center; margin: 0px 1%;  padding:30px 0px; }
.footer-contact-box:nth-child(1){ margin-left: 0%; border-right: 1px solid #555; }
.footer-contact-box:nth-child(3){ margin-right: 0%; border-left: 1px solid #555; }
.footer-contact-title{ color:#d4b572; font-size: 13px; line-height: 23px; text-transform: uppercase; letter-spacing: 3px; }
.footer-contact-desc{ color:#fff; font-size: 16px; line-height: 20px; min-height: 40px; }
.footer-contact-desc a{ color:#fff; }
.footer-social{ margin:30px 0px 0px 0px; text-align: center;}
.footer-social img{height: 20px; margin-right:20px; background-color: #d4b572; padding:8px; border-radius: 5px;}
.footer-social img:hover{ background-color: #fff; -moz-transition: .5s;  -webkit-transition: .5s;  transition: .5s; }
.footer-social a:nth-child(2) img{ margin-right:0px; }
.footer-menu{ margin-top:40px; width: 100%; text-align: center;}
.footer-menu div{ display: inline-block; margin-right: 15px; margin-bottom: 10px; background-color: #202020; padding:10px 15px; }
.footer-menu div:last-child{ margin-right: 0px;  }
.footer-menu div a{ color:#999;}
.footer-menu div a:hover{ color:#d4b572;}

.footer-submenu{ margin-top:20px; width: 100%; text-align: center;}
.footer-submenu div{ display: inline-block; margin-right: 15px;  }
.footer-submenu div:last-child{ margin-right: 0px;  }
.footer-submenu div a{ color:#d4b572; text-decoration: underline; font-size: 14px; line-height: 18px; }
.footer-submenu div a:hover{ color:#fff;}

.footer-payment{margin:0px 0px 0px 0px; text-align: center;}
.footer-payment img{height: 35px; margin-right:10px; margin-bottom: 10px; }
.footer-payment img:last-child{ margin-right: 0px; }

 
 

.main {
    width: 1100px
}

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

    /*HEADER2*/
    #header2{width:100%; height:400px;  background:url(../images/san-diego-point-to-point-transfer-2000.jpg); background-position:bottom center; background-size: cover;}
 


    /*SLIDESHOW*/
    
    .slide1 {width: 100%; background:#111 url(../images/limousine-service-san-diego-2000.jpg) center center no-repeat; background-size: cover;}
    .slide2 {width: 100%; background:#111 url(../images/luxury-airport-transfer-san-diego-2000.jpg) center center no-repeat; background-size: cover;}
    .slide3 {width: 100%;  background:#111 url(../images/corporate-limousine-transfer-san-diego-2000.jpg) center center no-repeat; background-size: cover;}
    .slide4 {width: 100%;  background:#111 url(../images/Slika4-1600.jpg) center center no-repeat; background-size: cover;}
    .slide5 {width: 100%;  background:#111 url(../images/Slika5-1600.jpg) center center no-repeat; background-size: cover;}
    .slide6 {width: 100%;  background:#111 url(../images/Slika6-1600.jpg) center center no-repeat; background-size: cover;}



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

    .colspan66 {
        width: 50%!important
    }
    .colspan33 {
        width: 32%!important
    }
    .colspan33a {
        width: 20%!important
    }
    #home-c-c-2 {
        padding-top: 130px
    }


}

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

    /*CALCULATOR*/
    .calculator {width: 400px; position: absolute; top:200px; left:10%; margin:0px auto; z-index: 99}
    
    .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;}

    /*VIDEO*/
    .video-container{ background-color:#222; height: 550px; padding-top:80px; border:0px solid #ff0000; width: 100%; position: relative; overflow: hidden;}

    /*SLIDESHOW*/
    .slider-box{ border:0px solid #ff0000; width: 600px; left:50%; margin-left: -300px;  }
    .slider-box-title{  font-weight:bold; font-size:30px;  line-height:40px;  }
    .slider-box-desc{ font-weight:normal; font-size:20px; line-height:26px;  }
    
    /*BLOCKQUOTE*/
    .blockquote .main{ width:96%!important; }

    /*KORISNICKI*/
    .korisnicki-left{ padding:0px 40px; box-sizing: border-box; }



}

@media (min-width:768px) and (max-width:1100px) {
    
    /*CALCULATOR*/
    .calculator {width: 400px; position: absolute; top:200px; left:5%; margin:0px auto; z-index: 99}

    #jf-footer .main-inner1,
    .main { width: 96%;}

    /*HEADER2*/
    #header2{width:100%; height:350px;  background:url(../images/san-diego-point-to-point-transfer-1200.jpg); background-position:bottom center; background-size: cover;}


    /*SLIDESHOW*/
    .slider-box{ border:0px solid #ff0000; width: 500px;  left:50%; margin-left: -250px; }
    .slider-box-title{  font-weight:bold; font-size:26px;  line-height:34px;  }
    .slider-box-desc{ font-weight:normal; font-size:18px; line-height:24px;  }

    .slide1 {width: 100%; background:#111 url(../images/limousine-service-san-diego-1200.jpg) center center no-repeat; background-size: cover;}
    .slide2 {width: 100%; background:#111 url(../images/luxury-airport-transfer-san-diego-1200.jpg) center center no-repeat; background-size: cover;}
    .slide3 {width: 100%;  background:#111 url(../images/corporate-limousine-transfer-san-diego-1200.jpg) center center no-repeat; background-size: cover;}
    .slide4 {width: 100%;  background:#111 url(../images/Slika4-1600.jpg) center center no-repeat; background-size: cover;}
    .slide5 {width: 100%;  background:#111 url(../images/Slika5-1600.jpg) center center no-repeat; background-size: cover;}
    .slide6 {width: 100%;  background:#111 url(../images/Slika6-1600.jpg) center center no-repeat; background-size: cover;}

    /*VIDEO*/
    .video-container{ background-color:#222; height: 350px; padding-top:80px; border:0px solid #ff0000; width: 100%; position: relative; overflow: hidden;}

    /*SERVISI*/
    .servisi .main{width: 96%!important;}
    .page-servisi-box-inner{margin:40px 40px; }
    
    /*SLIKA 100*/
    .airport{ padding-bottom: 40px;   }
    .airport-box{width: 96%;}

     /*KORISNICKI*/
    .korisnicki-left{ padding:0px 30px; box-sizing: border-box; }

    /*BLOCKQUOTE*/
    .blockquote .main{ width:96%!important; }

 
    
}

@media (max-width:767px) {

	.mobileHeaderCont{ height: 60px; }
	.mobileHeader{display:block; width:100%; position:relative; background-color: #222; height:60px; z-index:999;/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/}
	.logoSlika { position: absolute; height:44px; top: 8px; left:50%; margin-left:-90px; }
    .glavniMeni{ display: none; }
    .slogan-menu{ display: block; text-align: center; line-height: 40px; font-size:18px; font-weight: bold; color:#fff; }
    .glavniMeni #kiwi-menu{display: none;}
	
	a.gotomenu {height: 30px; position: absolute; right: 0; top: 18px; color:#d4b572; width: 30px; z-index: 60}
    a.user-account{height: 30px; position: absolute; right: auto; left: 10px; top:18px; width: 30px; color:#d4b572; z-index: 60;}
     

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


    /*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{ border: 0px solid #ff0000; position: fixed; width: 100%;  bottom: 0; left: 0; height: 0px; background-color: #fff; z-index: 1000; overflow-x: hidden; overflow-y: scroll;  }
    .fiksne-inner{ height: 400px; }
    .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: 16px; display: block; line-height: 24px; margin-bottom: 7px; margin-left: 5px;  background: url(../images/bg-fiksne.png) no-repeat 3px center; background-size:40px;  padding-left: 50px;}
    .fiksne-close{ position: absolute; right: 5px; top: 5px; width: 20px; font-size: 25px; line-height: 25px; color:#000; }

    /*SLIDESHOW*/
    .slide_back{ display: none; }

    .calculator-button-cont{ padding: 25px 0px; bottom:70px; }
    .calculator-button{ padding: 12px 50px;  font-size: 16px; line-height: 16px; border-radius: 20px; }

    .slide-apps{ position: absolute; z-index: 2; bottom:20px; width: 70%; left: 15%; margin-left: 0px; }
    .slide-apps a:first-child img{ width: 45%; margin-right: 5%; }
    .slide-apps a:last-child img{ width: 45%; }

    .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%; top:120px; width:90%; margin-left: 0px; }
    .slider-box-title{  font-weight:bold; font-size:22px;  line-height:28px; color:#fff;  }
    .slider-box-desc{ font-weight:normal; font-size:16px; line-height:24px;  }
    .slide1 {width: 100%; background:#111 url(../images/limousine-service-san-diego-1200.jpg) no-repeat center center; background-size: cover; /* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide2 {width: 100%; background:#111 url(../images/luxury-airport-transfer-san-diego-1200.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide3 {width: 100%; background:#111 url(../images/corporate-limousine-transfer-san-diego-1200.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide4 {width: 100%; background:#111 url(../images/Slika4-1600.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide5 {width: 100%; background:#111 url(../images/Slika5-1600.jpg) no-repeat center center; background-size: cover;/* -webkit-animation: backgroundScroll 40s linear infinite; animation: backgroundScroll 40s linear infinite;*/}
    .slide6 {width: 100%;  background:#111 url(../images/Slika6-1600.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
        }
    }

     

 

    /*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:15px;  z-index: 1000; font-weight: 400;  width: 85px; height: 30px; margin-top: 0px;  font-size: 12px; line-height: 30px; }
    .language .inputbox{ font-size: 10px; line-height: 24px; width: 48px; background-color: transparent; text-transform: uppercase; border:1px solid #2585de; color:#555;-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/arrow-down.png ); background-position: 95% center; background-repeat: no-repeat; padding:0px 24px 0px 5px;}
    .language-separator{ display: none; }
    .language li{ text-align: center; display: block!important;  float:left; margin:0px 2px;}
    .language a { color: #fff; padding:2px 3px;  font-size: 12px; line-height: 30px;  }
    .language .lang-active a { }
 
    /*PAGE GLOBAL*/
    .page-cont{ width: 100%; overflow: hidden;  margin-bottom: 40px;}
    .page-50{ width: 100%; float:none;}

   /*PAGE TARIFFS*/
    .page-cars-cont{ width:100%;  float:left; padding-bottom:40px; margin-bottom:40px; border-bottom: 1px solid #ddd;}
    .page-cars-cont:nth-child(3){ border-bottom: 0px; }
    .page-cars-cont:nth-child(2) .page-cars-specs{float:left; }
    .page-cars-cont:nth-child(2) .page-cars-image{float:right; }
    .page-cars-cont:nth-child(2) .page-cars-left{float:right; }
    .page-cars-cont:nth-child(2) .page-cars-specs-inner{padding-left:0px;   }
    .tariffsContainterFirst{ background-color: #222; padding:50px 0px;}
    .page-cars-left{ width: 100%; float: left; }
    .page-cars-image{ width: 100%; border:0px solid #ff0000; position: relative; float: left;}
    .page-cars-title{font-size:14px; color:#d4b572; letter-spacing: 3px; line-height:22px; text-transform:uppercase; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
    .page-cars-car{font-size:34px; text-transform:uppercase; font-weight:800; color:#000; line-height:44px;  text-align:left; padding-bottom:25px; background: url("../images/bgTariffsTitle.png") left bottom no-repeat;  }
    .page-cars-specs{width:100%; float: right; overflow:hidden;  }
    .page-cars-specs-inner{width:100%; font-size:13px; text-transform: uppercase; color:#555; padding-left:20px;  line-height:50px; }
    .page-cars-specs-inner img{ height:28px;  padding:6px; border-radius: 50%; margin-right: 5px; background-color: #e0ca9b;  }
    .page-cars-specs-inner span{ color:#d4b572; font-family: "Times New Roman", Times, serif; font-size:15px;}
    .page-cars-desc{display:none; font-size:14px; color:#111; line-height:21px; min-height: 84px; margin:0px 30px; margin-bottom:5px; text-align: center;  }
    .page-cars-price{font-size:36px; line-height:46px; margin-top:15px; font-weight: bold; color:#111; text-transform:uppercase; }
    .page-cars-price img{ height: 100px;}
    .page-cars-button-cont{ padding:15px 0px; margin-top:10px; text-align: center; }
    .page-cars-button{ padding:14px 50px; font-size: 14px; text-transform: uppercase; line-height: 14px; border-radius: 21px; border:1px solid #d4b572; color:#111; font-weight: bold;   }
    .page-cars-button:hover{ background-color: #d4b572; cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
     

    /*PAGE - SERVISI*/
    .servisi .main{width: 100%!important;}
    .servisi-uvod{ text-align: justify; }
    .page-servisi-cont{ overflow: hidden; width: 100%; }
    .page-servisi-box-inner{ margin:30px 15px; }
    .page-servisi-box{ width: 100%; float:none;  }
    .page-servisi-box:nth-child(1){width: 100%; height: 220px;}
    .page-servisi-box:nth-child(2){width: 100%; padding-left:0px; padding-right: 0px; }
    .page-servisi-inverse .page-servisi-box:nth-child(1){ float:none; }
    .page-servisi-inverse .page-servisi-box:nth-child(2){ float:none; padding-left:0px; padding-right:0px; }
    .page-servisi-title{ text-align: left; font-size: 20px; line-height: 26px; margin-bottom: 20px; }
    .page-servisi-desc{  font-size: 15px; line-height: 22px;  }


    /*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: 0px; display: block; }
    .page-events-cont-float{overflow: hidden; margin-bottom: 0px;}
    .page-events-cont-float .page-events-box{ display: block; float:left; }
    .page-events-box{ overflow: hidden; width: 100%; padding-right:0px; display: block;   margin-bottom: 30px; }
    .page-events-title{font-family: 'Montserrat', sans-serif; font-weight:700; color:#000; text-transform: uppercase;  font-size: 22px!important; line-height: 30px!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: auto}
    .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;  }

    /*PAGE LOGIN FORM*/
    .page-login-cont{ width: 100%; margin:0px auto; }

    /*PAGE LOGIN FORM*/
    .page-customer-app{ background-color: #fff; overflow:hidden; padding:0px 0px; }
    .page-customer-app .naslov{ color:#111; }
    .page-customer-uvod{ font-size: 16px; line-height: 24px; color:#000; text-transform: uppercase; margin-bottom: 20px; }
    .page-customer-app-cont{  width: 100%; margin-top:40px; text-align: center;}
    .page-customer-app-cont a:first-child img{ width: 45%; margin-right: 5%; }
    .page-customer-app-cont a:last-child img{ width: 45%; }
    .page-customer-app-cont a img:hover{ transform: scale(1.05); }
    .page-customer-app-box{ width: 100%; float:none; margin-bottom: 40px; margin-right: 0%;  }
    .page-customer-app-box:nth-child(2){ margin-right: 0%;  }
    .page-customer-app-box ol{ list-style-type:decimal; margin-left: 30px;}
    .page-customer-app-box li{ color:#000; font-size: 16px; line-height: 22px; margin-bottom: 15px; }
 

    /*HEADER2*/
    #header2{width:100%; height:150px;  background:url(../images/san-diego-point-to-point-transfer-1200.jpg); background-position:bottom center; background-size: cover;}
 
 

    /*KIWI HIGHLIGHT*/
    .kiwi-highlight{ display: none; }
	
  
    
     
    /*WHY*/
    .why{ padding:0px; z-index: 0; } 
    .servicesBox{ padding:0px 1.5%; width: 100%; float:none;  }
    .servicesBox:nth-child(1){  width: 100%;}
    .servicesBoxSmall{ min-height: auto; }
    .servicesBoxSmall:nth-child(2){ margin-bottom: 25px; }
    .servicesBox:nth-child(3) .servicesBoxSmall:nth-child(2){ margin-bottom: 0px;}
    .servicesBigDesc{ margin-bottom: 30px; }
    .servicesBigTItle{font-size: 30px; line-height: 38px; padding: 11px 0px 11px 15px; border-left: 2px solid #d4b572; margin-bottom: 40px; }


    /*TARIFFS*/
    .tariffs{ padding:0px 0px; }
    .tariffsCont{ padding:0px; overflow: hidden;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
    .tariffsContainter{  float:none; width:100%; margin-right:0%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom: 40px; }
    .tariffsContainter:nth-child(2n){ margin-right:0%;  }
    .tariffsContainter:nth-child(3){ margin-bottom: 0px; }


    /*ATRIBUTI*/
    .atributi{ padding-bottom: 0px;}
    .atributi .naslov{ margin-bottom:40px; }
    .atributi-row1{overflow: hidden; margin-bottom: 0px;}
    .atributi-row1{overflow: hidden;}
    .atributi-box{ float: left;  }
    .atributi-box:nth-child(3){ margin-right: auto; }
    .atributi-row1 .atributi-box:nth-child(1){width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .atributi-row1 .atributi-box:nth-child(2){width: 48%; margin-right: 0; margin-bottom: 20px;}
    .atributi-row1 .atributi-box:nth-child(3){width: 100%; margin-bottom: 20px;}
    .atributi-row2 .atributi-box:nth-child(1){width: 100%; margin-bottom: 20px;}
    .atributi-row2 .atributi-box:nth-child(2){width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .atributi-row2 .atributi-box:nth-child(3){width: 48%; margin-bottom: 20px;}
    .atributi-image{  background-color: #1b1b1b; text-align: center; padding:10px 0px;  }
    .atributi-image img{ height: 130px; }
    .atributi-title{background-color: #1b1b1b; padding:10px 0px; color:#d4b572; font-size: 11px; text-transform: uppercase; line-height: 18px; letter-spacing: 3px; font-weight: 300; text-align: center; }

    .atributi-row1 .atributi-box:nth-child(1) .atributi-title, .atributi-row1 .atributi-box:nth-child(3) .atributi-title{  margin-top:10px; }
    .atributi-row1 .atributi-box:nth-child(2) .atributi-title{  margin-bottom:10px; }
    .atributi-row2 .atributi-box:nth-child(1) .atributi-title, .atributi-row2 .atributi-box:nth-child(3) .atributi-title{  margin-bottom:10px; }
    .atributi-row2 .atributi-box:nth-child(2) .atributi-title{  margin-top:10px; }


    /*VIDEO*/
    .video-container{ background-color:#222; height: 200px; padding-top:0px; width: 100%; position: relative; overflow: hidden;}
    .video-overlay{ position: absolute; top:0px; left: 0px; z-index: 10; width: 100%; height: 100%;  background: rgba(0,0,0,.3) url(../images/gridtile_3x3.png) 0 0 repeat; }
    .video-logo{ position: absolute; width:100%; text-align: center; left:auto; margin-left:0; top:50%; margin-top: -35px; z-index: 11; }
    .video-logo img{ height: 70px; }

    /*SLIKA 100*/
    .airport{ border:0px solid #ff0000; padding:40px 0px; padding-bottom: 40px; overflow: hidden;  background:#222 url(../images/airport-san-diego.jpg) bottom center; background-size: cover; }
 
    .airport-box{ width: 100%;  margin:0px auto; }
    .airport-banner{ position: absolute; border:0px solid #ff0000; width: 100%; margin-top:0px; margin-left: 0% }
    .airport-title{font-family: 'Vidaloka', serif; font-size: 40px; line-height: 50px; color:#d4b572; margin-bottom: 30px; text-align: center; }
    .airport-desc{ font-size: 16px; line-height: 30px; color:#ddd; text-align: justify; text-align: justify}
    .airport-avion{text-align: center; margin:0px auto;  background-size: cover; min-height: 600px;}
    .airport{ overflow: hidden; min-height: 200px; margin-top:0px; text-align: center; }
    .airport-cont{ position: relative; height: 90px;  width:100%;  margin:0px auto; margin-top: 200px; }
    .cars-center{width: 40%; left:50%; margin-left:-20%; position: absolute; bottom:50px; z-index: 3  }
    .cars-left{width: 40%; left:50%; margin-left:-20%;  position: absolute; bottom:70px; z-index: 2 }
    .cars-right{width: 40%; left:50%; margin-left:-20%;  position: absolute; bottom:70px; z-index: 1 }
    
    /*...transitions*/
    .cars-left-trans{ margin-left:-42%; -webkit-transition: all 1s linear 0.1s; -moz-transition: all .5s linear 0.1s; -o-transition: all .5s linear 0.1s; transition: all .5s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
    .cars-right-trans{ margin-left:3%; -webkit-transition: all .5s linear 0.1s; -moz-transition: all .5s linear 0.1s; -o-transition: all .5s linear 0.1s; transition: all .5s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
    /*.cars-center-trans{ bottom:100px; -webkit-transition: all 1s linear 0.1s; -moz-transition: all 1s linear 0.1s; -o-transition: all 1s linear 0.1s; transition: all 1s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }*/

 
    /*SERVISI */
    .servisi{ padding: 0px 0px; }
    .servisi .main{ width:100%!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:block;  width: 100%; position: relative; padding-right:0%; 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:24px; line-height: 32px; padding-left: 0px; }
    .servisi-box:nth-child(1) .servisi-desc{ font-size:18px; line-height: 28px; padding-left: 0px; padding-right: 0px; }

    .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:24px; color:#fff; font-weight: bold; line-height: 32px; margin:20px 0px; padding-left:20px;  text-align: left;  }
    .servisi-desc{ font-size:16px; color:#a8a8a8; line-height: 26px; padding:10px 20px 120px 20px; text-align: left; }
 
     
 

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

     


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

   

  
 		
	/*NASLOVI*/
	.naslov{ font-size: 22px; line-height:31px; }
	
	/*O NAMA*/
    .onama{ background:#fff; z-index: 0!important; padding: 0px 0px;}
    .onama-naslov{font-family: 'Montserrat', sans-serif; text-align: center; color:#000; font-size:20px; line-height: 28px; margin:0px 0px; margin-bottom: 25px; }
    .onama-naslov-span{ font-weight: bold; color:#2085df; text-transform: uppercase; }
    .onama-desc{ color:#000; font-size: 16px; line-height: 25px; font-weight: normal;  }
    .onama-image-text{ position: relative; bottom:25px; background-color: #2085df; color:#fff; font-size: 14px; line-height: 20px; width: 70%; font-weight: bold; text-transform: uppercase; padding:15px 15px; } 
 


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

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

    /*KONTAKT FORMA*/
    .kontakt-forma-box{ width: 100%;  }
    .kontakt-forma-social{ margin:20px 0px 50px 0px; text-align: center;}

    .sscf-header {margin-top:40px!important;}
    

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

    /*KORISNICKI*/
    .korisnicki{ overflow: hidden; padding:0px; }
    .korisnicki .main{  width: 100!important }
    .korisnicki50{ width: 100%; float:none; }
    .korisnicki50-inner{  }
    .korisnicki-left{ padding:0px 0px; box-sizing: border-box; margin-bottom: 40px; }
    .korisnicki-right{  background: #fff url(../images/limousine-taxi-service-san-diego-airport.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; color:#ddd; text-align: justify; }
    .korisnicki-right-ag{ font-size: 15px; bottom:0px; left:0px; height: 200px; padding:25px 15px 50px 15px; background: #d4b572 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: #d4b572 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;}
   
	
  
	/*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;  } 
    
    /*FOOTER*/
    .footer{ padding:0px 0px; margin-top:0px; background-size: 100%; }
    .footer-title{ margin-bottom: 5px; }
    .footer-logo img{ height: 100px; width: auto; }
    .footer-contact-cont{ overflow:hidden; width: 100%; margin:30px 0px; margin-bottom: 15px; margin-top: 50px;}
    .footer-contact-box{ width: 100%; float: left; text-align: center; margin: 0px;  padding:15px 0px; border-bottom:1px solid #555; }
    .footer-contact-box:nth-child(1){ margin-left: 0%; border-right: 0px solid #555; }
    .footer-contact-box:nth-child(3){ margin-right: 0%; border-left: 0px solid #555; }
    .footer-contact-desc{ min-height: 20px; font-size: 14px;}
    .footer-social img{height: 18px;  }
    .footer-menu{ margin-top:40px; width: 100%; text-align: left;}
    .footer-menu div{ display: inline-block; margin-right: 15px; margin-bottom: 10px; background-color: #202020; padding:10px 15px; }
    .footer-menu div:last-child{ margin-right: 0px;  }
    .footer-menu div a{ color:#999;}
    .footer-menu div a:hover{ color:#d4b572;}
 

    /*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; }
     
    /*ATRIBUTI*/
    .mobilni{  overflow: hidden; position: relative; }
    .mobilni-desc{ text-align: justify; } 
     
 
     /* SIDE NAVIGATION */
    .sidenav-inner{ width: 320px; margin:0px 20px; }

    /*TABOVI*/
    .tabovi{border:0px solid #ddd; margin-bottom:20px; overflow:hidden;}
 
 
	 /*CALCULATOR*/
    .calculator_cont{ background-size: 100%; display: none; }
    .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; 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}
     
   

  

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