@font-face {
    font-family: 'Corporate A';
    src: url('../fonts/CorporateA-Regular.woff2') format('woff2'),
       	 url('../fonts/CorporateA-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S';
    src: url('../fonts/CorporateS-Demi.woff2') format('woff2'),
         url('../fonts/CorporateS-Demi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S';
    src: url('../fonts/CorporateS-Regular.woff2') format('woff2'),
         url('../fonts/CorporateS-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Corporate S';
    src: url('../fonts/CorporateS-BoldItalic.woff2') format('woff2'),
         url('../fonts/CorporateS-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
  font-family: 'DaimlerCAC-Regular';
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCAC-Regular.eot');
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCAC-Regular.eot?#iefix') format('embedded-opentype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF2/DaimlerCAC-Regular.woff2') format('woff2'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF/DaimlerCAC-Regular.woff') format('woff'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/TTF/DaimlerCAC-Regular.ttf') format('truetype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/SVG/DaimlerCAC-Regular.svg#DaimlerCAC-Regular') format('svg');
}

@font-face {
  font-family: 'DaimlerCS-Light';
  src: url('/fonts/DaimlerCS-Light.eot');
  src: url('/fonts//DaimlerCS-Light.eot?#iefix') format('embedded-opentype'),
       url('/fonts/DaimlerCS-Light.woff2') format('woff2'),
       url('/fonts/DaimlerCS-Light.woff') format('woff'),
       url('/fonts/DaimlerCS-Light.ttf') format('truetype'),
       url('/fonts/DaimlerCS-Light.svg#DaimlerCS-Light') format('svg');
}

@font-face {
  font-family: 'DaimlerCS-Regular';
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Regular.eot');
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Regular.eot?#iefix') format('embedded-opentype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF2/DaimlerCS-Regular.woff2') format('woff2'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF/DaimlerCS-Regular.woff') format('woff'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/TTF/DaimlerCS-Regular.ttf') format('truetype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/SVG/DaimlerCS-Regular.svg#DaimlerCS-Regular') format('svg');
}

@font-face {
  font-family: 'DaimlerCS-Demi';
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Demi.eot');
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Demi.eot?#iefix') format('embedded-opentype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF2/DaimlerCS-Demi.woff2') format('woff2'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF/DaimlerCS-Demi.woff') format('woff'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/TTF/DaimlerCS-Demi.ttf') format('truetype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/SVG/DaimlerCS-Demi.svg#DaimlerCS-Demi') format('svg');
}

@font-face {
  font-family: 'DaimlerCS-Bold';
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Bold.eot');
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Bold.eot?#iefix') format('embedded-opentype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF2/DaimlerCS-Bold.woff2') format('woff2'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF/DaimlerCS-Bold.woff') format('woff'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/TTF/DaimlerCS-Bold.ttf') format('truetype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/SVG/DaimlerCS-Bold.svg#DaimlerCS-Bold') format('svg');
}

@font-face {
  font-family: 'DaimlerCS-Italic';
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Italic.eot');
  src: url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/EOT/DaimlerCS-Italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF2/DaimlerCS-Italic.woff2') format('woff2'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/WOFF/DaimlerCS-Italic.woff') format('woff'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/TTF/DaimlerCS-Italic.ttf') format('truetype'),
       url('https://www.mercedes-benz-trucks.com/etc/designs/mbo/fonts/SVG/DaimlerCS-Italic.svg#DaimlerCS-Italic') format('svg');
}


html {
    width: 100%;
}
body {
    font-family: 'DaimlerCS-Light', sans-serif;
    font-weight: 100;
	padding:0px;
	margin:0px;
	height: 100%;
	overflow-x: hidden;
        font-size:20px;
}
h1,h2,h3,h4,h5,h6,ul,p { padding:0px; margin:0px;}
ul { list-style:none; padding:0px; margin:0px; font-size:14px;}
a { text-decoration:none;}
a:hover, a:focus { text-decoration:none; outline:none;}
a img { border:none;}
p a { color:#2daee4; text-decoration:underline;}
p a:hover { color:#1a8ebf; text-decoration:underline;}
strong { font-weight:700;}
.align-right { text-align:right;}
button:focus { outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}
.hide { display:none;}
button { cursor:pointer; border:0;}
* { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
select { -webkit-appearance: none; border-radius: 0;}

/*Global*/
header, footer, section { float:left; width:100%;}
.no-gutter.row, .no-gutter.container, .no-gutter.container-fluid { margin-left:0; margin-right:0;}
.no-gutter>[class^="col-"]{ padding-left:0; padding-right:0;}



body { padding:180px 0 0 0;}
header { position:fixed; width:100%; left:0; top:0; z-index:100;}
.top-bar { float:left; width:100%; background:#1f1f1f; padding:15px 0;}
.top-nav { float:right;}
.top-nav a, .top-nav span { float:left; font-size:15px; color:#fff; padding:10px 0 0 20px; margin:0 0 0 20px; border-left:1px solid #444;}
.top-nav a:first-child { border:none;}
.top-nav a:hover, .top-nav a.active { color:#00abef;}
.top-nav span { font-weight:600; display:none;}
.top-nav a.contact-btn { background:#00abef; padding:10px 20px;}
.top-nav a.contact-btn:hover { background:#0093ce; color:#fff;}
.header-main { float:left; width:100%; background:#000; padding:20px 0; position:relative;}
.logo-block { float:left; width:20%;}
.logo { float:left; width:90px;}
.mercedez-benz { float:left; margin:55px 20px 0 40px;}
.menu { float:left; width:60%; margin:30px 0 0 0;}
.menu ul { float:left; width:100%;}
.menu ul li { float:left; width:33%; padding:0 0 0 20px; position:relative;}
.menu ul li h3 { float:left; width:100%; font-size:20px; font-weight:600; color:#fff; margin:0 0 10px 0;}
.menu ul li a { float:left; margin:0 30px 0 0; font-size:15px; color:#fff; padding:5px 10px; position:relative;}
.menu ul li a:hover, .menu ul li a.active { color:#00abef;}
.menu ul li h3.menu-toggler { font-size:20px; color:#fff; margin:0 0 0 10px; display:none;}
.bell-vehicle { float:right; width:20%; font-size:22px; color:#fff; margin:35px 0 0 0; text-align:right;}
.bell-vehicle strong { font-weight:600;}
.bell-vehicle p { float:right; font-size:12px; font-weight:bold; color:#fff;}

.search-bar { position:absolute; left:0; top:0; width:100%; height:100%; background:#333; padding:15px; display:none; z-index:10;}
.close-search { float:left; font-size:22px; color:#fff; margin:0 20px 0 0; cursor:pointer; line-height:30px;}
.search-bar input { float:left; width:70%; background:none; border:none; font-size:16px; color:#fff; padding:4px;}
.search-bar button { float:right; background:none; border:none; font-size:20px; color:#fff; margin:2px 0 0 0; line-height:30px;}


.has-dropdown { position:relative;}
.has-dropdown.active::after, .menu ul li a.active::after { content:''; position:absolute; width: 0; left:0; right:0; margin:auto; display:table; bottom:-22px; 
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #ffffff transparent;}


.menu-dropdown { position:absolute; left:0; top:128px; width:100%; background:#fff; color:#333; padding:80px 0; display:none; border-bottom:2px solid #eee;}
.menu-dropdown h2 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; color:#333; margin:0 0 50px 0;}
.dropdown-block { float:left; width:50%; margin:0 0 40px 0;}
.dropdown-block a { float:left; width:100%; font-size:20px; color:#555; margin:0 0 10px 0;}
.dropdown-block a:hover { color:#00abef;}
.dropdown-block a i { font-size:17px;}
.dropdown-block p { float:left; width:70%; font-size:17px; font-weight:300; color:#555;}
.close-dropdown { float:right; font-size:25px; cursor:pointer;}


.menu-wrap {
	background:rgba(0,0,0,0.8);
	position: fixed;
	top: 80px;
	right:0;
	height: 100%;
	width: 300px;
	margin-right: -300px;
	font-size: 17px;
	overflow: auto;
	transition: .25s;
	z-index: 20;
}
.menu-show {
	margin-right: 0;
}
.menu-sidebar {
	margin: 20px 0;
	position: relative;
	top: 70px;
}
.menu-sidebar li {
	padding: 0px 0 20px 0;
	margin:20px;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.menu-sidebar li:last-child { border-bottom:none;}
.menu-sidebar li > a {
	color: #fff;
	font-size: 17px;
	font-weight:600;
	position: relative;
}
.menu-sidebar li > a::after {
	content: "";
	display: block;
	height: 0.15em;
	position: absolute;
	top: 100%;
	width: 100%;
	left: 50%;
	transform: translate(-50%);
	background-image: linear-gradient(to right, transparent 50.3%, #FFFA3B 50.3%);
	transition: background-position .2s .1s ease-out;
	background-size: 200% auto;
}
.menu-sidebar li > a:hover::after {
	background-position: -100% 0;
}
.menu-sidebar li ul.sub-menu li { padding:5px 0; margin:10px;}
.menu-sidebar li ul.sub-menu li:last-child { border-bottom:none;}
.menu-sidebar li ul.sub-menu li a { font-size:15px; font-weight:400;}
.menu-sidebar .menu-item-has-children {
	position: relative;
}
.menu-sidebar .menu-item-has-children .sub-menu {
	display: none;
}
.sidebar-menu-arrow { float:right;}
.sidebar-menu-arrow::after {
	content: "\f107";
	font-family: 'FontAwesome';
	padding: 10px;
	color: #fff;
	position: relative;
}
.sidebar-menu-arrow:hover::after {
	cursor: pointer;
	color: #fff;
}
.sidebar-menu-arrow:active::after {
	top: 2px;
}

.hero { float:left; width:100%; position:relative;}
.hero .carousel-caption { text-align:left; left:10%; right:10%; bottom:inherit; top:30%;}
.hero .carousel-caption h1 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; position:relative; margin:0 0 40px 0;}
.hero .carousel-caption h1::before { content:''; position:absolute; left:0; top:-80px; width:80px; height:3px; background:#fff;}
.hero .carousel-caption h2 { float:left; width:100%; font-size:30px; position:relative; margin:0 0 70px 0;}
.hero .carousel-caption a { float:left; padding:10px 20px; background:#00abef; font-size:17px; color:#fff;}
.hero .carousel-caption a:hover { background:#0096d2}
.hero .carousel-caption a i { font-size:15px; margin:0 5px 0 0;}
.hero .carousel-indicators li { background:#fff; width:60px; cursor:pointer;}
.hero .carousel-indicators .active { background:#00abef;}
.hero-note { position:absolute; left:20px; bottom:20px; font-size:12px; color:rgba(255,255,255,0.9);}


.new-used { padding:100px 0 80px;}
.new-used h2 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; color:#333; margin:0 0 50px 0;}
.new-used-block { float:left; width:50%; margin:0 0 40px 0;}
.new-used-block a { float:left; width:100%; font-size:20px; color:#555; margin:0 0 10px 0;}
.new-used-block a:hover { color:#00abef;}
.new-used-block a i { font-size:17px;}
.new-used-block p { float:left; width:70%; font-size:17px; font-weight:300; color:#555;}


.offers-area { background:#ececec; padding:100px 0;}
.offer-block { float:left; width:90%;}
.offer-block h2 { float:left; width:100%; font-size:35px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0;}
.offer-img { float:left; width:100%; margin:0 0 30px 0;}
.offer-img img { width:100%;}
.offer-block .offer-title { float:left; width:100%; font-size:22px; color:#555; margin:0 0 20px 0;}
.offer-block .offer-title i { font-size:20px;}
.offer-block .offer-title:hover { color:#00abef;}
.offer-block p { float:left; width:100%; font-size:17px; color:#777; margin:0 0 40px 0; min-height:60px;}
.offer-block span { float:left; width:100%; font-size:12px; color:#555; margin:0 0 70px 0;}
.offer-block .all-offers { margin:auto; display:table; padding:10px 20px; background:#00abef; font-size:17px; color:#fff;}
.offer-block .all-offers i { font-size:15px;}
.offer-block .all-offers:hover { background:#0096d2}


.about-bell { padding:100px 0;}
.about-bell .col-sm-6 { padding:0;}
.bell-det { float:left; width:95%; padding:100px 100px 0 18%;}
.bell-det h2 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; color:#333; margin:0 0 40px 0;}
.bell-det p { float:left; width:100%; font-size:17px; color:#777; margin:0 0 40px 0;}
.bell-det a { float:left; width:100%; font-size:20px; color:#555; margin:0 0 30px 0;}
.bell-det a:hover { color:#00abef;}
.bell-det a i { font-size:17px;}
.bell-img { float:left; width:100%;}
.bell-img img { width:100%;}


.customer-stories .container-fluid { padding:0;}
.customer-stories h2 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; color:#333; margin:0 0 50px 0; text-align:center;}
.story-block { float:left; width:100%; position:relative;}
.story-img { float:left; width:100%;}
.story-img img { width:100%;}
.story-title { position:absolute; left:0; bottom:0; width:100%; padding:50px 50px 70px 50px; font-size:20px; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+60&0+0,1+60,0.6+60 */
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,0,0,0.6) 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(0,0,0,0.6) 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,0,0,0.6) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}
.story-title i { font-size:17px;}
.customer-stories .more-stories { margin:-30px auto 0; display:table; padding:15px 20px; background:#00abef; font-size:17px; color:#fff;}
.customer-stories .more-stories i { font-size:15px;}
.customer-stories .more-stories:hover { background:#0096d2;}


.locations-area { padding:100px 0;}
.location-map { float:left; width:100%;}
.location-map img { width:100%;}
.address-area { float:left; width:100%; padding:5% 15% 0;}
.address-block { float:left; width:50%; padding:50px 15% 0 0; margin:0 0 50px 0; position:relative;}
.address-block::before { content:''; position:absolute; left:0; top:0; width:80px; height:3px; background:#dddddd;}
.address-block h3 { float:left; width:100%; font-size:30px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0;}
.address-block h4 { float:left; width:100%; font-size:22px; color:#777; margin:0 0 20px 0;}
.address-block p { float:left; width:100%; font-size:17px; color:#777; margin:0 0 30px 0;}
.address-block a { float:left; width:100%; font-size:17px; color:#555; margin:0 0 10px 0;}
.address-block a:hover { color:#00abef;}
.address-block a i { font-size:15px;}


.footer-top { float:left; width:100%; background:#000; padding:20px;}
.footer-social { float:right; margin:30px 0 0 0;}
.footer-social a { float:left; margin:0 0 0 30px; font-size:25px; color:#fff;}
.footer-social a:hover { color:#00abef;}
.footer-main { float:left; width:100%; background:#1f1f1f; color:#fff; padding:80px 0;}
.footer-main .container-fluid { padding:0 100px;}
.footer-links { float:left; width:100%; padding:0 0 0 20px; position:relative; margin:0 0 40px 0;}
.footer-links::before { content:''; position:absolute; left:0; top:0; width:1px; height:80px; background:#333;}
.footer-links h4 { float:left; width:100%; font-size:20px; font-weight:600; color:#fff; margin:0 0 30px 0;}
.footer-links ul { float:left; width:90%;}
.footer-links ul li { float:left; width:100%; margin:0 0 20px 0; font-size:15px; text-align:right;}
.footer-links ul li span { float:left;}
.footer-links a { float:left; width:100%; margin:0 0 20px 0; font-size:15px; color:#fff;}
.footer-links a:hover { color:#00abef;}
.footer-about { float:left; width:100%; padding:20px 0; font-size:15px; color:#fff; position:relative; margin:0 0 80px 0;}
.footer-about::before, .footer-about::after { content:''; position:absolute; left:0; top:0; width:80px; height:1px; background:#333;}
.footer-about::after { top:inherit; bottom:0;}
.footer-nav { float:left; width:100%;}
.footer-nav a, .footer-nav span { float:left; font-size:15px; color:#fff; margin:0 30px 0 0; padding:0 30px 0 0; border-right:1px solid #333;}
.footer-nav a:hover, .footer-nav a.active { color:#00abef;}
.footer-nav span { padding:0; margin:0; border:none;}
.footer-nav span strong { font-weight:600;}


.new-models { padding:100px 0;}
.new-models .container-fluid { padding:0 80px;}
.new-models h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; margin:0 0 80px 0;}
.model-block { float:left; width:100%; padding:0 10% 0 0; margin:0 0 50px 0;}
.model-img { float:left; width:100%; margin:0 0 20px 0; min-height:170px;}
.model-block a { float:left; width:100%; font-size:22px; color:#555; margin:0 0 10px 0;}
.model-block a i { font-size:18px; margin:0 5px 0 0;}
.model-block.active a { color:#00abef;}
.model-block.active a i { transform: rotate(-90deg);}
.model-block p { float:left; width:100%; font-size:18px; color:#777; margin:0 0 10px 0;}
.new-models .model-img { min-height:120px;}

.inner-offers { background:#ececec; padding:100px 0;}
.inner-offers h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; margin:0 0 80px 0; text-align:center;}


.test-drive { padding:100px 0; background:#ececec;}
.test-drive .col-sm-8 { padding:0;}
.test-drive h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; margin:0 0 40px 0;}
.drive-det { float:left; width:100%; padding:80px; background-color: #000;color:#fff;}
.test-drive h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#fff; margin:0 0 40px 0;}
.drive-det h3 { float:left; width:100%; font-size:25px;  margin:0 0 40px 0;}
.drive-det p { float:left; width:100%; font-size:20px;  margin:0 0 40px 0;}
.drive-det a.drive-link { float:left; width:100%; font-size:20px; color:#555; margin:0 0 40px 0;}
.drive-det a.drive-link i { font-size:17px;}
.drive-det a.drive-link:hover { color:#00abef;}
.drive-det a.drive-btn { float:left; padding:20px 30px; background:#00abef; font-size:20px; color:#fff; margin:20px 0 0 0;}
.drive-det a.drive-btn:hover { background:#0096d2}
.drive-img { float:left; width:100%;}
.drive-img img { width:100%;}

.slogan-text { background:#202020; padding:150px 0 200px; color:#fff;}
.slogan-text  .container { padding:0 15%;}
.slogan-text h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; margin:0 0 40px 0; position:relative; padding:40px 0 0 0;}
.slogan-text h2::before { content:''; position:absolute; left:0; top:0; width:80px; height:3px; background:#ccc;}
.slogan-text p { float:left; width:100%; font-size:22px;}


.dark-accordion { background:#323232; padding:150px 0 200px; color:#fff;}
.dark-accordion  .container { padding:0 15%;}
.dark-accordion h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; margin:0 0 40px 0; position:relative;}
.dark-accordion .card, .dark-accordion .card-header, .dark-accordion .card-body { background:none; border:none; padding:0;}
.dark-accordion .card { padding:20px 0; border-top:1px solid #555;}
.dark-accordion .card-header h5 .btn-link { padding:20px 0 30px; font-size:22px; color:#fff; width:100%; text-align:left;}
.dark-accordion .card-header h5 .btn-link:hover, .dark-accordion .card-header h5 .btn-link:focus { text-decoration:none;}
.dark-accordion .card-body p { float:left; width:90%; font-size:17px; color:#fff; margin:0 0 30px 0;}
.dark-accordion .card-body img { float:right;}
.dark-accordion .card-header h5 .btn-link::after {
	font-family: "FontAwesome";
	content: "\f077";
	float: right;
	transition: all 0.5s;
}
.dark-accordion .card-header h5 .btn-link.collapsed::after {
	font-family: "FontAwesome";
	content: "\f078";
	float: right;
	transition: all 0.5s;
}


.light-accordion { background:#ececec; padding:150px 0 200px; color:#111;}
.light-accordion  .container { padding:0 15%;}
.light-accordion h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; margin:0 0 40px 0; position:relative;}
.light-accordion .card, .light-accordion .card-header, .light-accordion .card-body { background:none; border:none; padding:0;}
.light-accordion .card { padding:20px 0; border-top:1px solid #fff;}
.light-accordion .card-header h5 .btn-link { padding:20px 0 30px; font-size:22px; color:#333; width:100%; text-align:left;}
.light-accordion .card-header h5 .btn-link:hover, .light-accordion .card-header h5 .btn-link:focus { text-decoration:none;}
.light-accordion .card-body p { float:left; width:90%; font-size:17px; color:#555; margin:0 0 30px 0;}
.light-accordion .accordion-note { float:left; width:90%; font-size:12px; color:#555; margin:0 0 30px 0;}
.light-accordion .card-body img { float:right;}
.light-accordion .card-header h5 .btn-link::after {
	font-family: "FontAwesome";
	content: "\f077";
	float: right;
	transition: all 0.5s;
	color:#555;
}
.light-accordion .card-header h5 .btn-link.collapsed::after {
	font-family: "FontAwesome";
	content: "\f078";
	float: right;
	transition: all 0.5s;
	color:#555;
}


.specs-area { background:#fff; padding:100px 0;}
.specs-area .container { padding:0 15%;}
.specs-area h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; margin:0 0 40px 0; position:relative;}
.specs-area ul { float:left; width:100%; border-bottom:3px solid #eee;}
.specs-area ul li { float:left; width:100%; background:#ececec; font-size:17px; color:#333; padding:40px;}
.specs-area ul li:nth-child(even) { background:#ffffff;}
.specs-area ul li span { float:left; width:50%;}
.specs-area ul li div { float:left; width:50%;}
.misc-links { float:left; width:100%; padding:80px 20px; text-align:center;}
.misc-links .text-link { display:inline; padding:0 50px; font-size:22px; color:#00abef;}
.misc-links .text-link i { font-size:17px;}
.misc-links .btn-link { margin:80px auto 0; display:table; padding:25px 40px; background:#00abef; font-size:22px; color:#fff;}
.misc-links .btn-link:hover { background:#0096d2; text-decoration:none;}


.listing-area { padding:100px 0;}
.listing-area .container-fluid { padding:0 80px;}
.listing-area h1 { float:left; width:100%; font-size:60px; font-family:'Corporate A'; margin:0 0 50px 0;}
.listing-sidebar { float:left; width:100%;}
.model-dropdown { float:left; width:100%; margin:0 0 20px 0;}
.model-dropdown select { float:left; width:100%; background:#eee; padding:10px; font-size:20px; border:none;}
.filter-btns { float:left; width:100%; margin:0 0 20px 0;}
.filter-btns a { float:left; width:31.2%; margin:0 1% 20px; text-align:center;}
.filter-btns a div { float:left; width:100%; background:#ececec;}
.filter-btns a div img { padding:15px 0;}
.filter-btns a span { float:left; width:100%; padding:5px 0; background:#fff; font-size:15px; color:#555;}
.filter-btns a:hover div, .filter-btns a.active div { background:#00abef;}
.filter-inputs { float:left; width:100%; margin:0 0 20px 0;}
.filter-inputs ul { float:left; width:100%;}
.filter-inputs ul li { float:left; width:100%; margin:0 0 20px 0;}
.filter-inputs ul li input { float:left; width:33%; background:#ececec; padding:15px; font-size:15px; color:#555; text-align:center; border:none; position:relative;}
.filter-inputs ul li span { float:left; width:33%; text-align:center; font-size:15px; padding:15px 0; position:relative;}
.filter-inputs ul li span::before { content:''; position:absolute; left:0; top:20px; width:0; height:0; border-style:solid; border-width:7px 0 7px 25px; border-color: transparent transparent transparent #ececec;}
.filter-inputs ul li span::after { content:''; position:absolute; right:0; top:20px; width:0; height:0; border-style:solid; border-width:7px 25px 7px 0; border-color: transparent #ececec transparent transparent;}
.search-btn { float:left; width:100%;}
.search-btn button { float:left; width:100%; background:#00abef; padding:20px; font-size:22px; color:#fff; text-transform:uppercase; text-align:center; border:none; cursor:pointer;}

.search-block { float:left; width:100%; border:1px solid #ddd; margin:0 0 50px 0;}
.search-img { float:left; width:50%; position:relative;}
.search-img img { float:left; width:100%;}
.search-img span { position:absolute; left:0; bottom:0; padding:7px 10px 5px; font-size:20px; color:#fff; background:#00abef;}
.search-img span img { width:inherit; margin:0 5px 0 0;}
.search-det { float:left; width:50%; padding:40px;}
.search-det h4 { float:left; width:100%; font-size:20px; font-weight:700; margin:0 0 50px 0;}
.search-det a { float:left; width:100%; padding:0 50px 0 0; font-size:35px; color:#111; font-family:'Corporate A'; margin:0 0 30px 0; position:relative;}
.search-det a::before { content:''; position:absolute; left:0; top:-10px; width:90px; height:3px; background:#111;}
.search-det a:hover { color:#00abef;}
.search-det ul { float:left; width:100%; margin:0 0 20px 0;}
.search-det ul li { float:left; width:33%; font-size:17px; font-weight:400; color:#333; margin:0 0 15px 0; padding:0 0 0 40px; line-height:30px;}
.search-det ul li.model-year { background:url(../img/clock-icon.jpg) left center no-repeat;}
.search-det ul li.model-miles { background:url(../img/miles-icon.jpg) left center no-repeat;}
.search-det ul li.model-owner { background:url(../img/owner-icon.jpg) left center no-repeat;}
.search-det ul li.model-fuel { background:url(../img/fuel-icon.jpg) left center no-repeat;}
.search-det ul li.model-engine { background:url(../img/engine-icon.jpg) left center no-repeat;}
.search-det ul li.model-type { background:url(../img/automatic-icon.jpg) left center no-repeat;}
.car-det { float:left; width:100%; font-size:17px; font-weight:400; color:#333;} 

.pagination-row { float:left; width:100%; margin:40px 0 80px;}
.pagination-row nav { float:left;}
.pagination-row .page-item .page-link { font-size:20px; color:#00abef; padding:10px 20px; border-color:#ccc; border-radius:0;}
.pagination-row .page-item .page-link:hover, .pagination-row .page-item.active .page-link { background:#00abef; color:#fff; border-color:#00abef;}
.pagination-row .page-item .page-link:focus { background:#00abef; color:#fff; box-shadow:none;}


.listing-view { padding:100px 0;}
.listing-view .container-fluid { padding:0 80px;}
.listing-gallery { float:left; width:100%;}
.listing-det { float:left; width:100%;}
.listing-nav { float:left; width:100%; margin:0 0 60px 0;}
.listing-nav a { float:left; width:50px; height:50px; font-size:20px; font-weight:600; color:#555; margin:0 10px 0 0; line-height:50px; text-align:center; background:#ddd;}
.listing-nav span { float:left; padding:10px 0; font-size:20px; color:#555; margin:0 0 0 10px;}
.listing-det h2 { float:left; width:100%; padding:0 50px 0 0; font-size:60px; font-family:'Corporate A'; margin:0 0 30px 0; position:relative;}
.listing-det h3 { float:left; width:100%; font-size:35px; font-weight:700; margin:0 0 20px 0;}
.listing-det h4 { float:left; width:100%; font-size:17px; color:#00abef; margin:0 0 60px 0;}
.listing-det h4 strong { font-weight:600;}
.listing-det ul { float:left; width:100%; margin:0 0 20px 0; padding:40px 0 0 0; position:relative;}
.listing-det ul::before { content:''; position:absolute; left:0; top:0; width:90px; height:3px; background:#111;}
.listing-det ul li { float:left; width:33%; font-size:17px; font-weight:400; color:#333; margin:0 0 15px 0; padding:0 0 0 40px; line-height:30px;}
.listing-det ul li.model-year { background:url(../img/clock-icon.jpg) left center no-repeat;}
.listing-det ul li.model-miles { background:url(../img/miles-icon.jpg) left center no-repeat;}
.listing-det ul li.model-owner { background:url(../img/owner-icon.jpg) left center no-repeat;}
.listing-det ul li.model-fuel { background:url(../img/fuel-icon.jpg) left center no-repeat;}
.listing-det ul li.model-engine { background:url(../img/engine-icon.jpg) left center no-repeat;}
.listing-det ul li.model-type { background:url(../img/automatic-icon.jpg) left center no-repeat;}

.listing-links { float:left; width:100%; margin:50px 0 0 0;}
.listing-links a { float:left; padding:15px 20px; margin:0 10px 0 0; font-size:17px; color:#00abef;}
.listing-links a i { font-size:20px; margin:0 5px 0 0;}
.listing-links a:hover, .listing-links a.active { background:#00abef; color:#fff;}

#gallery {
	width: 90%;
	margin: 0 auto;
}
#gallery ul {
	padding-left: 10px;
}
#gallery li {
	display: inline;
	margin-right: 3px;
}
#gallery #main-img {
	height:650px;
	background: url(bg_img.png) no-repeat 0 0;
	padding: 0;
	margin:0 0 20px 0;
}
.owl-carousel { float:left; width:100%;}
.owl-nav { position:relative; left:0; bottom:0;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { position:absolute; left:0; top:-110px; background:#00abef; padding:25px 10px !important; font-size:40px; color:#fff;}
.owl-carousel .owl-nav button.owl-next { left:auto; right:0;}
.owl-carousel .owl-stage-outer { width:90%; margin:0 0 0 5%;}

.listing-related { padding:50px 0;}
.listing-related .container-fluid { padding:0 80px;}
.listing-related h2 { float:left; width:100%; padding:0 50px 0 0; font-size:50px; font-family:'Corporate A'; margin:0 0 50px 0; position:relative;}
.related-block .search-img { width:100%;}
.related-block .search-det { width:100%;}
.related-block .search-det a { float:left; width:100%; padding:0 50px 0 0; font-size:35px; color:#111; font-family:'Corporate A'; margin:0 0 30px 0; position:relative;}
.related-block .search-det a::before { content:''; position:absolute; left:0; top:-10px; width:90px; height:3px; background:#111;}
.related-block .search-det a:hover { color:#00abef;}

.contact-area { float:left; width:100%; padding:100px 0; background:#ececec;}
.contact-area h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; padding:0 0 100px 0; text-align:center;}
.contact-tabs { float:left; width:100%; padding:0 20%;}
.contact-tabs .nav-tabs { margin:0 0 100px 0; justify-content:center; border:none;}
.contact-tabs .nav-tabs .nav-link { border:none; font-size:25px; font-weight:500; color:#333; padding:0 0 20px 0; margin:0 20px;}
.contact-tabs .nav-tabs .nav-item.show .nav-link, .contact-tabs .nav-tabs .nav-link.active { background:none; font-weight:700; color:#00abef; border-bottom:3px solid #00abef;}
.contact-form { float:left; width:100%;}
.contact-form ul { float:left; width:100%; margin:0 0 20px 0;}
.contact-form ul li { float:left; width:98%; margin:0 2% 20px 0;}
.contact-form ul li.half-width { width:48%;}
.contact-form ul li input, .contact-form ul li select, .contact-form ul li textarea { float:left; width:100%; padding:15px 20px; font-size:17px; color:#555; border:none;}
.contact-form ul li textarea { height:200px;}
.contact-form ul li span { font-size:17px; color:#555;}
.contact-form ul li p { font-size:15px; color:#555;}
.contact-form ul li p a { color:#00abef; text-decoration:underline;}
.contact-form h4 { float:left; width:100%; font-size:20px; font-weight:600; color:#222; margin:0 0 20px 0;}
.contact-form ul.contact-reason li { width:25%; margin:0 0 10px 0;}
.contact-form ul.contact-reason li input { float:left; width:auto; margin:6px 10px 0 0;}
.contact-form ul li.offers-note input { float:left; width:auto; margin:6px 10px 0 0;}
.contact-form ul li button { float:left; padding:30px 50px; font-size:25px; color:#fff; background:#00abef; margin:30px 0 0 0;}
.contact-form ul li button:hover { background:#0093ce;}

img{max-width:100% !important;}



.hero-two { float:left; width:100%; background:#ececec; padding:100px 0;}
.hero-two h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0; text-align:center;}
.hero-two h3 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; color:#333; margin:0 0 20px 0; text-align:center;}
.hero-two p { float:left; width:100%; font-size:20px; color:#555;}
.hero-two-img { float:left; width:100%;}
.hero-two-img .col-sm-12 { padding:0;}

.carousel-sec { float:left; width:100%; padding:80px 0;}
.truck-slider .slick-prev::before, .truck-slider .slick-next::before { font-size:25px; color:#000;}
.truck-slider .item { padding:20px; border:1px solid #555; margin:10px; text-align:center;}
.truck-slider .item span { float:left; width:100%; margin:0 0 20px 0; font-size:50px;}
.truck-slider .item h4 { float:left; width:100%; font-size:30px; font-family:'Corporate A'; color:#333;}
.truck-slider .item p { float:left; width:100%; font-size:15px; color:#333;}

.dark-sec { float:left; width:100%; padding:50px 0; background:#000; color:#fff;}
.help-links { float:left; width:100%; display:flex; justify-content:space-between;}
.help-links a { width:24%; background:#2c2c2c; padding:20px; font-size:17px; font-weight:700; text-transform:uppercase; text-align:center; color:#fff;}
.help-links a span { float:left; width:100%; text-align:center; margin:0 0 10px 0; font-size:50px;}
.help-links a:hover { background:#555;}

.tech-details { float:left; width:100%; margin:50px 0;}
.tech-details h3 { float:left; width:100%; font-size:40px; font-family:'Corporate A';}
.tech-details h4 { float:left; width:100%; font-size:25px; font-family:'Corporate A';}
.tech-details ul { float:left; width:100%; padding:50px 0 10px; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:30px 0 0 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.tech-details ul li { float:left; width:32%; margin:0 0 40px 0;}
.tech-details ul li p { float:left; width:100%; font-size:17px; color:#fff; margin:0 0 10px 0;}
.tech-details ul li a { float:left; width:100%; background:#ff0000; padding:20px; font-size:17px; font-weight:700; text-transform:uppercase; color:#fff; margin:0 0 10px 0;}
.tech-details ul li a i { float:right; font-size:25px;}
.tech-details ul li a:hover { background:#555;}

.light-sec { float:left; width:100%; padding:50px 0; background:#ececec; color:#333;}
.perfect-partner { float:left; width:100%;}
.perfect-partner h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0; text-align:center;}
.partner-nav { float:left; width:100%; padding:0 10%;}
.partner-nav span { float:left; width:96%; margin:0 2%; background:#2c2c2c; padding:20px; font-size:17px; font-weight:700; text-transform:uppercase; text-align:center; color:#fff; cursor:pointer;}
.partner-nav span:hover { background:#555;}
.partner-for { float:left; width:100%; padding:0 50px;}
.partner-for .slick-prev::before, .partner-for .slick-next::before { font-size:25px; color:#000;}
.slide-det { float:left; width:100%; padding:50px 0;}
.slide-det-img { float:left; width:50%;}
.slide-det-text { float:left; width:50%; padding:30px;}
.slide-det-text h3 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; margin:0 0 10px 0;}
.slide-det-text h4 { float:left; width:100%; font-size:25px; font-family:'Corporate A'; margin:0 0 20px 0;}
.slide-det-text p { float:left; width:100%; font-size:17px;}


.hero-vito { float:left; width:100%; background:#ececec; padding:100px 0;}
.hero-vito h1 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0; text-align:center;}
.hero-vito h2 { margin:0 auto 30px; display:table; font-size:40px; font-family:'Corporate A'; color:#333; text-align:center; border-top:2px solid #333; border-bottom:2px solid #333;}
.hero-vito a { margin:0 auto 30px; display:table; font-size:17px; color:#fff; padding:10px 20px; background:#333; border-radius:4px;}
.hero-vito a:hover { background:#555;}
.hero-vito p { float:left; width:100%; font-size:15px; color:#555; text-align:center;} 

.vito-exp { float:left; width:100%; padding:100px 0 50px; background:#111;}
.vito-exp h2 { float:left; width:100%; font-size:50px; font-family:'Corporate A'; color:#fff; margin:0 0 30px 0; text-align:center;}
.vito-exp p { float:left; width:100%; font-size:20px; font-family:'Corporate A'; color:#fff; margin:0 0 50px 0; text-align:center;}

.tab-sec { float:left; width:100%; padding:100px 0;}
.tab-sec h2 { float:left; width:100%; font-size:40px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0; text-align:center;}
.tab-sec h3 { float:left; width:100%; font-size:30px; font-family:'Corporate A'; color:#333; margin:0 0 30px 0; text-align:center;}
.tab-sec .nav-tabs { float:left; width:100%; border:none; display:flex; justify-content:center; margin:0 0 20px 0;}
.tab-sec .nav-tabs .nav-link { padding:10px 20px; font-size:20px; color:#777; border:1px solid #ccc; border-radius:0;}
.tab-sec .nav-tabs .nav-link.active { color:#111; border:1px solid #333;}
.tab-sec .tab-content { float:left; width:100%; padding:30px 0;}
.tab-block { float:left; width:100%; text-align:center;}
.tab-img { float:left; width:100%; text-align:center;}
.tab-det { float:left; width:60%; text-align:center; margin:-70px 20%; background:#fff; padding:40px;}
.tab-det h3 { float:left; width:100%; font-size:35px; font-family:'Corporate A'; color:#333; margin:0 0 20px 0;}
.tab-det p { float:left; width:100%; font-size:17px; color:#333;}

.key-features { float:left; width:100%; margin:0 0 50px 0;}
.key-features .carousel-caption { background:rgba(255,255,255,0.8); padding:20px 40px;}
.key-features .carousel-control-next, .key-features .carousel-control-prev { font-size:50px;}
.key-features h5 { font-size:40px; font-family:'Corporate A'; color:#333;}
.key-features p { font-size:17px; color:#333;}

.vehicle-length { float:left; width:100%; text-align:center;}
.vehicle-length .carousel-inner { padding:0 20%;}
.vehicle-length .carousel-indicators { margin:50px 0 0 0;}
.vehicle-length .carousel-indicators li { background:#ccc;}
.vehicle-length .carousel-indicators .active { background:#333;}
.vehicle-length .carousel-control-prev, .vehicle-length .carousel-control-next { font-size:30px; color:#333;}
.vehicle-measure { float:left; width:100%; margin:50px 0;}
.vehicle-measure li { float:left; width:25%; text-align:center;}
.vehicle-measure li span { font-size:15px; color:#777;}
.vehicle-measure li p { font-size:25px; color:#333;}
.vehicle-length .dimension-weight-btn { margin:auto; display:table; padding:10px 20px; background:#eee; border-radius:4px; font-size:17px; color:#333;}
.vehicle-length .dimension-weight-btn:hover { background:#333; color:#fff;}

.tab-det li{
    padding-top:10px;
    list-style: circle;
}