header {
	height: 86px;
	background: #000;
	color: white;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	padding: 20px 60px;
}
header:before {
	content:'';
	background-color: #000;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

header .container {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	/*width: 1560px;*/
	width: 1920px;
	max-width:100%;
	padding: 0;
	position: static;
}
header .row1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header .row1 .logo_wrap {margin-right:20px;z-index: 10;}
header .row1 .logo_wrap .logo {}
header .row1 .logo_wrap .logo img {/* height:53px; *//* max-height:53px; */width: 270px;}
header .row1 .col1 {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    flex-direction:column;
    margin-left: 20px;
    z-index: 10;
}
header .row1 .col1 .phone a
{
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	color: white;
}
header .row1 .col1 .s3 { margin-left:30px; }
header .row1 .col1 .top_addr {}
header .row1 .col2 {
    margin-left: 20px;
    z-index: 10;
}
header .row1 .col2 .button.orangeborder {}
header .row1 .col2 a {
    /* height: 33px; */
}
header .row1 .col2 a:before{ content:''; }
header .row1 .col2 a:after{ content:''; }
header .row1 .col2 a:hover{  }
header .row1 .col2 .button.orangeborder:before{ content:''; }
header .row1 .col2 .button.orangeborder:after{ content:''; }
header .row1 .col2 .button.orangeborder:hover {}
header .m_button {
    width: 36px;
    height: 36px;
    min-width: 36px;
    position: relative;
    margin-left: 20px;
    cursor:pointer;
    display: none;
    z-index: 10;
}
header .m_button span {
    position: absolute;
    display: block;
    width: 36px;
    height: 2px;
    background: white;
    transition: all .3s linear;
}

header .m_button span:nth-child(1) {
	top: 5px;
}

header .m_button span:nth-child(2) {
	top: calc(50% - 1px);
	opacity: 1;
}

header .m_button span:nth-child(3) {
	bottom: 5px;
}


header .m_button.active span:nth-child(1) {
    transform-origin: top right;
    transform: rotate(-45deg);
    top: 9px;
}

header .m_button.active span:nth-child(2) {
    opacity: 0;
}

header .m_button.active span:nth-child(3) {
    transform-origin: bottom right;
    transform: rotate(45deg);
    bottom: -1px;
}





header .menu {
    /* z-index: 2; */
    /* position: fixed; */
    top: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    right: -100%;
    transition: 0.2s;
    /* width: 100%; */
    /* max-width: 560px; */
    /* background-color: #68a598; */
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    margin: 0px;
    padding: 0px;
    /* padding: 48px 40px 28px; */
    list-style: none;
    display: block;
    justify-content: space-between;
    text-align: center;
    box-sizing: border-box;
    flex-grow: 1;
}

header .menu ul {
    list-style-type:none;
    display: flex;
    /*margin: 0 auto;
    justify-content: center;
    align-items: center;*/
    justify-content: center;
}

header .menu li {
    margin-right: 9px;
    margin-left: 9px;
    white-space: nowrap;
}
header .menu li:nth-child(1) {
	margin-left:0;
}
header .menu li:nth-last-child(1) {
	margin-right:0;
}

/*header .menu li span { display:none; }*/

header .menu li a {
	color: white;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	display: block;
	/* margin-bottom: 15px; */
	overflow:hidden;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	display:flex;
}

header .menu li a b {
	font-weight:400;
}

header .menu .close {
	position:absolute;
	right: 15px;
	top: 15px;
	width:30px;
	height:30px;
	display: block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yNCA2TDYgMjRNNiA2TDI0IDI0IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
	z-index: 2222;
}

header .menu.active {
	right: 0;
        transform: translateX(0%);
}

header .menu .m_button {
    right: 30px;
    top: 30px;
    position: absolute;
}
header .menu .m_button span:nth-child(1) {
    transform-origin: top right;
    transform: rotate(-45deg);
    top: 9px;
}

header .menu .m_button span:nth-child(2) {
    opacity: 0;
}

header .menu .m_button span:nth-child(3) {
    transform-origin: bottom right;
    transform: rotate(45deg);
    bottom: -1px;
}

/* Submenu */
header .submenu {
	position:absolute;
	z-index: -1;
	left:0;
	top: 100%;
	transition:all 0.3s;
	transform: translateY(-150%);
	background: #f2f2f2;
	max-height: calc(100vh - 94px);
	/* overflow-y: auto; */
	width: 100%;
	left: 50%;
	transform: translate(-50%, -150%);
	max-width: 1920px;
}

/* Sub item */
header .sub {
	position:relative;
	transition:all 0.3s;
}
header .sub b {
	font-weight:400;
	position:relative;
	z-index:4;
}
header .sub>span {
	background:url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAkCAQAAAB7hUEyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfnChAKIQPFPQ8rAAAB7klEQVRYw7WXSUscURSFT7tw48Ifk5WQhWshYqDFGYw4JCiiURzQRbYScBFiK+2Adpo4gCgONI44rF36I1y7EonHRafpod6pqveq6/au69zv61f9bg0JAgDQgY94QQ4XiLca0Ix6PGAT/wAQBFPM1zPHiBg/XXz6b9plDQGCGZbWeGzq7jLPHevAdlbWRCzqNo/ne+W68zUVwwn3VqYGb4ZtsYDZqm6zHmQN3xJsobn6q7bqJmEYBsHf4uBQVdSfBP2UtfnAtvptkdWfBfmGIAqhnyI0H0n9TVCz+ePFYEoE3QevXRAPC4nS8JoITzupuwUtV8yUN6yIhjlrda8gHZemKpuWRNOklbpTUA7Kc97GHdH4NfJwXVYmTc1q8EYiDdetN2sG/BGAsUB1UnRem9IKsiogg77qVtF1Ys5rUFqAZqyH61R1+K1jWcDMV70vIn2kDf7/4C8B/OFJDojkvh8/aAOpy85oqG22708PHp2/AlwcPN87VzS5+UGLLAye2uFXweQwcnBDCJJsFEfOwnDDycEsbSrEqm3k+uR76zwsM7xcD57VDneVg4uB6l0bnp0cXPdVH9rRbOXgllRf2rLs5Wr1OXuSi9x0xztx4bjJwb0y9b0bxVVe+py/58pI0P3dsw8fkMAj0nh1A7wD4DuZYYtmAe4AAAAASUVORK5CYII=") center center no-repeat;
	width: 34px;
	height: 34px;
	position: absolute;
	right: 10px;
	top: 1px;
	background-size: 24px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transition:all 0.3s;
	display: none;
}
header .sub>span:after {
	content:'';
	position: absolute;
	left: -500px; top: -500px;
	width: 1500px; height: 1500px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
header .sub.active>span {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
header .sub.active+.submenu {
        /*transform: translateY(0%);*/
        transform: translate(-50%, 0%);
        overflow:auto;
        height: auto;
}

header .sub.active+.submenu:before {
	content:'';
	background: black;
	opacity: 0.6;
	left:0;
	top:0;
	right:0;
	/* height: 100vh; */
	max-height: 100vh;
	position: fixed;
	z-index: 0;
}


/*submenu*/
header .submenu .group_container {padding-left: 60px;padding-right: 60px;padding-bottom: 60px;padding-top: 60px;background: #f2f2f2;position: relative;display: flex;align-items: flex-start;justify-content: space-between;position: relative;}

header .submenu .group_container .submenu_normal_bg {width: 48%;}

header .submenu ul {display: flex;flex-direction: column;width: 48%;}

header .submenu li {align-items: center;display: flex;width: 100%;}

header .submenu li a {
	color: #222222;
	font-size: 24px;
	font-weight: 600;
	align-items: center;
	display: flex;
	padding-bottom: 30px;
	padding-top: 30px;
	position:relative;
	padding-right: 40px;
	width: 100%;
}

header .submenu li a:before {
	content:'';
	position:absolute;
	background-color: black;
	display: block;
	flex-shrink: 0;
	height: 30px;
	-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAgNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTIgMzBINDhMMzAgMTIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTEyIDMwSDQ4TDMwIDQ4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
	mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAgNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTIgMzBINDhMMzAgMTIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPHBhdGggZD0iTTEyIDMwSDQ4TDMwIDQ4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 30px;
	right: 0;
}

    


header .menu-model-list {display: grid;gap: 20px;grid-template-columns: repeat(4, 1fr);}
header .menu-model-list-item {display: flex;flex-direction: column;background: white;color: #222222;position: relative;}
header .menu-model-list-item .credit_from {position: absolute;top: 20px;left: 20px;padding: 5px 20px;border-radius: 2px;z-index: 2;background: #5cacb1;border-color: #5cacb1;color: #fff !important;}
header .menu-model-list-item img {
}
header .menu-model-list-item .menu_car_price {color: #222222;}
header .menu-model-list-item .menu_car_price .normal {font-size: 18px;font-weight: 400;line-height: 25px;}
header .menu-model-list-item .menu_car_price .old {text-decoration: line-through;font-size: 15px;white-space: nowrap;}
header .menu-model-list-item h3 {font-size: 24px;font-weight: 600;letter-spacing: .04em;line-height: 30px;text-transform: uppercase;margin-bottom: 10px;color: #222222;}
header .menu-model-list-item .button {display: flex;margin-top: 20px;}
header .menu-model-text-wrap {
	padding: 0 20px 20px;
	flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}





footer {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #ededed;
}
footer .container {}
footer .wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
footer .wrap a { text-decoration:none; }
footer .wrap a:before{ content:''; }
footer .wrap a:after{ content:''; }
footer .wrap a:hover{  }
footer .wrap a:hover {}
footer .wrap a img {}
footer .wrap ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    margin-top: 3px;
}
footer .wrap ul li {
    /*width: 160px;*/
    padding-right: 40px;
}
footer .wrap ul a { white-space:nowrap; }
footer .wrap ul a:before{ content:''; }
footer .wrap ul a:after{ content:''; }
footer .wrap ul a:hover{  }
footer .wrap ul li:before{ content:''; }
footer .wrap ul li:after{ content:''; }
footer .wrap ul li:hover {}
footer .wrap .so {
    white-space: nowrap;
}
footer .wrap .so .s1 {}
footer .wrap .so a {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 16px;
    -webkit-transition: opacity ease-in-out 0.2s;
    -moz-transition: opacity ease-in-out 0.2s;
    -o-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    height: 33px;
}
footer .wrap .so a:before{ content:''; }
footer .wrap .so a:after{ content:''; }
footer .wrap .so a:hover{  }
footer .wrap .so .s1:before{ content:''; }
footer .wrap .so .s1:after{ content:''; }
footer .wrap .so .s1:hover {}

footer .desc {
	font-size:11px;
	margin-top:20px;
}
footer .desc * {
	font-size:11px;
}


.apps_container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.apps_container .title {
    color: #4d4d4d;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
	font-weight: bold;
}
.apps_container .apps {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5px;
	margin-right:5px;
}
.apps_container .apps a {}
.apps_container .apps a img {}
.apps_container .apps a:first-child {}

.apps_container .year32 {
	
}
.apps_container .year32 img {
	height:100px;	
}


.content404 {
    background: url(/project/templates/site/img/bg_404.jpg) 50% 0% no-repeat;
}
.content404 .container {}
.content404 .pre_title {
    font-size: 326px;
    color: hwb(0deg 100% 0% / 7%);
    line-height: 121%;
}
.content404 .title {
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin-top: -60px;
}
.content404 .comment {
    font-size: 16px;
    color: white;
    padding-top: 4px;
}
.content404 .button {
    margin-top: 26px;
    margin-bottom: 65px;
    width: 340px;
    max-width: 100%;
    padding: 0px;
}