@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700,800,900|Rubik:300,400,500,600,700,800);

@font-face {
    font-family: Rubik;
    src:url(../fonts/Rubik-Regular.woff2);
}

/* Rubik Regular */
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Rubik Bold */
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Rubik Italic */
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
--primary: #3EA0F5;
--primary-dark: #278CE3;
--secondary: #303130;
}

.mb-0{
	margin-bottom: 0;
}

.bold{
	font-style: bold;
	font-weight:700;
}

.lead{
	font-weight: 400;
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none
}

::selection {
	background: #9cbbcc !important;
	color: #fff
}

::-moz-selection {
	background: #9cbbcc !important;
	color: #fff
}

a {
	color: #131E29;
	outline: 0
}

a:hover {
	color: #666;
	text-decoration: none;
	outline: 0
}

.txt1 a {
	color: var(--primary);
	text-decoration: none;
	outline: 0;
	line-height: 1.3em;
	font-family: 'Rubik'
}

body {
	background: #fff;
	border: 0;
	font: 13px Rubik, Arial, Helvetica, sans-serif;
	color: #131E29;
	line-height: 1.6154;
	min-width: 320px
}

.container {
	position: relative;
	min-width: 320px
}

#main {
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.animated {
	visibility: hidden
}

.visible {
	visibility: visible
}

hr {
	margin-top: 10px;
	margin-bottom: 15px;
	border: 0;
	border-top: 1px dashed rgba(19, 30, 41, .7)
}

small,
.small {
	font-size: 10px;
	line-height: 1.9em !important
}

.white{
	color:white;
}

.mute {
	opacity: .6
}

p {
	line-height: 1.7em;
	font-weight: 400
}

h1.smaller,
h2,
.h2 {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: 'Rubik';
}

h4,
.h4 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: 'Rubik';
	line-height: 1.3em
}

.uppercase {
	text-transform: uppercase
}

.text700 {
	font-weight: 700 !important
}

.text800 {
	font-weight: 800 !important
}

b,
strong {
	font-weight: 800
}

.aurinko {
	position: absolute;
	top: -22px;
	left: 0;
	max-width: 80px
}

.aurinko2 {
	position: absolute;
	top: -35px;
	left: -20px;
	max-width: 130px
}

.center {
	text-align: center
}

.fa-li {
	color: var(--primary)
}

.fa-ul.nomargin {
	margin-bottom: 0
}

.haku-title{
	font-size:24px;
	font-weight: 600;
	padding:15px;
}

.autonovahaku {
	position: relative;
	font-style: italic;
	color: var(--secondary);
	font-size: 32px;
	font-weight: bold;
}

.autonovahaku.listaus {
	position: absolute;
	margin-top: -30px;
	height: 30px;
	background-color: #131E29;
	color: #fff;
	padding: 10px 25px 10px 20px;
	text-transform: uppercase;
	font-size: 14px
}

.autonovahaku.listaus:before {
	content: "\f1b9";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #fdc513
}

.autonovahaku i {
	color: #fdc513
}

p.lead.puhelin {
	font-size: 28px
}

.top0 {
	position: relative;
	background: #131E29;
	padding: 20px 0 19px;
	height: 55px;
	color: #fff;
	line-height: 16px;
	font-size: 12px;
	text-transform: uppercase
}

.top0 .block-left {
	float: left
}

.top0 .block-right {
	float: right
}

.address1 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	border-right: 0 solid #fff;
	margin-right: 20px
}

.address1 .ei {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #fdc513
}

.phone1 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	border-right: 0 solid #fff;
	margin-right: 20px
}

.phone1 .ei {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #fdc513
}

.social_wrapper {
	display: inline-block;
	vertical-align: top
}

.social {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none
}

.social li {
	display: inline-block;
	margin: 0 20px 0 0
}

.social li a {
	display: block;
	text-decoration: none;
	font-size: 17px;
	color: #fdc513;
	text-align: center;
	line-height: 16px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.social li a:hover {
	color: #fff
}

.signin1 {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #fff;
	padding-right: 25px;
	margin-right: 20px
}

.signin1 a {
	color: #fff;
	text-decoration: none
}

.register1 {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #fff;
	padding-right: 25px;
	margin-right: 10px
}

.register1 a {
	color: #fff;
	text-decoration: none
}

.lang1 {
	display: inline-block;
	vertical-align: top
}

.lang1 .dropdown-toggle {
	border: none;
	padding: 0;
	background: none !important;
	outline: 0;
	display: block;
	width: 100%;
	padding-left: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #fff
}

.lang1 .dropdown-toggle:focus,
.lang1 .dropdown-toggle:hover,
.lang1 .dropdown-toggle:active {
	background: 0 0;
	outline: 0;
	box-shadow: none;
	color: #fff !important
}

.lang1 .dropdown-toggle:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../images/flag_en.png) 0 0 no-repeat;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 5px
}

.lang1 .dropdown-toggle .caret {
	display: inline-block;
	width: 8px;
	height: 5px;
	border: none;
	background: url(../images/arr0.png);
	margin-left: 10px
}

.lang1 .open>.dropdown-toggle {
	color: #fff
}

.lang1 .dropdown-menu {
	min-width: 100%;
	margin: 0;
	padding: 0;
	left: -1px;
	right: -1px;
	margin-top: 13px;
	border-radius: 0;
	border: 1px solid #131E29;
	box-shadow: none;
	z-index: 41;
	background: #fff
}

.lang1 .dropdown-menu a {
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding: 4px 0 4px 10px;
	color: #444;
	text-decoration: none
}

.lang1 .dropdown-menu a:hover {
	background: #131E29;
	color: #fff
}

.lang1 .dropdown-menu a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../images/flag_en.png) 0 0 no-repeat;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 5px
}

.lang1 .dropdown-menu a.ge:before {
	background: url(../images/flag_ge.png) 0 0 no-repeat
}

.lang1 .dropdown-menu a.ru:before {
	background: url(../images/flag_ru.png) 0 0 no-repeat
}

header {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -27px;
	z-index: 50
}

#top1 {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	min-width: 320px
}

#top2 {
	position: relative;
	z-index: 40
}

.top2_wrapper {
	background: var(--secondary);
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.is-sticky .top2_wrapper {
	position: fixed
}

.top2 {
	position: relative
}

.top3-wrapper {
	position: relative;
	background: #f5f5f5
}

.top3 {
	background: url(../images/shadow1.png) center top no-repeat;
	background-size: 100% 16px;
	padding: 20px 0;
	text-align: right
}

.top4-wrapper {
	position: relative
}

.top4 {
	background: url(../images/shadow1.png) center top no-repeat;
	background-size: 100% 16px;
	height: 16px
}

.top5-wrapper {
	position: relative
}

.top5 {
	background: url(../images/shadow1.png) center top no-repeat;
	background-size: 100% 16px;
	height: 2px
}

#content {
	position: relative;
	padding-top: 0;
	padding-bottom: 60px
}

#home {
	position: relative;
	overflow: hidden;
	background: #fff;
}

.static-banner{
	position: relative;
}

.static-banner picture{
	width: 100%;
	height:100%;
	object-fit: cover;
}

.banner-image{
	max-width: unset !important;
}


#slides_wrapper {
	position: relative;
}

#intro {
	position: relative;
	padding: 80px 0px;
}

#outro{
	position: relative;
	padding:80px 0px;
	background-color: var(--primary);
}

.outro-information{
	color:white;
	
}

.outro-information h3{
	font-size:5rem;
	margin-bottom:2rem;
	font-weight: 700;
}

.outro-information p{
	font-size:2.1rem;
	font-style: italic;
}

.outro-contact{
	display:flex;
	flex-direction: column;
	font-style: italic;
}

@media (min-width: 768px){
 .outro-contact{
    flex-direction: row;
  }
}

.outro-contact p{
	font-size:1.8rem;
}

/* Two-column layout that stretches both columns to same height */
.autohaku-inner{
  display: flex;
  align-items: stretch;     /* key: equal height columns */
  gap: 2.4rem;
}

/* Left column (search) */
#intro .booking-wrapper{
  display: flex;
  flex-direction: column;   /* allow inner form to grow */
  min-height: 100%;         /* ensure it can stretch */
}

/* Make the form block fill available height */
#intro .booking-wrapper .booking{
  display: flex;
  flex-direction: column;
}

/* Optional: make form itself also flexible */
#intro .booking-wrapper #vehicle-search-form{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

#vehicles-list{
	/*background-color:var(--primary);*/
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	z-index: 2;
}

@media (min-width:769px){
	#vehicles-list{
		padding:0;
	}
}

#vehicles-list h1{
	color:white;
	font-size:3rem;
}

/* the list wrapper */
#vehicles-list .vehicles-container{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;           /* your inner spacing */
}

/* 2 columns on md */
@media (min-width: 768px){
  #vehicles-list .vehicles-container{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 3 columns on lg */
@media (min-width: 992px){
  #vehicles-list .vehicles-container{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* IMPORTANT: kill Bootstrap column behavior on the cards */
#vehicles-list .vehicles-container > .listing-item{
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;   /* remove gutter padding */
  float: none !important;  /* in case old styles float columns */
}

.vehicles-container::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	width: 100%;
	top: 0px;
	height: 350px;
	bottom: 0;
	background: var(--primary);
	z-index: -1;
	pointer-events: none;
}

.vehicles-container .listing-item{
	padding:0;
}

/* Vehicles column */
#intro .vehicles-col{
  flex: 1 1 auto;
  min-width: 0;             /* prevents flex overflow */
}

/* Bootstrap row inside flex: neutralize negative margins if needed */
#intro .vehicles-col .row{
  margin-left: 0;
  margin-right: 0;
}

/* Responsive: stack on smaller screens */
@media (max-width: 992px){
  .autohaku-inner{
    flex-direction: column;
  }
  .booking-wrapper{
    flex: 1 1 auto;
    width: 100%;
  }
}

.static-banner{
	display: flex;
    justify-content: center;
	align-items: center;
	height:90vh;
	position: relative;
	z-index:1;
}

.banner-caption {
	position: absolute;
	width: 100%;
	/*top: 50%;*/
	margin-top: -180px;
	text-align: left;
	color: #fff;
	font-family: 'Rubik';
	line-height: 1;
	font-weight: 700;
}

@media(min-width: 320px) and (max-width: 991px) {
	.banner-caption {
		margin: 30px 0 30px 0;
	}
}

.banner-caption .txt1 {
	font-size: 36px;
	padding-bottom: 20px;
}

.banner-caption .txt1 span {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
}

.banner-caption .txt2 {
	font-size: 32px;
	padding-bottom: 20px;
	font-weight:400;
}

.banner-caption .txt3 {
	font-size: 31px;
	padding-bottom: 25px;
	letter-spacing: 0.052em;
	text-transform: uppercase;
}

.banner-caption .txt3 span {
	display: inline-block;
	background: #e30000;
	font-size: 20px;
	padding: 5px 35px;
	vertical-align: top;
	margin-left: 25px;
}

@media (max-width: 767px) {
	.banner-caption {
		margin-top: -58px;
		text-align: center;
	}
	.banner-caption .txt1 {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.banner-caption .txt2 {
		font-size: 2rem;
		letter-spacing: 0.05em;
		padding-bottom: 10px;
	}
	.banner-caption .txt3 {
		font-size: 23px;
		padding-bottom: 10px;
	}
	.banner-caption .link1 {
		display: none;
	}
}

/* Infoboxes */

/* Section wrapper */
.infoboxes{
  padding: 100px 20px;
  background:var(--primary);
}

/* the SVG background on the right */
.infoboxes::after {
  content: "";
  position: absolute;
  right: 0;
  top: 26%;
  transform: translateY(-50%);
  width: 1200px;  /* scale with viewport */
  height: 100%;             /* taller than the section */
  pointer-events: none;
  z-index: 0;
  background-image: url("../images/autonova_merkki_harmaa.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}

/* keep actual content above the background */
.infoboxes .container,
.infoboxes__inner {
  position: relative;
  z-index: 1;
}

.infoboxes__inner{
  max-width: 1100px;
  margin: 0 auto;
}

.infoboxes__section-title{
  margin: 0 0 28px;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.1;
  color: #fff; /* adjust if on light background */
  font-style: italic;
}

/* List spacing */
.infoboxes__list{
  display: grid;
  gap: 26px;
}

/* The pill container */
.infobox{
  display: grid;
  grid-template-columns: 44% 56%;
  align-items: stretch;

  border-radius: 999px;            /* full pill */
  overflow: hidden;                /* clip inner corners */
  box-shadow: 0 0 0 12px rgba(0,0,0,0.08); /* outer “border ring” look */
  background: transparent;
}

/* Left title part */
.infobox__title{
  background: #2f2f2f;
  color: #fff;
  padding: 22px 26px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Right content part */
.infobox__content{
  background: #f2f5f8;
  color: #1a1a1a;
  padding: 20px 26px;
  font-size: 18px;
  line-height: 1.35;

  display: flex;
  align-items: center;
}

/* If WYSIWYG adds <p>, keep it tight */
.infobox__content p{
  margin: 0;
}

/* Responsive: stack on small screens */
@media (max-width: 860px){
  .infobox{
    grid-template-columns: 1fr;
    border-radius: 28px; /* pill is too tall on mobile; soften */
  }

  .infobox__title{
    justify-content: flex-start;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
}

.booking-wrapper {
	position: relative;
	z-index: 3;
	/*margin-top: -130px;*/
	padding-bottom: 16px;
	margin-bottom: 30px
}

.booking-wrapper.autolista {
	position: relative;
	z-index: 3;
	margin-top: 25px;
	padding-bottom: 16px;
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px;
	margin-bottom: 30px
}

.booking {
	background: #EEF2F4;
	position: relative;
	box-shadow: 0 0 8px rgba(0, 0, 0, .06);
	moz-box-shadow: 0 0 8px rgba(0, 0, 0, .06);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .06)
}

.booking .col1 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%
}

.booking .col2 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%
}

.booking .col3 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%;
	text-align: right
}

#slider-range-wrapper {
	padding-left: 80px;
	position: relative;
	margin: 15px 0px;
}

#slider-range-wrapper .txt {
	position: absolute;
	left: 0;
	top: -6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--secondary);
	text-transform: uppercase
}

#slider-range {
	border-radius: 2px;
	border: 0 solid #333;
	height: 9px;
	background: #444;
	margin-bottom: 10px
}

#slider-range .ui-slider-range {
	background: var(--primary);
	border-radius: 0;
	top: -1px;
	height: 10px
}

#slider-range .ui-slider-handle {
	background: var(--primary);
	width: 18px;
	height: 18px;
	border-radius: 50%;
	top: -5px;
	border: 3px solid #fff;
	outline: 0;
	margin-left: -9px;
	box-shadow: 0 0 1px #cdcdcd;
	moz-box-shadow: 0 0 1px #cdcdcd;
	-webkit-box-shadow: 0 0 1px #cdcdcd
}

#amount,
#amount2 {
	padding: 0;
	border: none;
	background: 0 0;
	float: left;
	display: block;
	font-size: 16px;
	color: var(--secondary);
	width: 100px
}

#amount2 {
	float: right;
	text-align: right
}

.adv-serach {
	display: inline-block;
	padding-right: 10px
}

.adv-serach a {
	color: #9cbbcc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px
}

.btn-form1-submit {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 60px 0 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #1c2931;
	position: relative;
	overflow: hidden;
	border: 1px solid #131E29
}

.btn-form1-submit:hover {
	color: #fff;
	background: #fe0f01;
	border: 1px solid #fe0f01
}

.btn-form1-submit span {
	position: relative;
	display: inline-block
}

.btn-form1-submit:before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: -10px;
	top: 0;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.btn-form1-submit:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	color: #fff;
	width: 42px;
	text-align: center
}

.btn-form1-submit:hover:after {
	color: #fff
}

.breadcrumbs1_wrapper {
	position: relative
}

/* new for banner */

.page-banner {
	min-height: 400px;              /* target height */
	display: flex;
	align-items: center;            /* vertical centering */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

/* shader overlay */
.page-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.25),
		rgba(0, 0, 0, 0.45)
	);
}

.page-banner > * {
	position: relative;
	z-index: 1;
}

.breadcrumbs1 {
	padding: 20px 0 30px 0;
	font-weight: 700;
	line-height: 20px;
	color: #131E29;
	font-size: 14px
}

.breadcrumbs1 a {
	color: #131E29;
	text-decoration: none;
	font-weight: 400
}

.breadcrumbs1 a:hover {
	color: #000;
	text-decoration: none
}

.breadcrumbs1 span {
	display: inline-block;
	margin: 0 10px
}

.breadcrumbs1 span:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block
}

.form1 {
	display: block;
	padding: 30px 40px 40px;
	position: relative
}

.form1 label {
	display: block;
	font-size: 10px;
	color: var(--secondary);
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px;
	font-weight: 400
}

.select1_wrapper {
	margin-bottom: 30px
}

.select1_wrapper .more {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	padding-top: 5px;
	padding-left: 5px
}

.select1_inner {
	position: relative;
	background: #fff;
	border: 0 solid #ebebeb;
	height: 42px;
	position: relative
}

.select1_inner:after {
	content: '';
	display: block;
	width: 10px;
	height: 7px;
	background: url(../images/a1.png) 0 0 no-repeat;
	position: absolute;
	right: 10px;
	top: 17px;
	pointer-events: none
}

.select2 {
	width: 100%
}

.select2 :focus {
	outline: 0 !important
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 500px
}

.select2-container--default .select2-selection--single {
	background: 0 0;
	border-radius: 0;
	border: none;
	height: auto
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 16px;
	line-height: 1;
	padding: 15px 10px;
	color: #131E29
}

.select2_inner .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.select2-dropdown {
	background: 0 0;
	border-radius: 0;
	z-index: 10;
	min-width: 0
}

.select2-container--open .select2-dropdown--below {
	border: none;
	box-shadow: 0 0 8px rgba(0, 0, 0, .06);
	moz-box-shadow: 0 0 8px rgba(0, 0, 0, .06);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .06)
}

.select2-results__option {
	padding: 10px 5px 10px 15px;
	background: #fff;
	font-size: 13px;
	line-height: 20px;
	color: #131E29;
	border-top: none
}

.select2-results__option:first-child {
	border-top: none
}

.small .select2-results__option {
	padding-left: 0
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: #ccc;
	color: #131E29
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #ccc;
	color: #131E29
}

#welcome {
	position: relative
}

#welcome .logo-s {
	text-align: center;
	padding-bottom: 30px
}

#welcome .logo-s img {
	display: inline-block
}

#welcome .txt1 {
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	font-family: Rubik;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px
}

#welcome .txt1:after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 0
}

#welcome .txt2 {
	text-align: right;
	font-size: 17px;
	color: #fff;
	padding-right: 15px
}

#welcome .txt2 b {
	color: #e30000
}

#welcome .txt3 {
	padding-left: 15px;
	position: relative;
	font-family: Rubik;
	font-size: 52px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.05
}

#welcome .txt3:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: -15px;
	top: 0
}

#welcome .txt3 span {
	color: #e30000
}

#best {
	position: relative;
	padding-top: 70px;
	padding-bottom: 80px
}

.tabs1 {
	padding: 0;
	background: 0 0;
	border-radius: 0;
	font-family: inherit
}

.tabs1_tabs {
	text-align: center;
	padding-bottom: 40px
}

.tabs1_tabs .ui-tabs-nav {
	padding: 0;
	display: block;
	font-family: Rubik;
	font-weight: 600;
	font-size: 13px;
	line-height: 20px;
	border: none;
	border-radius: 0;
	background: 0 0
}

.tabs1_tabs .ui-tabs-nav li {
	margin: 0 !important;
	border: none;
	background: 0 0;
	font-weight: 500;
	display: inline-block;
	padding: 0 20px;
	float: none
}

.tabs1_tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 0;
	padding: 0 20px
}

.tabs1_tabs .ui-tabs-nav .ui-tabs-anchor {
	color: #999;
	padding: 8px 0;
	background: 0 0;
	float: none;
	display: block;
	border-bottom: 1px solid #fff;
	font-weight: 600
}

.tabs1_tabs .ui-tabs-nav .ui-tabs-anchor:focus {
	outline: 0
}

.tabs1_tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	background: 0 0;
	color: #131E29;
	border-color: #999
}

.tabs1_content .ui-tabs-panel {
	padding: 0
}

#car {
	position: relative;
	background: url(http://via.placeholder.com/1600x512) center center no-repeat #131E29;
	overflow: hidden;
	background-size: cover
}

.car-inner {
	position: relative;
	padding: 70px 0;
	z-index: 1;
	text-align: right;
	color: #fff
}

.car-inner:before {
	content: '';
	display: block;
	width: 3000px;
	top: -10px;
	bottom: -10px;
	position: absolute;
	left: -150px;
	z-index: -1;
	background: #131E29;
	border: solid 1px #131E29;
	padding: 1px;
	background-clip: content-box;
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.car-inner .txt1 {
	font-size: 15px;
	line-height: 1.2;
	font-family: Rubik;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding-bottom: 15px;
	letter-spacing: 0;
	text-align: right
}

.car-inner .txt1 span {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	padding-right: 15px
}

.car-inner .txt1 span:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0
}

.car-inner .txt1 span:after {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0
}

.car-inner .txt2 {
	font-size: 30px;
	line-height: 1.2;
	font-family: Rubik;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding-bottom: 30px;
	letter-spacing: 0
}

.car-inner .txt3 {
	padding-bottom: 15px
}

#info {
	position: relative;
	padding-bottom: 16px;
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px
}

.info-wrapper {
	background: #f6f8fa;
	padding: 40px 0
}

.info-inner {
	display: table;
	width: 100%
}

.info-inner .info1 {
	display: table-cell;
	width: 25%;
	text-align: center;
	border-left: 1px solid #2e393f;
	vertical-align: middle;
	padding: 25px 10px
}

.info-inner .info1:first-child {
	border-left: none;
	border-top: none
}

.info-inner .info1-inner {
	display: inline-block;
	text-align: left;
	white-space: nowrap
}

.info-inner .info1 .img1 {
	display: inline-block;
	float: left;
	margin-top: 10px
}

.info-inner .info1 .caption {
	float: left;
	padding-left: 10px;
	text-transform: uppercase;
	line-height: 1.4
}

.info-inner .info1 .txt1 {
	font-size: 30px;
	color: #131E29;
	font-weight: 700;
	font-family: Rubik
}

.info-inner .info1 .txt2 {
	font-size: 12px;
	color: #727272
}

#testimonials {
	position: relative;
	background: url(http://via.placeholder.com/1167x300) center bottom no-repeat;
	padding-top: 70px;
	padding-bottom: 280px
}

#testimonials .container {
	margin-bottom: 30px
}

#review {
	position: relative;
	margin-top: 0;
	margin-bottom: 0
}

.review_pagination {
	display: block;
	vertical-align: top;
	padding-top: 20px;
	text-align: center
}

.review_pagination a {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 13px 0 0;
	position: relative
}

.review_pagination a span {
	display: block;
	width: 100%;
	height: 100%;
	background: 0 0;
	text-indent: -9999%;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	background: #131E29
}

.review_pagination a:hover span,
.review_pagination a.selected span {
	background: #e30000
}

#review .carousel-box {
	position: relative
}

#review .carousel-box .inner {
	position: relative;
	overflow: hidden;
	max-width: none;
	margin: 0
}

#review .carousel.main {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-right: -30px
}

#review .caroufredsel_wrapper {
	padding: 0;
	margin: 0
}

#review .caroufredsel_wrapper ul {
	padding: 0;
	margin: 0
}

#review .carousel-box ul li {
	float: left;
	display: inline-block;
	padding: 0;
	position: relative;
	width: 300px;
	overflow: hidden;
	padding-right: 30px
}

.review .review_inner {
	position: relative;
	padding: 0
}

.testimonial-wrapper {
	text-align: center
}

.testimonial-wrapper .txt1 {
	font-size: 12px;
	color: #999;
	font-weight: 600;
	padding-bottom: 80px
}

.testimonial-wrapper .txt1 b {
	color: #000;
	font-weight: 700
}

.testimonial-wrapper .txt2 {
	height: 1px;
	background: #eee;
	margin-left: 50px;
	margin-right: 50px;
	position: relative;
	margin-bottom: 90px
}

.testimonial-wrapper .txt2 .img-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	top: -52px
}

.testimonial-wrapper .txt2 img {
	display: inline-block
}

.testimonial-wrapper .txt2:before,
.testimonial-wrapper .txt2:after {
	content: '';
	display: block;
	width: 33px;
	height: 19px;
	background: url(../images/testimonial-quote.png) 0 0 no-repeat;
	position: absolute;
	left: -50px;
	top: -10px
}

.testimonial-wrapper .txt2:after {
	left: auto;
	right: -50px
}

.testimonial-wrapper .txt3 {
	font-size: 16px;
	line-height: 2;
	color: #666
}

.bot1-wrapper {
	position: relative;
	background: #131E29;
	padding-top: 40px;
	padding-bottom: 60px;
	color: #999;
	font-size: 12px
}

.bot1-title {
	font-size: 14px;
	line-height: 1.2;
	font-family: Rubik;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding-bottom: 25px;
	letter-spacing: 0;
	margin-top: 30px
}

.bot1-title span {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	padding-right: 15px
}

.bot1-title span:before {
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 0
}

.bot1-title span:after {
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	background: #ccc;
	position: absolute;
	right: 0;
	top: 0
}

.news1 {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #444
}

.news1:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none
}

.news1 .txt1 {
	padding-bottom: 5px
}

.news1 .txt2 a {
	color: #fefefe;
	text-decoration: none;
	font-size: 10px
}

.autos1 {
	padding-top: 14px;
	margin-top: 14px;
	border-top: 1px solid #444
}

.autos1:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none
}

.autos1 figure {
	float: left;
	margin-right: 15px
}

.autos1 .caption {
	overflow: hidden
}

.autos1 .caption .txt1 {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 10px
}

.autos1 .caption .txt2 {
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	color: #999;
	font-weight: 600;
	background: url(../images/speed-ic.png) 0 0 no-repeat;
	margin-bottom: 5px
}

.autos1 .caption .txt3 a {
	color: #fefefe;
	text-decoration: none;
	font-size: 10px
}

.twitter1 {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #444;
	padding-left: 25px;
	background: url(../images/twitter-ic.png) 0 20px no-repeat
}

.twitter1:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
	background-position: 0 5px
}

.twitter1 .txt1 {
	padding-bottom: 5px
}

.twitter1 .txt2 a {
	color: #fefefe;
	text-decoration: none;
	font-size: 10px
}

.address2 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 25px
}

.address2 .ei {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 14px;
	color: #ccc
}

.bot1-map-wrapper {
	background: url(../images/map.png) center center no-repeat;
	background-size: contain;
	margin-top: 70px
}

.bot1-map-wrapper a {
	color: #999
}

.phone2 {
	display: block;
	vertical-align: top;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px
}

.phone2 .ei {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #ccc
}

.fax2 {
	display: block;
	vertical-align: top;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px
}

.fax2 .ei {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #ccc
}

.email2 {
	display: block;
	vertical-align: top;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px
}

.email2 .ei {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #ccc
}

.open-loaction-map {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 50px
}

.bot2-wrapper {
	background: var(--secondary);
	padding-top: 50px;
	padding-bottom: 50px;
	color: rgba(255, 255, 255, .5);
	font-size: 16px;
}

.bot2{
	display: flex;
}

.bot2 .left-block {
	float: left
}

.bot2 .right-block {
	float: right;
	text-align: right
}

.logo2_wrapper {
	display: inline-block;
	vertical-align: top;
	padding-right: 20px
}

.logo2_wrapper a img {
	max-width: 200px;
	margin-bottom:25px;
}

.copyrights {
	display: inline-block;
	vertical-align: top;
	padding-top: 15px
}

.social2_wrapper {
	display: block;
	vertical-align: top
}

.social2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none
}

.social2 li {
	display: inline-block;
	margin: 0 0 10px 10px
}

.social2 li a {
	display: block;
	text-decoration: none;
	font-size: 22px;
	color: rgba(255, 255, 255, .5);
	text-align: center;
	line-height: 22px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.social2 li a:hover {
	color: #fff
}

.menu2_wrapper {
	display: block;
	vertical-align: top;
	padding-top: 10px
}

.menu2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none
}

.menu2 li {
	display: inline-block;
	margin: 0 0 10px 10px
}

.menu2 li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: rgba(255, 255, 255, .5);
	text-align: center;
	line-height: 20px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.menu2 li a:hover {
	color: #fff
}

.tabs-wrapper {
	display: inline-block;
	padding-right: 40px;
	vertical-align: top
}

.tabs-wrapper .txt {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	color: #444;
	text-transform: uppercase;
	padding-right: 15px;
	vertical-align: top;
	padding-top: 13px
}

.tabs1-wrapper {
	display: inline-block;
	vertical-align: top
}

.tabs1-wrapper .tabs {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 0;
	font-size: 0;
	vertical-align: top
}

.tabs1-wrapper .tabs li {
	display: inline-block
}

.tabs1-wrapper .tabs li a {
	display: block;
	background: #fff;
	line-height: 20px;
	padding: 11px 5px;
	width: 50px;
	text-align: center;
	color: #999;
	margin-left: 1px;
	font-size: 16px
}

.tabs1-wrapper .tabs li a:hover,
.tabs1-wrapper .tabs li.active a {
	color: #131E29
}

.tabgroup {
	position: relative
}

.tabgroup>div {
	position: relative;
	display: none
}

.sort-wrapper {
	display: inline-block;
	text-align: left;
	vertical-align: top
}

.sort-wrapper .txt {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	color: #444;
	text-transform: uppercase;
	padding-right: 15px;
	vertical-align: top;
	padding-top: 13px
}

.sort-wrapper .select1_wrapper {
	width: 130px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: top
}

.sort-wrapper .select1_wrapper label {
	display: none
}

.sidebar-form-wrapper {
	padding-bottom: 16px;
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px;
	margin-bottom: 25px
}

.sidebar-form {
	padding: 25px;
	border: 0 solid #eee;
	border-top: 0 solid #131E29;
	background: #131E29
}

.form2 {
	display: block;
	position: relative
}

.form2 label {
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px;
	font-weight: 400
}

.form2 .select1_wrapper {
	margin-bottom: 35px
}

.form2 #slider-range-wrapper {
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 40px
}

.form2 #slider-range-wrapper .txt {
	position: relative;
	left: auto;
	top: auto;
	font-size: 10px;
	color: var(--secondary);
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px;
	font-weight: 400;
	padding-bottom: 0
}

.btn-form2-submit {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #131E29;
	position: relative;
	border: 1px solid #131E29;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-form2-submit:hover {
	color: #fff;
	background: #BC243C;
	border-color: #BC243C
}

.btn-form2-submit:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	margin-left: 15px
}

.reset-filters {
	margin-top: 5px
}

.reset-filters a {
	text-transform: uppercase;
	color: #fff;
	font-size: 10px
}

.banner {
	position: relative;
	background: #131E29;
	margin-bottom: 40px;
	border-top: 8px solid #3e4950
}

.banner figure {
	position: relative
}

.banner figure img {
	position: relative;
	width: 100%
}

.banner .caption {
	position: relative;
	padding: 25px;
	color: #fff
}

.banner .caption .txt1 {
	font-family: 'Rubik';
	position: relative;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 15px
}

.banner .caption .txt2 {
	margin-bottom: 15px
}

.car-view1-wrapper {
	padding-bottom: 16px;
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px;
	margin-bottom: 25px
}

.car-view1 {
	border: 1px solid #eee;
	padding: 4px
}

.car-view1 figure {
	float: left;
	margin-right: 0
}

.car-view1 .caption {
	overflow: hidden;
	padding-right: 20px;
	padding-top: 10px
}

.car-view1 .top-info {
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee
}

.car-view1 .info1 {
	float: left;
	max-width: 60%
}

.car-view1 .info2 {
	float: right
}

.car-view1 .txt1 {
	font-size: 20px;
	line-height: 1;
	color: #131E29;
	font-weight: 600;
	position: relative;
	padding-left: 15px;
	margin-bottom: 1px
}

.car-view1 .txt1:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.car-view1 .txt2 {
	padding-bottom: 10px
}

.car-view1 .txt2 .txt {
	font-size: 10px;
	color: #999;
	display: inline-block;
	padding-right: 15px
}

.car-view1 .txt3 {
	background: #e30000;
	min-width: 110px;
	text-align: right;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	padding: 8px 10px;
	font-weight: 600;
	margin-bottom: 10px
}

.car-view1 .txt4 {
	color: #666;
	padding-bottom: 15px
}

.car-view1 .info3 {
	float: left;
	max-width: 60%
}

.car-view1 .info4 {
	float: right
}

.car-view1 .txt5 {
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	color: #999;
	font-weight: 600;
	background: url(../images/speed-ic.png) 0 0 no-repeat;
	margin-bottom: 0
}

.car-view1 .txt6 {
	font-size: 11px;
	color: var(--primary);
}

.car-view1 .txt7 {
	padding-top: 5px;
	min-width: 110px
}


.listing-item .listing-title-wrapper {
	overflow: hidden
}

.listing-item .listing-enginemodel-wrapper {
	height: auto;
	overflow: hidden;
	min-height:60px;
}

.car-view2-wrapper {
	padding-bottom: 16px;
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px;
	margin-bottom: 25px
}

.car-view2 {
	border: 0 solid #eee;
	padding: 0;
	/*background-color: var(--secondary);*/
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.car-view2 figure {
	border-top: 0 solid #131E29;
	overflow: hidden;
	aspect-ratio: 4/3;
	margin:0;
	width:100%;
	padding:10px;
	background-color: var(--secondary);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	max-height:250px;
}

@media (min-width:768px){
	.car-view2 figure {
		max-height:unset;
	}
}

.car-view2 figure img.img-responsive{
  width: 100%;
  height: 100%;
  object-fit: cover;     /* keeps it filled, crops excess */
  display: block;
}

.car-view2 figure img {
	width: 100%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.car-view2 .caption {
	padding: 15px 20px 15px;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	background-color:var(--secondary);
}

.car-view2 .top-info {
	padding-bottom: 15px;
}

.car-view2 .bot-info{
  display: flex;
  align-items: center;      /* vertical alignment */
  justify-content: space-between; /* horizontal split */
  width: 100%;
  margin-top: auto;
}

.car-view2 .bot-info-2{
	display: flex;
	gap:5px;
	background-color: var(--primary);
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	padding:10px;
}

.car-view2 .info1 {
	position: relative;
	padding-left: 0;
}

.car-view2 .info1:before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.car-view2 .txt1 {
	font-size: 20px;
	line-height: 1;
	color: var(--primary);
	font-weight: 700;
	position: relative;
	margin-bottom: 1px;
	text-transform: uppercase
}

.car-view2 .txt2 .txt {
	font-size: 12px;
	color: #fff;
	display: inline-block;
	padding-right: 15px
}

.car-view2 .txt3 {
	color: #666;
	padding-bottom: 10px
}

.prices{
	display: flex;
	flex-direction: column;
	align-items: start;
	margin-bottom:30px;
}

@media (min-width:768px){
	.prices{
		align-items:end;
	}
}

.price h3{
	font-size: 32px;
    font-weight: 700;
    color: white;
	margin:0;
}

.txt3-kk{
	font-size: 36px;
    font-weight: 700;
    color: white;
}

.specs{
	font-weight: 700;
	font-size:20px;
	color:white;
}

.txt4{
	color:white;
}



.car-view2 .txt4 {
	font-size: 12px;
	padding-bottom: 5px;
	color:var(--primary);
	font-weight: 400
}

.car-view2 .txt4 ul {
	padding-left: 18px
}

.car-view2 .txt5 {
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	color: #212121;
	font-weight: 600;
	background: url(../images/speed-ic.png) 0 0 no-repeat;
	margin-bottom: 15px
}

.car-view2 .info2 {
	float: left;
	width: 47%
}

.car-view2 .info3 {
	float: right;
	width: 47%
}

.car-view2 .txt6{
	font-family: 'Rubik';
	background: 0 0;
	text-align: left;
	font-size: 28px;
	line-height: 1em;
	color: #fff;
	font-weight: 800;
	justify-content: flex-start;
}

.car-view2 .txt100 {
	font-family: 'Rubik';
	background: 0 0;
	text-align: left;
	line-height: 1em;
	color: #fff;
	font-weight: 800;
	font-size: 18px;
	justify-content: flex-end;
}

.car-view2 .bot-info-2 .txt6{
	font-family: 'Rubik';
	background: 0 0;
	text-align: left;
	font-size: 16px;
	line-height: 1em;
	color: var(--secondary);
	border:1px solid var(--secondary) !important;
	border-radius: 999px;
	padding: 10px;
	font-weight: 800;
}

.car-view2 .bot-info-2 .txt6:hover, .car-view2 .bot-info-2 .txt100:hover{
	background-color: var(--primary-dark);
	color:#000;
}

.car-view2 .bot-info-2 .txt6 a:hover, .car-view2 .bot-info-2 .txt100 a:hover{
	color:#000;
}

.car-view2 .bot-info-2 .txt100 {
	font-family: 'Rubik';
	background: 0 0;
	text-align: left;
	line-height: 1em;
	color: var(--secondary);
	border:1px solid var(--secondary) !important;
	border-radius: 999px;
	padding: 10px;
	font-weight: 800;
	font-size: 16px
}

.car-view2 .txt7 {
	margin-bottom: 10px
}

.car-view3-wrapper {
	padding-bottom: 16px;
	margin-bottom: 25px
}

.car-view3 {
	border: 1px solid #eee;
	padding: 4px
}

.car-view3 figure {
	float: left;
	margin-right: 25px
}

.car-view3 .caption {
	overflow: hidden;
	padding-right: 20px;
	padding-top: 10px
}

.car-view3 .top-info {
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee
}

.car-view3 .info1 {
	float: left;
	max-width: 60%
}

.car-view3 .info2 {
	float: right
}

.car-view3 .txt1 {
	font-size: 20px;
	line-height: 1;
	color: #131E29;
	font-weight: 600;
	position: relative;
	padding-left: 15px;
	margin-bottom: 1px
}

.car-view3 .txt1:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.car-view3 .txt2 {
	padding-bottom: 10px
}

.car-view3 .txt2 .txt {
	font-size: 10px;
	color: #999;
	display: inline-block;
	padding-right: 15px
}

.car-view3 .txt3 {
	background: #e30000;
	min-width: 110px;
	text-align: right;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	padding: 8px 10px;
	font-weight: 600;
	margin-bottom: 10px
}

.car-view3 .txt4 {
	color: #666;
	padding-bottom: 15px
}

.car-view3 .info3 {
	float: left;
	max-width: 60%
}

.car-view3 .info4 {
	float: right
}

.car-view3 .txt5 {
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	color: #999;
	font-weight: 600;
	background: url(../images/speed-ic.png) 0 0 no-repeat;
	margin-bottom: 0
}

.car-view3 .txt6 {
	font-size: 11px;
	color: #999
}

.car-view3 .txt7 {
	padding-top: 5px;
	min-width: 110px
}

.car-view4-wrapper {
	padding-bottom: 16px;
	margin-bottom: 25px
}

.car-view4 {
	border: 1px solid #eee;
	padding: 4px
}

.car-view4 figure img {
	width: 100%
}

.car-view4 .caption {
	padding: 20px 16px 6px
}

.car-view4 .top-info {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee
}

.car-view4 .info1 {
	position: relative;
	padding-left: 15px
}

.car-view4 .info1:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.car-view4 .txt1 {
	font-size: 15px;
	line-height: 1;
	color: #131E29;
	font-weight: 600;
	position: relative;
	margin-bottom: 1px
}

.car-view4 .txt2 .txt {
	font-size: 10px;
	color: #999;
	display: inline-block;
	padding-right: 15px
}

.car-view4 .txt3 {
	color: #666;
	padding-bottom: 10px
}

.car-view4 .txt4 {
	font-size: 10px;
	padding-bottom: 10px
}

.car-view4 .txt4 ul {
	padding-left: 18px
}

.car-view4 .txt5 {
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	color: #999;
	font-weight: 600;
	background: url(../images/speed-ic.png) 0 0 no-repeat;
	margin-bottom: 15px
}

.car-view4 .info2 {
	float: left;
	width: 47%
}

.car-view4 .info3 {
	float: right;
	width: 47%
}

.car-view4 .txt6 {
	background: #e30000;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 6px 5px 5px;
	font-weight: 600;
	margin-bottom: 10px
}

.car-view4 .txt7 {
	margin-bottom: 10px
}

.gallery-wrapper{
	background: var(--secondary);
	padding:15px;
}

.gslider-wrapper {
	position: relative;
	border-top: 0 solid #131E29;
	/*padding:50px 50px 25px 50px;*/
	background-color:var(--secondary);
}

@media (min-width:1024px){
	.gslider-wrapper {
		padding:30px 30px 10px 30px;
	}
}

@media (min-width:1280px){
	.gslider-wrapper {
		padding:50px 50px 25px 50px;
	}
}

.gslider-wrapper::before{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;       /* full browser width */
  top: -150px;        /* extend to the top area (matches your padding-top) */
  bottom: 0;          /* ends exactly at bottom of gslider-wrapper */
  background: #6A6A6A;    /* or your gradient */
  z-index: -1;        /* behind slider content */
  pointer-events: none;
}

.banner2-wrapper {
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px;
	padding-bottom: 16px;
	margin-bottom: 25px
}

.banner2 {
	position: relative;
	border: 0 solid #eee;
	border-top: 0 solid #131E29;
	padding: 20px;
	background-color: var(--primary);
}

.banner2 .top-info {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.banner2 .info1 {
	position: relative;
	padding-left: 15px;
	margin-left: -20px;
	padding-left: 20px
}

.banner2 .info1:before {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.banner2 .txt1 {
	font-family: 'Rubik';
	font-size: 20px;
	line-height: 1;
	color: #131E29;
	font-weight: 700;
	position: relative;
	margin-bottom: 1px;
	text-transform: uppercase;
	line-height: 1.3em
}

.banner2 .txt2 .txt {
	font-size: 14px;
	color: #131E29;
	display: inline-block;
	padding-right: 15px;
	margin-top: 5px
}

.banner2 .txt3 {
	font-size: 40px;
	line-height: 20px;
	color: #BC243C;
	padding: 6px 0 20px;
	font-weight: 800;
	border-bottom: 1px dashed rgba(19, 30, 41, .7);
	font-family: 'Rubik'
}

.banner2 .txt3-kk {
	font-size: 28px;
	line-height: 20px;
	color: #BC243C;
	padding: 20px 0 15px;
	font-weight: 700;
	font-family: 'Rubik'
}

.banner2 .txt4 {
	font-size: 13px;
	padding-bottom: 10px;
	font-weight: 400
}

.banner2 .txt5 {
	font-size: 14px;
	font-weight: 400;
	color: #999;
	padding-bottom: 10px
}

.banner2 .form-wrapper {
	position: relative
}

.banner3-wrapper {
	background: url(../images/shadow1.png) center bottom no-repeat;
	background-size: 100% 16px;
	padding-bottom: 16px;
	margin-bottom: 25px
}

.banner3 {
	position: relative;
	border: 1px solid #eee;
	border-top: 8px solid #3e4950;
	padding: 20px
}

.banner3 .top-info {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee
}

.banner3 .info1 {
	position: relative;
	padding-left: 15px;
	margin-left: -20px;
	padding-left: 20px
}

.banner3 .info1:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.banner3 .txt1 {
	font-size: 20px;
	line-height: 1;
	color: #131E29;
	font-weight: 600;
	position: relative;
	margin-bottom: 1px
}

.banner3 .txt2 {
	font-size: 15px;
	color: #131E29;
	font-weight: 600;
	padding-bottom: 0
}

.banner3 .txt3 {
	font-size: 15px;
	color: #a1a1a1;
	font-weight: 600;
	padding-bottom: 15px
}

.banner3 .txt4 {
	font-size: 11px;
	color: #999;
	font-weight: 400;
	padding-bottom: 0
}

.banner3 .form-wrapper {
	position: relative
}

#second-tab-group {
	display: flex;
	flex-direction: row;
	padding-bottom: 16px;
	background: var(--primary);
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

#second-tab-group>div, #third-tab-group>div {
	position: relative;
	padding: 30px;
}

#third-tab-group {
	display: flex;
	flex-direction: row;
	padding-bottom: 16px;
	background: #e4e4e4;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-top:20px;
	margin-top: -20px;
    z-index: -1;
    position: relative;
}

.tabs2-wrapper {
	display: block;
	padding:10px 20px;
}

@media (min-width:991px){
	.tabs2-wrapper{
		padding:20px 0px;
	}
}

.tabs2-wrapper .tabs {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none
}

.tabs2-wrapper .tabs li {
	display: inline-block
}

.tabs2-wrapper .tabs li a {
	display: block;
	background: 0 0;
	line-height: 25px;
	padding:1rem 0rem;
	text-align: left;
	color: var(--primary);
	font-size:32px;
	text-decoration: none;
	font-weight: 700;
	cursor: default !important
}

.tabs2-wrapper .tabs li a:hover,
.tabs2-wrapper .tabs li.active a {
	color: var(--primary);
	border-color: var(--primary);
	font-family: 'Rubik'
}

#google_map {
	position: relative;
	height: 450px
}

.comment-block {
	margin-bottom: 30px
}

.comment-block.left1 {
	margin-left: 100px
}

.comment-block figure {
	float: left;
	margin-right: 20px
}

.comment-block figure img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}

.comment-block .caption {
	overflow: hidden
}

.comment-block .caption .top {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	position: relative;
	padding-right: 20px
}

.comment-block .caption .top .txt1 {
	font-family: Rubik;
	font-weight: 600;
	font-size: 14px;
	color: #000;
	padding-bottom: 5px
}

.comment-block .caption .top .txt2 {
	color: #999;
	font-size: 10px;
	text-transform: uppercase
}

.comment-block .caption .top .txt2 a {
	margin-left: 10px
}

.comment-block .caption .txt3 {
	color: #666;
	padding-bottom: 20px
}

.ic10 {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #c29032;
	padding: 0;
	white-space: nowrap;
	position: absolute;
	right: 0;
	top: 15px
}

.ic10 a {
	color: #131E29;
	text-decoration: none;
	display: block
}

.ic10 a:hover {
	color: #000
}

.ic10 i {
	font-size: 14px;
	line-height: 20px;
	float: left
}

.divider1 {
	height: 1px;
	background: #eee;
	margin: 20px 0 30px
}

.pager_wrapper {
	padding-top: 0;
	margin-bottom: 0
}

.pager {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 10px
}

.pager li {
	vertical-align: top;
	margin: 0 2px
}

.pager li>a {
	border: 1px solid #000;
	padding: 0 2px;
	border-radius: 0;
	background: #fff;
	color: #131E29;
	text-align: center;
	min-width: 26px;
	line-height: 24px;
	text-decoration: none
}

.pager li>a:hover {
	text-decoration: none;
	background: #131E29;
	border-color: #131E29;
	color: #fff
}

.pager li.active>a {
	background: #131E29;
	color: #fff;
	cursor: default;
	text-decoration: none;
	border-color: #131E29
}

.pager .dots {
	height: 26px;
	display: inline-block;
	line-height: 36px;
	font-size: 20px
}

.pager .prev>a {
	float: left;
	background: #131E29;
	color: #fff;
	border: 1px solid #131E29;
	text-align: center;
	text-transform: uppercase
}

.pager .prev>a:before {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 12px
}

.pager .prev>a:hover {
	background: #fff;
	border-color: #131E29;
	color: #131E29
}

.pager .next>a {
	float: right;
	background: #131E29;
	color: #fff;
	border: 1px solid #131E29;
	text-align: center;
	text-transform: uppercase
}

.pager .next>a:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 12px
}

.pager .next>a:hover {
	background: #fff;
	border-color: #131E29;
	color: #131E29
}

.parallax {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: 0 0;
	padding-top: 0;
	padding-bottom: 0
}

.parallax,
.parallax .parallax-content,
.parallax .overlay {
	height: 100%
}

.parallax-bg {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center center
}

.parallax-bg.bg-fixed {
	background-attachment: fixed
}

.parallax .overlay {
	background: 0 0;
	width: 100%;
	position: absolute;
	overflow: hidden;
	background: 0 0
}

.parallax .parallax-content {
	position: relative
}

.bg1 {
	background-image: url(../images/etu2.jpg)
}

#parallax1 {
	padding-top: 60px;
	padding-bottom: 320px
}

.navbar_ {
	margin: 0;
	padding: 0;
	background: 0 0;
	border: none;
	position: relative;
	z-index: 30;
	min-height: 0;
	float: right;
	padding-top: 26px;
	padding-bottom: 26px
}

.navbar_ .navbar-toggle {
	background: 0 0;
	border: none;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-top: 30px;
	margin-bottom: 22px;
	margin-right: 15px
}

.navbar_ .navbar-toggle:hover,
.navbar_ .navbar-toggle:focus {
	background: 0 0
}

.navbar_ .navbar-toggle .icon-bar {
	background: var(--primary)
}

.navbar-collapse_ {
	padding-left: 0;
	padding-right: 0;
	border: none
}

.navbar_ .nav {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	float: none
}

.navbar_ .nav>li {
	position: relative;
	display: block;
	float: left;
	white-space: nowrap;
	background: 0 0;
	margin-left: 20px
}

.navbar_ .nav>li:first-child {
	margin-left: 0
}

.navbar_ .nav>li>a {
	display: block;
	text-decoration: none;
	background: 0 0;
	font-family: 'Rubik';
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: var(--primary);
	text-shadow: none;
	padding: 10px 10px;
	border: none;
	margin: 0;
	text-align: left;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	border-bottom: 3px solid transparent;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.navbar_ .nav>li>a i {
	margin-left: 5px
}

.navbar_ .nav>li>a:focus {
	color: var(--primary);
	text-decoration: none;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: 0 0;
	border-bottom: 1px solid transparent
}

.navbar_ .nav>li>a:hover,
.navbar_ .nav>li.sfHover>a,
.navbar_ .nav>li.sfHover>a:hover {
	color: var(--primary-dark);
	text-decoration: none;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: 0 0;
	border-bottom: 3px solid var(--primary-dark)
}

.navbar_ .nav>li.current-menu-item>a,
.navbar_ .nav>li.active>a,
.navbar_ .nav>li.active>a:hover,
.navbar_ .nav>li.active>a:focus {
	color: var(--primary-dark);
	text-decoration: none;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: 0 0;
	border-bottom: 0 solid var(--primary-dark)
}

.navbar-toggle .icon-bar {
	display: block;
	width: 30px;
	height: 4px;
	border-radius: 1px
}

.sub-menu ul {
	position: absolute;
	display: none;
	left: -15px;
	top: 100%;
	list-style: none;
	zoom: 1;
	z-index: 3;
	margin: 0;
	padding: 0;
	background: #fff;
	margin-top: -3px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-transform: uppercase;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.sub-menu li {
	margin: 0;
	position: relative;
	zoom: 1;
	display: block
}

.sub-menu li:first-child {
	border-top: none
}

.sub-menu li a {
	display: block;
	position: relative;
	font-family: Rubik;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #444;
	text-decoration: none;
	padding: 6px 25px;
	background: 0 0;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.sub-menu li a:hover {
	text-decoration: none;
	color: #fff;
	background: #131E29
}

.sub-menu-2>ul {
	left: 100%;
	margin-left: 1px;
	background: #fff
}

.search-form-wrapper {
	position: relative
}

.form-control {
	border: 1px solid #ebdabb;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding-top: 9px;
	padding-bottom: 9px;
	height: 40px;
	color: #b4b4b4;
	font-style: normal
}

.form-control:focus {
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #c29032
}

.search-form-wrapper a {
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: center;
	width: 30px;
	line-height: 30px;
	color: #fff;
	background: #c29032
}

.search-form-wrapper a:hover {
	color: #c29032;
	background: #fff
}

.search-form-wrapper a i {
	font-size: 16px;
	line-height: 30px
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: none;
	text-indent: 100%;
	background: url(../images/totop.gif) no-repeat left top
}

#toTopHover {
	background: url(../images/totop.gif) no-repeat left bottom;
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0)
}

#toTop:active,
#toTop:focus {
	outline: 0
}

.title1 {
	font-size: 20px;
	line-height: 1.1;
	font-family: Rubik;
	text-transform: uppercase;
	color: #525252;
	font-weight: 700;
	padding-bottom: 40px;
	letter-spacing: 1px;
	text-align: center
}

.title1 span {
	display: inline-block;
	position: relative;
	padding-left: 40px;
	padding-right: 40px
}

.title1 span:before {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #131E29;
	position: absolute;
	left: 0;
	top: 0
}

.title1 span:after {
	content: '';
	display: block;
	width: 4px;
	height: 100%;
	background: #131E29;
	position: absolute;
	right: 0;
	top: 0
}

.title2 {
	font-family: Rubik;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #202020;
	text-align: left;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: 4px solid #202020;
	padding-left: 10px
}

.img-responsive-old {
	display: block;
	max-width: 100%;
	height: auto
}

.logo.img-responsive {
	width: auto \9;
	max-width: 250px
}

.img-responsive {
	width: auto \9
}

.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.stars {
	color: #e30000;
	font-size: 13px;
	display: inline-block
}

.ul1 {
	padding: 0;
	margin: 0;
	list-style: none
}

.ul1 li {
	display: block;
	position: relative;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.ul1 li:first-child {
	border-top: 1px solid #eee
}

.ul1 li a {
	display: block;
	position: relative;
	padding: 19px 25px 19px 30px;
	text-align: right;
	text-decoration: none;
	font-size: 13px;
	color: #131E29;
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.ul1 li a:hover {
	color: #131E29
}

.ul1 li a:before {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	left: 40%;
	top: 50%;
	margin-top: -10px;
	font-size: 14px;
	color: #131E29;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.ul1 li a:hover:before {
	left: 15px;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100)
}

.ul1 li a:after {
	content: '';
	display: block;
	background: #ddd;
	width: 3px;
	height: 26px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.ul1 li a:hover:after {
	background: #131E29
}

.ul2 {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none
}

.ul2 li {
	display: block;
	padding-bottom: 10px
}

.ul2 li a {
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	line-height: 20px;
	padding-right: 30px
}

.ul2 li a:before {
	content: "\4e";
	font-family: ElegantIcons;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	font-size: 14px;
	color: #fff
}

.ul3 {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none
}

.ul3 li {
	display: block;
	padding-bottom: 5px
}

.ul3 li a {
	display: block;
	color: #666;
	text-decoration: none;
	position: relative;
	line-height: 20px;
	padding-left: 30px
}

.ul3 li a:hover {
	color: #000
}

.ul3 li a:before {
	content: "\4e";
	font-family: ElegantIcons;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	font-size: 16px;
	color: #131E29
}

.btn-default.btn1 {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-family: Rubik;
	font-size: 10px;
	line-height: 30px;
	padding: 0 40px 0 20px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #131E29;
	position: relative;
	overflow: hidden
}

.btn-default.btn1:hover {
	color: #fff;
	background: #131E29
}

.btn-default.btn1 span {
	position: relative;
	display: inline-block
}

.btn-default.btn1:before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	background: #9cbbcc;
	position: absolute;
	right: -10px;
	top: 0;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.btn-default.btn1:hover:before {
	background: #e30000
}

.btn-default.btn1:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	color: #fff;
	width: 30px;
	text-align: center
}

.btn-default.btn2 {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #131E29;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn2:hover {
	color: #131E29;
	background: #fff;
	border-color: #131E29
}

.btn-default.btn2:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	margin-left: 15px
}

.btn-default.btn3 {
	display: block;
	text-decoration: none;
	color: #131E29;
	font-weight: 700;
	font-family: Rubik;
	font-size: 10px;
	line-height: 29px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #fdc513;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 1px solid #131E29;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn3:hover {
	color: #fff;
	background: #131E29;
	border-color: #131E29
}

.btn-default.btn3:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 12px;
	margin-left: 8px
}

.btn-default.btn4 {
	display: block;
	text-decoration: none;
	color: #131E29;
	background: #fdc513;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 0 solid #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn4:hover {
	color: #fff;
	background: #BC243C
}

.btn-default.btn4:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	margin-left: 15px
}

.btn-default.btn5 {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: var(--primary);
	font-weight: 700;
	font-family: Rubik;
	font-size: 24px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 0 solid #fff;
	border-radius:20px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn5:hover {
	color: #fff;
	background:var(--primary-dark);
}

/*.btn-default.btn5:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	margin-left: 15px
}*/

.btn-default.btn6 {
	display: block;
	text-decoration: none;
	color: #fff;
	background: var(--primary);
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 0 solid #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn6:hover {
	color: #131E29;
	background: var(--primary-dark);
}

.btn-default.btn6:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	margin-left: 15px
}

.btn-default.btn7 {
	display: block;
	text-decoration: none;
	color: #fff;
	background: var(--secondary);
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	position: relative;
	border: none;
	width: 100% !important;
	text-align: center;
	margin-bottom: 0;
	border: 0 solid #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn7:hover {
	color: #fff;
	background: var(--primary-dark);
}

.btn-default.btn7:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	margin-left: 15px
}

.img-polaroid {
	position: relative;
	padding: 5px;
	background: 0 0;
	border: 1px solid #cfcfcf;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none
}

.thumbnail {
	line-height: inherit
}

.thumbnail .caption {
	padding: 0;
	color: inherit
}

.thumb0 {
	margin-bottom: 20px;
	margin-top: 0
}

.thumb0.last {
	margin-bottom: 0
}

.thumb0 .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 0;
	background: 0 0
}

.thumb0 figure {
	margin: 0;
	float: none;
	margin: 0 0 20px 0
}

.thumb0 figure img {
	width: 100%
}

.thumb1 {
	margin-bottom: 20px;
	margin-top: 0
}

.thumb1.last {
	margin-bottom: 0
}

.thumb1 .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	mo1-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 0;
	background: 0 0
}

.thumb1 figure {
	float: none;
	margin: 0 auto;
	max-width: 200px;
}

.thumb1 figure a {
	display: block;
	text-decoration: none;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.thumb1 figure a:hover {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70)
}

.thumb1 figure img {
	width: 100%;
	display: block;
	margin-bottom:40px;
}

.thumb1 .caption {
	padding-top: 5px;
}

.thumb1 .caption .txt1 {
	padding-bottom: 10px
}

.thumb1 .caption .txt1 .txt {
	font-size: 10px;
	color: #999;
	display: inline-block;
	padding-right: 15px
}

.thumb1 .caption .txt2 {
	font-family: 'Rubik';
	font-size: 28px;
	line-height: 28px;
	color: var(--primary);
	font-weight: 700;
	position: relative;
	text-transform: uppercase
}

.thumb1 .caption .txt3 {
	padding-top: 15px;
	margin-top: 15px;
	color: #131E29;
	font-size: 15px;
	padding-bottom: 40px
}

.thumb2 {
	margin-bottom: 50px;
	margin-top: 0
}

.thumb2.last {
	margin-bottom: 0
}

.thumb2 .thumbnail {
	padding: 0;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 0;
	background: 0 0
}

.thumb2 figure {
	margin: 0;
	float: none;
	margin: 0 0 20px 0;
	background: #000
}

.thumb2 figure a {
	display: block;
	text-decoration: none;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.thumb2 figure a:hover {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70)
}

.thumb2 figure img {
	width: 100%;
	display: block
}

.thumb2 .caption {
	padding-top: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px
}

.thumb2 .caption .txt1 {
	font-size: 10px;
	color: #999;
	padding-bottom: 5px
}

.thumb2 .caption .txt2 {
	font-weight: 600;
	font-size: 16px;
	color: #000;
	padding-bottom: 10px
}

.thumb2 .caption .info {
	padding-bottom: 25px
}

.thumb2 .caption .price {
	float: left;
	background: #131E29;
	font-size: 20px;
	color: #fff;
	font-family: Rubik;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	padding: 5px;
	letter-spacing: 1px
}

.thumb2 .caption .speed {
	float: right;
	padding-left: 30px;
	position: relative;
	font-size: 12px;
	color: #999;
	font-weight: 600;
	background: url(../images/speed-ic.png) 0 0 no-repeat;
	margin-top: 5px
}

.thumb2 .caption .txt3 {
	font-size: 10px;
	color: #999
}

.notification_error {
	color: red;
	padding-bottom: 10px
}

.notification_ok {
	text-align: left;
	padding-bottom: 10px
}

#ajax-contact-form .form-group {
	margin-left: 0;
	margin-right: 0
}

#ajax-contact-form .form-group label {
	color: #d4d5d6;
	display: none
}

#ajax-contact-form .form-control {
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #7a7a7a;
	background: 0 0;
	border: 1px solid #ccc;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

#ajax-contact-form .form-control:focus {
	border-color: #999;
	background: #fff;
	color: #000;
	box-shadow: none;
	moz-box-shadow: none;
	-webkit-box-shadow: none
}

#ajax-contact-form textarea.form-control {
	height: auto
}

#ajax-contact-form .form-group.capthca {
	float: left;
	margin-right: 30px
}

#ajax-contact-form .form-group.capthca input {
	width: 170px
}

#ajax-contact-form .form-group.img {
	float: left
}

#ajax-contact-form .form-group.img img {
	width: 170px;
	height: 38px
}

.btn-default.btn-cf-submit {
	font-family: 'Fjalla One';
	display: inline-block;
	color: #fff;
	border: 1px solid #c29032;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	padding: 0;
	text-decoration: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	background: 0 0;
	position: relative;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 20px;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

.btn-default.btn-cf-submit:hover {
	color: #fff
}

.btn-default.btn-cf-submit span {
	display: block;
	margin: 3px;
	padding: 13px 35px;
	background: #000
}

.btn-default.btn-cf-submit:hover span {
	background: #c29032
}

.notification_error2 {
	color: red;
	padding-bottom: 10px
}

.notification_ok2 {
	text-align: left;
	padding-bottom: 10px
}

.ajax-contact-form2 .form-group {
	margin-left: 0;
	margin-right: 0
}

.ajax-contact-form2 .form-group label {
	color: #999;
	font-weight: 400;
	text-transform: uppercase;
	display: none
}

.form-control {
	height: 38px;
	padding: 8px 12px;
	font-size: 12px;
	line-height: 20px;
	color: #131E29;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

.form-control:focus {
	border-color: #999;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #131E29
}

textarea.form-control {
	height: 60px
}

.ajax-contact-form2 .form-group.capthca {
	float: left;
	margin-right: 20px
}

.ajax-contact-form2 .form-group.capthca input {
	width: 170px
}

.ajax-contact-form2 .form-group.img {
	float: left
}

.ajax-contact-form2 .form-group.img img {
	width: 170px;
	height: 38px
}

.btn-default.btn-cf-submit2 {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 42px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #131E29;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 0 solid #131E29;
	margin-top: 15px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.btn-default.btn-cf-submit2:hover {
	color: #fff;
	background: #BC243C
}

.btn-default.btn-cf-submit2:before {
	content: "\e076";
	font-family: ElegantIcons;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px
}

.notification_error1 {
	color: red;
	padding-bottom: 10px
}

.notification_ok1 {
	text-align: left;
	padding-bottom: 10px
}

#ajax-contact-form1 .form-group {
	margin-left: 0;
	margin-right: 0
}

#ajax-contact-form1 .form-group label {
	color: white;
	font-weight: 700;
	font-size: 18px;
	display: block;
	margin-bottom: 5px
}

#ajax-contact-form1 .form-control {
	height: 38px;
	padding: 8px 7px;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	color: #131E29;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

#ajax-contact-form1 .form-control:focus {
	border-color: #999;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #131E29
}

#ajax-contact-form1 textarea.form-control {
	height: 144px
}

#ajax-contact-form1 .form-group.capthca {
	float: left;
	margin-right: 20px
}

#ajax-contact-form1 .form-group.capthca input {
	width: 170px
}

#ajax-contact-form1 .form-group.img {
	float: left
}

#ajax-contact-form1 .form-group.img img {
	width: 170px;
	height: 38px
}

.btn-default.btn-cf-submit1 {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 40px;
	padding: 0 5px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #131E29;
	position: relative;
	border: none;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	border: 1px solid #131E29;
	margin-top: 5px
}

.btn-default.btn-cf-submit1:hover {
	color: #fff;
	background: #e30000;
	border-color: #e30000
}

.btn-default.btn-cf-submit1:before {
	content: "\e0e7";
	font-family: ElegantIcons;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px
}

.notification_error3 {
	color: red;
	padding-bottom: 10px
}

.notification_ok3 {
	text-align: left;
	padding-bottom: 10px
}

#ajax-contact-form3 .form-group {
	margin-left: 0;
	margin-right: 0
}

#ajax-contact-form3 .form-group label {
	color: #999;
	font-weight: 400;
	text-transform: uppercase;
	display: none
}

#ajax-contact-form3 .form-control {
	height: 38px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

#ajax-contact-form3 .form-control:focus {
	border-color: #999;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #999
}

#ajax-contact-form3 textarea.form-control {
	height: 144px
}

#ajax-contact-form3 .form-group.capthca {
	float: left;
	margin-right: 20px
}

#ajax-contact-form3 .form-group.capthca input {
	width: 170px
}

#ajax-contact-form3 .form-group.img {
	float: left
}

#ajax-contact-form3 .form-group.img img {
	width: 170px;
	height: 38px
}

.btn-default.btn-cf-submit3 {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-family: Rubik;
	font-size: 14px;
	line-height: 40px;
	padding: 0 35px;
	text-transform: uppercase;
	letter-spacing: 0;
	background: #131E29;
	position: relative;
	border: none;
	text-align: center;
	margin-bottom: 0;
	border: 1px solid #131E29;
	margin-top: 15px
}

.btn-default.btn-cf-submit3:hover {
	color: #fff;
	background: #e30000;
	border-color: #e30000
}

.btn-default.btn-cf-submit3:before {
	content: "\e076";
	font-family: ElegantIcons;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px
}

@media (max-width:1229px) {
	.adv-serach {
		padding-bottom: 15px
	}

	.form1 {
		padding: 20px 40px 30px
	}
}

@media (min-width:992px) {
	.car-view2 figure img:hover {
		transform: scale(1.1)
	}
}

@media (min-width:992px) and (max-width:1229px) {
	.car-view2 .info2 {
		width: 100%;
		float: none
	}

	.car-view2 .info3 {
		width: 100%;
		float: none
	}
}

@media (max-width:991px) {
	.top0 {
		display: none
	}

	.bot2 .left-block {
		float: none
	}

	.bot2 .right-block {
		float: none;
		text-align: center;
		padding-bottom: 15px
	}

	.logo2_wrapper {
		display: block;
		padding-right: 0
	}

	.logo2_wrapper img {
		margin-left: auto;
		margin-right: auto
	}

	.copyrights {
		text-align: center;
		display: block
	}

	.social2 li {
		margin: 0 5px 10px
	}

	.menu2 li {
		margin: 0 5px 10px
	}

	.navbar_ .nav>li>a {
		font-size: 11px
	}

	.navbar_ .nav>li>a {
		padding: 10px 4px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.form1 label {
		display: block;
		font-size: 8px;
		color: #fff;
		text-transform: uppercase;
		display: block;
		margin: 0 0 5px;
		font-weight: 400
	}

	.navbar_ .nav>li {
		margin-left: 10px
	}

	.car-view2 .info2 {
		width: 100%;
		float: none
	}

	.car-view2 .info3 {
		width: 100%;
		float: none
	}
}

@media (max-width:992px) {
	#car {
		background: #131E29
	}
}

@media (max-width:767px) {
	.aurinko2 {
		position: absolute;
		top: -22px;
		left: -15px;
		max-width: 80px
	}

	.navbar_ {
		float: none;
		height: 95px;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0
	}

	.navbar-collapse_ {
		clear: both;
		margin-left: -15px;
		margin-right: -15px
	}

	.navbar_ .nav {
		display: block;
		background: 0 0;
		border-right: none;
		background: var(--secondary);
		border: none;
		padding: 0
	}

	.navbar_ .nav>li {
		float: none;
		background: 0 0;
		border-left: none;
		margin-left: 0;
		border-top: 0 solid #131E29;
		background: 0 0
	}

	.navbar_ .nav>li:last-child {
		padding-bottom: 20px
	}

	.navbar_ .nav>li>a {
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		border: none !important;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		font-size: 18px
	}

	.navbar_ .nav>li>a:hover,
	.navbar_ .nav>li>a:focus,
	.navbar_ .nav>li.sfHover>a,
	.navbar_ .nav>li.sfHover>a:hover {
		border: none !important
	}

	.sub-menu ul {
		position: relative;
		left: 0;
		top: 0;
		margin-top: 0;
		border: none
	}

	.sub-menu ul li {
		border-top: 1px solid #131E29 !important;
		text-align: left
	}

	.sub-menu ul li a {
		padding-left: 20px
	}

	.booking .col1 {
		float: none;
		width: 100%
	}

	.booking .col2 {
		float: none;
		width: 100%
	}

	.booking .col3 {
		float: none;
		width: 100%;
		padding-top: 15px
	}

	.select1_wrapper {
		margin-bottom: 20px
	}

	#slider-range-wrapper {
		padding-left: 0;
		max-width: 90%;
		margin: 0 auto;
		padding-bottom: 30px;
		padding-top: 10px
	}

	#slider-range-wrapper .txt {
		position: relative;
		left: auto;
		top: auto;
		padding-bottom: 15px
	}

	.booking-wrapper {
		margin-top: -80px
	}

	.form1 {
		padding: 15px 15px 15px
	}

	#welcome .txt2 {
		padding-right: 0;
		text-align: center
	}

	#welcome .txt3 {
		padding-left: 0;
		padding-top: 25px;
		text-align: center
	}

	#welcome .txt3:before {
		display: none
	}

	.info-inner {
		display: block
	}

	.info-inner .info1 {
		display: block;
		width: auto;
		padding: 20px 10px;
		border-left: none;
		border-top: 1px solid #2e393f
	}

	.car-view1 {
		padding: 25px
	}

	.car-view1 figure {
		float: none;
		margin-right: 0;
		margin-bottom: 15px
	}

	.car-view1 figure img {
		width: 100%
	}

	.car-view1 .caption {
		padding-right: 0
	}

	.tabs2-wrapper .tabs li {
		display: block;
		margin: 5px 0
	}

	.comment-block.left1 {
		margin-left: 0
	}
}

@media (max-width:767px) {
	.autonovahaku {
		position: relative;
        height: 50px;
        padding: 40px 30px 0 25px;
        font-size: 24px;
        width: 100%;
        text-align: center;
        cursor: pointer;
	}

	.autonovahaku.listaus {
		position: relative;
		height: 45px;
		padding: 10px 30px 10px 25px;
		font-size: 16px;
		width: 100%;
		text-align: center;
		cursor: pointer
	}

	.autonovahaku.listaus:before {
		content: "\f0c9";
		font-family: FontAwesome;
		margin-right: 10px;
		color: #fdc513
	}

	.breadcrumbs1 {
		padding: 20px 0 20px 0;
		line-height: 20px;
		font-size: 11px
	}

	.listing-item {
		padding-left: 3px;
		padding-right: 3px;
		display:flex
	}

	.listing-item .car-view2-wrapper {
		margin-bottom: 0;
		padding-bottom: 6px;
		display:flex;
		width:100%;
	}

	.listing-item .car-view2 .txt1 {
		font-size: 16px
	}

	.listing-item .car-view2 .txt2 .txt {
		font-size: 11px
	}

	.listing-item .car-view2 .txt4 {
		font-size: 11px;
		margin-bottom: 10px
	}

	.listing-item .car-view2 .txt6 {
		font-size: 16px
	}

	.listing-item .car-view2 .txt100 {
		font-size: 16px
	}

	.listing-item .car-view2 .caption {
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 10px;
		background-color:var(--secondary);
	}

	.listing-item .listing-enginemodel-wrapper {
		min-height: 24px;
		height:auto;
		overflow: hidden
	}
}

@media (max-width:480px) {
	body {
		font-size: 11px
	}

	#second-tab-group {
		margin-bottom: 0
	}

	#second-tab-group>div {
		padding: 20px
	}

	.banner {
		margin-bottom: 20px
	}

	.banner2-wrapper {
		padding-bottom: 16px;
		margin-bottom: 0
	}

	h1.smaller,
	h2,
	.h2 {
		font-size: 25px;
		margin-bottom: 15px
	}

	.booking-wrapper {
		margin-top: -120px;
		padding-bottom: 0;
		margin-bottom: 15px
	}

	.btn-default.btn5 {
		font-size: 12px
	}

	.car-view1 .info1 {
		max-width: none;
		float: none
	}

	.car-view1 .info2 {
		float: none
	}

	.car-view1 .txt3 {
		display: inline-block;
		text-align: left
	}

	.car-view1 .info3 {
		float: none;
		max-width: none
	}

	.car-view1 .info4 {
		float: none
	}

	.car-view1 .txt7 {
		padding-top: 15px
	}
}

#search-results-wrapper.loading {
	background: url(/wp-content/themes/autonova/images/ajax-loader.gif) center top no-repeat;
	height: 100px
}

.btn-disabled,
.btn-disabled:hover {
	background: #555 !important;
	color: #fff !important;
	opacity: .66;
	cursor: default !important
}

img {
	max-width: 100%;
	height: auto
}

textarea {
	resize: none
}

.nf-form-fields-required,
.nf-error-msg.nf-error-field-errors {
	display: none !important
}

.nf-field-container {
	margin-bottom: 10px !important
}

.nf-error-msg,
.ninja-forms-req-symbol {
	color: #BC243C;
	font-weight: 700
}

.noborder {
	border: none !important
}

.select1_wrapper select {
	display: none
}

@media (min-width:768px) {
	.collapse.dont-collapse-sm {
		display: block;
		height: auto !important;
		visibility: visible
	}
}

#kampanja {
	background-color: var(--primary);
}

.kampanja_box {
	text-align: center;
	padding: 10px 10px;
	color: #fff
}

.kampanja_header {
	line-height: 1.5em;
	font-size: 1.2em;
	margin-bottom: 6px
}

.kampanja_header p {
	display: inline
}

.kampanja_ehdot {
	line-height: 1.2em !important;
	margin-bottom: 5px
}

.kampanja_ehdot p:last-child {
	margin-bottom: 0
}

.korostettu {
	font-size: 1.5em;
	font-weight: 800
}

#tabs3-1{
	display: flex;
	flex-direction: column;
}

#tabs3-1 h5 {
	line-height: 1.5;
	color:white;
	font-size:20px;	
}

#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #FCC41F url(/wp-content/themes/autonova/images/ajax-loader4.gif) no-repeat center center
}

.footer {
	background: var(--secondary);
	color: #fff;
	padding: 4rem 0;
}

.footer__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem;
}

.footer__logo img {
	max-width: 180px;
	height: auto;
	margin-bottom: 1.5rem;
}

.footer__info p {
	margin: 0;
	line-height: 1.6;
	font-size: 1.5rem;
}

.footer__spacer {
	padding-top: 2rem;
}

.footer__title {
	font-size: 2rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
	letter-spacing: 0.05em;
}

.footer__social-list,
.footer__menu-list, .footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer__social-list li,
.footer__menu-list li {
	margin-bottom: 0.75rem;
}

.footer .some-icon{

}

.footer a {
	color: #fff;
	text-decoration: none;
	font-size:18px;
}

.footer a:hover {
	text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
	.footer__grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.footer__logo {
		display: inline-block;
	}
}