@charset "utf-8";
html {width:100%}
body {margin:0; padding:0; height: 100%}
.openArea {overflow: hidden !important; scrollbar-gutter: stable}

.wrapper {margin: 0 auto; width: 100%; max-width: 1920px; overflow: hidden; position: relative}

.ns-fx {display: flex}
.ns-fx > div, .ns-fx > li, .ns-fx > a {display: block; box-sizing: border-box; position: relative}

.mb90 {margin-bottom: 80px !important}
.mt90 {margin-top: 80px !important}
.mt40 {margin-top: 40px !important}

/* Header */
header {box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.05)}
.header_wrap {width: 100%; background: #9CC13D}
.header {justify-content: space-between; align-items: center; margin: 0 auto; width: 100%; height: 48px; max-width: 1360px; box-sizing: border-box; position: relative}
.header > div:nth-child(2) {position: static}

.langs > div:nth-child(1) {padding-right: 45px; display: none} /* Кнопка меню для мобильных */
.langs > div:nth-child(2) {padding-right: 35px}
.item-lang {display: block; padding-left: 34px; height: 22px; font-size: 14px; color: #fff; line-height: 22px; opacity: .9}
.item-lang:hover, .item-lang.active {text-decoration: none; color: #fff; opacity: .5}
.lang-ru {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpi/A8EDDQALFCakcrm/mdioBEYegbDwvj/aOSNRt5o5A2HyAMIMAAsugolVfwamQAAAABJRU5ErkJggg==") left center no-repeat}
.lang-en {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALhJREFUeNq0VIkNhDAMI52AEViBDbohK90GjHC3SS4VOSkKzdMDIkVIrbFsywBIMz01eMybdqOdI2xwPzNP48PC5yst0O50Vv8U2d7bmWc9qWkAz0VPuVJbJbZIIAC8Rlxotfx+nGPPxQ9rqdW8xVJluQjVSo6LVfw4d8uUIRcRoYyCnouz6JLrbJm8Zr4LN3Mr26FGaeVeEzpY08VJ+UgTUi44x7C30b9Fu5DK02qzLu7ouTtfAQYAvIpWpq8N/esAAAAASUVORK5CYII=") left center no-repeat}

/* Menu */
nav {display: none}
.all_menu .level.v2 {display: none}
/* End Menu */

.menu_button {display: block; padding: 3px 0 0 0; width: 31px; height: 24px; box-sizing: border-box; cursor: pointer; position: relative}
.menu_button > div {display: block; margin: 0 0 7px 0; width: 100%; height: 2px; background: #fff; opacity:1.0; visibility: visible; transition:all .2s ease}
.menu_button:hover > div:nth-child(1), .menu_button.active:hover > div:nth-child(1) {transform:rotate(0deg) translate(0,-2px); background: #fff}
.menu_button:hover > div:nth-child(2), .menu_button.active:hover > div:nth-child(2) {opacity:1.0; visibility:visible; background: #fff}
.menu_button:hover > div:nth-child(3), .menu_button.active:hover > div:nth-child(3) {transform:rotate(0deg) translate(0,2px); background: #fff}

.top_icons a {display: block; width: 50px; height: 25px; text-decoration: none}
.top_icons a:hover {text-decoration: none; opacity: .5}
.top_icons .top_basket {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWZJREFUeNqsle1RwzAMhp0c/8kG9QjZgLJBNyCdgG7QMgHHBMAE0AnSDZoN6Aa4E6SvguRTTT4aJ7rT+St+LEuWkpgeqes6Q/MMzaHUr6BvSZKcTIwAmEN/6j85Qkvu/0KfYoCWgaTLYP7I8HwstOCNts0lbO37WOgXWdSz/kG36FpPO+YpKM5Eyp34Cg1dZ6nWDhz9kg8JD82UtWTAGq+i8lDIhp/NC4+b6OIjh417dBcBVA4/cLuCvkIftY/ouZRd4yGfhuNUXeds4oWSwYZQywtG+ahPXPDNScXGm0+yaUnRoRSW/konRKoy4yqfKUh90GBd9uZy/ezGKw/5VGLTQG2bpWOErXbC8tDocnYdvHsNnQo0XGu9TxczQc/ap1Mf/r8EmPP6PgHSqWWuq55SpXmYgUUM17wi9evYxtJoLzN2zfPkSRps2Q3VSKb8vj9hZeGhDKbCW7QU5FsCtAfwWyYuAgwAjnH7qeMyYDYAAAAASUVORK5CYII=") left center no-repeat}
.top_icons .top_auth {text-indent: -9999px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNqsVYFxwyAMNF6g3qAawRuUDdoRGMEbJBs4nSDdoNcJnA16mSDuBPEGrpQ+dxwFbIP/TkcC5iXES6hqAfM8NzwYthc2+T2xfSmlPqoSMDGx3eY/yDh4/6mE/AbT3vwb212c5RJrRGgi60esUw55h81NImVR54I6wf8g5YubctOaIh9thCnnUE8eOSNGTt53m3LeQBGnyPpZlFQixQEOKHKZ59IiukPrHeTZOXO0Z5VaDGuI1QYnLRQysjzHqhSxAnJPlaMSg6OnKrR1UmTW9JIDLkvwvbQJQbhd8vDvNE6UNhK98bTG4+jdBcFpKccrlWW7pZaJz6JKCzt5VHZt5VXtC2lmT7XX4XaFkF+lw8nTtVNKNDrmT+gR7vFGtitrgiCK3pMxKVdOPLyyaS9NE+5kCvRy8r67sL1ze7hEewuilo0yPsNZE3hIrpY01G9+BRgAHPjH9d852KAAAAAASUVORK5CYII=") right center no-repeat}
.top_icons .top_basket  div { display: block; width: 22px; height: 22px; font-size: 11px; font-weight: 500; text-align: center; color: #000; border-radius: 50%; background: #fff; line-height: 22px; position: absolute; top: 2px; right: 0}

.menu-desctop {text-transform: uppercase}
.menu-desctop span {display: none} /* Если делаем дублирующее меню - то не нужно*/

.menu-desctop li {padding: 0 10px; font-size: 13px; font-weight: 500}
.menu-desctop li:before {display: none}
.menu-desctop a {display: block; padding: 0 20px; height: 40px; color: #fff; line-height: 40px; position: relative}
.menu-desctop a:hover, .menu-desctop a.active, .menu-desctop .child:hover .children {text-decoration: none; color: rgba(0,0,0, .5); background: #fff; border-radius: 3px}
.menu-desctop .children:after {content: ''; display: inline-block; margin-left: 12px; width: 10px; height: 6px; background: url("data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDEwIDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBvcGFjaXR5PSIwLjMiIGQ9Ik0xIDAuODU3MTQyTDUgMy4xNDI4Nkw5IDAuODU3MTQyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8L3N2Zz4NCg==") no-repeat}
.menu-desctop .children:hover:after, .menu-desctop .children.active:after, .menu-desctop .child:hover .children:after {background: url("data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDEwIDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBvcGFjaXR5PSIwLjMiIGQ9Ik0xIDAuODU3MTQyTDUgMy4xNDI4Nkw5IDAuODU3MTQyIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8L3N2Zz4NCg==") no-repeat}
.menu-desctop .child:hover .child_menu  {display: block; animation: menuDown .4s ease}

.child_menu  {display: none; padding: 12px 0; background: #fff; border-radius: 3px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1); position: absolute; top: 36px; left: 10px; z-index: 20}
.child_menu ul {box-sizing: border-box}
.child_menu li {padding: 8px 0; white-space: nowrap}
.child_menu .level-next {white-space: normal}
.child_menu li a {height: auto; color: #000; line-height: normal}
.child_menu li a:hover, .child_menu li a.active {color: #209DC6}

.menu-desctop .child.icon {position: static !important}
.child_menu.icon {padding: 0; width: 100%; left: 0; top: 41px}
.child_menu.icon ul {width: 378px; background: #F1F4F9; border-radius: 3px 0 0 3px; position: static }
.child_menu.icon li {padding: 0; position: static}
.child_menu.icon a {display: flex; align-items: center; padding: 10px 24px; height: 70px; box-sizing: border-box}
.child_menu.icon a > div:nth-child(1) {width: 58px; text-align: center}
.child_menu.icon a > div:nth-child(2) {padding-left: 24px}

.child_menu.icon a svg path {stroke: #209DC6 !important}
.child_menu.icon a:hover {background: #fff}
.child_menu.icon a:hover svg path, .child_menu.icon a.active svg path {stroke: #9CC13D !important}

.child_menu .level_3 {display: none; width: calc(100% - 378px); height: 100%; border-radius: 0 3px 3px 0; position: absolute; top: 0; left: 378px; z-index: 12}
.child_menu .level_3 ul {flex-wrap: wrap; padding: 50px 0 20px 80px; width: 100%; background: none; box-sizing: border-box}
.child_menu .level_3 li {padding: 15px 20px 15px 0; width: 40%}
.child_menu .level_3 a {display: inline; padding: 0; color: #000 !important}
.child_menu .level_3 a:hover {color: #209DC6 !important}

.child_menu.icon .level-next:hover {background: #fff}
.child_menu.icon .level-next:hover a {color: #209DC6}
.child_menu.icon .level-next:hover svg path {stroke: #9CC13D !important}
.child_menu.icon .level-next:hover .level_3 {display: block}

.head {justify-content: space-between; align-items: center; margin: 0 auto; width: 100%; height: 132px; max-width: 1360px; box-sizing: border-box}
.head > div:nth-child(1) {min-width: 170px; max-width: 170px}
.head > div:nth-child(2) {padding: 0 40px; width: 100%}
.head > div:nth-child(3) {min-width: 200px; max-width: 200px}
.head > div:nth-child(4) {padding-left: 40px; min-width: 233px; max-width: 233px}
.head > div:nth-child(5), .head > div:nth-child(6) {display: none; padding-left: 15px; width: 60px}
.head > div:nth-child(5) a, .head > div:nth-child(6) a {display: block; width: 45px; height: 45px; border-radius: 50%; background-color: rgba(32, 157, 198, .2); background-position: center; background-repeat: no-repeat; text-indent: -9999px}
.head > div:nth-child(5) a {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYZJREFUeNqkU01WwjAYnBQ2rMQbxBvgElgIN/AGtv6swRNQTgCsFYs34AiwgLqDG9gbCAsfT5/m80sKNlpAwFn0NcmXyWS+icAGyGCSh3p1AecMAnkQZoAawsn0I68Y2bXOeoJxC2rxwsstHhbMpCBpxoqeZRA27HqRIuiGAUAun9xBJudH3uksIQ8lPsnnXRdc04uuyt4aBWFDdsck78Z1bIFeN3Vasa3EnMJSeYpPKHr4A/J+1IYQNTi548QTRedLl5rYBZl3P963cG1juQs0/e38JkReVXsVgaiStSzO82eGfSCYRIijRInOAUHuRQLiLNHcvs5Q+2VCtgNMI0gUWMkgIXHeevHPorGTCIW4zhF954dRRB1e1BnYnpPgqWYCqaipG5FO7MNoYmRyXnS77W7FV2WlfBD79xhdl9xU7M2bUCbWAy6qLDsw5e/KdLlsQocJ6qkH+E2gJV6WqnzXE56+5Q0rJVMz5oTaBGvezMjHIfg3ASOLD5prmdFNuX0oyZcAAwA1JbB+zczFogAAAABJRU5ErkJggg==")}
.head > div:nth-child(6) a {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNqclEFSgzAYhV/iBfAG8QguKRtu4HACy2DdMp6gcIPuO0qPUE+gmw66qkfIDXTZheT3pzidhkJNfAuGSeDLm/d+EPCQqrYBsMtBFIMQQ4pCp2HZ7gl3yFsO0xT8SmBtEBJ9N1mLvwG1YgfV3sGYxMX0LEg9vd+CvhcnLgYkzziZg5qVCwSGSjkKMVTYq/TFl/UQRM+iQjpBDB50Fl3qbJKww7QPOWmta8YsLBdGJnoWvlrPLesYgoK2rUPeVjvGbK1MGrrW99GHy3jII5svFqS17Qg5OFKPmynfVkfrmvO48pn6X0di3sM/w1OycwPVG/ubfWZejgTyoVFqM+s+UlcQYexkXt95gIwoR3pI+RehPVurOSeqLEgWrvAfqeWm4OA/O6i/fgQYAMlxfwZA3c9SAAAAAElFTkSuQmCC")}

.top_cnt {padding-left: 40px; position: relative}
.top_cnt:before {content: ''; display: block; width: 25px; height: 25px; border-radius: 50%; background: rgba(32, 157, 198, .2) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADlSURBVHgBhZG9DcIwEIXfRRTQMYJHgDLQkBGYACJ+WtgAmABqEIINYIPQhNCRDfAI6aAgNpYTSBAkfpIl++4+37OPYBDb+n0Q9SDRUavLh60jFRav/QYqtNTFmSLEFecvxHaXCYRYFdwX0S9wXkJgikKRa5UAHIIcxLKp9ynAB/aeMiCYQch5kkMIqjncbUZpjuEJxkf2KUm/g0LePh0sUoDNiwwm9oT0cp4XZYCG9BxUsyxSPcIgSxmcfEXk3WO7a70ckrkuGpLq/DBB5KrKKCXUxOGY3pT83ibowBIHDYzbIQx6AdM1V37YgCqHAAAAAElFTkSuQmCC") center center no-repeat; position: absolute; left: 0}
.top_cnt a:hover {color: #209DC6 !important; text-decoration: none}
.top_cnt .tel {font-weight: 600}
.top_cnt .tel a {color: #000}
.top_cnt .mail {font-size: 16px; line-height: 23px}
.top_cnt .mail a {color: rgba(0, 0, 0, .6)}

.wrap_search {width: 100%; height: 48px; border-radius: 3px; border: 1px solid rgba(110, 126, 153, .6); box-sizing: border-box}
.wrap_search:hover, .wrap_search:focus-within {border: 1px solid rgba(32, 157, 198, 1)}
.wrap_search > div {display: block; width: 100%; height: 48px; box-sizing: border-box; overflow: hidden}
.wrap_search > div:nth-child(1) {overflow: visible}
.wrap_search > div:nth-child(2) {min-width: 55px; max-width: 55px}
.wrap_search > div input[type="text"] { height: 46px}
.wrap_search > div input[type="submit"] {background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANxJREFUeNqkk9ENgzAMRCPEfzNCRugG7SjdoHQC2IBsABvQDSgT0A3oCHSCYkuHZKGEGNXSScScnhPHyU08LOlGuuB7Jg2kJ+ljFFGTftBE6kmjyJUpQAOjxw5kOFKL/00MUMJQJAoV8NUmUGW3wiY8/DZEd0qIXXediSTfwlvbedwWe6/ZhjybY8GQU7Yhu4MQLvyVkAEQqwSw90x6hRpVKyFN7CK8ck7u8FUxwyjmxQV6sD6JNjWxvXgnI9aTyPkUoBKN42N1gHRYWy3gcPwNyHlYSI+9c6ZiEWAA2R1E3mM8UK4AAAAASUVORK5CYII=") center center no-repeat; height: 46px;  text-indent: -9999px}
.wrap_search:hover > div input[type="submit"], .wrap_search:focus-within > div input[type="submit"], .wrap_search > div input[type="submit"]:hover {background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYZJREFUeNqkU01WwjAYnBQ2rMQbxBvgElgIN/AGtv6swRNQTgCsFYs34AiwgLqDG9gbCAsfT5/m80sKNlpAwFn0NcmXyWS+icAGyGCSh3p1AecMAnkQZoAawsn0I68Y2bXOeoJxC2rxwsstHhbMpCBpxoqeZRA27HqRIuiGAUAun9xBJudH3uksIQ8lPsnnXRdc04uuyt4aBWFDdsck78Z1bIFeN3Vasa3EnMJSeYpPKHr4A/J+1IYQNTi548QTRedLl5rYBZl3P963cG1juQs0/e38JkReVXsVgaiStSzO82eGfSCYRIijRInOAUHuRQLiLNHcvs5Q+2VCtgNMI0gUWMkgIXHeevHPorGTCIW4zhF954dRRB1e1BnYnpPgqWYCqaipG5FO7MNoYmRyXnS77W7FV2WlfBD79xhdl9xU7M2bUCbWAy6qLDsw5e/KdLlsQocJ6qkH+E2gJV6WqnzXE56+5Q0rJVMz5oTaBGvezMjHIfg3ASOLD5prmdFNuX0oyZcAAwA1JbB+zczFogAAAABJRU5ErkJggg==") center center no-repeat}
/* End Header */

main {margin: 0 auto; max-width: 1360px}

/*  Footer  */
footer {display: block; padding-top: 80px; width: 100%; color: #fff; background: #209DC6; box-sizing: border-box}
footer a {color: #fff}
footer a:hover, footer a.active {color: #fff; text-decoration: underline}
.footer_wrap {margin: 0 auto; width: 100%; max-width: 1360px}

.footer {margin: 0 -20px; padding-bottom: 80px; box-sizing: border-box}
.footer > div {padding: 0 20px; width: 25%}
.footer .logo, .footer .copyright {padding-bottom: 40px}
.footer .logo {line-height: 0}
.footer .copyright {font-size: 16px; line-height: 22px}

.footer .title {padding: 15px 0 22px 0; font-size: 22px; font-weight: 500; line-height: 24px}

.footer .block {padding-bottom: 40px}
.footer .block:last-child {padding-bottom: 0}
.footer .block span {opacity: .6}
.footer .block em {display: inline-block; width: 100%; font-style: normal}

.footer li {padding: 0 0 12px 0; font-weight: 400; line-height: 27px}
.footer li:last-child {padding: 0}
.footer li:before {display: none}

.social_block {flex-wrap: wrap; padding: 0 70px 4px 0}
.social_block > a {margin: 0 20px 17px 0; width: 35px; height: 35px; border-radius: 3px; background: rgba(255, 255, 255, .1) url(images/social.png) no-repeat; text-indent: -9999px; overflow: hidden; position: relative}
.social_block > a:hover {background-color: rgba(255, 255, 255, 1)}
.social_block .vk {background-position: 0 0}
.social_block .tel {background-position: -35px 0}
.social_block .inst {background-position: -70px 0}
.social_block .ok {background-position: -105px 0}
.social_block .you {background-position: -140px 0}
.social_block .twit {background-position: -175px 0}
.social_block .dzen {background-position: -210px 0}
.social_block .yaq {background-position: -245px 0}
.social_block .vk:hover {background-position: 0 -35px}
.social_block .tel:hover {background-position: -35px -35px}
.social_block .inst:hover {background-position: -70px -35px}
.social_block .ok:hover {background-position: -105px -35px}
.social_block .you:hover {background-position: -140px -35px}
.social_block .twit:hover {background-position: -175px -35px}
.social_block .dzen:hover {background-position: -210px -35px}
.social_block .yaq:hover {background-position: -245px -35px}

footer .bottom_wrap {padding: 15px 0; background: #9CC13D; font-size: 16px; line-height: 22px}
footer .bottom {justify-content: center; align-items: center; margin: 0 auto; width: 100%; max-width: 1360px}
footer .bottom > div {padding: 0 43px}
footer .bottom > div:before {content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, .5); position: absolute; top: 10px; right: 0}
footer .bottom > div:last-child:before {display: none}
/*  END Footer  */

/* promo */
.promo_all {width: 100%; height: auto; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden}
.promo_all .video_promo {position: absolute; width: 100%; height: 100%;}
.promo_all .video_promo video {width: 100%; height: 100%; object-fit: cover;}


.promo_wrap {margin: 0 auto; padding: 125px 0 0 0; max-width: 1360px; position: relative}
.promo_wrap:before {content: ''; display: block; width: 100vw; height: 100%; background: rgba(32, 157, 198, .7); position: absolute; top: 0; right: calc(100% - 545px); z-index: 2}

.promo {color: #fff; position: relative; z-index: 10}
.promo > div:nth-child(1) {padding-bottom: 95px; width: 545px}
.promo > div:nth-child(1):before {content: ''; display: block; width: 100vw; height: 95px; background: url(images/promo-left.png) right bottom no-repeat; position: absolute; bottom: 0; right: 0; z-index: 7}
.promo > div:nth-child(2) {width: auto}
.promo > div:nth-child(2):before {content: ''; display: block; width: 100vw; height: 282px; background: url(images/promo-right.png) left bottom no-repeat; position: absolute; bottom: 0; left: 0; z-index: 7}
.promo h1 {padding: 0 0 22px 0; font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 50px; letter-spacing: 0.05em}
.promo .top_text {padding-bottom: 40px; font-size: 34px; line-height: 48px}

.promo-cat {flex-wrap: wrap}
.promo-cat > a {margin: 0 60px 50px 20px; width: 160px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase}
.promo-cat > a:hover { color: #9CC13D; text-decoration: none}
.promo-cat > a svg path {stroke: #fff !important}
.promo-cat > a:hover svg path {stroke: #9CC13D !important}
.promo-cat .icon {padding-bottom: 16px; height: 80px}

/* top Page */
.top_page_wrap {padding-top: 25px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover} 
.top_page_wrap.fon {position: relative}
.top_page_wrap.fon:before {content: ''; display: block; width: 100%; height: 100%; background: rgba(32, 157, 198, .7); position: absolute; top: 0; left: 0}
.top_page_wrap.fon aside .breadcrumb {color: #fff}
.top_page_wrap.fon aside .breadcrumb a {color: #fff}
.top_page_wrap.fon aside .breadcrumb a:hover {text-decoration: underline}

.top_page_wrap .h1_block {justify-content: center; align-items: center; margin: 0 auto; padding: 70px 20px 220px 20px; max-width: 1360px; color: #fff; position: relative; z-index: 10}
.top_page_wrap .h1_block h1 {padding-bottom: 20px; text-transform: uppercase; text-align: center; font-size: 70px; font-weight: 700; line-height: 77px; letter-spacing: 0.05em}
.top_page_wrap .h1_block .text {/*width: 635px;*/ font-size: 26px; line-height: 39px; text-align: center}

.breadcrumb {display: block; margin: 0 auto; max-width: 1360px; font-size: 14px; line-height: 21px; background: none; border-radius: 0}
.breadcrumb > div {display: inline; height: 17px; line-height: 17px; position: relative}
.breadcrumb > div:nth-child(1) {padding-left: 0}
.breadcrumb > div:after {content: '\002F'; display: inline; padding: 0 12px}
.breadcrumb > div:last-child:after {display: none}
aside .breadcrumb a {color: #000}
aside .breadcrumb a:hover {color: #209DC6; text-decoration: none}

.pre_cnt {margin: 0 auto; max-width: 1360px}
.pre_cnt > div:nth-child(1) {padding: 85px 110px 85px 0; width: 60%}
.pre_cnt > div:nth-child(1):before {content: ''; display: block; width: 100vw; height: 100%; background: #F1F4F9; position: absolute; top: 0; right: 0; z-index: 2}
.pre_cnt > div:nth-child(2) {width: 40%}
.pre_cnt > div:nth-child(2) div {display: block; width: calc(100% + 270px); height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0}
.pre_cnt .info {position: relative; z-index: 5}
.pre_cnt b, .pre_cnt strong {font-weight: 600; font-size: 26px; line-height: 39px}
.pre_cnt p {padding: 15px 0; font-size: 25px; line-height: 37px}

/* cnt */
.white-wrap {margin-top: 100px; position: relative}
.white-wrap.v2 {margin-top: 20px}
.white-wrap.v3 {margin-top: 0}
.white-wrap.fon {padding: 100px 0}
.white-wrap.fon:before {content: ''; display: block; width: 1920px; height: 100%; background: #F1F4F9; position: absolute; top: 0; left: calc((100% - 1920px) / 2) }
.white-wrap .title {padding-bottom: 60px; font-size: 40px; line-height: 50px; text-align: center; position: relative}

.system-nav-wrap {justify-content: center; padding: 15px 0}
.system-nav {align-items: center; padding: 5px 10px; background: #F1F4F9; border-radius: 3px; color: rgba(32, 34, 37, .5); font-size: 16px; text-align: center}
.system-nav a:hover {color:#fff; text-decoration: none; background: #209DC6}
.system-nav .nav-current-page {margin: 0 3px; width: 40px; height: 40px; color: #fff; background: #209DC6; border-radius: 3px; line-height: 40px}
.system-nav a {margin: 0 3px; width: 40px; height: 40px; border-radius: 3px; color: rgba(32, 34, 37, .5); background: transparent; line-height: 40px; transition: all .3s ease}
.system-nav .nav-forward {margin: 0 3px; padding-top: 2px; width: 40px; height: 40px; border-radius: 3px; line-height: 40px}
.system-nav div.nav-forward  {color: rgba(32, 34, 37, .5); font-style: normal; line-height: 40px}
.system-nav div.nav-forward svg, .system-nav div.nav-forward:hover svg {fill: rgba(32, 34, 37, .5)}
.system-nav .nav-forward svg {fill: rgba(32, 34, 37, .5)}
.system-nav .nav-forward:hover svg {fill: #fff}

.cat-list-main {margin: 80px -20px; flex-wrap: wrap}
.cat-list-main.v2 {margin-top: 0}
.cat-list-main > div {padding: 20px; width: calc(100% / 3)}
.cat-list-main > div.all {width: 100%; min-height: 382px}
.cat-list-main a {border-radius: 3px; overflow: hidden}
.cat-list-main a:hover {text-decoration: none}
.cat-list-main a.sm {display: block; width: 100%; height: 100%; background: #F1F4F9}
.cat-list-main a .img {width: 100%; height: 240px; background-position: center center; background-repeat: no-repeat; background-size: cover}
.cat-list-main a .name {padding: 25px 38px; height: 113px; font-size: 23px; color: #000; line-height: 30px; box-sizing: border-box}
.cat-list-main a:hover .name {color: #209DC6}
.cat-list-main .first {border-radius: 3px; height: 100%; overflow: hidden}
.cat-list-main .first > div {width: 50%; background: #F1F4F9}
.cat-list-main .first > div:nth-child(1) {background-position: center top; background-repeat: no-repeat; background-size: cover}
.cat-list-main .first > div:nth-child(1) a {display: block; width: 100%; height: 100%; text-decoration: none; line-height: 0}
.cat-list-main .first > div:nth-child(2) {padding: 40px} 
.cat-list-main .title {font-size: 33px; color: #000; line-height: 42px}
.cat-list-main .title:hover {color: #209DC6}
.cat-list-main .text {padding: 15px 0 50px 0}
.cat-list-main .links {flex-wrap: wrap}
.cat-list-main .links > div {padding: 5px 10px 5px 0}
.cat-list-main .links a {display: block; padding: 0 10px; height: 30px; font-size: 15px; color: #000; background: #fff; text-decoration: none; line-height: 30px} 
.cat-list-main .links a:hover {color: #fff; background: #209DC6}

.left-bg {margin-top: 80px; max-width: 1360px; position: relative}
.left-bg:before {content: ''; display: block; width: 100vw; height: 100%; background: #F1F4F9; position: absolute; top: 0; left: calc((1380px - 100vw) / 2)}
.left-bg > div {min-width: calc(100% /3)}
.left-bg > div:nth-child(1) {padding: 0 100px 645px 0; max-width: calc(100% /3)}
.left-bg > div:nth-child(2) {padding: 70px 0 70px 70px; width: 100%}
.left-bg .bg {display: block; width: 750px; height: 100%; background-position: right top; background-repeat: no-repeat;  background-size: cover; opacity: .17; position: absolute; top: 0; right: 0} 
.left-bg .title {margin-bottom: 40px; padding: 90px 0 50px 0; font-size: 40px; line-height: 50px; position: relative}
.left-bg .title:before {content: ''; display: block; width: 67px; height: 4px; background: #9CC13D; position: absolute; left: 0; bottom: 0} 
.left-bg .post_ttl {position: relative}
.left-bg p {padding: 0 0 30px 0; line-height: 30px}
.left-bg .centr {padding: 120px 0px 110px 20px; position: absolute; bottom: 0; right: 100px}
.left-bg .centr .bg {display: block; width: 750px; height: 100%; background: url(images/left-bg-color.png) right bottom no-repeat; background-size: cover; opacity: 1; position: absolute; top: 0; right: -100px} 
.left-bg .centr .text {flex-wrap: wrap}
.left-bg .centr .text > div {width: 100%}
.left-bg .centr .txt {padding: 25px 0 70px 0;color: #fff; }
.left-bg .centr .txt.text {font-size: 35px; font-weight: 500; line-height: 46px} 

.left-bg .centr .btn-white {width: 185px; height: 60px; color: #fff; border: 1px solid #fff; line-height: 58px}
.left-bg .centr .btn-white:hover {border: 1px solid #9CC13D; background: #9CC13D}

.tech-main {flex-wrap: wrap; margin: 0 -20px}
.tech-main > div {padding: 20px; width: 50%}
.tech-main a {display: block; padding: 0; min-height: 450px; height: 100%; background: #fff; border-radius: 3px; overflow: hidden}
.tech-main a:hover {text-decoration: none}
.tech-main .img {width: 100%; height: 226px; line-height: 0; overflow: hidden}
.tech-main .img img {object-fit: cover; width: 100%; height: 100%}
.tech-main .ttl {padding: 30px 45px 5px 45px; font-size: 21px; font-weight: 400; color: #000; line-height: 27px}
.tech-main .text {padding: 0 45px 35px 45px; font-size: 16px; color: rgba(0,0,0, .6); line-height: 24px}
.tech-main a:hover .ttl {color: #209DC6}

.wrp_secrion {margin: 80px 0 0 0; position: relative}
.top_title {padding: 20px 0 40px 0; justify-content: space-between; align-items: center}
.top_title > div:nth-child(1) {font-size: 40px; line-height: 50px}
.top_title > div:nth-child(2) {width: 180px}

.news-list {margin: 0 -20px}
.news-list > div {padding: 20px; width: 50%}
.news-list a:hover {text-decoration: none}
.news-list .first {display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; border-radius: 3px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative}
.news-list .first:after { content:''; display: block; width: 100%; height: 272px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); position: absolute; left: 0; bottom: 0; z-index: 2}
.news-list .first .info {padding: 10px 50px 45px 50px; position: absolute; left: 0; bottom: 0; z-index: 5}
.news-list .first .name {padding-bottom: 15px; font-size: 25px; font-weight: 500; line-height: 33px}
.news-list .first .date {color: rgba(255, 255, 255, .6); font-size: 16px; line-height: 19px}
.news-list .first:hover .name {text-decoration: underline}
.news-list .list > div {padding-bottom: 40px}
.news-list .list > div:last-child {padding-bottom: 0}
.news-list .list > div a {width: 100%; border: 1px solid #DCE4F2; border-radius: 3px; overflow: hidden} 
.news-list .list > div a:hover {border: 1px solid rgba(32, 157, 198, .5)} 
.news-list .list > div a > div:nth-child(1) {min-width: 190px; max-width: 190px; min-height: 123px; background-position: center; background-repeat: no-repeat; background-size: cover}
.news-list .list > div a > div:nth-child(2) {padding: 20px}
.news-list .list > div a .name {padding-bottom: 27px; color: #000}
.news-list .list > div a:hover .name {color: #209DC6}
.news-list .list > div a .date {font-size: 14px; color: rgba(0,0,0, .4); line-height: 17px; position: absolute; bottom: 20px}

.wrap-video {margin-top: 80px; position: relative}
.bg-video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10}
.bg-video > div {height: 100%}
.bg-video > div:nth-child(1) {min-width: 918px; max-width: 918px}
.bg-video > div:nth-child(1):before {content: ''; display: block; width: 1200px; height: 100%; background: url(images/video-bg.png) right top no-repeat; background-size: cover; position: absolute; top: 0; right: 0}
.bg-video > div:nth-child(2):before {content: ''; display: block; width: 730px; height: 100%; background: #209DC6; position: absolute; top: 0; left: 0}

.item-video {margin: 0 -20px; padding: 100px 0; position: relative; z-index: 100}
.item-video > div {padding: 0 20px}
.item-video > div:nth-child(2) {min-width: 895px; max-width: 895px}
.item-video .title {color: #209DC6; font-size: 35px; font-weight: 500; line-height: 46px}
.item-video .title span {display: block}
.item-video .text {padding: 30px 0 85px 0; line-height: 29px}
.item-video .wrp_button {width: 235px}
.item-video .wrap_item {padding-top: 56.25%; width: 100%; height: auto; border-radius: 3px; position: relative; overflow: hidden }
.item-video .wrap_item iframe {width: 855px !important; height: 475px !important}
.item-video .wrap_item video {width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0}

.fon_video {position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 3px; z-index: 3; cursor: pointer} 
.fon_video .key {display: block; width: 106px; height: 106px; border-radius: 50%; background: #9CC13D url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyNiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDE1TDAuNSAwLjI3NzU2OUwwLjUgMjkuNzIyNEwyNiAxNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=') 45px 40px no-repeat; box-sizing: border-box; line-height: 0; position: relative}
.fon_video .key:hover {background-color: #209DC6}

.info-list {margin: 0 -20px}
.info-list.v2 {flex-wrap: wrap}
.info-list > div {padding: 20px; width: calc(100% / 3)}
.info-list > div a, .slide-article {display: block; padding-bottom: 75px; width: 100%; height: 100%; background: #F1F4F9; border-radius: 3px; box-sizing: border-box; overflow: hidden; position: relative}
.info-list > div a:hover, .slide-article:hover {text-decoration: none}
.info-list .img, .slide-article .img {width: 100%; height: 240px}
.info-list .img img, .slide-article .img img {object-fit: cover; width: 100%; height: 100%}
.info-list .name, .slide-article .name {padding: 20px 30px 0 30px; color: #000}
.info-list a:hover .name, .slide-article:hover .name {color: #209DC6}
.info-list .date, .slide-article .date { font-size: 14px; color: rgba(0,0,0, .5); line-height: 17px; position: absolute; bottom: 20px; left: 30px}

.our-clients {margin-top: 80px; padding: 100px 0 90px 0; position: relative}
.our-clients:before {content: ''; display: block; width: 100vw; height: 100%; background: #F1F4F9; position: absolute; top: 0; left: calc((1360px - 100vw) / 2); z-index: 2}
.our-clients .title {padding-bottom: 30px; font-size: 40px; line-height: 50px; text-align: center; position: relative; z-index: 3}
.our-clients .clients {margin: 0 -20px; position: relative; z-index: 4}
.our-clients .clients > div {padding: 20px; width: calc(100% / 6)}
.our-clients .clients .item {justify-content: center; align-items: center; padding: 10px; height: 160px; background: #fff; border-radius: 3px; filter: grayscale(100%); line-height: 0; overflow: hidden}
.our-clients .clients .item:hover {filter: grayscale(0)}

.photo_block {margin-top: 55px; padding: 70px 0; position: relative}
.photo_block:before {content: ''; display: block; width: calc(100% - 60px); height: 100%; background: #F1F4F9; border-radius: 3px; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 2}
.photo_block.revers:before {right: inherit; left: 0}
.photo_block > div {width: 50%; z-index: 5}
.photo_block > div:nth-child(1) {padding: 0 20px 0 0}
.photo_block > div:nth-child(2) {padding: 0 90px 0 20px}
.photo_block.revers > div:nth-child(1) {order: 2; padding: 0 0 0 20px}
.photo_block.revers > div:nth-child(2) {order: 1; padding: 0 20px 0 90px}
.photo_block h3 {padding-top: 0}
.photo_block p, .photo_block li {color: rgba(0,0,0, .7)}
.photo_block .date {margin-top: -10px; padding: 0 0 15px 0; opacity: .7; font-size: 14px}
.photo_block .wrp_btn {padding-top: 25px; width: 145px}
.photo_block .photo {width: 100%; height: 420px; border-radius: 3px; line-height: 0; overflow: hidden}
.photo_block .photo img {object-fit: cover; width: 100%; height: 100%}

.goods_slider, .service_slider, .articles_slider {margin: 100px 0 60px 0}

.wrap_slider {margin-top: 100px; padding: 100px 0 110px 0; position: relative}
.wrap_slider:before {content: ''; display: block; width: 1920px; height: 100%; background: #F1F4F9; position: absolute; top: 0; left: calc((1360px - 1920px) / 2); z-index: 2}
.wrap_slider:after {content: ''; display: block; width: 1920px; height: 100%; background: url(images/bg_tehnologii.jpg) center center no-repeat;  background-size: cover; opacity: .2; position: absolute; top: 0; left: calc((1360px - 1920px) / 2); z-index: 3}
.views_slider_wrap {position: relative; z-index: 10}
.views_slider_wrap .top {padding: 0 0 40px 0; align-items: center; justify-content: space-between}
.views_slider_wrap .top > div:nth-child(1) {font-size: 40px; line-height: 50px}
.views_slider_wrap .top.v2 > div:nth-child(1) {font-size: 35px; font-weight: 500; line-height: 45px}
.views_slider_wrap .nav_sl {border: 1px solid #209DC6; border-radius: 3px}
.views_slider_wrap .nav_sl > div {width: 52px; height: 48px; text-align: center; cursor: pointer; line-height: 51px}
.views_slider_wrap .nav_sl > div:hover {background: #209DC6}
.views_slider_wrap .nav_sl > div svg {stroke: #209DC6}
.views_slider_wrap .nav_sl > div:hover svg {stroke: #fff}
.views_slider .swiper-slide {height: auto}

.slide_view {width: 100%; height: 100%; background: #fff; border-radius: 3px; box-sizing: border-box; overflow: hidden; position: relative}
.slide_view a, .slide_view a:hover {text-decoration: none}
.slide_view .img {justify-content: center; align-items: center; margin: 0 auto; width: 100%; /*height: auto;*/ border-radius: 3px; box-sizing: border-box; overflow: hidden}
.slide_view .img > a {padding: 10px; line-height: 0}
.slide_view .item_slide_good .img {overflow: visible}
.slide_view .item_slide_good .img > a {padding: 0}
.slide_view .service_slide .img {border-radius: 0}

.service_slide {height: 100%; background: #F1F4F9; border-radius: 3px; text-decoration: none; overflow: hidden}
.service_slide > div:nth-child(1) {min-width: 208px; max-width: 208px}
.service_slide > div:nth-child(2) {padding: 30px 35px}
.service_slide .img {width: 100%; height: 100%; overflow: hidden}
.service_slide .img img {object-fit: cover; width: 100%; height: 100%}
.service_slide .name {font-size: 25px; color: #000; line-height: 32px}
.service_slide .text {padding-top: 12px; font-size: 16px; color: rgba(0,0,0,.7); line-height: 24px}

.services {flex-wrap: wrap; margin: 0 -20px}
.services > div {padding: 20px; width: 50%}
.services .item {padding: 40px; width: 100%; height: 100%; background: #F1F4F9; border-radius: 3px; box-sizing: border-box}
.services .item > div:nth-child(1) {min-width: 70px; max-width: 70px}
.services .item > div:nth-child(2) {padding-left: 30px}
.services .item .icon {justify-content: center; align-items: center; width: 70px; height: 70px; background: rgba(32, 157, 198, .15); border-radius: 5px; line-height: 0}
.services .item .name {font-size: 22px; line-height: 24px}
.services .item p {padding: 12px 0 0 0; font-size: 16px; color: rgba(0, 0, 0, .7); line-height: 24px}

.faq_wrap {margin: 0 auto; max-width: 1125px}
.faq_wrap > div {padding-right: 15px; width: 100%; overflow: hidden}
.faq {counter-reset: list2}
.faq .item {display: block; margin: 0 0 30px 0; background: #fff; border-radius: 3px; box-sizing: border-box; overflow: hidden; position: relative}
.faq .item .question {display: flex; padding: 18px 55px 18px 75px; align-items: center; background: rgba(156, 193, 61, 0); box-sizing: border-box; cursor: pointer; position: relative; transition: background-color .6s easy; position: relative}
.faq .item .question > div {display: block; font-size: 20px; color: #000; transition: none}
.faq .item .question:before {counter-increment: list2; content: counter(list2, decimal); display: block; width: 32px; height: 32px; border-radius: 50%; background: rgba(156, 193, 61, .2); font-size: 15px; font-weight: 500; text-align: center; color: #9CC13D; line-height: 32px; position: absolute; top: 16px; left: 24px}
.faq .item .question:after {content: ''; display: block; width: 12px; height: 6px; background: url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNiA1TDExIDEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==') no-repeat; position: absolute; top: 29px; right: 21px}
.faq .item .ansver {display: none; padding: 18px 55px 18px 75px; color: #fff; background: #209DC6; box-sizing: border-box}
.faq .item .ansver p {padding: 0} 
.faq .item .ansver a {color: #fff}
.faq .item.active .question  {background: rgba(156, 193, 61, 1)}
.faq .item.active .question > div {color: #fff}
.faq .item.active .question:before {background: #fff}
.faq .item.active .question:after {content: ''; background: url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDVMNiAxTDExIDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==') no-repeat}

.block-two {padding: 100px 0; max-width: 1360px; position: relative}
.block-two:before {content: ''; display: block; width: 1920px; height: 100%; background: #F1F4F9; position: absolute; top: 0; left: calc((1360px - 1920px) / 2); z-index: 2}
.block-two:after {content: ''; display: block; width: 1920px; height: 100%; background: url(images/bg_block.jpg) center center no-repeat;  background-size: cover; opacity: .2; position: absolute; top: 0; left: calc((1360px - 1920px) / 2); z-index: 3}
.block-two > div {z-index: 10}
.block-two > div:nth-child(1) { padding-right: 20px; width: 45%}
.block-two > div:nth-child(2) {padding-left: 20px; width: 55%}
.block-two .title {font-size: 40px; line-height: 50px}
.block-two p {padding: 15px 0 20px 0; font-size: 22px; color: rgba(0,0,0, .8); line-height: 38px}
.block-two .wrp-btn {padding-top: 25px; width: 325px}
.block-two .wrp-btn .button {height: 62px; font-size: 20px; background: #9CC13D; line-height: 60px}
.block-two .wrp-btn .button:hover {background: #209DC6}

.two-blocks {margin: 0 -20px}
.two-blocks > div {padding: 0 20px}
.two-blocks > div:nth-child(1) {width: 350px; line-height: 0}
.two-blocks > div:nth-child(2) {padding-left: 50px; width: calc(100% - 350px)}
.two-blocks > div img {display: block; border-radius: 3px; overflow: hidden}

.two-blocks h1 {padding: 0 0 30px 0; font-size: 40px; line-height: 50px}
.two-blocks h2 {padding-top: 0}

.wrap_sale {position: relative}
.wrap_sale:before {content: ''; display: block; width: 1920px; height: 100%; background: #9CC13D; position: absolute; top: 0; left: calc((1360px - 1920px) / 2); z-index: 2}
.wrap_sale:after {content: ''; display: block; width: 1920px; height: 100%; background: url(images/bg_tehnologii.jpg) center center no-repeat;  background-size: cover; opacity: .2; position: absolute; top: 0; left: calc((1360px - 1920px) / 2); z-index: 3}
.wrap_sale > div {padding: 40px 0; z-index: 10}
.wrap_sale > div:nth-child(1) {width: 193px}
.wrap_sale > div:nth-child(1):before {content: ''; display: block; width: 500px; height: 100%; background: #209DC6; position: absolute; top: 0; right: 282px; z-index: 4 }
.wrap_sale > div:nth-child(1):after {content: ''; display: block; width: 500px; height: 100%; background: url(images/bg-radius.png) right top no-repeat; background-size: contain; position: absolute; top: 0; right: 20px; z-index: 4 }
.wrap_sale > div:nth-child(1) > div {width: 193px; height: 193px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 15}
.wrap_sale > div:nth-child(2) {padding-left: 40px; width: calc(100% - 193px); color: #fff}
.wrap_sale h2 {padding-top: 0}
.wrap_sale .wrp-btn {padding-top: 10px; width: 135px}
.wrap_sale .wrp-btn .button {border: 1px solid #209DC6; line-height: 46px}
.wrap_sale .wrp-btn .button:hover {background: none; border: 1px solid #fff; color: #fff; line-height: 46px}

.wrap_good_list {margin-bottom: 100px; width: 100%; position: relative}
.wrap_good_list .filter_button {display: none}

.good_list {margin: 0 -20px}
.good_list > div {padding: 0 20px}
.good_list > div:nth-child(1) {width: 25%}
.good_list > div:nth-child(2) {width: 75%}
.good_list .top_fil_sect {margin-bottom: 30px; padding: 20px; background: #209DC6; border-radius: 3px; box-sizing: border-box}
.good_list .top_fil_sect a {display: block; margin-bottom: 3px; padding: 10px 20px; font-size: 16px; color: #fff; border-radius: 5px; line-height: 17px; box-sizing: border-box}
.good_list .top_fil_sect a:hover, .good_list .top_fil_sect a.active {text-decoration: none; background: #9CC13D}
.good_list .top_fil_sect a:last-child {margin-bottom: 0}

.goods {flex-wrap: wrap; margin: 0 -20px}
.goods > div {padding: 0 20px 40px 20px; width: calc(100% / 3)}
.goods .item, .item_slide_good {padding: 30px 30px 110px 30px; height: 100%; border: 1px solid #DCE4F2; border-radius: 3px; box-sizing: border-box; position: relative}
.goods .item.v2, .item_slide_good.v2 {padding-bottom: 30px}

.goods .item .img, .item_slide_good .img {width: 100%; height: 250px; position: relative}
.goods .item .img a, .item_slide_good .img a {display: block; width: 100%; height: 100%; border-radius: 3px; line-height: 0; background-position: center; background-repeat: no-repeat; background-size: contain; overflow: hidden}
.goods .item .img a:hover, .item_slide_good .img a:hover {text-decoration: none}
.goods .item .img img, .item_slide_good .img img {object-fit: cover; width: 100%; height: 100%}
.goods .item .img .sale, .item_slide_good .img .sale {padding: 0 10px; height: 25px; font-size: 14px; font-weight: 500; color: #fff; background: #9CC13D; border-radius: 0 100px 100px 0px; overflow: hidden; line-height: 25px; position: absolute; top: 0; left: -31px}
.goods .item .avialible, .item_slide_good .avialible {padding: 12px 0 12px 15px; font-size: 13px; color: rgba(0,0,0, .5); line-height: 14px; position: relative}
.goods .item .avialible:before, .item_slide_good .avialible:before {content: ''; display: block; width: 8px; height: 8px; background: #9CC13D; border-radius: 50%; position: absolute; top: 15px; left: 0}
.goods .item .avialible.no:before, .item_slide_good .avialible.no:before {background: #DE7575}
.goods .item .name, .item_slide_good .name {padding-bottom: 5px}
.goods .item .name a, .item_slide_good .name a {display: block; color: #000; font-size: 17px; line-height: 21px}
.goods .item .name a:hover, .item_slide_good .name a:hover {text-decoration: none; color: #209DC6}
.goods .item .price, .item_slide_good .price {align-items: center; padding: 0 30px 30px 30px; width: 100%; box-sizing: border-box; position: absolute; bottom: 0; left: 0}
.goods .item .price > div:nth-child(1), .item_slide_good .price > div:nth-child(1) {padding-right: 10px; width: calc(100% - 66px)}
.goods .item .price > div:nth-child(2), .item_slide_good .price > div:nth-child(2) {width: 66px}
.goods .item .basket-btn, .item_slide_good .basket-btn  {width: 66px; height: 47px; border-radius: 3px; overflow: hidden}
.goods .item .basket-btn.add, .item_slide_good .basket-btn.add {background: rgba(32, 157, 198, .2) url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfpJREFUeNqkVctRwzAQ3ZXNAKeoBFEB5sIMyQU6gAogE+AKHQQqgDO/QAehgnBJOBIqQFSAOQHDRMtKlhNNcPjYOuSj7D6/fft2g/DDUZ0HCfB+AIYSQJBA5hZE1NXNNT0rB2eCnfUTiKDHIRKQhvyeAsE6/6RhFG/p/dXhnwFV514xq577InAjZxTcSxCLS7q5kk7nikJ6xlgmKgSzx31mdg7QvO0UpRYDIrrSirTypfI9LhelxlMNkBlDqhXejysgfiHpJMiZhxoG2qiQDIiPFTDzL/D70bk8sX/iZgZGTV/yNndU6eZGqi4GW9xlOQVwwkGPHH/teXU8xqkv2SYg6FbDBairwXrOVu/Wu99ccDloc/yTbtWz+Mv+CZNQQVOcwBpKH+tRrE2aYqcgBBwBd5JmP4DolhmFxh4CmmQCyHpx0ONY4b366Y8d2G0cTo3HKzOUoQ8VXw5LV0yumkxD1enJsQ7lz3g0meFCklkHKzDMyURSwMh7LI7KM4w8GfOZCNbOT8dcBdu8ezLIDJ2pIS1aRX8WkCeKcVJLTjhTI1VgF5jbkIozU1fqcO5FzWavWR8+s7GTyoB2OAy9cpfRDrjdbe2yWD6Xh0N0s3143j/ifdb2m/juf6WScn9eho71XuMIJyvpfod/dHvw39oR3ujWmltlXwIMAMR8zcRVdN8IAAAAAElFTkSuQmCC") center center no-repeat; cursor: pointer}
.goods .item .basket-btn.add:hover, .item_slide_good .basket-btn.add:hover {background: rgba(32, 157, 198, 1) url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNqsVe1xwjAMjX38JyN4AzICI7QTlE7QbhA6AWwA3QAmgA0aJmg6AWECVy9InEgdSmx09y6xYz89fdgx2Q3z3uf0eCMUBLxvCRtjTJ0NNSIrCEd/ti/Cjt+/8W0omeONgAvMH1n93YQzVuN6lMPeQ3ttD+eUUIdyRXMVvhEmoY2jTgEkjHHPvLZcIvjjWOVGG8a5v88uuRaFTwRMvPL4BWPy3NDC54DCBeFAWPN4xRxLUTiHG6V4Da83igZFKzVG1Ze6KBNOdKw1kncJOe8QVv842PIavb7ohrCJladTJCG7jsehVjNHZtURahIJ2/azKvYqsShtLazqsRSFIqawEvsD2uZKYYNTEcvGe4E2h6lNrVW6i8IHEELUGIQ/V10eb6jFCb0z5SuoTDgpJXPMjNw29ChZ9j5CGW74DyrO3Oj/iNyDEbn7JLL2bvwVYADojSF+kWoFxQAAAABJRU5ErkJggg==") center center no-repeat}
.goods .item .basket-btn.in, .item_slide_good .basket-btn.in {background: #9CC13D url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuMTAwOCAxLjc5OTk5TDcuODAwNzggMTIuNEwxLjgwMDc4IDUuMDk5OTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=') center center no-repeat; cursor: default}
.goods .item .price .l1, .item_slide_good .price .l1 {font-size: 15px; color: rgba(0, 0, 0, .5); line-height: 21px}
.goods .item .price .l1 span, .item_slide_good .price .l1 span {display: inline-block; margin-left: 3px; padding: 0 10px; color: rgba(0, 0, 0, .7); font-size: 14px; font-weight: 500; background: #F1F4F9; border-radius:  500px; text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .6)}
.goods .item .price .l2, .item_slide_good .price .l2 {line-height: 22px}
.goods .item .price .l2 span, .item_slide_good .price .l2 span {font-size: 20px; font-weight: 500; line-height: 26px}

.section_bottom_text {margin: 40px 0 0 0}

.good_slider {width: 100%; height: 430px}
.good_slider > div:nth-child(1) {width: 94px}
.good_slider > div:nth-child(2) {padding-left: 20px; width: calc(100% - 94px)}
.good_slider.one > div:nth-child(1) {display: none}
.good_slider.one > div:nth-child(2) {padding: 0; width: 100%} 

.thumbs-nav {display: block; width: 100%; height: 40px; text-align: center; border: 1px solid #209DC6; border-radius: 3px; cursor: pointer; box-sizing: border-box; line-height: 35px}
.thumbs-nav svg {stroke: #209DC6}
.thumbs-nav:hover {border: 1px solid #9CC13D}
.thumbs-nav:hover svg {stroke: #9CC13D}
.thumbs-prev {margin-bottom: 18px}
.thumbs-next {margin-top: 18px}

.good_slider .thumbs_good {height: 314px; overflow: hidden}
.good_slider .thumbs_good .good_image {display: block; width: 100%; height: 100%; border-radius: 3px; border: 1px solid transparent; box-sizing: border-box; position: relative; overflow: hidden; cursor: pointer}
.good_slider .thumbs_good .swiper-slide-thumb-active .good_image {border: 1px solid #209DC6}
.good_slider .thumbs_good .good_image img {object-fit: cover; width: 100%; height: 100%}
.good_slider .thumbs_good .good_image div { width: 15px; height: 18px; background: url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDlMMCAwLjMzOTc0NUwwIDE3LjY2MDNMMTUgOVoiIGZpbGw9IiM5Q0MxM0QiLz4KPC9zdmc+Cg==') center center no-repeat; position: absolute; top: calc(50% - 9px); left: calc(50% - 8px) }
.good_slider .picture_wrap {width: 100%; height: 100%; background: #fff; border-radius: 3px; overflow: hidden}
.good_slider .picture_wrap .good_image {width: 100%; height: 430px; box-sizing: border-box; overflow: hidden}
.good_slider .picture_wrap .good_image a {display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; line-height: 0; background-position: center; background-repeat: no-repeat; background-size: contain; position:relative}
.good_slider .picture_wrap .good_image a img {object-fit: cover; width: 100%; height: 100%}
.good_slider .picture_wrap .good_image a div { width: 60px; height: 60px; border-radius: 50%; background: #9CC13D url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyMyA4Ljk5OTk4TDAuMTg5MDg1IDAuNjY2NTI3TDAuMTg5MDg1IDE3LjMzMzRMMTQuNjIzIDguOTk5OThaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') 25px 22px no-repeat; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px)}
.good_slider .picture_wrap .good_image a:hover div {background-color: #209DC6}

.good-item {margin: 80px 0 0 0}
.good-item > div:nth-child(1) {width: 544px}
.good-item > div:nth-child(2) {padding-left: 40px; width: calc(100% - 544px)}
.good-item h1 {padding: 0; font-size: 35px; line-height: 46px}
.good-item .top-card { flex-wrap: wrap; align-items: stretch; width: 100%; height: 100%}
.good-item .top-card > div {padding: 20px 0 0 0}
.good-item .top-card > div:nth-child(1) {padding-right: 40px; width: calc(100% - 310px)}
.good-item .top-card.v2 > div:nth-child(1) {padding-right: 0; width: 100%}
.good-item .top-card > div:nth-child(2) {width: 310px}
.good-item .top-card .anons {color: rgba(0,0,0,.7); font-size: 16px; line-height: 22px}
.good-item .top-card .link-more {padding-top: 9px; font-size: 16px; line-height: 24px}
.good-item .top-card .link-more a {color: #000; border-bottom: 1px #000 dashed} 
.good-item .top-card .link-more a:hover {color: #209DC6; text-decoration: none; border-bottom: 1px #209DC6 dashed} 
.good-item .wrap_radio {padding: 12px 0 4px 0}
.good-item .wrap_radio .item {padding: 6px 0}
.good-item .wrap_radio .item input[type="radio"] + label {display: block; padding: 20px 10px 20px 50px; background: #F1F4F9; border: none; border-radius: 3px; cursor: pointer; position: relative}
.good-item .wrap_radio .item input[type="radio"] + label span {position: absolute; top: 20px; left: 18px; display: block; width: 19px; height: 19px; vertical-align: middle; cursor: pointer}
.good-item .wrap_radio .item input[type="radio"] + label span:before {content: ''; display: block; width: 19px; height: 19px; border-radius: 50%; border: 2px solid #A4ADBC; background: transparentt; position: absolute; top: 0; left: 0; box-sizing: border-box}
.good-item .wrap_radio .item input[type="radio"]:checked + label span:before {border: none; background: #209DC6}
.good-item .wrap_radio .item input[type="radio"]:checked + label span:after {content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background: #8ECDE1; position: absolute; top: 5px; left: 5px}
.good-item .wrap_radio .item input[type="radio"] + label .i-good > div {font-size: 15px; line-height: 20px}
.good-item .card-price.hide {display: none}
.good-item .card-price {flex-wrap: wrap; padding: 28px; height: 100%; background: #F1F4F9; border-radius: 3px; box-sizing: border-box}
.good-item .card-price > div {width: 100%}

.good-item .avialible {padding: 0 0 18px 18px; font-size: 16px; color: rgba(0,0,0, .7); line-height: 20px; position: relative}
.good-item .avialible:before {content: ''; display: block; width: 9px; height: 9px; background: #9CC13D; border-radius: 50%; position: absolute; top: 6px; left: 0}
.good-item .avialible.no:before {background: #DE7575}
.good-item .card-top-price {padding-bottom: 30px}
.good-item .card-top-price .l1 {font-size: 20px; color: rgba(0, 0, 0, .7); line-height: 30px}
.good-item .card-top-price .l1 span {display: inline-block; margin-left: 3px; padding: 0 10px; font-size: 20px; background: #fff; border-radius:  500px; text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .6)}
.good-item .card-top-price .l2 {padding-top: 15px; font-size: 45px; line-height: 45px}
.good-item .card-top-price .l2.small {font-size: 30px; line-height: 45px}
.good-item .col_wrap {padding: 0 40px; background: #fff; box-sizing: border-box}
.good-item .col_wrap input[type="text"] {background: #fff}
.good-item .wrp_btn {padding-top: 32px}
.good-item .wrp_btn .basket-btn {height: 64px; font-size: 20px; line-height: 64px}
.good-item .wrp_btn .basket-btn.in, .items_modefs .button.in {background: #9CC13D; cursor: default}

.good-descript {margin: 60px 0; padding: 34px 25px; border: 1px solid #DCE4F2; border-radius: 3px; box-sizing: border-box}
.good-descript.v2 {margin: 10px 0 0 0; padding: 20px 20px 0 20px}
.good-descript h3 {padding-top: 0}

.good-nav a {margin-right: 10px; padding: 0 25px; height: 52px; font-size: 16px; text-align: center; color: #000; background: #F1F4F9; border-radius: 3px; line-height: 52px; transition: all .2s ease}
.good-nav a span {display: inline-block; margin: -2px 0 0 7px; width: 22px; height: 22px; font-size: 12px; color: #fff; text-align: center; border-radius: 50%; background: #9CC13D; line-height: 22px}
.good-nav a:hover {text-decoration: none; color: #fff; background: #209DC6}

.good-descript .descr {padding-top: 45px}
.good-descript .descr > div:nth-child(1) {width: 100%; overflow: hidden}
.good-descript .descr p {color: rgba(0,0,0, .7)}
.good-descript .descr .wrp-btn-action {margin: 20px 0 0 40px}
.good-descript .action-right {flex-wrap: wrap; margin-left: 40px; padding: 25px; width: 280px; background: #F1F4F9; border-radius: 3px; box-sizing: border-box}
.good-descript .action-right > div {width: 100%}
.good-descript .action-right > div:nth-child(1) {height: 130px; overflow: hidden}
.good-descript .action-right > div img {object-fit: cover; width: 100%; height: 100%}
.good-descript .action-right > div .name {padding: 14px 0 7px 0; font-size: 16px; font-weight: 500; line-height: 24px}
.good-descript .action-right > div .text {font-size: 15px; color: rgba(0, 0, 0, .7); line-height: 21px}
.good-descript .props {padding-top: 45px; width: 100%}
.good-descript .props > div:nth-child(1) {width: 100%; overflow: hidden}
.good-descript .fast-good {margin: 51px 0 0 40px; width: 280px; flex-wrap: wrap}
.good-descript .fast-good a {width: auto; margin: 0 10px 10px 0; padding: 10px 20px; font-size: 14px; color: #209DC6; background: rgba(32, 157, 198, 0.15); border-radius: 3px; line-height: 18px}
.good-descript .fast-good a:hover {text-decoration: none; color: #fff; background: #209DC6} 
.good-descript .section {padding-top: 45px; width: calc(100% - 320px)}

.items_modefs {padding-top: 5px; width: 100%; overflow: hidden}
.items_modefs .item {display: block; margin: 0 0 12px 0; background: #fff; border-radius: 3px; box-sizing: border-box; overflow: hidden; position: relative}
.items_modefs .item .name {padding: 20px 55px 20px 20px; align-items: center; background: #DEF1F7; box-sizing: border-box; cursor: pointer; position: relative; transition: background-color .3s easy; position: relative}
.items_modefs .item .name > div {display: block; font-size: 16px; color: #209DC6; transition: none; line-height: 20px}
.items_modefs .item .name:after {content: ''; display: block; width: 17px; height: 7px; background: url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDE3IDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuMzU3MTFMOC41IDUuNjQyODJMMTYgMS4zNTcxMSIgc3Ryb2tlPSIjMjA5REM2IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=') no-repeat; position: absolute; top: 27px; right: 24px}
.items_modefs .item .info {display: none; padding: 20px; background: #F1F4F9; box-sizing: border-box}
.items_modefs .item.active .name  {background: #9CC13D}
.items_modefs .item.active .name  > div {color: #fff}
.items_modefs .item.active .name:after {content: ''; background: url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDE3IDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDUuNjQyODlMOC41IDEuMzU3MThMMTYgNS42NDI4OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K') no-repeat}
.items_modefs .m_props {justify-content: space-between; padding-bottom: 16px; font-size: 15px; line-height: 22px}
.items_modefs .m_props > div:nth-child(2) {padding-left: 20px; color: #787878}
.items_modefs .m_price {justify-content: space-between; align-items: center }
.items_modefs .m_price > div:nth-child(2) {padding-left: 20px; width: 180px} 
.items_modefs .m_price .l1 {font-size: 18px; color: rgba(0, 0, 0, .5); line-height: 25px}
.items_modefs .m_price .l1 span {display: inline-block; margin-left: 4px; padding: 0 10px; font-size: 18px; background: #fff; border-radius: 500px; text-decoration: line-through; text-decoration-color: rgba(0, 0, 0, .6)}
.items_modefs .m_price .l2 {font-size: 26px; font-weight: 500; line-height: 33px}

.good-video {padding-top: 56.25%; width: 100%; height: auto;  border-radius: 3px; overflow: hidden; position: relative}
.good-video iframe {display: block; width: 100%; height: 100%; border: none; position: absolute; margin: 0; top: 0; left: 0}
.good-video video {width: 100%; height: 100%; position: absolute; margin: 0; top: 0; left: 0}

.good-descript .photos {flex-wrap: wrap; margin: 0 -15px}
.good-descript .photos > div {margin-bottom: 30px; padding: 0 15px; width: 50%}
.good-descript .photos > div a {display: block; width: 100%; height: 267px; border-radius: 3px; overflow: hidden}
.good-descript .photos > div img {object-fit: cover; width: 100%; height: 100%}

.col_wrap {width: 100%; height: 51px; line-height: 51px; background: #F1F4F9; border-radius: 3px; overflow: hidden}
.col_wrap > div {display: block; width: 100%; height: 51px; text-align: center}
.col_wrap > div:nth-child(1),
.col_wrap > div:nth-child(3) {min-width: 50px; max-width: 50px; font-size: 34px; cursor: pointer}
.col_wrap input[type="text"] {border: none; padding: 0; height: 51px; background: #F1F4F9; text-align: center}
.col_wrap .minus, .col_wrap .plast, .col_wrap .minus_p, .col_wrap .plast_p {-moz-user-select: none; -khtml-user-select: none; user-select: none}
.col_wrap .minus:before, .col_wrap .minus_p:before {content: ''; display: block; width: 16px; height: 1px; background: #DC7E7E; position: absolute; left: calc(50% - 8px); top: 50%}
.col_wrap .plast:before, .col_wrap .plast_p:before {content: ''; display: block; width: 16px; height: 1px; background: #4BA653; position: absolute; left: calc(50% - 8px); top: 50%}
.col_wrap .plast:after, .col_wrap .plast_p:after {content: ''; display: block; width: 1px; height: 15px; background: #4BA653; position: absolute; left: 50%; top: calc(50% - 7px)}

.map {width: 100%; height: 100%}

.contact {padding-bottom: 40px; width: 100%; border-radius: 3px; overflow: hidden}
.contact > div:nth-child(1) {order: 2; width: 56%}
.contact > div:nth-child(2) {order: 1; padding: 40px; width: 44%; background: #F1F4F9}
.contact h3 {padding: 0}
.contact .opisan {color: rgba(0,0,0,.7)}
.contact .block {padding-top: 25px}
.contact .block span {display: block; color: rgba(0, 0, 0, .5)}
.contact .block em {font-style: normal}
.contact .wrp-btn {padding-top: 30px; width: 120px}

.letter {align-items: center; padding: 5px 10px; background: #F1F4F9; border-radius: 3px; color: rgba(32, 34, 37, .5); font-size: 16px; text-align: center}
.letter > span {display: block}
.letter a, .letter span {margin: 0 3px; width: 40px; height: 40px; border-radius: 3px; color: rgba(32, 34, 37, .5); background: transparent; line-height: 40px; transition: all .3s ease}
.letter a {color: #209DC6}
.letter a:hover, .letter .selected {color:#fff; text-decoration: none; background: #209DC6}


.fast_el {padding: 25px 0 0 0}
.top_fil_elems a, .fast_el a {display: inline-block; width: auto; margin: 0 7px 7px 0; padding: 7px 10px; font-size: 14px; color: #209DC6; background: rgba(32, 157, 198, 0.15); border-radius: 3px; line-height: 18px}
.top_fil_elems a {display: block}
.top_fil_elems a:hover, .fast_el a:hover {text-decoration: none; color: #fff; background: #209DC6} 

.fast_el a {/*width: 111px;*/ white-space: nowrap; text-overflow: ellipsis; text-align: center; overflow: hidden;}


/* popup */
.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin:0 ; width: 100%; height: 100%;  background: rgba(32, 157, 198, .7); /*backdrop-filter: blur(10px); */white-space: nowrap; text-align: center; overflow: auto; opacity: 0}
.popup:after {display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ''}
.popup .popup_form {position: relative; display: inline-block; vertical-align: middle; padding: 30px; width: 950px; height: auto; white-space: normal; text-align: left; background: #fff; box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.25); border-radius: 10px; box-sizing: border-box}
.popup .close_top {position: absolute; top: 34px; right: 30px; width: 24px; height: 24px; cursor: pointer}
.popup .close_top:before,
.popup .close_top:after {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 24px; background: #000}
.popup .close_top:after {transform: translate3d(-50%, -50%, 0) rotate(45deg)}
.popup .close_top:before {transform: translate3d(-50%, -50%, 0) rotate(-45deg)}
.popup .close_top:hover:before, .popup .close_top:hover:after {background: #209DC6}
.popup .name {padding-bottom: 5px; width: 100%; font-size: 28px; font-weight: 500}
.popup .row, .popup .bot {align-items: center; padding: 21px 0; width: 100%; position: relative}
.popup .row:after { content: ''; display: block; width: calc(100% + 60px); height: 1px; background: #D9D9D9; position: absolute; left: -30px; bottom: 0}
.popup .row a {text-decoration: none; color: #000}
.popup .row a:hover {text-decoration: none; color: #209DC6}
.popup .row span, .popup .bot span {color: #8E8E8E}
.popup .row > div:nth-child(1) {width: 70px; height: 70px; border-radius: 3px; overflow: hidden; line-height: 0}
.popup .row > div:nth-child(2) {padding-left: 25px; width: calc(100% - 370px); font-size: 18px; font-weight: 400; line-height: 22px}
.popup .row > div:nth-child(3) {padding: 0 25px; width: 180px}
.popup .row > div:nth-child(4) {width: 120px; font-size: 20px; font-weight: 500; line-height: 24px} 
.popup .row > div:nth-child(1) a {display: block; width: 100%; height: 100%; line-height: 0}
.popup .row > div:nth-child(1) a img {object-fit: cover; width: 100%; height: 100%}
.popup .bot {padding-bottom: 0}
.popup .bot > div:nth-child(1) {padding-right: 25px; width: calc(100% - 455px)}
.popup .bot > div:nth-child(2) {padding-right: 25px; width: 250px}
.popup .bot > div:nth-child(3) {width: 205px}
.popup .bot .clc {color: #000; font-size: 18px; line-height: 22px}
.popup .bot .itog {font-size: 25px; font-weight: 600; line-height: 30px}

/* fon */
.fon_all {z-index:1000; display: none; position: fixed; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: rgba(32, 157, 198, .7); /*backdrop-filter: blur(10px);*/ white-space: nowrap; text-align: center; overflow: auto; opacity: 0}

/* search */
.search-page .form {padding-bottom: 20px}
.search-page .form > div:nth-child(1) {padding-right: 20px; width: calc(100% - 20px)} 
.search-page .form > div:nth-child(2) {width: 200px}
.search-page .form input[type="text"] {border: 1px solid #ccc; border-radius: 3px}
.search-page .item_result {margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc}
.search-page .item_result:last-child {border-bottom: none}
.search-page .item_result .prev {font-size: 14px; line-height: 20px}
.search-page .system-nav-wrap {margin-top: 30px}

/* order */
.radio-inline {cursor:  pointer}
.radio-inline input[type="radio"] {display: block; width:  inherit; height: inherit }
.bx-soa-cart-total {background: #fff !important; border-radius: 3px !important}
.bx-soa-section-content {background: #fff !important}
.filHide {display: none !important}
.bx-soa-cart-total-ghost {display: none}
.bx-dop-text-right, .bx-dop-text-right-v2 {display: block; margin: 20px 0; padding: 20px; font-size: 15px; border: 1px solid #e8e9eb; border-radius: 3px; background-color: #fff; box-sizing: border-box; transition: opacity .2s ease;   overflow: hidden}
.bx-dop-text-right-v2 {display: none}
.bx-soa-pp-list {margin: 0}
.bx-soa-pp-list li:before {display: none}
.bx-soa-pp-list-termin, .bx-soa-pp-list-description {display: inline-block !important; padding-right: 8px}
.bx-soa-pp-delivery-cost {display: none !important}
.offers_top_block {display: none}
.bx-ui-sls-input-block input[type="text"] {height: 34px}
.soa-property-container input[type="text"] {border: 1px solid rgba(110, 126, 153, .6); outline: none}
.soa-property-container textarea, .bx-soa-customer-field textarea {height: 100px; border: 1px solid rgba(110, 126, 153, .6); background: #fff; resize: none}
.bx-blue .btn.btn-default {background-color: #209DC6; border-color: #209DC6; border-radius: 3px !important}
.bx-blue .btn.btn-default:hover {background-color: #9CC13D; border-color: #9CC13D}

/* old version*/
.block_params {display: block; margin: 20px 0; padding: 20px; width: 100%; height: auto; box-sizing: border-box; position: relative; z-index: 1}
.block_params:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e3e7e9; z-index: 2}
.block_params h2 {text-align: center; position: relative; z-index: 3}
.block_params .param {margin: 0 -20px; flex-wrap: wrap; position: relative; z-index: 4}
.block_params .param > div {padding: 20px; width: 25%; text-align: center}
.block_params .param .nums {height:90px; font-size: 45px; font-weight: 700; text-align:center; color: #1bb1dd; line-height:45px}
.block_params .param .text { padding: 10px 10px 0 10px; font-size:16px; text-align:center}