body
{
	font-family: 'HyundaiSansHead';
	font-size:16px;
	color: #2e2e2e;
	position:relative;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg1.jpg) 50% 76px no-repeat white;
}
* { box-sizing:border-box; }
button,input { cursor:pointer; font-family: 'HyundaiSansHead'; }

img {
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
}


.upper { text-transform:uppercase; }
.bg_grey_before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4ded8+0,e4ded8+51,ffffff+53,ffffff+53 */background: rgb(228,222,216); /* Old browsers */background: -moz-linear-gradient(left, rgba(228,222,216,1) 0%, rgba(228,222,216,1) 51%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 53%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(228,222,216,1) 0%,rgba(228,222,216,1) 51%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 53%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(228,222,216,1) 0%,rgba(228,222,216,1) 51%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ded8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */height: 390px;}
.bg_grey_before .img-wrap
{
    display: flex;
    justify-content: flex-end;
    margin-top: -320px;
    margin-bottom: -20px;
    position: relative;
    z-index: 1;
}
.bg_grey_before .img-wrap img
{}
.bg_grey_before .bg_grey {background: #e4ded8;display: flex;}



.bg_grey2_before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4ded8+0,e4ded8+51,ffffff+53,ffffff+53 */
	background: rgb(228,222,216); /* Old browsers */
	background: -moz-linear-gradient(right, rgba(228,222,216,1) 0%, rgba(228,222,216,1) 41%, rgba(255,255,255,0) 43%, rgba(255,255,255,0) 43%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, rgba(228,222,216,1) 0%,rgba(228,222,216,1) 41%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 43%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(228,222,216,1) 0%,rgba(228,222,216,1) 41%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E4DEDA',GradientType=1 ); /* IE6-9 */
	height: auto;
	margin-top: 100px;
	position: relative;
	/* z-index: 2; */
}
.bg_grey2_before .container
{
}

.bg_grey21_before
{position: relative;z-index: -1;}
.bg_grey21_before .img-wrap
{
    display: flex;
    justify-content: flex-start;
    margin-top: -500px;
    margin-bottom: -20px;
    /* position: relative; */
    z-index: 3;
    margin-bottom: 100px;
}
.bg_grey2_before .img-wrap img
{}
.bg_grey2_before .bg_grey {/* background: #e4ded8; */display: flex;justify-content: flex-end;}



.bg_blue {
    background: #1e2b69;
}


a:hover {text-decoration:none;}

.fancybox-type-image .fancybox-close {
    right: 9px;
}
.fancybox-close {
    background: url(../img/bg_close.png?v=2) 50% 50% no-repeat !important;
    top: 0px !important;
    right:0px !important;
}


.container {
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1140px;
    position: relative;
}
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}

input[type=text],
input[type=phone],
input[type=email],
input[type=tel],
input[type=mail],
select
{
	color:#686868;
	background: white;
	height: 64px;
	border: 0px;
	width: 100%;
	padding-left: 30px;
	font-size: 16px;
}
select
{ border:1px solid #c2b9af; }

button,
input[type=submit]
{
}


.has-danger input,
.has-danger select,
.has-danger textarea
{
    border-color: #eba5a3!important;
	border-width:2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #eba5a3;
}

#form_popup,#form_popup2 { display:none; }
.popup_container {width: 380px;max-width:100%;padding: 21px 29px;overflow: hidden;position: relative;box-sizing: border-box;    background: #E7DFD9;}
.popup_container h2
{
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;
	color:black;
	padding: 0px;
	margin: 0px;
	padding-bottom: 17px;
}
.popup_container .close
{
	position:absolute;
	right:10px;top:10px;
	width:34px;
	height:34px;
	-moz-transform: rotate(45deg); /* Aey Firefox */
	-ms-transform: rotate(45deg); /* Aey IE */
	-webkit-transform: rotate(45deg); /* Aey Safari, Chrome, iOS */
	-o-transform: rotate(45deg); /* Aey Opera */
	transform: rotate(45deg);
	cursor:pointer;
}
.popup_container .close:before
{
	content:'';
	position:absolute;
	left:0px;top:16px;
	width:34px;height:1px;
	display:block;
	background-color:#a8a8a8;
}
.popup_container .close:after
{
	content:'';
	position:absolute;
	left:16px;top:0px;
	width:1px;height:34px;
	display:block;
	background-color:#a8a8a8;
}

.popup_container .form-group input[type=text] 
{
	border: 0px solid #0277bd;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	border:0px;
}
.popup_container .form-group button {/* height: 50px; *//* box-sizing: border-box; *//* width: 310px; *//* font-size: 20px; *//* font-weight: 400; *//* outline: none; *//* background: #007edb; *//* text-align: center; *//* text-transform: uppercase; */width: 100%;}


.button1  {
    height: 65px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    background: #1e2b69;
    border: 2px solid #1e2b69;
    display: inline-flex;
    align-items: center;
    text-align: left;
    padding: 0px 37px;
    padding-right: 0px;
    justify-content: space-between;
	transition: all 0.2s ease;
	position:relative;
}
.button1:hover {}
.button1:after 
{
	content:'';width: 65px;height: 65px;
	display: inline-block;vertical-align: middle;
	background: #FF401F  url(../img/bg_button.png) center center no-repeat;
	transition: all 0.2s ease;
	position:absolute;
	right:-2px;top:-2px;
}

.button1.blue_red  {}
.button1.blue_red:hover { background:#FF401F; border-color:#FF401F; }
.button1.blue_red:after {}
.button1.blue_red:hover:after {/* background:#1e2b69 url(../img/bg_button.png) center center no-repeat; */}


.button1.blue_blue  {}
.button1.blue_blue:hover { background:#FF401F; border-color:#FF401F; }
.button1.blue_blue:after {
    background: #1e2b69 url(../img/bg_button.png) center center no-repeat;
}
.button1.blue_blue:hover:after {background:#FF401F url(../img/bg_button.png) center center no-repeat;}

.button1.red_red  {
    background: #FF401F; border-color:#FF401F;
}
.button1.red_red:hover 
{
	/*background: #FF401F;*/
	background: #001f56;
	border:2px solid #FF401F;
}
.button1.red_red:hover:after {  }
.button1.red_red:after {}



form {
}
form .form-group {
    margin-bottom: 8px;
    position: relative;
}
.form_title
{
    font-size: 36px;
    font-weight: 400;
    color: #282828;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 14px;
    line-height: 100%;
}
.form_title div
{}
.form_title span {
    /*display: block;
    color: #aa2635;
    white-space: nowrap;*/
}
.form_title b
{
    font-size: 16px;
}


header {
    box-shadow: 0px 0px 5px rgba(121, 121, 121, 0.8);
    background: #f8f8f5;
}
header .container {
    display: flex;
    justify-content: space-between;
    height: 76px;
    align-items: center;
}
.logo1 {display: inline-block;/* margin-right: auto; */}
.logo1 img {}
.logo2 {}
.logo2 img {}

.top_addr {
    /* margin-right: 80px; */
    /* padding-left: 10px; */
}
.top_addr div {
    color: black;
    font-size: 16px;
}
.top_addr span {
    color: #88827e;
    font-size: 12px;
}
.top_phone {
    font-size: 18px;
    display: block;
    font-weight: 500;
    color: #1b2867;
    text-decoration: none;
}
header .popup
{
    background: #E7DFD9;
    font-weight: 400;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    color: black;
    text-decoration: none;
    width: 173px;
    text-align: center;
}
header .popup:hover {}
.timer {
    display: flex;
    margin-bottom: 80px;
}


footer {
background: #1e2b69;
text-align: center;
color: white;
	padding-bottom:20px;
}
footer .container {
}



.title1_conatiner {padding-top: 33px;}
.title1_conatiner .proc10
{
    position: absolute;
    font-size: 14px;
    right: 15px;
    top: 0px;
    background: #FF401F;
    padding: 0px 16px;
    color: white;
    text-transform: uppercase;
    width: 173px;
    white-space: nowrap;
    line-height:100%;
}
.title1_conatiner .proc10 b
{
	font-size: 49px;
	font-weight: bold;
	display: block;
	line-height: 100%;
	text-align:center;
}
.title1_conatiner .proc10 span
{
	font-size: 31px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	margin-top: 12px;
}
.title1 {font-size: 40px;font-weight: 600;color:black;line-height: 100%;text-transform: uppercase;}
.title1_comment {font-size: 36px;font-weight: 600;color:black; margin-top:20px;}
.title1_comment span {font-size:48px;}
.title1_comment2 {font-size: 18px;font-weight: bold;color:black;padding-top:130px;}
.title1_comment2 div {
    margin-bottom: 4px;
}
.title1_comment2 span {
    color: #FF401F;
    margin-bottom: 10px;
    display: block;
}

.buttons_container .popup {
    width: 350px;
    max-width: 100%;
    margin-bottom: 47px;
}
.buttons_container .popup:after {display:inline-block;}
.buttons_container .popup span {display:inline-block;vertical-align:middle;}
.buttons_container .popup:hover { /*color:white;background: #001f56;border-color: #001f56;*/ }


.title2 {
    font-size: 36px;
    font-weight: bold;
    color: black;
    padding-top: 12px;
}
.title21 {
    font-size: 36px;
    font-weight: bold;
    color: black;
    padding-top: 82px;
}




.cars_items {display: flex;width: 100%;flex-wrap: wrap;margin: 0px;padding: 0px;padding-top: 31px;justify-content: flex-start;}
.cars_items > li {
    display: inline-block;
    width: calc( 33.333333% - 22px );
	margin-left:32px;
    text-align: left;
    padding-bottom: 44px;
    position:relative;
}
.cars_items > li:nth-child(3n-2)
{
	margin-left:0px;
}
.cars_items > li .circle_credit
{
    font-size: 12px;
    position: absolute;
    right: -15px;
    top: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    width: 78px;
    height: 78px;
    color: white;
    padding-left: 10px;
    text-align: center;
    background: #dd0a38;
    background: url(../img/bg_cred.png) center top no-repeat;
    line-height: 110%;
    text-decoration:none;
    padding-top: 13px;
}
.cars_items > li .circle_credit span 
{
    font-weight: 600;
    font-size: 20px;
    margin-top: 5px;
	text-decoration:none;
}
.cars_items .title {
    font-size: 30px;
    padding-bottom: 7px;
    font-weight: 500;
    white-space: nowrap;
    color: #1e2b69;
}
.cars_items .price {
    color: #FF401F;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
	text-decoration:none;
}
.cars_items .price span {font-size: 24px;}
.cars_items .vigoda {
    color: #FF401F;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
	text-decoration:none;
	display:block;
}
.cars_items .vigoda b { font-size: 24px; }

.cars_items .title span {font-weight: 700;color: #23730a;}
.cars_items .image {
    display: flex;
    height: 170px;
    align-items: flex-start;
}
.cars_items .image img {
    width: 100%;
}
.cars_items .button1 {width: 100%;margin-bottom: 7px;}
.cars_items .button1:hover {}
.cars_items .button1 + .button1 {
}

.cars_items li ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 9px;
    margin-bottom: 16px;
    min-height: 116px;
}
.cars_items li li
{
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 4px;
    font-size: 16px;
    color: #1e2b69;
}
.cars_items li li:before
{content:'';background: #ff3c00;width: 8px;height: 8px;display: block;border-radius: 10px;margin-top: 6px;margin-right: 10px;}





.bg_grey_before .container
{}
#form2 {
    width: 50%;
    box-sizing: border-box;
    padding-bottom: 7px;
    position: relative;
    z-index: 2;
    top: 20px;
    min-height: 270px;
}
#form2 .form_title {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    text-align: left;
    line-height: 60px;
    padding-bottom: 0px;
}
#form2 .form_title div {
    font-size: 48px;
    color: #010101;
    text-transform: uppercase;
}
#form2 .form_title span {}

#form2 .form-group {
    width: 360px;
    max-width: 100%;
}
#form2 .form-group input[type=text] {
}
#form2 .form-group button[type=submit] {width: 100%;}
#form2 .form-group button[type=submit]:hover {}




#form3 
{padding-top: 62px;text-align: left;padding: 40px;padding-bottom: 30px;width: 50%;background: #e4ded8;
    position: relative;
    z-index: 2;
}
#form3 .form_title {font-size: 48px;color: #010101;padding-bottom: 17px;text-align: left;}
#form3 .form_title div {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 6px;
}
#form3 .form_title span {
    font-size: 16px;
    display: block;
    line-height: 130%;
}
#form3 .form_title b {}
#form3 .form-group {
    display: inline-block;
}
#form3 .form-group input[type=text] {
    height: 66px;
    box-sizing: border-box;
    width: 358px;
}
#form3 .form-group button[type=submit] { /*height: 66px;*/box-sizing: border-box;width: 358px;font-size: 16px;font-weight: 500;outline: none;text-align: center;}
#form3 .form-group button[type=submit]:hover {/*background:#001f56;*/}




#form4 {padding-top: 62px;text-align: center;padding-bottom: 64px;margin-top: -100px;    border-bottom: 1px solid #58639a;}
#form4 .form_title {font-size: 48px;color: white;padding-bottom: 17px;text-align: left;text-transform: uppercase;line-height: 120%;}
#form4 .form_title div {
    font-weight: bold;
    margin-bottom: 6px;
}
#form4 .form4-wrap
{
    display: flex;
    margin-top: 10px;
}
#form4 .form4-wrap>span
{
    font-size: 18px;
    font-weight: 400;
    display: block;
    line-height: 30px;
    color: white;
    text-transform: uppercase;
    text-align: left;
    width: 33%;
}
#form4 .form4-wrap>div
{display: flex;flex-wrap: wrap;justify-content: space-between;}
#form4 .form4-wrap b
{
    font-size: 30px;
}
#form4 .form4-wrap>label
{
}
#form4 .form-group {
    display: flex;
    justify-content: space-between;
    width: 49%;
    margin: 0px;
}
#form4 .form-group input[type=text] {
    height: 66px;
    box-sizing: border-box;
    width: 100%;
}
#form4 .form-group button
{
	box-sizing: border-box;
	width: 100%;font-size:16px;font-weight: 600;
	outline: none;
	text-transform: initial;
}
#form4 .form-group button[type=submit]:hover {}
#form4 .agree_field {
    color: #a2acdf;
    width: 50%;
    margin-left: auto;
}
#form4 .agree_field a {
    color: #a2acdf;
    border-color: #a2acdf;
}



#map1 {height: 340px;position: relative;flex: 1 0 auto;border: 1px solid #ababab;width: 68%;margin-left: 2%;}


.contacts {
    display: flex;
    width: 100%;
    padding-top: 10px;
    background: #1e2b69;
    padding-bottom: 27px;
    color: white;
    padding-top: 75px;
}
.contacts .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contacts .title2 {
    font-size: 48px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    width: 100%;
    padding-top: 10px;
}
.contacts .block_text {
    max-width: 100%;
    width: 30%;
    box-sizing: border-box;
    /* color: white; */
    line-height: 138%;
}
.contacts .block_text .title {font-size: 18px;font-weight: 300;padding-top: 49px;}

.contacts .block_text .title:first-child {
    padding-top: 0px;
}

.contacts .block_text .bottom_addr {padding-bottom: 10px;font-size: 16px;}
.contacts .block_text .work_time {font-size: 14px;color: #919bca;font-weight: 300;line-height: 110%;}
.contacts .block_text strong {}
.contacts .bottom_phone {
    font-size: 24px;
    font-weight: 500;
    color: white;
    margin-top: 30px;
    margin-bottom: 20px;
}
.contacts .button1 {
    width: 100%;
}






.bottom_addr {
}
.bottom_addr .popup {
    color: #2c4672;
    font-size: 12px;
}


.bottom_logo_text {
    color: #2c4672;
    text-decoration: none;
}

.bottom_phone {
    font-size: 24px;
    display: block;
    font-weight: 700;
    color: #2c4672;
    text-decoration: none;
}


.agree_field {
    display: block;
    align-items: center;
    vertical-align: middle;
    padding: 10px 0px;
    font-size: 12px;
}
.popup_container .agree_field  {color:black;margin-left: 0;width: 100%;}

.agree_field input {
    margin-right: 10px !important;
    vertical-align: middle !important;
    height: 14px !important;
    margin-top: 0px !important;
}
form.popup_on .agree_field input {width:auto !important;min-width: 0px !important;}

.agree_field a {
    color: #005aab;
    border-bottom: 1px dashed #005aab;
    text-decoration: none;
}

form.not_agree input[type="submit"],form.not_agree button[type="submit"],form.not_agree a.submit {
	background: #cccccc !important;
    cursor: auto !important;
    color: white !important;
}



.form-disclamer {font-size:10px;}