@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,400italic&subset=latin,latin-ext);

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #f90;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #fff; outline: 0; }


h1,h2,h3,h4,h5,h6 { color: #3a3a3a; }


/* Short Codes *****************************************************/

.f3 {font-weight: 300;}
.f4 {font-weight: 400;}
.f5 {font-weight: 500;}
.f6 {font-weight: 600;}
.f7 {font-weight: 700;}
.f8 {font-weight: 800;}
.f9 {font-weight: 900;}

.m0 { margin: 0px; }
.mT15 {margin-top: 15px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mB30 {margin-bottom: 30px;}

.p0 { padding: 0px; }
.pT15 {padding-top: 15px;}
.pB15 {padding-bottom: 15px;}
.pT30 {padding-top: 30px;}
.pB30 {padding-bottom: 30px;}

.pR { position: relative; }
.db { display: block !important; }
.dib { display: inline-block !important; }
.w100 { float: left; width: 100%; }
.w50 { float: left; width: 50%; }
.w25 { float: left; width: 25%; }
.eclipse { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.flexCC { display: flex; display: -ms-flex; align-items:center; justify-content:center; }
.flexCR { display: flex; display: -ms-flex; align-items:center; justify-content:flex-end; }
.flexCL { display: flex; display: -ms-flex; align-items:center; justify-content:flex-start; }
.flexCB { display: flex; display: -ms-flex; align-items:center; justify-content:space-between; }
.flexCA { display: flex; display: -ms-flex; align-items:center; justify-content:space-around; }

.tW {color: #fff !important;}
.tW a {color: #fff !important;}
.bW {background-color: #fff !important;}

.tB {color: #000 !important;}
.tB a {color: #000 !important;}
.bB {background-color: #000 !important;}

.tG {color: #3a3a3a !important;}
.tG a {color: #3a3a3a !important;}
.bG {background-color: #3a3a3a !important;}

.trl { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.trlX { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.trlY { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }


/* Buttons *********************************************************/

.btn1 { display: inline-block; padding: 7px 30px; color:#fff; background-color: #f90; font-weight: 400; font-size: 14px; text-align: center; border: 0px; border-radius: 0px; outline: none; }
.btn1.sm { padding: 5px 20px; font-size: 13px; }
.btn1.xs { padding: 4px 10px; font-size: 12px; }
.btn1 i { margin-right: 5px; }
.btn1:focus,
.btn1:hover { background-color: #3f3e3e; color:#fff; }


.btn2 { display: inline-block; padding: 7px 30px; color:#fff; background-color: #3f3e3e; font-weight: 400; font-size: 14px; text-align: center; border: 0px; border-radius: 0px; outline: none; }
.btn2.sm { padding: 5px 20px; font-size: 13px; }
.btn2.xs { padding: 4px 10px; font-size: 12px; }
.btn2 i { margin-right: 5px; }
.btn2:focus,
.btn2:hover { background-color: #f90; color:#fff; }



/*******************************************************************/


/* Share Buttons ***************************************************/


.share-box { float: left; display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.share-box .share-caption { margin-top: 0px; font-weight: 700; }
.btnShare { float: left; display: inline-block; padding: 7px 20px; margin-right: 5px; margin-bottom: 5px; color:#555; background-color: #fff; font-weight: 400; font-size: 12px; text-align: center; border-radius: 0px; }
.btnShare.circle { border-radius: 40px; }
.btnShare i { font-family: 'FontAwesome'; opacity: 0.9; }
.btnShare span { margin-left: 5px; }
.btnShare:focus,
.btnShare:hover {  }

.btnShare:focus i,
.btnShare:hover i { opacity: 1; }

.btnShare.facebook { background-color: #3b5998; color: white; }
.btnShare.facebook:hover { background-color: #304d8a; }
.btnShare.facebook i:after { content: '\f09a'; }

.btnShare.twitter { background-color: #0084b4; color: white; }
.btnShare.twitter:hover { background-color: #00719b; }
.btnShare.twitter i:after { content: '\f099'; }

.btnShare.google-plus { background-color: #dc4a38; color: white; }
.btnShare.google-plus:hover { background-color: #de321d; }
.btnShare.google-plus i:after { content: '\f0d5'; }

.btnShare.instagram { background-color: #49769c; color: white; }
.btnShare.instagram:hover { background-color: #3d698e; }
.btnShare.instagram i:after { content: '\f16d'; }

.btnShare.linkedin { background-color: #1f88be; color: white; }
.btnShare.linkedin:hover { background-color: #147baf; }
.btnShare.linkedin i:after { content: '\f0e1'; }



/*******************************************************************/




/* Custom CSS Desing ***********************************************/


/*Caption*/
.captionBox { float: left; width: 100%; position: relative; padding-top: 20px; }
.captionBox .captionCenter { text-align: center; margin: 8px 0px; font-weight: 700; }
.captionBox p.center { position: relative; text-align: center; margin-bottom: 0px; padding-bottom: 15px; }
.captionBox p.center:before { content: ''; position: absolute; width: 150px; height: 2px; left: 50%; bottom: 0; background-color: #f90; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }

.captionBox { float: left; width: 100%; position: relative; padding-top: 20px; }
.captionBox .captionLeft { text-align: left; margin: 8px 0px; font-weight: 700; }
.captionBox p.left { position: relative; text-align: left; margin-bottom: 0px; padding-bottom: 15px; }
.captionBox p.left:before { content: ''; position: absolute; width: 150px; height: 2px; left: 0%; bottom: 0; background-color: #f90; }


/*Navbar Toggle*/
.navbar-toggle { border-radius: 0px; border-color: black !important; background-color: #fff; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: white; }
.navbar-default .navbar-toggle .icon-bar { background-color: #000; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; }
.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }

/*Form Control*/
.form-control { border-radius: 0px; border: 1px solid #898989; height: 34px; box-shadow: none; }
.form-control:focus { border-color: #f90; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238, 48, 50, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(238, 48, 50, 0.2); }
.form-control-feedback { line-height: 34px; }


/*Pagination*/
.pagination>li>a,
.pagination>li>span { border: 1px solid #eeeeee; margin-left: 0px; font-weight: 700; color: #f90; }
.pagination>li:first-child>a,
.pagination>li:first-child>span { border-radius: 0px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius: 0px; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { border-color: #f90; background-color: #f90; color: #fff; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #CC282A; border-color: #CC282A; }

/*Linked items*/
.list-group { margin-bottom: 20px; }
.list-group-item { padding: 10px 15px; margin-bottom: -1px; }
a.list-group-item:focus,
a.list-group-item:hover { color: #fff !important; text-decoration: none; background-color: #f90 !important; border-color: #f90; }

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover { background-color: #CC282A !important; border-color: #CC282A !important; }
.list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.list-group-item:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.body-filter { position: fixed; width: 100%; height: 100%; left: 0; top:0; background-color: white; z-index: 9999; overflow: hidden; }
.body-filter .logo { position: absolute; left: 150%; top: 50%; }
.body-filter.disable { visibility: hidden; opacity: 0; }


.runn {
    -webkit-animation: runn 5s infinite ease-in-out;
    -moz-animation: runn 5s infinite ease-in-out;
    -o-animation: runn 5s infinite ease-in-out;
    animation: runn 5s infinite ease-in-out;
}
@-webkit-keyframes runn {
    0% { left: -50%; }
    100% { left: 150%; }
}
@-moz-keyframes runn {
    0% { left: -50%; }
    100% { left: 150%; }
}
@-o-keyframes runn {
    0% { left: -50%; }
    100% { left: 150%; }
}

/*******************************************************************/


/* TRANSITION ******************************************************/

.icon-bar,
.navbar-nav>li>a,
.btn1,
.btn2,
.btnShare,
.pagination>li>a,
#header .navbar .line,
.item .detail .btn1:before,
.news .list,
.news .list-inner,
.list .list-inner h4 {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.car-box h4,
.car-box .box,
.car-box .box i,
.car-box .detail:before {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

/*******************************************************************/



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

#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.67);}
#header .top-bar { float: left; width: 100%; text-align: right; padding: 5px 15px; }
#header .top-bar .contact { display: inline-block; font-size: 17px; font-weight: 700; color: white;}
#header .navbar { position: relative; background-color: rgba(0, 0, 0, 0); border-radius: 0px; border: none; border-bottom: 3px solid #3f3e3e; margin-bottom: 0px; }
#header .navbar .line { position: absolute; left: 50%; bottom: -3px; width: 0%; height: 3px; background-color: #f90; }
#header .navbar:hover .line { left: 0%; width: 100%; height: 3px; }
#header .navbar-brand { padding: 0px 15px; height: 100px; margin-top: -40px; }
#header .navbar-brand img { padding: 5.5px 0px; height: 100px; }
#header .navbar-form { margin: 13px -15px; }
#header .navbar-form .btn { color: #a1a0a0; border: 1px solid #898989; border-right: none; border-radius: 0px; background-color: white; outline: none; box-shadow: none; -webkit-box-shadow:none; }
#header .navbar-form input { border-left: none; }
#header .navbar-form .form-control { box-shadow: none; -webkit-box-shadow:none; }
#header .navbar-form .input-group.active .btn { border-color: #f90; color: #f90; }
#header .navbar-nav { /*! margin-left: 105px; */ float: right;}
#header .navbar-nav>li>a { position: relative; padding: 20px 10px; color: #fff; }
#header .navbar-nav>li>a:before { content: '/'; position: absolute; right: -2px; color: #fff; }
#header .navbar-nav>li:last-child>a:before { display: none; }

#header .navbar-nav>li>a:focus,
#header .navbar-nav>li>a:hover { color: #f90; }

#header .navbar-nav>.active>a,
#header .navbar-nav>.active>a:focus,
#header .navbar-nav>.active>a:hover { color: #f90; background-color: transparent; }

#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover { color: #f90; background-color: transparent; }

#header .dropdown-menu { padding: 0px; border-radius: 0px; border: none; border-top: 3px solid #f90; }
#header .dropdown-menu>li>a { padding: 8px 20px; }

#header .dropdown-menu>li>a:focus,
#header .dropdown-menu>li>a:hover { background-color: #f90; color: white; }

/*******************************************************************/


/* MAIN ************************************************************/

#main { background-color: white; }
#main .banner {  }
#main .banner .slider {  }
#main .car-rent { position: relative; z-index: 2; }
#main .car-rent .form-control { background-color: rgba(240, 128, 26, 0.76); color: white; border-color: #fff; text-align: left; }
#main .car-rent .form-group span.fa { color: #fff; }
#main .car-rent .box { position: relative; float: left; width: 100%; padding: 15px 30px; border-top: 2px solid #f90; background-color: rgba(255, 255, 255, 0.65); box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.39); }
#main .car-rent .box label { font-size: 12px; font-weight: 600; }
#main .car-rent .box .btn2 { width: 100%; }
#main .car-rent .box .btn2 i { margin-left: 10px; }
#main .car-rent .box .box-caption { position: absolute; left: 0; top: -40px; padding: 9px 40px; background-color: rgba(240, 128, 26, 0.76); color: white; font-weight: 600; font-size: 16px; }

#main .car-rent-slider-on { padding: 60px 0px 15px 0px; background-color: black; text-align: center; }
#main .car-rent-slider-on .btn2 { margin-top: 15px; font-weight: 600; font-size: 16px; }
#main .car-rent-slider { background-color: #202020; padding-bottom: 30px; }
#main .car-rent-slider .item { float: left; width: 100%; padding: 0px 15px; }
#main .car-rent-slider .item .car-box { float: left; width: 100%; }
#main .car-rent-slider .item .car-box:hover h4 { color: white; }
#main .car-rent-slider .item .car-box:hover .box { color: white; }
#main .car-rent-slider .item .car-box:hover .box i { color: white; }
#main .car-rent-slider .item .car-box:hover .btn1 { background-color: #fff; color: #3f3e3e; }
#main .car-rent-slider .item .car-box:hover .detail:before { transform:rotateX(0deg); }
/*
#main .car-rent-slider .item .car-box:hover .btn1:before { width: 100%; height: 100%; left: 0%; top: 0%; }
*/
#main .car-rent-slider .item .img { position: relative; float: left; width: 100%; }
#main .car-rent-slider .item .img img { width: 100%; }
#main .car-rent-slider .item .img .price { position: absolute; right: 0; bottom: 0px; background-color: white; padding: 5px 10px; z-index: 3; font-weight: 700; }
#main .car-rent-slider .item .img .price:after { content: '\20AC'; font-family: 'FontAwesome'; font-weight: 300; margin-left: 5px; }
#main .car-rent-slider .item .detail { position: relative; float: left; width: 100%; text-align: center; border: 1px solid #ccc; border-top: none; z-index: 2; background-color: white; overflow: hidden; perspective:1000px; -webkit-perspective:1000px; -moz-perspective:1000px; -ms-perspective:1000px; -o-perspective:1000px; }
#main .car-rent-slider .item .detail:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #f90; z-index: -1; transform:rotateX(-100deg); -webkit-transform:rotateX(-100deg); -moz-transform:rotateX(-100deg); -ms-transform:rotateX(-100deg); -o-transform:rotateX(-100deg); transform-origin:top; -webkit-transform-origin:top; -moz-transform-origin:top; -ms-transform-origin:top; -o-transform-origin:top; }
#main .car-rent-slider .item .detail h4 { font-size: 16px; font-weight: 600; color: #3f3e3e; margin: 25px 0px; }
/*
#main .car-rent-slider .item .detail .btn1:before { content: ''; position: absolute; width: 0%; height: 0%; left: 50%; top: 50%; background-color: #f90; z-index: -1; }
*/
#main .car-rent-slider .item .detail-box { float: left; width: 100%; margin-top: 20px; }
#main .car-rent-slider .item .detail-box .box { float: left; width: 25%; padding: 8px 0px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; color: #7f7e7e; }
#main .car-rent-slider .item .detail-box .box:last-child { border-right: none; }
#main .car-rent-slider .item .detail-box .box i { color: #f90; font-size: 16px; margin-right: 3px; }
#main .car-rent-slider .slider-wrapper { position: relative; }
#main .car-rent-slider .slider-wrapper .box-caption { position: absolute; left: 15px; top: -40px; padding: 9px 40px; background-color: rgba(240, 128, 26, 0.76); color: white; font-weight: 600; font-size: 16px; }
#main .car-rent-slider {  }
#main .car-rent-slider .line { float: left; width: 100%; height: 2px; background-color: #f90; }
#main .car-rent-slider .slider-wrapper { position: relative; }
#main .car-rent-slider .buttons { position: absolute; right: 15px; top: -40px; display: inline-block; z-index: 10; }
#main .car-rent-slider .buttons .button { float: left; cursor: pointer; }
#main .car-rent-slider .buttons .button i { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 25px; background-color: #3f3e3e; color: white; }
#main .car-rent-slider .buttons .button#Prev { margin-right: 5px; }

#main .subscribe-social { position: relative; z-index: 2; padding: 15px 0px; }
#main .subscribe-social:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.9; mix-blend-mode: multiply; }

#main .subscribe-social .subscribe { text-align: center; color: #fff; }
#main .subscribe-social .subscribe form { margin-top: 20px; }
#main .subscribe-social .subscribe .btn2 { width: 100%; }
#main .subscribe-social .subscribe .form-control { text-align: center; }
#main .subscribe-social .subscribe h4 { font-weight: 700; }
#main .subscribe-social .subscribe h4,
#main .subscribe-social .subscribe h5 { color: #fff; }

#main .subscribe-social .social { text-align: center; color: #fff; }
#main .subscribe-social .social h4 { font-weight: 700; }
#main .subscribe-social .social h4,
#main .subscribe-social .social h5 { color: #fff; }
#main .subscribe-social .social-list { float: left; width: 100%; list-style-type: none; padding: 0; margin: 0; }
#main .subscribe-social .social-list li { display: inline-block; }
#main .subscribe-social .social-list li a { display: block; }
#main .subscribe-social .social-list li a i { width: 50px; height: 50px; line-height: 50px; font-size: 25px; text-align: center; color: white; }

#main .news { padding: 30px 0px; }
#main .news .list { float: left; width: 100%; padding-left: 10px; margin-top: -2px; cursor: pointer; }
#main .news .list:first-child { margin-top: 0px; }
#main .news .list-inner { padding: 20px; border: 2px solid #ccc; }
#main .news .list-inner h4 { margin-top: 0px; font-weight: 600; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#main .news .list-inner p { font-weight: 300; height: 40px; overflow: hidden; margin-bottom: 0px; }
#main .news .list.active { padding-left: 0px; }
#main .news .list.active .list-inner { border-left-color: #f90; }
#main .news .list.active .list-inner h4 { color: #f90; }

#main .brand-logo { padding-bottom: 30px; padding-top: 30px;}
#main .brand-logo .wrapper { position: relative; float: left; width: 100%; }
#main .brand-logo .wrapper {  }
#main .brand-logo .wrapper .button { position: absolute; cursor: pointer; z-index: 10; }
#main .brand-logo .wrapper .button i { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 25px; background-color: #3f3e3e; color: white; }
#main .brand-logo .wrapper .button#Prev { top: 50%; left: 0; margin-top: -20px; }
#main .brand-logo .wrapper .button#Next { top: 50%; right: 0; margin-top: -20px; }

#main .brand-logo .item { position: relative; text-align: center; height: 120px; display: flex; display: -webkit-flex; justify-content:center; align-items:center; padding: 15px; }
#main .brand-logo .item:before { content: ''; position: absolute; left: -1px; top: 25%; width: 2px; height: 50%; background-color: black;  }
#main .brand-logo .item img { max-width: 100%; max-height: 100%; }


#main .bread { position: relative; height: 250px; }
#main .bread:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.6); }

#main .content {  }
#main .content .content-body { float: left; width: 100%; padding: 30px 0px; }
#main .content .captionBox .captionCenter { font-weight: 900; }
#main .content-body .side-bar #wrapper { float: left; width: 100%; }
#main .content-body .side-bar .box-caption { position: relative; float: left; width: 100%; text-align: center; margin-bottom: 15px; left: 0; top: 0; padding: 9px 40px; background-color: #f90; color: white; font-weight: 600; font-size: 16px; }
#main .content-body .side-bar button.box-caption { position: relative; float: left; width: 100%; text-align: center; margin-bottom: 15px; left: 0; top: 0; padding: 9px 40px; background-color: #f90; color: white; font-weight: 600; font-size: 16px; border: none; outline: none; }
#main .content-body .side-bar .btn2 { width: 100%; }
#main .content-body .side-bar-box { float: left; width: 100%; background-color: #fff; padding: 15px; border: 1px solid #ddd; margin-bottom: 15px; }
#main .content-body .side-bar-box label { font-size: 12px; font-weight: 400; }

#main .content-body .side-bar-box .contact { margin-bottom: 5px; }
#main .content-body .side-bar-box .contact i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; background-color: #f90; color: white; margin-right: 5px; }
#main .content-body .side-bar-box .contact span { font-weight: 500; }
#main .content-body .side-bar-box .contact:last-child { margin-bottom: 0px; }

#main .content-body .car-list { float: left; width: 100%; border: 1px solid #ddd; margin-bottom: 15px; }
#main .content-body .car-list .img img { width: 100%; }
#main .content-body .car-list .detail h5 { font-weight: 700; margin: 15px 0px; }
#main .content-body .car-list .detail-box { float: left; width: 100%; margin-top: 0px; }
#main .content-body .car-list .detail-box .box { float: left; width: 100%; padding: 0px; border-bottom: 1px solid #ccc; font-size: 12px; color: #7f7e7e; }
#main .content-body .car-list .detail-box .box:last-child { border-bottom: none; }
#main .content-body .car-list .detail-box .box i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; background-color: #f90; color: white; margin-right: 5px; }
#main .content-body .car-list .detail .price { margin: 15px 0px; padding: 0px 15px; text-align: right; font-weight: 900; color: #f90; }
#main .content-body .car-list .detail .price:after { content: '\20AC'; font-family: 'FontAwesome'; font-weight: 300; margin-left: 5px; }
#main .content-body .car-list .detail .btn2 { width: 100%; margin-bottom: 5px; padding: 18px 0px; text-align: center; }
#main .content-body .car-list .detail .btn1 { width: 100%; margin-bottom: 5px; padding: 18px 0px; text-align: center; }

#main .content-body .car-detail {  }
#main .content-body .car-detail figure.img { border: 1px solid #ddd; }
#main .content-body .car-detail figure.img img { width: 100%; }

#main .content-body .car-detail .detail-box { float: left; width: 100%; margin-top: 0px; }
#main .content-body .car-detail .detail-box .box { float: left; width: 100%; padding: 0px; border-bottom: 1px solid #ccc; font-size: 12px; color: #7f7e7e; }
#main .content-body .car-detail .detail-box .box:last-child { border-bottom: none; }
#main .content-body .car-detail .detail-box .box i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; background-color: #f90; color: white; margin-right: 5px; }
#main .content-body .car-detail .price { margin: 15px 0px; text-align: left; font-weight: 900; color: #f90; }
#main .content-body .car-detail .price:after { content: '\20AC'; font-family: 'FontAwesome'; font-weight: 300; margin-left: 5px; }
#main .content-body .car-detail .captionBox { padding-top: 0px; padding-bottom: 20px; }

#main .content-body .news-box { padding: 10px; border: 1px solid #ddd; box-shadow: inset 0px -2px 0px #ddd; -webkit-box-shadow: inset 0px -2px 0px #ddd; -moz-box-shadow: inset 0px -2px 0px #ddd; }
#main .content-body .news-box figure {  }
#main .content-body .news-box figure img { width: 100%; }
#main .content-body .news-box figcaption { padding: 5px 0px; font-weight: 700; }
#main .content-body .news-box article { margin-bottom: 10px; font-weight: 300; font-size: 13px; height: 58px; overflow: hidden; }
#main .content-body .news-box .time { font-weight: 700; margin-bottom: 0px; text-align: right; }
#main .content-body .news-box .btn1 { width: 100%; }
#main .content-body .news-img-big { float: left; margin-right: 20px; margin-bottom: 10px; }
#main .content-body .news-img-big img { max-width: 300px; }
#main .content-body .news-title { font-weight: 700; font-size: 18px; margin-bottom: 15px; }


/*******************************************************************/




/* FOOTER **********************************************************/

#footer { color: white; }
#footer > .top { background-color: #0c0c0c; padding: 30px 0px; background-image: url(../img/footer-bg.png); background-position: center center; background-repeat: no-repeat; }
#footer .company {  }
#footer .company img { max-width: 100%; margin-bottom: 15px; }
#footer .contact { text-align: center; margin-top: 50px; }
#footer .contact span { font-size: 24px; font-weight: 700; margin: 0px 5px; }
#footer .social { float: left; width: 100%; margin-top: 50px; }
#footer .social .social-links { float: left; width: 100%; list-style-type: none; padding: 0; margin: 0; }
#footer .social .social-links li { display: inline-block; }
#footer .social .social-links li a { display: block; margin: 0px 4px; }
#footer .social .social-links li a i { width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; color: #f90; background-color: white; }

#footer .bottom { background-color: #000; padding: 8px 0px; }
#footer .bottom .left {  }
#footer .bottom .left span { display: inline-block; padding-top: 5px; font-size: 12px;}
#footer .bottom .right { text-align: right; }

/*******************************************************************/






/* Responsive ******************************************************/


/* SM Mobil Menu */
@media (max-width: 991px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 2px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing { overflow: hidden!important; }
    .navbar-brand { position: relative; }

}


/* XXS */
@media (max-width: 424px) {
    .btnShare { padding: 0px; }
    .btnShare.circle { border-radius: 50%; }
    .btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
    .btnShare span { display: none; }
    .car-rent { margin-top: 30px !important; }
    #header { position: relative; }
    #header .navbar-brand { height: 90px; }
    #header .navbar-brand img { height: 90px; padding: 20px 0px; }
    #header .navbar-nav { margin-left: 0px; }
    #header .navbar-nav>li>a { padding: 10px; text-align: center; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-form { margin: 10px 0px; width: 100%; text-align: center; }
    #main .car-rent .box .box-caption { position: relative; top: 0; text-align: center; margin-bottom: 5px; }
    #main .car-rent .box .btn2 { margin-top: 15px; }
    #main .subscribe-social .subscribe { margin-bottom: 30px; }
    #main .brand-logo .item img { max-width: 50%; max-height: 50%; }
    #footer { text-align: center; }
    #footer .contact span { font-size: 16px; }
    #footer .bottom .right { text-align: center; margin-top: 15px; }
    #main .car-rent .box { padding: 15px; }
    #main .car-rent-slider .slider-wrapper .box-caption { position: relative; left: 0; top: 0; }
    #main .car-rent-slider .buttons { position: relative; left: 0; top: 25px; }
    #footer .contact img { display: none; }
    #footer .contact span { display: block; }
    #main .car-rent-slider-on { padding: 60px 0px; }
    #main .bread { height: 85px; }
}

/* XS */
@media (min-width: 425px) and (max-width: 767px) {
    .btnShare { padding: 0px; }
    .btnShare.circle { border-radius: 50%; }
    .btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
    .btnShare span { display: none; }
    .car-rent { margin-top: 30px !important; }
    #header { position: relative; }
    #header .navbar-brand { height: 90px; }
    #header .navbar-brand img { height: 90px; padding: 20px 0px; }
    #header .navbar-nav { margin-left: 0px; }
    #header .navbar-nav>li>a { padding: 10px; text-align: center; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-form { margin: 10px 0px; width: 100%; text-align: center; }
    #main .car-rent .box .box-caption { position: relative; top: 0; text-align: center; margin-bottom: 5px; }
    #main .car-rent .box .btn2 { margin-top: 15px; }
    #main .subscribe-social .subscribe { margin-bottom: 30px; }
    #main .brand-logo .item img { max-width: 50%; max-height: 50%; }
    #footer { text-align: center; }
    #footer .contact span { font-size: 16px; }
    #footer .bottom .right { text-align: center; margin-top: 15px; }
    #main .bread { height: 85px; }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    .car-rent { margin-top: 0px !important; }
    #header .navbar-brand { height: 90px; }
    #header .navbar-brand img { height: 90px; padding: 20px 0px; }
    #header .navbar-nav { margin-left: 0px; }
    #header .navbar-nav>li>a { padding: 10px; text-align: center; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-form { margin: 10px 0px; width: 100%; text-align: center; }

}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown:hover .dropdown-menu { display: block; }
    .car-rent { margin-top: 0px !important; }
    #main .content-body .side-bar #wrapper { display: block; visibility: visible; }
}

/* LG */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu { display: block; }
    #main .content-body .side-bar #wrapper { display: block; visibility: visible; }
}