/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* style */
*{font-family: 'Open Sans', sans-serif;color:#000;}
body{background-color: #f3faff;overflow-x:hidden;}
a,a:hover,a:focus{outline:none;border:0 none;text-decoration: none;-moz-outline-style: none;}
#container{width:100%;height:100%;overflow:hidden;position:relative;}
a.scrollToTop{width:60px; height:60px;padding:0;text-decoration: none;position:fixed;bottom:5px;right:5px;display:none;background: url('../img/ui/scroll-arrow.png') no-repeat;}
sup{
    top: -0.5em;
    font-size: 65%;
    line-height: 0;
    position: relative;
    margin-left: 0.1em;
    vertical-align: baseline;
    color:inherit;
}
.frontNotice{margin:0;text-align:center;}
/* header */
.topLine{width: 100%;background: #ffcc1f;padding:5px 0 0 0}
.topLine .languageSelect{margin-left:20px;}
#flags img{border:1px solid #fff;}
#flags > li{position:relative;}
#flags > li a:hover,#flags > li a:focus{text-decoration:none;}
#flags ul{display:none;position: absolute;right:0;padding:0;z-index:2;}
#flags ul li{float: none; position: relative;margin:0;padding:2px 0;}
#flags ul li a{background:0 none;padding:0;margin:0;}
#flags ul li a:hover{text-decoration: none;}
#flags > li > ul{top:100%;}
#flags > li > ul.opened{display:block;}
.topLine a.phone{color:#1c6393;font-size:20px;font-style:italic;font-weight:600;line-height:23px;}
.topLine a.phone.whatsapp{margin-left:20px}
.topLine a.phone.whatsapp img{vertical-align:top;}
.topLine a.phone .phone-nr{float:left;color:#1c6393;font-size:16px;font-style:italic;font-weight:600;line-height:23px;}
.topLine a.phone .icon-phone{background:url('../img/ui/icon_call.png') no-repeat bottom left;display:block;float:left;width:14px;height:24px;margin:0 0 0 10px;}
header{width: 100%;background: #f2f2f3;
       -webkit-box-shadow: 0 0 5px 0 #c0c5ca;
       box-shadow: 0 0 5px 0 #c0c5ca;
}
header .navbar{margin:0;}
header .navbar-default{background:none;border:0 none;}
header .logo{margin:10px 30px 10px 0;float:left}
header .logo img{max-width:120px;}
header .navbar ul{margin:0;}
header .navbar ul li{margin:0;padding:0;float:left;}
header .navbar ul.nav>li>a{display:block;padding:30px 15px;color:#1c6393;text-transform:uppercase;border-bottom:7px solid transparent;font-size:14px}

header .navbar ul.nav>li>a:hover{background:#ffcc1f;border-bottom:7px solid #d4aa1b;text-decoration:none;}
header .navbar ul.nav>li>a.active{border-bottom:7px solid #d4aa1b;text-decoration:none;}
footer{background:#114365;}
footer .aboutUs{background:url('../img/ui/footer-about.jpg') no-repeat top center;background-size:cover;padding-bottom:50px;}
footer .aboutUs h3{text-align:center;font-size:23px;color:#fff;margin:40px 0 30px 0;font-weight:600;font-style:italic;text-transform:uppercase;}
footer .aboutUs .more p{text-align:justify;font-size:15px;color:#fff;}
footer .aboutUs p img{margin:0 auto 10px auto;}
footer .aboutUs p strong{color:#fff;font-size: 15px;}
footer .aboutUs p.text-center{margin-bottom:20px}
footer .aboutUs .socialIcons .smallIcons a{margin:0 10px}
footer .aboutUs .socialIcons .smallIcons a img{margin:auto;display:inline-block;}
footer .ourFleet{background:#f3faff;text-align:center;}
footer .ourFleet p{padding:20px 0}
footer .ourFleet p strong{font-size:30px;color:#585858}
footer .ourFleet img{margin-bottom:30px}
footer .footerLinks{padding-bottom:20px}
footer .footerLinks h4{color:#fecb1f;font-size:22px;font-weight:700;font-style:italic;margin:30px 0;text-transform:uppercase;}
footer .footerLinks ul li{padding:2px 0;}
footer .footerLinks ul li a{color:#fff;font-size:17px;font-weight:400;font-style:italic;}
footer .footerLinks img{margin-top: 20px}
footer .socialIcons .fb-page{background:url('../img/ui/facebook-bg-2.png') no-repeat top center;width:531px;height:142px;padding:6px 7px}

#fleet .searchWidth{float:left;width:320px}
#fleet .cars-list{width:850px}
#search{position:relative;z-index:8;}
#search #updateFormReservation{z-index:9;position:absolute;left:0;top:20px;background:#ffcc1f;border:1px solid #fff;border-radius:5px;padding:20px 0;width:320px;}
.is_stuck #search #updateFormReservation{top:0;}
#fleet.noprices{margin-top:30px;}
#fleet #search #updateFormReservation{z-index:9;position:relative;width:100%;}
#fleet #endCity{margin-top:5px}
#search .extraText p{font-size:26px;color:#1a5d8a;text-transform:uppercase;margin:0 0 5px 0;padding:0 0 0 15px;}
#search .row h5{color:#1a5d8a;margin:0 0 5px 0;padding:0 0 0 15px;}
#search hr{background: #ffdc64;clear:both;width:100%;float:left;margin:5px 0 10px;}
#search .chosen-container-single .chosen-single{background:#fff;border:0 none;padding:0 0 0 8px;height:30px;overflow:visible;margin-bottom:2px;border-radius:0;box-shadow: inset 0 0 4px 0 #bababa;}
#search .chosen-container-single .chosen-single span{padding:3px 0 0 0;}
#search .chosen-container-single .chosen-single div{background:url('../img/ui/icon_chosen.png');width:34px;height:34px;top:-2px;}
#search .chosen-container-single .chosen-single div b{display:none}
#search .date input{background:#fff url('../img/ui/icon_calendar.png') no-repeat top right;height:36px;cursor:pointer;}
#search .time input{background:#fff url('../img/ui/icon_time.png') no-repeat top right;height:36px;cursor:pointer;}
#search label{color:#1a5d8a;font-size:14px;}
#search .checkbox label{padding-left:0;}
#search .checkbox input[type=checkbox]{margin:0 5px 0 0;position:relative;}
#search .submit{float:right;}
#search .form-control{border-radius:0}
#promotions .choose-car,
#reservation .form .submit button,
#updateContact .submit button,
#search .submit input{background: #1b6292; color:#fff;border:1px solid #fff;border-radius:2px;padding:20px 25px;font-size:16px;font-weight:700;text-transform:uppercase;box-shadow: inset 0 0px 23px 0px #123E5C;-webkit-box-shadow: inset 0 0px 23px 0px #123E5C;-moz-box-shadow: inset 0 0px 23px 0px #123E5C;-o-box-shadow: inset 0 0px 23px 0px #123E5C;}
#search .last p{margin:7px 0;padding:0;}
#search .last p span{background:url('../img/ui/icon_checked.png') no-repeat top left;padding-left: 18px;color:#fff;font-size:12px;}
#search .chosen-container .chosen-single,
#search input{
    -webkit-box-shadow:inset 0 0 2px 0 #bababa;
    box-shadow:inset 0 0 2px 0 #bababa;
}

#fleet #search .chosen-container-single .chosen-single div{background-image:url('../img/ui/icon_chosen-2.png');}
#fleet #search .date input{background-image:url('../img/ui/icon_calendar-2.png')}
#fleet #search .time input{background-image:url('../img/ui/icon_time-2.png')}
#fleet #search .submit input{
    color:#b4b4b4;
    background:#f2f2f2;
    box-shadow: inset 0 0px 23px 0px #f2f2f2;
    -webkit-box-shadow: inset 0 0px 23px 0px #f2f2f2;
    -moz-box-shadow: inset 0 0px 23px 0px #f2f2f2;
    -o-box-shadow: inset 0 0px 23px 0px #f2f2f2;}
#fleet .form-control{color:#1a5d8a}

/* filters */
.relative{position:relative;}
#filters{width:100%;z-index:9;position:absolute;top:20px;}
#filters .filter{float:left;margin:0;width:34%}
#filters div.transmissions{margin:0 1%;}
#filters div.resetFilters{width:30%;}
#filters div.categories ul li.active a,
#filters div.categories ul li.active a img{border-radius: 5px 0 0 5px}
#filters div.resetFilters a{border-radius: 0 5px 5px 0}
#filters ul{width:100%;height:35px;overflow:hidden;position:relative;}
#filters ul:hover{height:auto;}
#filters ul li{width:100%;margin:0;padding:0;background:#e9e9e9;clear:left;}
#filters ul li.active{position:absolute;top:0;background:#fff;}
#filters ul li.first,
#filters ul li.first.active + li{margin-top:36px;}
#filters ul li.first.active{margin-top:0;}
#filters ul li a,
#filters .resetFilters a{display:inline-block;width:100%;height:35px;font-size:12px;text-align:center;border:1px solid #d9d9d9;}
#filters ul li a{opacity:0.8}
#filters ul li.first a{opacity:1}
#filters ul li a span.text{line-height:16px;font-style:italic;}
#filters ul li a:hover{text-decoration:none;opacity:1}
#filters ul li a i{color:#ffcc21;font-weight:700;font-style:normal;margin-left:3px}
#filters ul li a:hover i{color:#1c6393}
#filters ul li.first a span.text,
#filters .transmissions a span.text,
#filters .resetFilters a span.text{line-height:35px;font-style:italic;}
#filters ul li.active a{background:url('../img/ui/caret-blue.png') no-repeat top right;padding-right:35px;}
#filters .resetFilters a{background:#fff;}

#promotions .filters{position:relative;height:50px;width:100%;z-index:9;}
#promotions #filters{width:100%;z-index:9;position:absolute;top:0;}
#promotions #filters div.transmissions{margin:0 2%;}
#promotions #filters div.resetFilters{width:28%;}

/* slider */
#slider{width:100%;height:447px;background:url('../img/ui/slider-background.jpg') no-repeat top center;background-size:cover;}
#slider.image-only{background:#fff}
#slider .owl-carousel{width:100%;height:347px;}
#slider .blackBg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    width:80%;height:300px;margin-left:20%;padding:30px 70px 30px 150px;top:60px;position:relative;
}
#slider .owl-carousel  .owl-dots{left:-20%;}
#slider .owl-carousel .slide h3{color:#ffcc21;font-size:36px;font-style:italic;font-weight:700;}
#slider .owl-carousel .slide ul{margin:20px 0 0 30px;padding:0;}
#slider .owl-carousel .slide ul li{margin:10px 0;padding:0;list-style-type:disc;font-style:italic;font-size:14px;}
#slider .owl-carousel .slide *{color:#fff}
/* homepage promo */
#promotions{margin-bottom:20px}
#promotions h3{text-align:center;color:#4b4b4b;font-size:18px;font-weight:700;padding:20px 0}
#promotions .col-sm-3{margin-bottom:20px}
#promotions .item{background:#fff;border:1px solid #d9d9d9;min-height:380px;position:relative;border-radius:7px;}
#promotions .item .p-20{padding:20px;text-align: center}
#promotions .item .p-20 img{max-width:100%}
#promotions .item a.car-details{position:relative;float:left;}
#promotions .item h4{color:#434343;font-size:22px;font-weight:700;}
#promotions .item .grey{
    padding:20px 0;position:absolute;width:100%;bottom:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,ecebeb+100 */
    background: rgb(245,245,245); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(236,235,235,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(236,235,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(236,235,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ecebeb',GradientType=0 ); /* IE6-9 */
}
#promotions .item .attributes{text-align:center;margin:0 0 20px 0}
#promotions .item .attributes img{max-width:100%;margin-left:5px}
#promotions .choose-car{display:block;max-width:60%;margin:0 auto;}
/* fleet */
#cars{margin-top:80px;}
#leasing #cars{margin-top:0}
#cars .item{background:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:30px 35px 15px 20px;margin:0 0 10px 0}
#cars .item h3{color:#434343;font-size:22px;font-weight:700}
#cars .item a.car-details{position:relative;float:left;}
#cars .item a.car-details:after{content:url('../img/ui/magnifier.png');position:absolute;display:block;top:calc(50% - 20px);left:calc(50% - 20px);botom:0;right:0;width:100%;height:100%;visibility:hidden;z-index:3}
#cars .item a.car-details:hover:after{visibility:visible;}
#cars .item img.relative{z-index:2;}
#cars .item .benefits{background:#eeeeee;padding:10px 10px;margin-bottom:25px}
#leasing #cars .item .benefits{margin-top:40px}
#cars .item .benefits p{color:#1c6393;font-size:18px;font-weight:600;font-style:italic;text-transform:uppercase;}
#cars .item .benefits ul{margin:0 0 0 10px;}
.car-benefits ul li,
#car-details .benefits ul li,
#cars .item .benefits ul li,
#reservation.leasing .reservation-details > ul li{color:#434343;font-size:12px;font-weight:600;line-height:15px;background:url('../img/ui/icon_checked_benefits.png') no-repeat top left;padding-left:18px;margin:5px 0;text-align:left;}
#cars .item .sale{position:absolute;bottom:0;right: 0;}
#cars .item .sale a{text-align:center;background:#ffcc21;border:1px solid #d9d9d9;display:block;padding:7px 10px;font-size:12px;font-weight:600;font-style:italic;color:434343;}
#cars .item .sale a span{font-size:14px;color:#fff;}
#cars .item .prices{text-align:center;padding:0 20px}
#cars .item .prices .price{font-size:16px;color:#434343;font-weight:600;font-style:italic;padding:0}
#leasing #cars .item .prices .price{padding:10px 0;color:#1c6393;font-weight:800;text-transform:none;}
#cars .item .prices .total_price{font-size:18px;color:#1c6393;font-weight:800;font-style:italic;text-transform:uppercase;padding:2px 0 10px 0;}
#cars .item .prices .moreLinks p{text-align:left;margin:10px 0}
#cars .item .prices .moreLinks a{color:#434343;font-size:12px;font-weight:600;padding-left:20px;}
#cars .item .prices .moreLinks a.email-offer{background:url('../img/ui/icon-message.png') no-repeat top left;line-height: 12px;}
#cars .item .prices .moreLinks a.conditions{background:url('../img/ui/icon-conditions.png') no-repeat top left;line-height: 16px;}
#cars .item .prices .choose-car{display:block;width:80%;margin:20px auto 0;padding:20px 0;background:#1b5f8d;font-size:20px;color:#fff;font-weight:700;text-align:center;text-transform:uppercase;border-radius: 2px;box-shadow: inset 0 0px 23px 0px #123E5C;-webkit-box-shadow: inset 0 0px 23px 0px #123E5C;-moz-box-shadow: inset 0 0px 23px 0px #123E5C;-o-box-shadow: inset 0 0px 23px 0px #123E5C;}
#cars .item .prices .choose-car-pay-later,
#cars .item .prices .choose-car-pay-now{
    display: block;
    margin: 0 auto 0;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid #417599;
    width: 150px;
    background: #1b5f8d;
    color: #fff;
}

#cars .item .prices .choose-car-pay-later{
    background: #f6f5f3;
    color: #1a5c89;
}
#cars .item .prices .choose-car i{color:#fff;}
#cars .message{text-align:center;background:#efefef;border-radius:5px;border:1px solid #d9d9d9;margin-bottom:10px;padding:5px 0;opacity:0.8}
#cars .message p{color:#434343;font-size: 16px;font-weight:600;font-style:italic}
/* car details popup */

#car-details{width:100%;height:480px;overflow:hidden;}
#car-details .photos{width:640px;height:480px;float:left;position:relative;}
#car-details .photos .cycle-prev,
#car-details .photos .cycle-next{
    position:absolute;
    top:45%;
    top:calc(50% - 40px);
    left:0;
    cursor:pointer;
    background:url('../img/ui/arrow-left-white.png') no-repeat top center;
    background-size:cover;
    width:80px;
    height:80px;
    z-index:999;
}
#car-details .photos .cycle-next{
    right:0;
    left:auto;
    background-image:url('../img/ui/arrow-right-white.png');
}
#car-details .photos .cycle-prev:hover,
#car-details .photos .cycle-next:hover{
    opacity: 0.6;
}

#car-details .details{width:260px;height:480px;float:right;padding:20px 30px;background:#fff;border-radius:10px;}

#car-details .benefits ul li{margin:10px 0;font-size:14px;}
#car-details .benefits ul li.isHeader{
    text-transform:uppercase;
    text-align:center;
    background:url('../img/ui/car-detail-header.png') no-repeat top center;
    padding:45px 0 0 0;
    line-height: 26px;
    font-size:26px;
    font-weight:900;
    font-style:italic;
    color:#1c6393;
    margin-bottom: 20px;

}
#car-details .details .attributes{margin:20px 0;}
#car-details .details .photo-thumbs a{margin:5px 10px 10px 5px;display:block;float:left;border:1px solid transparent;}
#car-details .details .photo-thumbs a.active{opacity:.8;}

/* reservation */
#reservation h1{display:block;margin:20px 0 10px;padding:5px 10px;background:#f5f5f5;border: 1px solid #d9d9d9;border-radius:5px;color:#434343;font-size:16px;font-weight:700;}
#reservation.reservation h1{border:0 none;background:0 none;text-align:center;margin:30px 0;font-size:18px}
#reservation .boxes > div{background:#fff;border:1px solid #d9d9d9;border-radius:5px;padding:20px 0 0 0;width:32%;float:left;}
#reservation .boxes .box-content{margin:auto;width:80%}
#reservation .boxes .car-info{text-align:center;position:relative}
#reservation .boxes .car-info img{max-width:100%}
#reservation .boxes .car-info h2{color:#434343;font-weight:700;font-size:22px;margin:10px 0 20px 0;}
#reservation .reservation-details{
    position: absolute;
    width: 100%;
    bottom:0;
    padding:20px 30px;
    text-align:left;
    margin-top:30px;
    background:#fff;
}
#reservation .reservation-details p{margin:3px 0;color:#000;font-size:14px;}
#reservation.leasing .reservation-details p.price-info{text-align:center;padding:10px 0;color:#1c6393;font-weight:700}
#reservation .reservation-details p.arrival{margin-top:10px}
#reservation .boxes .car-benefits{margin:0 2%;}
#reservation .boxes .car-benefits h4{color:#1c6393;font-size:16px;font-weight:800;font-style:italic;margin:20px 0}
#reservation .boxes .car-benefits h4 span{color:#ffcc1f;}
#reservation .boxes .car-benefits h5{color:#1c6393;font-size:16px;font-weight:700;font-style:italic;margin:30px 0}
#reservation .boxes .car-benefits ul li{text-align:left;margin:5px 0}
#reservation .boxes .car-benefits .hr{margin:10px 0;max-width:100%;}
#reservation .boxes .car-benefits #equipages{margin-bottom:30px}
#reservation .boxes .car-benefits #equipages li{background:0 none;padding:0;margin:10px 0}
#reservation .boxes .car-benefits #equipages li label{color: #434343;font-size: 12px;font-weight: 600;cursor:pointer;}
#reservation .boxes .form{background:#ffcc1f;text-align:center;}
#reservation .boxes .form h3{color:#1c6393;font-size:18px;font-weight:700;margin:30px 0;text-align:center;}
#reservation .boxes .form form > div{margin:30px 0;clear:left;}
#reservation .boxes .form form > div.submit{margin-top:20px}
#updateContact label,
#reservation .boxes .form div label{vertical-align:middle;cursor:pointer;}

#contact form #name,
#contact form #email{
    width:calc(100% - 31px);
}
#contact form #name,
#contact form #email,
#contact form textarea,
#reservation .boxes .form div input{
    background:#fff;border:0 none;outline:none;padding:5px;
    -webkit-box-shadow: inset 0 0 7px 0 #bababa;
    box-shadow: inset 0 0 7px 0 #bababa;
}
#reservation .boxes .form div.tel,
#reservation .boxes .form div.email,
#reservation .boxes .form div.text{
    position:relative;
}
#reservation .boxes .form div.tel label,
#reservation .boxes .form div.email label,
#reservation .boxes .form div.text label{
    position:absolute;
    left:0;
}
#reservation .boxes .form div.tel input,
#reservation .boxes .form div.email input,
#reservation .boxes .form div.text input{
    width:100%;
    padding-left:40px;
}
#reservation .boxes .form form > div.has-error span.error-message{float:left;clear:left;width:100%;text-align:center;margin-bottom:20px;color:#f83d3d}
#reservation .price-info > div{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:5px;text-align:right;padding:7px 10px;margin:10px 0}
#reservation .price-info .old-price{color:#434343;font-size:18px;font-weight:normal;font-style:italic;}
#reservation .price-info .discount-price{color:#1c6393;font-size:28px;font-weight:800;font-style:italic;padding:5px 0}
#reservation .price-info .discount-price span{color:#f83d3d;font-weight:600;}
#reservation .price-info .info{color:#434343;font-size:12px;font-weight:400;font-style:italic;}

#reservation.offer .car-info{margin:0 10px 0 20%}
#reservation.offer .h1Title{margin-left:20%;left:-5px;width:66%;width:calc(64% + 20px)}

/* static pages */
#information{padding-bottom:30px;}
#leasing h1,
#information h1
{width: 100%;text-align: center;padding: 30px 0 10px 0;margin: 0 0 10px 0;color: #000;font-size: 22px;}
#information h4{font-size:18px;padding:10px 0;}
#information blockquote{padding: 10px 20px;margin: 0 0 20px;border:0 none;}
#information p{font-size:16px;margin:10px 0;padding:0;}
/* FB testimonials */
#information .testimonials{background: url('../img/ui/fb_label.png') no-repeat top right;margin:20px auto;width:90%;min-height:100px;padding-right:25px;}
#information .testimonials ul{
    background: #fff;
    border: 6px solid #3b5998;
    border-radius: 10px 0 10px 10px;
    width: 100%;
    float:left;    
}
#information .testimonials ul li{
    float: left;
    width: 50%;
    padding: 5px 0;
}
#information .testimonials ul li + li{
    border-left:1px solid #A1C3FB;
}
#information .testimonials ul li a{padding:0 1%;width:98%;display:block;float:none;margin:auto}
#information .testimonials ul li .image{
    float:left;
    margin: 0 0 10px;

}
#information .testimonials ul li .name .duo{
    float: left;
    color: #3b5998;
    font-size: 14px;
    font-weight: 700;

}
#information .testimonials ul li .name .date{
    clear: left;
    float: left;
    background: url(../img/ui/fb_public.jpg) no-repeat right 4px;
    color: #9197a3;
    font-size: 12px;
    padding-right: 15px;
}
#information .testimonials ul li .name{
    float: left;
    margin: 0 0 0 10px;
    height: 30px;
    line-height: 15px;
    padding: 0 15px 0 0;
}
#information .testimonials ul li .details p{
    float: left;
    clear: left;
    width: 100%;
    color: #000;
    font-size: 14px;
}
/* contact page */
#contact{padding:30px 0;}
#contact h1{font-size: 22px;color: #0d3e99;margin: 0 0 20px;}
#contact p{color: #0d3e99;font-size: 18px;margin:0 0 10px 0;padding:10px 0;}
#contact p strong{color: #0d3e99;}
#contact p.phone_icon{float: right;width: 180px;}
#contact p.phone_icon a{float: left;margin: 0 10px;}
#contact p.phone_icon img{max-width:40px}
#contact a:hover{text-decoration:underline;}
#contact .shadowed{-webkit-box-shadow: 1px 1px 10px 0 #b4bcc5;box-shadow: 1px 1px 10px 0 #b4bcc5;border: 0 none;}
#contact iframe{max-width:100%}
#contact form > div{margin-bottom: 10px}
#contact .form{background:#ffcc1f;text-align:center;border: 1px solid #d9d9d9;border-radius: 5px;padding: 23px 0;}
#contact .form h1{color: #1c6393;font-size: 18px;font-weight: 700;margin: 30px 0;text-align: center;}
#contact .form #updateContact{width:80%;margin:auto}

#contact form #name{
    /*
    padding:5px 10px 5px 40px;
    background: #fff url('../img/ui/contact_user.png') no-repeat 15px 10px;
    */
}
#contact form #email{
    /*
    padding:5px 10px 5px 40px;
    background: #fff url('../img/ui/contact_email.png') no-repeat 15px 12px;
    */
}
#contact form .submit input{
    /*
    padding: 7px 35px 7px 10px;
    background: #246cf0 url('../img/ui/arrow_submit_blue.png') no-repeat right;
    border-right: 5px solid transparent;
    */
}
/* success page */
#thanks{margin-top:30px;}
#thanks .image img{position:relative;bottom:0;}
#thanks h1{padding:100px 0 20px 0;text-align:center;color:#1c6393;font-weight:900;font-size:56px;font-style:italic;}
#thanks .text p{color:#3e3e3e;font-size:18px;margin:5px 0}
#thanks .social{margin-top:50px}
#thanks .social a{display:block;width:229px;height:51px;margin:10px auto;color:#fff;font-size:14px;font-weight:700;line-height:51px;text-align:left;padding:0 0 0 25px;}
#thanks .social a:hover{opacity:0.9}
#thanks .social a.facebook{background:url('../img/ui/thanks_facebook.png') no-repeat top center;}
#thanks .social a.youtube{background:url('../img/ui/thanks_youtube.png') no-repeat top center;}

/* iframe search */
body#iframe{background:transparent;width:100%;}
body#iframe #search{width:100%;float:left}
body#iframe #updateFormReservation{margin:20px auto;position:relative;top:0;}
body#iframe #updateFormReservation a.fancybox-close{background:url('../img/ui/btn-close.png');width:40px;height:38px;display:block;position:absolute;right:-20px;top:-18px;}
.fancybox-wrap #search #updateFormReservation{top:0;}
.fancybox-wrap .fancybox-skin,
.fancybox-opened.fancybox-wrap .fancybox-skin{background: none;border:0 none;outline:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.fancybox-opened.fancybox-wrap.page-modal .fancybox-skin{background:#fff;}
#ui-datepicker-div,
.xdsoft_datetimepicker{z-index:9999!important}
/* jQuery UI datepicker */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{color:#000}
/* Payu DEPOSIT */
.payu h1{font-weight:700;font-size:18px;color:#545454;margin:40px 0}
.payu .selected table:after{content:url('../img/ui/checked.png');position:absolute;top:-10px;right:-8px;}

.payu a.deposit table,
.payu a.choose table tr{border:5px solid transparent;border-radius:5px;opacity:0.7}
.payu a.deposit:hover table,
.payu .deposit.selected table,
.payu a.choose:hover table tr,
.payu .selected a.choose table tr{border-color:#b9c1c8;opacity:1;}

.payu table{width:100%;margin:10px 0;position:relative;}
.payu table .extra-details{margin:0;}
.payu table tr.small td{font-size:12px;}
.payu table td{vertical-align:middle;}
.payu table .leftCol{background-color:#f9f5f5;text-align:center;padding:20px 20px;}
.payu table .rightCol{background-color:#f6eded;text-align:center;padding:20px 20px;}
.payu table .depositInfo small{font-size:12px;}
.payu table.red.leftCol{background-color:#ecf8f2;}
.payu table.red .rightCol{background-color:#f6eded;}
.payu .selected table.red.leftCol{background-color:#f9efee;}
.payu .selected table.red .rightCol{background-color:#f3e0de;}

.payu table.green .leftCol{background-color:#f3f9f7;}
.payu table.green .rightCol{background-color:#eaf8e9;}
.payu .selected table.green .leftCol{background-color:#ecf8f2;}
.payu .selected table.green .rightCol{background-color:#dbf5d7;}

.payu table.blue .leftCol{background-color:#f7f9fb}
.payu table.blue .rightCol{background-color:#f0f4f8;}
.payu .selected table.blue .leftCol{background-color:#f4f7fa}
.payu .selected table.blue .rightCol{background-color:#e6eef5;}

.payu table h3{font-size:18px;color:#2d4f67;}
.payu table h5{font-size:22px;color:#2d4f67;font-weight:700;padding:10px 0 30px}
.payu table p{font-size:11px;color:#2d4f67;font-weight:700;margin:auto;width:70%}
.payu table .rightCol p{font-size:9px;color:#2d4f67;font-weight:400;}
.payu table h4{font-size:18px;color:#2d4f67;font-weight:700;}
.payu table h6{font-size:22px;color:#2d4f67;font-weight:700;padding:10px 0}

.payu form input[type="submit"]{display:block;margin:20px auto 50px;color:#fff;background-color:#1b608f;padding:10px 30px;font-size:18px;font-weight:700;}
#payu_deposit form input[type="submit"]{display:none}

/* Payu EXTRAS */
#payu_extras table .leftCol{width:40%;background:#fff;}
#payu_extras table .rightCol{width:60%;background:#fff;}

#payu_extras a.choose{z-index:2;}
#payu_extras table .quantity{display:none;position:absolute;bottom:-25px;left:50%;margin-left:-33px;z-index:10;}
#payu_extras table .quantity a{color:#1b608f;position: relative;}
#payu_extras table .quantity a i{font-size:18px;}
#payu_extras table .quantity input{font-size:14px;font-weight:700;color:#000;width:40px;padding-left:10px;margin:0 1px 0 5px;}

#payu_extras .leftCol img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#payu_extras a:hover .leftCol img,
#payu_extras .selected .leftCol img{-webkit-filter: none;filter: none;}
#payu_extras table h3{font-size:24px;}
#payu_extras table p{font-size:22px;font-weight:700;padding:10px 0 0 0}
#payu_extras table .notice{padding:10px 0 0 0;margin:0;font-size:12px;font-weight:400;width:100%;text-align:center;}
#payu_extras table small{font-size:12px;}

/* Payu FORM */
#reservation.payu h1{text-align:center}
#reservation.payu .boxes .form-content{width:66%;margin:0 0 0 2%;padding:30px 10px;border-radius:10px;border:1px solid #d9d9d9}
#reservation.payu .boxes .car-info > div{padding:10px 20px 0}
#reservation.payu .boxes .car-info .reservation-details{margin:0;padding:20px;position:relative;width:100%;background:#fff;}
#reservation.payu .boxes .car-info .reservation-details p{font-size:14px}
#reservation.payu .boxes .car-info img{max-width:50%;}
#reservation.payu .boxes .car-info h2{margin:5px 10px}
#reservation.payu .price-info{position: absolute;bottom:0;width:100%;}
#reservation.payu .price-info table td{text-align:left;font-size:14px;color:#000;padding:2px 0;}
#reservation.payu .price-info table .text-right{text-align:right;}
#reservation.payu .price-info table th{text-align:left;font-size:22px;color:#434343;font-weight:700;}
#reservation.payu .price-info table .deposit td{font-size:14px;color:#434343;font-weight:700;}
#reservation.payu .boxes .col-middle{margin:0 2%;}
#reservation.payu .boxes .form h3{margin:0 0 20px 0}
#reservation.payu .boxes .form > div{margin:0 0 10px 0}
#reservation.payu .boxes .form #companyFields > div{width:100%;margin:0 0 10px 0}
#reservation.payu .boxes .form .text input,
#reservation.payu .boxes .form .tel input,
#reservation.payu .boxes .form .email input,
#reservation.payu .boxes .form textarea{width:100%;box-shadow:inset 1px 0px 1px 1px #bababa;padding:5px;}
#reservation.payu .boxes .form .date label{width:100%;text-align:left;color:#353535;font-size:16px}
#reservation.payu .boxes .form .date select{width:33%;}
#reservation.payu .boxes .form .checkbox {text-align:left;}
#reservation.payu .boxes .form .checkbox input{width:20px;height:20px;background:#fff;margin:-2px 0 0 -25px}
#reservation.payu .boxes .form .checkbox label{color:#1a5d8a;font-size:14px;text-align:left;}
#reservation.payu .boxes .form .checkbox label a{color:#2c38df;font-size:14px;font-weight:700;}
#reservation.payu .submit > div{padding:0;margin-top:20px;margin-bottom:50px}
#reservation.payu .submit td p{font-size:14px}
#reservation.payu .submit button{
    float:right;
    background: #1b6292;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: inset 0 0px 23px 0px #123E5C;
    -webkit-box-shadow: inset 0 0px 23px 0px #123E5C;
    -moz-box-shadow: inset 0 0px 23px 0px #123E5C;
    -o-box-shadow: inset 0 0px 23px 0px #123E5C;
}
#reservation.payu .payment-info{margin:10px 0 30px 0}
#reservation.payu .with-checkbox .checkbox{margin-left:7px}
#reservation.payu .with-checkbox .checkbox .error-message{clear:left;display:block;text-align:left;padding:0 0 10px 20px}
#reservation.payu .payments{margin-left:5px;}
#reservation.payu .payments label{width:100%;text-align:left;clear:left;color:#1a5d8a;font-size:16px;margin:0 0 5px 0}
#payuSuccess h3{padding:20px 0}
#payuSuccess p{padding:10px 0}
#payuSuccess form{padding:0 0 30px 0}
#fb-root .fb_dialog{right:130pt !important}
@media (min-width: 1600px) {
    #slider .blackBg{
        width:80%;margin-left:20%;padding:30px 70px 30px 350px;
    }

}
@media (max-width: 1367px) {
    #slider .blackBg{
        width:80%;margin-left:20%;padding:30px 70px 30px 250px;
    }
    .navbar{min-height:40px;}
    header .logo img{max-width:85px;}
    header .navbar ul.nav>li>a{padding:20px 30px;font-size:16px;}
}
@media (max-width: 1281px) {
    #slider .blackBg{
        width:90%;margin-left:10%;padding:30px 70px 30px 250px;
    }
}
@media (max-width: 768px) {
    header .navbar-default .navbar-toggle{margin-top:25px}
    header .logo img{max-width: 90px;}
    header .navbar ul li{width:100%;}
    header .navbar ul.nav>li>a{padding:10px 20px}
    #reservation .boxes .car-benefits{margin:10px auto}

    #search{position:relative;top:0;width:100%;padding:0;margin:0;}
    #search #updateFormReservation{position:relative;top:0;width:100%;margin:0;}
}