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



html {
    width: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	padding:0px;
	margin:0px;
	height: 100%;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,ul,p { padding:0px; margin:0px;}
ul { list-style:none; padding:0px; margin:0px;}
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:20px;}
.top-nav { float:right;}
.top-nav a, .top-nav span { float:left; font-size:15px; color:#fff; padding:0 0 0 20px; margin:0 0 0 20px; border-left:1px solid #444;}
.top-nav a:first-child { border:none;}
.top-nav span { font-weight:600;}
.header-main { float:left; width:100%; background:#000; padding:20px 20px 0 20px; position:relative;}
.logo { float:left;}
.mercedez-benz { float:left; border-right:1px solid #333; padding:0 10px 0 0; margin:35px 20px 0 40px;}
.bell-vehicle { float:left; font-size:22px; color:#fff; margin:50px 0 0 0;}
.bell-vehicle strong { font-weight:600;}
.menu { float:right; width:90%; margin:30px 0 0 0;}
.menu ul { float:left; width:100%;}
.menu ul li { float:left; width:33%; border-left:1px solid #333; 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; cursor:pointer;}
.menu ul li h3.active { color:#00abef;}
.menu ul li a { float:left; margin:0 30px 0 0; font-size:15px; color:#fff; padding:0 0 20px 0; position:relative;}
.menu ul li a:hover, .menu ul li a.active { color:#00abef;}
.menu-toggler { font-size:20px; color:#fff; margin:0 0 0 10px; display:none;}

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


.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:0; 
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #ffffff transparent;}


.menu-dropdown { position:absolute; left:0; top:125px; 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:#00abef; margin:0 0 10px 0;}
.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:150px 0;}
.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:#00abef; margin:0 0 10px 0;}
.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:#00abef; margin:0 0 20px 0;}
.offer-block .offer-title i { font-size:20px;}
.offer-block .offer-title:hover { color:#0096d2}
.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:#00abef; margin:0 0 30px 0;}
.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:#00abef; margin:0 0 10px 0;}
.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-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-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 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:#00abef; margin:0 0 10px 0;}
.model-block a i { font-size:18px; margin:0 5px 0 0;}
.model-block.active a { color:#555;}
.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; padding:0 0 0 80px;}
.drive-det { float:left; width:100%; padding:80px 80px 0 80px;}
.drive-det h3 { float:left; width:100%; font-size:25px; color:#555; margin:0 0 40px 0;}
.drive-det p { float:left; width:100%; font-size:17px; color:#777; margin:0 0 40px 0;}
.drive-det a.drive-link { float:left; width:100%; font-size:20px; color:#00abef; margin:0 0 40px 0;}
.drive-det a.drive-link i { font-size:17px;}
.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;}