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;
    overflow-x: hidden;
}

* {
    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;
    overflow: hidden;
}

.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 {
    position: absolute;
    top: 0px;
    left: 50%;
}

.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;
    -webkit-appearance: none;
}

select {
    border: 1px solid #c2b9af;
    background: url(../img/arrow_compl.png) center right no-repeat white;
}

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: 40px;
}


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

footer .container {
}

.title1_conatiner {
    padding-top: 45px;
}

.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: 41px;
    font-weight: 700;
    color: #1e2b69;
    line-height: 100%;
    text-transform: uppercase;
}

.title1 span {
    font-size: 36px;
}

.title1_comment {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
}

.title1_comment span {
    font-size: 48px;
    color: #FF401F;
}

.title1_comment2 {
    font-size: 18px;
    font-weight: bold;
    color: #1e2b69;
    padding-top: 40px;
}

.title1_comment2 div {
    margin-bottom: 4px;
}

.title1_comment2 span {
    color: #FF401F;
    margin-bottom: 10px;
    display: block;
}

.title_ags {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 65px;
    width: 56%;
}

.title_ags a {
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #1e2b69;
    text-decoration: none;
    text-align: center;
    padding: 45px 15px 0 15px;
    box-shadow: 0px 0px 10.53px 2.47px rgba(0, 0, 0, 0.16);
    min-height: 117px;
}


.title_ags a b {
    font-size: 22px;
    color: #ff401f;
}

.title_ags a:first-child {
    background: url("../img/coupon.png") 50% 10% no-repeat #e4ded8;
}

.title_ags a:nth-child(2) {
    padding-left: 20px;
    padding-right: 20px;
    background: url("../img/card.png") 50% 10% no-repeat #e4ded8;
}

.title_ags a:nth-child(3) {
    padding-top: 40px;
    line-height: 100%;
    background: url("../img/discount.png") 50% 10% no-repeat #e4ded8;
}

.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: 230px;
}

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


.gifts_block {
    background: #e4ded8;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gifts_block_title {
    color: #1e2b69;
    font-size: 24px;
    font-weight: 700;
    width: 15%;
}

.gifts_block_items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.gifts_block_items .item {
    width: 15%;
    text-align: center;
}

.gifts_block_items .item a {
    color: #1e2b69;
    text-decoration: none;
}

.gifts_block_items .item_img {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
}

.gifts_block_items .item:last-child .item_img {
    padding-left: 7px;
}

.gifts_block_items .item_text {
    color: #1e2b69;
    font-size: 16px;
    font-weight: 400;
}


.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: 0px;
    top: 0px;
    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:nth-child(n+7) .circle_credit{
    /* top: 45px; */
}

.cars_items > li .circle_credit span {
    font-weight: 600;
    font-size: 20px;
    margin-top: 5px;
    text-decoration: none;
}

.cars_items .title {
    font-size: 24px;
    padding-bottom: 7px;
    font-weight: 500;
    white-space: nowrap;
    color: #1e2b69;
    line-height: 110%;
}

.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: 300;
}

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