/* Test */
.left { float: left; }
.right { float: right; }
.middle { margin: 0 auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right{ text-align: right; }
.clearfix:after,
.wrapper:after,
.form .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0;  }

/* Based on 60px gap */
.col { margin-right: 60px; }
.col_1 { margin-right: 45px; }
.col-last { margin-right: 0 !important; }
.col-2-1 { width: 530px; }
.col-3-1 { width: 333px; }
.col-3-2 { width: 726px; }
.col-4-1 { width: 235px; }
.col-4-3 { width: 825px; }
.col-6-1 { width: 136px; }
.col-50 { width: 50%; }

.small-text { font-size: 12px; line-height: 20px; }
.large-text { font-size: 24px; line-height: 28px; }
.no-margin { margin: 0 !important; }
.hidden { display: none !important; }
.block { display: block !important; }
.inline { display: inline-block; }

input[type="text"], input[type="password"], select, textarea { line-height: 32px; height: 32px; border: 1px solid #d4d4d4; font-family: 'nissan', 'lato', sans-serif; font-weight: 400; padding: 0 5px; font-size: 14px; display: inline-block; }
label { font-size: 14px;  }
textarea { line-height: 32px; border: 1px solid #d4d4d4; font-family: 'nissan', 'lato', sans-serif; font-size: 16px; line-height: 24px; min-height: 96px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {border: 1px solid #3a97b5; color: #111;  }
label.error {  font-size: 12px; color: #e63c2e; display: block; }
::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
::-moz-placeholder { color: rgba(0,0,0,.3) }
:-ms-input-placeholder { color: rgba(0,0,0,.3) }
input:-moz-placeholder { color: rgba(0,0,0,.3)}

.button { display: inline-block; margin-top: 24px; padding: 0 15px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 400; text-decoration: none; background: #c3002f; color: #FFF;  }
.button .fa { margin-right: 10px; font-size: 18px; }
.button-large { padding: 0 30px; line-height: 55px; font-size: 18px; font-weight: 700; }
.button-small { padding: 0 10px; line-height: 32px; font-size: 12px; }
.button-offset { margin-top: 25px; }
.button:hover { color: #fff; background: #333; }

button[type="submit"].button, input[type="submit"] { border: 0; margin: 0; cursor: pointer; }

.readmore { text-transform: uppercase; text-decoration: none; display: inline-block; color: #c3002f; font-weight: 400; margin-top: 24px;  }
.readmore span { font-size: 18px; display: inline-block; margin-right: 10px;  }
.readmore:hover { color: #333; }
.readmore:hover span { animation: readmore-hover .5s infinite ease-in-out; -webkit-animation: readmore-hover .5s infinite ease-in-out; -moz-animation: readmore-hover .5s infinite ease-in-out;   }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

h1,h2,h3,h4,h5,h6 { font-weight: 700; text-transform: uppercase; }
h2,h3 { font-size: 18px; line-height: 28px;  }

p + p { margin-top: 24px; }
strong, b { font-weight: 700; }
i, em { font-style: italic; }
a { text-decoration: none; }
img { max-width: 100%; }

body { font-size: 14px; line-height: 24px; font-family: 'nissan'; color: #333; background-color: #c3002f; font-weight: 300; }
/**/

div.wrapper { width: 1120px; margin: 0 auto; }

header.main { background: rgba(0,0,0,.7); min-height: 60px; position: fixed; width: 100%; z-index: 1000;  }
header.main .navigation { min-height: 60px; width: auto; }
header.main .navigation-trigger { display: none; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background:#c3002f; text-align: center; font-size: 24px; color: #FFF; position: fixed; right: 20px; top:10px; }
header.main .logo { position: absolute; font-size: 0; line-height: 0; box-shadow: 0px 0px 3px rgba(0,0,0,.3);}
header.main .logo:hover { margin-top: -5px; }

header.main .social a { display: inline-block; color: #FFF; line-height: 60px; padding: 0 5px; }
header.main .social a .fa { font-size: 1.2em; }
header.main .social,
header.main nav { display: inline-block; }

header.main nav { line-height: 60px; margin-right: 30px; }
header.main nav ul { margin: 0; padding: 0; }
header.main nav ul li { display: inline-block; }
header.main nav ul li a { color: #FFF; display: inline-block; font-size: 1em; font-weight: 700; text-transform: uppercase; padding: 0 15px; }
header.main nav ul li a:hover { background: rgba(0,0,0,.8); }

header.main nav ul ul { position: absolute; padding: 0; opacity: 0; margin-top: 20px; min-width: 170px;}
header.main nav ul ul li { display: block; line-height: 40px; text-align: center; }
header.main nav ul ul li a { line-height: 24px; color: #FFF; background: #c3002f; display: block; padding: 7px 15px; }

header.main nav ul li:hover ul {animation: fade-in .5s 1 both ease-in-out; -webkit-animation: fade-in .5s 1 both ease-in-out; -moz-animation: fade-in .5s 1 both ease-in-out; margin-top: 0; }

main.main { display: block; background: #FFF;  }
main.main.static { padding-top: 50px; }
main article { font-size: 18px; line-height: 28px; }
main article header h1,
main header h1 { font-size: 24px; margin-bottom: 28px; }
main article,
main article + aside { padding: 60px 0; }
main aside { padding: 0; }
main aside:first-child{ padding: 0; }
main aside + article.vertical_center { padding: 100px 0px 60px 60px; }
main article.vertical_center { padding: 150px 0; }

main article.flat,
main aside.flat { padding: 0; }
main article + aside figure { font-size: 0; line-height: 0; }
main .content article ul { padding: 0 0 0 20px; }
main .content article p + ul,
main .content article ul + p { margin-top: 24px; }
main .content article ul li { padding-left: 10px; }
main .content article ul li:before { position: absolute; content: "\f105"; font-family: fontAwesome; margin-left: -12px; color: #c3002f; margin-top: 2px;  }
main .content article a:not(.button) { color: #c3002f; }

main .content .extra { margin-top: 30px;  display: flex; flex-wrap: wrap;}
main .content .extra:empty { display: none; }
main .content + .content { border-top: 1px solid #ddd; }
main .boxed_link,
main .boxed { border: 1px solid #ddd; }

main .content.lustrum { background: #c3002e; color: #fff; margin-top: 0; border-top: 1px solid #fff; }
main .content.lustrum a.button { border: 1px solid #fff; }

div.lustrum-programm {  }
div.lustrum-programm div.lustrum-row {  display: grid; grid-template-columns: 150px 1fr; margin-bottom: 20px;}
div.lustrum-programm div.lustrum-row div.programm-date { font-weight: bold; color: #c3002e }
div.lustrum-programm div.lustrum-row div.programm-date span.small { font-size: 80%; color: #333;}
div.lustrum-programm div.lustrum-row div.programm-content {  }

main aside figure + .text { margin-top: 60px; }

main aside .dashboard-button.col:nth-child(2n) { margin-right: 0; }
main aside .dashboard-button figure { font-size: 0; max-height: 176px; height: 176px; overflow: hidden; text-align: center; }
main aside .dashboard-button .button { margin-top: 0; display: block; text-align: center; }
main aside .dashboard-button .button.button-large { padding: 0 10px; }
main aside .dashboard-button:hover .button { color: #fff; background: #333; }
main aside .dashboard-button:hover figure { opacity: .8; }

main aside .text  { font-size: 16px; line-height: 24px; }
main aside .text .inner { padding: 20px; }

main aside .filter { background: #eee; padding: 10px; transition: all .4s; margin-top: 60px; }
main aside .filter h3 .fa {  float: right; color: #ccc; }
main aside .filter button[type="submit"] { margin-top: 24px; }
main aside .filter .option { margin-top: 24px; font-size: .9em; }
main aside .filter .option .title { margin-bottom: 0px; font-weight: 700; }
main aside .filter .option .content { margin-top: 0px;}
main aside .filter .option .content select,
main aside .filter .option .content input[type="text"] { width: 100%; }
main aside .filter .option .content label { display: block; font-size: .9em; margin-top: 0px;}

main .carousel .container { width: 100%; height: 580px; overflow: hidden; opacity: 1; }
main .carousel.small .container { height: 400px; }
main .carousel.small .container .item { min-height: 400px; }
main.static .carousel .container { opacity: 1; height: auto; overflow: none; }
main .carousel .item { background-position: 50% 50%; background-size: cover; min-height: 580px; }
main .carousel .item article { background: rgba(0,0,0,.5); color: #fff; padding: 0; }
main .carousel .item article .inner { padding: 25px; }
main .carousel .item article .inner header { margin-bottom: 24px; }
main .carousel .item article .inner header * { font-size: 24px; color: #FFF; }
main .carousel .item article .inner a { }
main .carousel .item article .inner a.hidden { display: none; }

main .carousel .overlay { width: 100%; height: 580px; overflow: hidden; opacity: 1; z-index:2; position: absolute; display: flex; justify-content:flex-end;}
main .carousel .overlay .overlay-image { width: 350px; height: 580px; overflow: hidden; opacity: 1; background-repeat: no-repeat; background-position: 50% center; display: flex; align-items:center; }
main .carousel .overlay .overlay-image .inner { width: 300px; overflow: hidden; background:#c3002f; padding:25px; color:#fff; margin-left:25px;}
main .carousel .overlay .overlay-image .inner a { background:#fff !important; color:#c3002f !important;}

main .carousel .owl-controls { position: absolute; z-index: 100; width: 100%; margin-top: -60px;  }
main .carousel .owl-controls .owl-dots { display: block; text-align: center; line-height: 10px; }
main .carousel .owl-controls .owl-dots div { display: inline-block; width: 8px; height: 8px;  border-radius: 50%; background: rgba(0,0,0,.7); margin: 0 2px;}
main .carousel .owl-controls .owl-dots .active { background:#c3002f; width: 10px; height: 10px; }

main .payoff { background:#c3002f; color: #FFF; min-height: 60px; line-height: 60px; font-size: 1.35em; font-weight: 300; text-transform: uppercase; }
main .payoff img[src*="nissan"] { margin-right: 20px; padding-top: 0px; }
main .payoff img { padding-top: 18px; max-width: 30%; }
main .payoff .search { text-align: right; padding-top: 22px; }
main .payoff .search form input[type="text"] { background: rgba(0,0,0,.1);padding: 0 10px; min-width: 180px; height: 34px;line-height: 36px; border: 0; display: block; color: #FFF; outline: none; }
main .payoff .search form button { width: 34px; line-height: 31px; display: block; background: rgba(0,0,0,.1); border: 0; color: #fff; font-size: 18px; }
main .payoff .search form:hover input,
main .payoff .search form:hover button { background: rgba(255,255,255,.2);  }
main .payoff .search ::-webkit-input-placeholder { color: rgba(255,255,255,.8); }
main .payoff .search ::-moz-placeholder { color: rgba(255,255,255,.8); }
main .payoff .search :-ms-input-placeholder { color: rgba(255,255,255,.8); }
main .payoff .search input:-moz-placeholder { color: rgba(255,255,255,.8); }

main .blocks { background: #f1f1f1; }
main .blocks[data-background-color="white"] { background: #fff; }
main .blocks .inner { padding: 60px 0; }
main .blocks .inner[data-margin-top="small"] { padding: 0px 0px 60px 0px; }
main .blocks h1 { margin: 60px 0px 30px 0px; font-size: 24px; margin-bottom: 28px; color: #333;}
main .blocks h3 { margin-bottom: 30px; color: #c3002f; text-transform: uppercase; }
main .item.left.col-4-1 .inner .content { margin-top: 0; }
main .blocks .icon { margin-bottom: 10px; color: #c3002f; font-size: 50px;  text-align: center; width: 100%;}
main .blocks .image-container { background: #f1f1f1; font-size: 0; line-height: 0; overflow: hidden; height: 0; opacity: 0; }
main .blocks .image-container figure { margin-top: 1px; display: block; }
main .blocks .image-container figure:first-child { margin-top: 0px;}

main .blocks .occassion h4 { margin-bottom: 20px; }
main .blocks .occassion .key { display: inline-block; min-width: 70px; }
main .blocks .occassion .price { font-size: 1.8em; display: inline-block; line-height: 48px; font-weight: 600; color: #c3002f; letter-spacing: -1px;}

main .blocks form input[type="text"] { width: 100%; margin-top: 10px; }
main .blocks form button.button { margin-top: 10px; margin: 10px auto 0 auto; }

main .team {  }
main .team + .team { margin-top: 60px; }
main .team h3 { color: #c3002f; }
main .team h3 + h4 { font-size: .8em; }
main .team figure { margin-right: 30px;  }
main .team figure img { border-radius: 50%; box-shadow: 1px 1px 5px rgba(0,0,0,.3) }
main .extra .team { min-height: 200px; }
main .extra .team:nth-child(even) figure { float: left; }
main .extra .team:nth-child(odd) figure { float: right; }

main .address .fa { color: #c3002f; margin-right: 10px; font-size: .8em; }
main .address address span { display: inline-block; min-width: 120px;  }
main .address strong { display: inline-block; margin-bottom: 5px; }
main .address .timetable span { display: inline-block; min-width: 180px; }

main .car-overview { padding: 60px 0; font-size: 18px; line-height: 28px; }
main .car-overview .container { margin-top: 0px; }
main .car-overview .car { margin-top: 60px; }
main .car-overview .car figure { height: 150px; overflow: hidden; margin-bottom: 10px;  }
main .car-overview .car.col:nth-child(3n) { margin-right: 0; }
main .car-overview .car figure a { display: block; width: 235px; height: 250px; margin-left: 0px; margin-top: -10px; }
main .car-overview .car figure img { transform: scale(1.025);  }
main .car-overview .car:hover figure img { transform: scale(1); opacity: .8;}
main .car-overview .car header { min-height: 116px; }
main .car-overview .car header h2 { font-size: 18px; color: #c3002f; font-weight: 700; line-height: 24px; }
main .car-overview .car header h2 + h3 { font-size: 14px; line-height: 20px; text-transform: none;}
main .car-overview .car header h2 + h3 span { margin-left: 5px;}
main .car-overview .car .data { margin-top: 10px; font-size: .9em; font-weight: 400; }
main .car-overview .car .data { border: 1px solid #ddd; padding-bottom: 2px;}
main .car-overview .car .data .row { margin: 2px 2px 0 2px; padding: 0 5px; }
main .car-overview .car .data .row:nth-child(even) { background: #f1f1f1; }
main .car-overview .car .data .row .key { font-weight: 700; min-width: 80px; display: inline-block; }
main .car-overview .car .price { font-weight: 700; font-size: 1.2em; text-align: center; margin-top: 15px; color: #000; }
main .car-overview .car .lease { text-align: center; color: #000; font-size: 14px;}
main .car-overview .car .lease[data-lease=""]{ color: #fff; font-size: 0px;}
main .car-overview .car .lease span { font-weight: 700;  text-align: center;}
main .car-overview .car .button { margin-top: 15px; display: block; text-align: center; }
main .car-overview .filter-trigger { height: 40px; line-height: 40px; background: #ddd; display: none; text-align: center; color: #333; right: 0;  }
main .car-overview .filter-close-trigger { background: none; color: #333; position: absolute; margin-left: 200px; margin-top: 18px; width: 32px; height: 32px; line-height: 30px; text-align: center; display: none;}
main .car-overview .filter-close-trigger span { margin-right: 0; }
main .car-overview .filter-close-trigger:hover { background: #333; color: #FFF; }
main .car-overview .car:hover figure img { transform: scale(1); }

main .car-detail { padding: 60px 0; }
main .car-detail .accessory,
main .car-detail .text,
main .car-detail .movie,
main .car-detail .action,
main .car-detail .form,
main .car-detail .row + .row { margin-top: 30px; }
main .car-detail .form .row + .row {  margin-top: 10px; }
main .car-detail header h1 { margin-bottom: 0px; color: #c3002f; }
main .car-detail h4 { font-size: 1.2em; color: #666;   }
main .car-detail .price { color: #999; font-size: 12px; margin-top: 5px; }
main .car-detail .price span {display: block; font-size:28px; font-weight: 900; color: #c3002f;  }
main .car-detail .price .lease { color: #000; font-size: 14px; margin-top: 5px; display: block; width: 100%;}
main .car-detail .media .container { opacity: 0; }
main .car-detail .media.large .container iframe{ max-width: 726px; width: 726px; height: 544px; }
main .car-detail .media.large .container img { max-width: 726px; width: 726px; }
main .car-detail .media.large .container div.owl-controls { width: 100%; }
main .car-detail .media.large .container div.owl-nav { display: block; width: 100%; top: 50%; position: absolute; }
main .car-detail .media.large .container div.owl-nav div.owl-prev { float: left; font-family: FontAwesome; width: 30px; height: 30px; line-height: 10px; padding: 10px 12px; overflow: hidden; text-align: center; background-color: #c3002f; color: #fff; }
main .car-detail .media.large .container div.owl-nav div.owl-next { float: right; font-family: FontAwesome; width: 30px; height: 30px; line-height: 10px; padding: 10px 12px; overflow: hidden; text-align: center; background-color: #c3002f; color: #fff; }
main .car-detail .media.large .container div.owl-nav div.owl-next:hover, main .car-detail .media.small .container div.owl-nav div.owl-prev:hover { background: #000; }
main .car-detail .media.small { height: 120px; }
main .car-detail .media.small .container { opacity: 0; }
main .car-detail .media.small .container figure { height: 120px; overflow: hidden;border: 1px solid #fff; max-width: 220px; overflow: hidden }
main .car-detail .media.small .container figure img { max-width: 190px; }
main .car-detail .media.small .container div.owl-controls { width: 100%; }
main .car-detail .media.small .container div.owl-nav { display: block; width: 100%; top: 38%; position: absolute; }
main .car-detail .media.small .container div.owl-nav div.owl-prev { float: left; font-family: FontAwesome; width: 30px; height: 30px; line-height: 10px; padding: 10px 12px; overflow: hidden; text-align: center; background-color: #c3002f; color: #fff; }
main .car-detail .media.small .container div.owl-nav div.owl-next { float: right; font-family: FontAwesome; width: 30px; height: 30px; line-height: 10px; padding: 10px 12px; overflow: hidden; text-align: center; background-color: #c3002f; color: #fff; }
main .car-detail .media.small .container div.owl-nav div.owl-next:hover, main .car-detail .media.small .container div.owl-nav div.owl-prev:hover { background: #000; }
main .car-detail aside .boxed { padding: 30px; }
main .car-detail aside .boxed_link{ padding: 0px; }
main .car-detail aside .data { margin-top: 20px; font-weight: 400; }
main .car-detail aside .details .row { margin-top: 0; }
main .car-detail aside .details .row + .row { margin-top: 5px; }
main .car-detail aside .details .key { font-weight: 700; display: inline-block; width: 40%; }
main .car-detail aside .details .value { width: 60%;  }
main .car-detail aside .logos a { display: inline-block; max-width: 35%; margin: 0 20px 0 0; }
main .car-detail aside .logos a:hover { opacity: .5; }
main .car-detail .specification { margin-top: 30px; clear: both; }
main .car-detail .specification h5 { color: #c3002f; }
main .car-detail .specification .details .row { margin-top: 0; }
main .car-detail .specification .details .row + .row { margin-top: 5px; }
main .car-detail .specification .details .key { display: inline-block; width: 40%; }
main .car-detail .specification .details .value { width: 60%;  }
main .car-detail .accessory { margin-top: 30px; }
main .car-detail .accessory .list {  max-height: 102px; overflow: hidden; margin-top: 20px; }
main .car-detail .accessory ul li { display: inline-block; width: 48%; }
main .car-detail .accessory ul li .fa { color: #c3002f; font-size: .8em; margin-right: 5px; }
main .car-detail .accessory .accessory-trigger { display: block; margin-top: 10px; border-top: 1px solid #ddd;  text-align: center; color: #333; font-weight: 700; }
main .car-detail .accessory .accessory-trigger span { color: #c3002f; font-size: .8em; margin-right: 5px }
main .car-detail .accessory .accessory-trigger a { color: #333; border: 1px solid #ddd; border-top:0; display: inline-block; padding: 8px 20px;}
main .car-detail .accessory .accessory-trigger a:hover { color: #fff; background: #333; border-color: #333;  }
main .car-detail .movie { height: 185px; max-height: 333px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; }
main .car-detail .movie .title { background: rgba(0,0,0,.5); color: #FFF; padding: 15px 30px; min-height: 78px; margin-top: 0px; transition: all .3s cubic-bezier(.35,.19,.9,.96); font-size: 1.1em; }
main .car-detail .movie .title span { font-size: 1.5em; display: block; font-weight: 700; text-transform: uppercase; }
main .car-detail .movie:hover .title { background: #c3002f; margin-top: 0px;  }
main .car-detail .action { }
main .car-detail .action a { background: #c3002f;  color: #fff; padding: 0 20px; display: inline-block; line-height: 40px; font-size: 1.1em; font-weight: 700;}
main .car-detail .action a span { margin-right: 10px; }
main .car-detail .action a:hover { background: #333; }
main .car-detail .intrest { overflow: hidden; max-height: 0; opacity: 0; }
main .car-detail .intrest.active { animation: fade-in .5s 1 both ease-in-out; -webkit-animation: fade-in .5s 1 both ease-in-out; -moz-animation: fade-in .5s 1 both ease-in-out; }
main .car-detail .intrest.response {  max-height: 100%; }
main .car-detail .form input[type="text"],
main .car-detail .form textarea { width: 100%; }
main .car-detail .form form { margin-top: 0; max-width: 100%; }

main .page-selector { margin-top: 60px; border-top: 1px solid #ddd; padding-top: 30px; text-align: center; }
main .page-selector * { display: inline-block }
main .page-selector a { display: block; width: 32px; min-height: 32px; line-height: 32px; color: #666; text-align: center; font-weight: 600; border: 1px solid #FFF;  }
main .page-selector a:hover { background: #c3002f; color: #FFF;  }
main .page-selector .active a { background: #FFF; color: #c3002f; border: 1px solid #ddd; }
main .page-selector li:first-child { margin-right: 30px; }
main .page-selector li:last-child { margin-left: 30px; }
main .page-selector li:first-child a,main .page-selector li:last-child a { color: #999; }
main .page-selector li:first-child a:hover,main .page-selector li:last-child a:hover { color: #fff; }

main .form { display: inline-block; margin-top: 60px; }
main .form .row { vertical-align: top; margin-top: 10px; }
main .form .row.title { font-weight: 600; border-bottom: 1px solid #ddd; text-transform: uppercase; padding-bottom: 10px;   color: #c3002f;}
main .form .row + .title { margin-top: 30px }
main .form label { min-width: 130px; display: inline-block; float: left; font-weight: 600; line-height:30px; }
main .form label .fa { color: #c3002f; font-size: 6px; margin-top: -4px;  }
main .form input[type="text"], main .form input[type="textarea"], main .form select { min-width: 200px; }
main .form textarea { width: 210px; }
main .form .spacer { min-height: 24px; }
main .form .key { min-width: 200px; }
main .form .key label { min-width: 200px;  }
main .form .value input[type="text"], main .form .value input[type="textarea"], main .form .value select { min-width: 300px; }
main .form .value textarea { width: 300px; }
main .form .checkbox { width: 300px;  }

main .content { margin-top: 35px;  }
main .content.seperator h1{ margin: 60px 0px 30px 0px; font-size: 24px; margin-bottom: 28px; color: #333; }
main .content.seperator:before { position: absolute; content: " "; width: 1200px; height: 6px; left: 50%; margin: -38px 0 0 -600px; }
main .content.seperator .form { margin-top: 0px; font-weight: 600; line-height: 30px; font-size: 14px; }
main .content.seperator .form form{ width: 100%; display:flex; flex-direction: column; }
main .content.seperator .form form .row{ width: 100%; display: flex; flex-direction: row;  }
main .content.seperator .form label { min-width: 130px; display: inline-block; float: none; font-weight: 600; line-height: 30px; font-size: 14px; }
main .content .boxed_link,
main .content .boxed { width: 326px; margin-left: 20px; cursor: pointer; }
main .content .boxed_link +.boxed_link,
main .content .boxed + .boxed:last-child { margin-left: 40px; }
main .content aside .boxed_link,
main .content aside .boxed { margin-left: 0px; margin-top: 60px; }
main .content aside .boxed:first-child { margin-top: 0; }
main .content .boxed figure { max-width: 100%; font-size: 0; line-height: 0;  }
main .content .boxed figure img { max-width: 100%;  }
main .content .boxed figure figcaption { position: absolute; z-index: 100; margin-top: 30px; margin-left: -7px; background: #1a1a1a; padding: 0px 20px 0px 20px; font-size: 28px; color: #FFF; line-height: 54px; font-weight: bold; }
main .content .boxed figure figcaption:before { position: absolute; margin: 54px 0 0 -20px; z-index: 200; content: " "; width: 7px; height: 8px; background: url(../image/label_background.png) no-repeat bottom left; }
main .content .boxed .content { color: #c3002f; text-decoration: none; display: block; background: #fff; }
main .content .boxed .content h4 { padding: 20px 30px 5px 30px; font-size: 20px; }
main .content .boxed .content p { padding: 0px 30px 20px 30px; }
main .content .boxed_link.licenseplate .content,
main .content .boxed.licenseplate .content,
main .content .boxed.licenseplate .content form{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
main .content .boxed_link.licenseplate .content form,
main .content .boxed.licenseplate .content form{width: 100%}
main .content .boxed_link.licenseplate input[type="text"],
main .content .boxed.licenseplate input[type="text"] { width: 150px; padding: 0 5px; display: inline-block; border: 2px solid #515151; border-radius: 4px; background: #f7de08; color: #000; font-weight: 700; line-height: 32px; font-size: 18px; }
main .content .boxed_link.licenseplate button[type="submit"],
main .content .boxed.licenseplate button[type="submit"] { display: inline-block; margin-top: 24px; width: 100%; padding: 0 15px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 400; text-decoration: none; background: #c3002f; color: #FFF; border-radius: 0px; }
main .content .boxed_link.licenseplate .content h4,
main .content .boxed.licenseplate .content h4 { margin-bottom: 20px; font-size: 18px;}
main .content .boxed_link.licenseplate .content h4{ padding: 0px 35px;}

main .notice { font-size: 14px; line-height: 20px; color: #333; background: #ffffe0; margin-top: 24px; padding: 5px 10px;}
main .notice.error { background: #ffe0e9; }

main .news-module h3 { text-transform: uppercase; margin-bottom: 30px; margin-top: 30px; color: #000; }
main .news-module .item + .item { margin-top: 30px; }
main .news-module .item { font-size: 14px; line-height: 24px; cursor: pointer; }
main .news-module .item header h2 { font-size: 18px; line-height: 24px; }
main .news-module .item .date { margin-top: 20px; opacity: 0; animation: news-module-in .4s forwards .2s; -webkit-animation: news-module-in .4s forwards .2s; -moz-animation: news-module-in .4s forwards .2s; }
main .news-module .item + .item .date { animation-delay: .6s; }
main .news-module .carrousel { background: #eee; }
main .news-module .carrousel .container,
main .news-module .carrousel .container .image { height: 500px; overflow: hidden; }
main .news-module .carrousel .container .image { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
main .news-module .carrousel .container .image h4 { display: inline-block; line-height: 18px; font-size: 14px; font-weight: 700; text-transform: uppercase; background: #f9e72f; color: #000; padding: 5px 10px; max-width: 60%; margin-top: 350px }

main .news-module-flat { background:#eee; color: #000; padding: 60px 0; }
main .news-module-flat article.text { text-align: center; margin-bottom: 28px; }
main .news-module-flat article.text header h3 { font-size: 28px; text-transform: uppercase;}
main .news-module-flat .item article { font-size: 14px; line-height: 24px; color: #000;  }
main .news-module-flat .item article header { margin-bottom: 10px; }
main .news-module-flat .item article header h2 { font-size: 18px; font-weight: 700; line-height: 24px;  }
main .news-module-flat .item article p b,
main .news-module-flat .item article p strong { font-weight: 300; }
main .news-module-flat .news-row .column:first-child .item { margin-right: 30px; }
main .news-module-flat .news-row .column:last-child .item { margin-left: 30px; }

main .news-overview { margin-top: 30px;  }
main .news-overview article { padding: 0; }
main .news-overview .item + .item { margin-top: 60px; }
main .news-overview .item { margin-left: 80px; }
main .news-overview .item .date { position: absolute; margin-left: -80px; margin-top: 5px; }
main .news-overview .item header { margin-bottom: 10px; }
main .news-overview .item header h2 { font-size: 20px; line-height: 28px; }
main .news-overview .item article p b,
main .news-overview .item article p strong { font-weight: 300; }
main .news-overview .item article .readmore { margin-top: 10px; }
main .embed { padding-top: 20px; }

main .dashboard-news .news-date, main .dashboard-news .readmore { display: none; }

main .news-module .item p,
main .news-overview .item article p,
main .news-module-flat .item article p { display: none; }
main .news-module .item p:first-child,
main .news-overview .item article p:first-child,
main .news-module-flat .item article p:first-child { display: block; }

main .date { width: 50px; height: 50px; background: #c3002f; color: #FFF; text-align: center; line-height: 20px; border-radius: 5px; }
main .date span { display: block; }
main .date .day { font-size: 24px; font-weight: 700px; font-weight: 700; padding-top: 7px; }
main .date .month { font-size: 18px; }

main .block-search .result { margin-bottom: 30px; font-size: 18px; color: #c3002f; font-weight: 500; line-height: 24px;}
main .block-search .result a { font-size: 12px; color: #ccc; }
main .block-search .result a span { color: #333; }
main .block-search .result a:hover span {color: #ccc; }
main .block-search .result p { font-size: 14px; color: #333; font-weight: 300; }
main .block-search input[type="text"] { background: none; border: 0; line-height: 42px;  margin: 0 5px; padding: 0; width: 80%;}
main .block-search .search { line-height: 42px; height: 42px; background: #f1f1f1; display: block; max-width: 500px; }
main .block-search .search button[type="submit"] { border: 0; background: #c3002f; padding: 10px; font-size: 18px; color: #fff; float: right; margin: 1px 0 0 0; cursor: pointer; }
main .block-search .search button[type="submit"]:hover { background: #000; color: #fff;  }

div.social { text-align: left; padding: 30px 0 0 0;  }
div.social a { width: 48px; height: 48px; line-height: 46px; float: left; border: 1px solid #fff; background: #c3002f; border-right: 0; text-align: center; }
div.social a:last-child { border-right: 1px solid #ccc; }
div.social a:before { text-align: center; margin-left: 5px; margin-top: 13px; font-size: 24px; color: #fff; font-family: FontAwesome; }
div.social a:hover:before, div.social a:hover { background: #000; }

div.show-car-overview { width: 205px;  border: 1px solid #eee; padding: 15px; float: left; margin-right: 10px; margin-bottom: 10px;  }
div.show-car-overview h5 { font-size: 24px; }
div.show-car-overview h6 { font-size: 12px; line-height: 17px; height: 50px;  }
div.show-car-overview img { margin: 10px 0 10px 0; }
div.show-car-overview a { background: #eee; display: block; width: 100%; font-size: 14px; line-height: 24px; color: #333; padding: 5px; }
div.show-car-overview a:hover { background: #c3002f; color: #fff !important; }
div.show-car-overview a:before { position: absolute; content: "\f105"; font-family: fontAwesome; margin-left: 155px; color: #c3002f;;  }
div.show-car-overview a:hover:before {  color: #fff !important; }

main.static div.show-car-overview { width: 30%; min-height: 100px;  }

footer { color: #FFF; padding: 40px 0; }
footer a { color: #FFF; text-decoration: underline; }
footer div.social { padding-top: 10px; }
footer div.social a { text-decoration: none; }
footer .contact-key { display: inline-block; min-width: 50px; }
footer .sign { display: block; text-align: center; }
footer .sign a { display: inline-block; font-size: 20px; line-height: 28px; text-transform: uppercase; padding: 10px; background: #FFF; color: #c3002f; font-weight: 700; text-decoration: none; }
footer .sign:hover a { margin-top: 5px; background: #111; color: #FFF;}
footer .sign:hover a + .fa { color: #111;}
footer .sign .fa { display: inline; line-height: 40px; font-size: 40px; position: absolute; margin-top: -23px; margin-left: -12px; text-align: center;}
footer .brand { margin-top: 5px; }
footer .wrapper + .wrapper {  padding-top: 40px; }

/* ANIMATION */
header.main .logo,
a.readmore,
.button,
nav ul ul,
.car figure *,
.accessory .accessory-trigger *,
.sign a, .sign span { transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -ms-transition: all .4s;  }
.page-selector a { transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .4s; -ms-transition: all .2s;  }

/*KEYFRAMES*/

/* readmore */
@-webkit-keyframes readmore-hover {
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

@-moz-keyframes readmore-hover {
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

@-ms-keyframes readmore-hover {
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

@keyframes readmore-hover {
	0%   { margin-left: 0; margin-right: 10px;}
	50%   { margin-left: 5px;  margin-right: 5px; }
	100% { margin-left: 0px;  margin-right: 10px; }
}

/* bounce */
@-webkit-keyframes bounce-hover {
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	100% { margin-top: 0px; }
}

@-moz-keyframes bounce-hover {
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	70%   { margin-top: 0px; }
	100% { margin-top: 0px; }
}

@-ms-keyframes bounce-hover {
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	100% { margin-top: 0px; }
}

@keyframes bounce-hover {
	0%   { margin-top: 0px; }
	50%   { margin-top: -3px; }
	100% { margin-top: 0px; }
}

/* FADE */

@-webkit-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@media only screen and (max-width: 768px) and (min-width: 310px){
	.left, .right { float: none; }

	.col { margin-right: 0px; }
	.col-last { margin-right: 0 !important; }
	.col-2-1,
	.col-3-1,
	.col-3-2,
	.col-4-1,
	.col-4-3,
	.col-6-1 { width:auto;}
	.col-50 { width: auto; }

	div.wrapper { width: auto; margin: 0 20px; }

	header.main { position: fixed; }
	header.main .navigation-trigger { display: inline-block; }
	header.main .logo {  margin: 0 0 0 0px; }
	header.main .logo img { width: 80px }

	header.main .social { position: fixed; top: 10px; right: 88px; }
	header.main .social a {  line-height: 48px; }

	header.main .social,
	header.main nav { display:inline-block;  }
	header.main nav { line-height: 40px; margin-right: 0; height: 0; overflow: hidden; }
	header.main nav ul:first-child { padding-top: 100px;  }
	header.main nav ul { display: inline-block; }
	header.main nav ul li { display: inline-block; width: 100%; }
	header.main nav ul li a { display: block; text-align: left; }
	header.main nav ul ul { position: relative; opacity: 1; margin-top: 0px;  min-width: 0; display: block;}
	header.main nav ul ul li { display: block; line-height: 24px; }
	header.main nav ul ul li a { line-height: 24px; color: #FFF; background: none; padding-left: 40px; font-size: .9em; }
	header.main nav ul li:hover ul {animation: none; -webkit-animation: none; -moz-animation: none; margin-top: 0; }

	main article, main article + aside { padding: 25px 0; }
	main aside { margin-top: 60px; }
	main aside .dashboard-button { margin-bottom: 20px; }
	main aside .dashboard-button figure { font-size: 0; max-height: 100%; height: auto; max-width: 270px; margin: 0 auto; line-height: 0; }
	main aside .dashboard-button .button { margin-top: 0; display: block; text-align: center; max-width: 270px; margin: 0 auto; }
	main aside .dashboard-button:hover .button { color: #fff; background: #333; }
	main aside .dashboard-button:hover figure { opacity: .8; }

	main .carousel .container { height: 400px; overflow: hidden; opacity: 1; }
	main .carousel .container .item { min-height: 400px; }
	main .carousel.small .container { height: auto; }
	main .carousel.small .container .item { min-height: 300px; }
	main .carousel .container .item .wrapper { padding-top: 100px }
	main .carousel .item article { margin-top: 20px; text-align: center; }
	main .carousel .item article .inner { padding: 20px; }
	main .carousel .item article .inner header{ margin-bottom: 0; }
	main .carousel .item article .inner p { display:none; }
	main .carousel .owl-controls {  margin-top: -25px;  }
	main .carousel .overlay .overlay-image .inner { display: none; }

	main .payoff { padding: 10px 0; line-height: 32px; font-size: 1.35em; text-align: center; }
	main .payoff img[src*="nissan"] { margin-right: auto; margin-left: auto; display: block; }
	main .payoff .search { text-align: right; padding-top: 12px; }
	main .payoff .search form { display: grid; grid-template-columns: 1fr 1fr; max-width: 215px; margin: 0 auto;}
	main .payoff .search form input[type="text"] { background: rgba(0,0,0,.1);padding: 0 10px; min-width: 180px; height: 36px;line-height: 36px; border: 0; display: block; color: #FFF; outline: none; float: left; }
	main .payoff .search form button { display: block;  float: right; }
	main .payoff .search form:hover input,
	main .payoff .search form:hover button { background: rgba(255,255,255,.2);  }
	main .payoff .search ::-webkit-input-placeholder { color: rgba(255,255,255,.8); }
	main .payoff .search ::-moz-placeholder { color: rgba(255,255,255,.8); }
	main .payoff .search :-ms-input-placeholder { color: rgba(255,255,255,.8); }
	main .payoff .search input:-moz-placeholder { color: rgba(255,255,255,.8); }

	main .blocks .image-container { height: auto; opacity: 1; text-align: center; padding: 20px; }
	main .blocks .image-container figure { max-width: 200px; margin: 0 auto; }
	main .blocks .inner { padding: 25px 0; }
	main .blocks h3 { margin-bottom: 24px; }

	main .car-overview .car,
	main .car-overview .filter-trigger { max-width: 235px; margin-left: auto; margin-right: auto; }
	main .car-overview .filter-close-trigger,
	main .car-overview .filter-trigger { display: block; }
	main .car-overview .car.col:nth-child(3n) { margin-right: auto; }

	main .car-overview .filter { width: 250px; position: fixed; height: 100%; right: -250px; z-index: 500; top: 0px; box-shadow: 0 0 3px rgba(0,0,0,.5); overflow-y: auto; }
	main .car-overview .filter.active { right: 0; }
	main .car-overview .filter h3  {  margin-top: 20px}
	main .car-overview aside .filter .option { margin-top: 5px; font-size: .8em; }

	footer { padding: 30px 0; }
	footer .col-2-1.right,
	footer .wrapper .wrapper .col-4-1 { display: none; }
	footer .wrapper .wrapper .col-4-1 {text-align: left;}
	footer .wrapper + .wrapper {  padding-top: 30px; }
}