@charset "utf-8";
html {width:100%;}
body {margin:0; padding:0; height: 100%; background: #E7E7E7;}
.clear {clear: both}
.openmenu {overflow: hidden !important;}

header {height: 180px; background: #fff;}

.head_1 {display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding: 0 0 6px 0; max-width: 1340px; width: 100%; height: 100px; box-sizing: border-box}
.head_1 > div {box-sizing: border-box;}
.head_1 > div:nth-child(1) {display: none}
.head_1 > div:nth-child(2) {width: 250px}
.head_1 > div:nth-child(3) {padding: 0 68px; width: calc(100% - 460px);position: relative;}
.head_1 > div:nth-child(4) {clear: both; width: 555px; overflow: hidden;display: flex; justify-content: space-around;}
.head_1 .logo {width: 250px}
.head_1 .logo a:hover {text-decoration: none}
/* .head_1 .phones {float: right} */
.a_phone, .a_whatsapp{
	display: flex;
	font-family: TT Hoves;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;

}
.a_whatsapp a{
	color: #000;
}
.a_phone:before{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='20' height='20' rx='1.57895' fill='%23F6532D'/%3e%3cpath d='M8.98066 11.447C7.72476 10.9595 9.8411 8.42326 11.1019 8.91261C11.8719 9.21143 12.4982 8.51047 12.9822 8.08905C13.8891 7.2984 12.1691 6.46484 11.2661 6.72197C8.41854 7.53399 5.56559 10.6424 6.39964 12.7785C6.66037 13.4466 8.55464 13.8271 8.9839 12.8834C9.19881 12.4118 9.68034 11.7186 8.98108 11.4469' fill='white'/%3e%3c/svg%3e ");
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 5px;
}
.mail a, .will span{
	display: block;
	width: max-content;
	font-family: TT Hoves;
	font-weight: 500;
	font-size: 16px;
	color: #000;
	text-decoration: none;
	display: flex;

}
.mail a:before{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.68421 3H15.3158C16.0277 3 16.7104 3.295 17.2138 3.8201C17.7172 4.3452 18 5.05739 18 5.8V14.2C18 14.9426 17.7172 15.6548 17.2138 16.1799C16.7104 16.705 16.0277 17 15.3158 17H3.68421C2.97231 17 2.28957 16.705 1.78619 16.1799C1.2828 15.6548 1 14.9426 1 14.2V5.8C1 5.05739 1.2828 4.3452 1.78619 3.8201C2.28957 3.295 2.97231 3 3.68421 3ZM3.68421 3.93333C3.23684 3.93333 2.84316 4.092 2.53895 4.372L9.5 9.06667L12.9805 6.71933L16.4611 4.372C16.1568 4.092 15.7632 3.93333 15.3158 3.93333H3.68421ZM9.5 10.196L2.01105 5.128C1.93947 5.33333 1.89474 5.56667 1.89474 5.8V14.2C1.89474 14.6951 2.08327 15.1699 2.41886 15.5199C2.75445 15.87 3.20961 16.0667 3.68421 16.0667H15.3158C15.7904 16.0667 16.2455 15.87 16.5811 15.5199C16.9167 15.1699 17.1053 14.6951 17.1053 14.2V5.8C17.1053 5.56667 17.0605 5.33333 16.9889 5.128L9.5 10.196Z' fill='black'/%3e%3c/svg%3e ");
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 5px;
}

.will span:before{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='10' fill='%23F6532D'/%3e%3ccircle cx='10' cy='10' r='9' fill='white'/%3e%3cpath d='M4.665 13L3.09 6.7H4.125L5.34 11.65H5.52L6.825 6.7H7.995L9.3 11.65H9.48L10.695 6.7H11.73L10.155 13H8.715L7.5 8.275H7.32L6.105 13H4.665ZM12.4092 13V8.5H13.3092V13H12.4092ZM12.3642 7.645V6.7H13.3542V7.645H12.3642ZM14.5284 13V6.7H15.4284V13H14.5284Z' fill='%23F6532D'/%3e%3c/svg%3e ");
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 5px;
}
.mobile_phone span{
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0%;
	margin-left: 25px;
	position: absolute;
	margin-top:-3px;
}
.a_whatsapp, .mail a{margin-bottom: 5px;}
nav .close_wrap {display: none}

.menu {display: flex; flex-wrap: wrap;}
.menu > div {padding: 7px 0; width: 33%; font-weight: 500; line-height: 18px; box-sizing: border-box; position: relative}
.menu a {color: #000}
.menu a.active {color: #F6532D;}
.menu a:hover, .menu .mail a:hover {color: #F6532D; text-decoration: none}
.menu .mail {font-weight: normal}
.menu .mail a {padding-left: 24px; color: rgba(0,0,0,.6); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxJREFUeNpibGhosGRgYJgIxNIMxIOPQJzMAiRmAHE9EG8gQXMgEPcwAQlRqEaQQdwENHFD1a0HYiWQ5n9QCQ4gTgTieBwa46HyHFD+XyYkyS9Qv0QAcRcQa0LFQWHRDRX/CFUHBixopi8G4sNAXAYNC5B37IH4ORBnAvEDZMUsWJwHUpAFxElQjVuBeDY2f7DgCZx5QLwRiN/iUgDyMzMjIyMueawaoeqZQJrvAXEAA2nAH4hfg5xd8v///7lAeiqxOoHqnwCpDIAAAwB1ECjlHp+9JgAAAABJRU5ErkJggg==") left 5px no-repeat;}
.menu .phones_mobail {display: none}
.menu .more_btn_menu {display: inline-block; padding-right: 16px; background: url("data:image/svg+xml; utf8; base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxLjVMNC41IDMuNUw4IDEuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") right 8px no-repeat; cursor: pointer}

/* menu button */
.menu_button {display: block; padding: 13px 11px 0 11px; width: 45px; height: 45px; background: rgba(246,83,45,.2); border-radius: 5px; box-sizing: border-box; cursor: pointer; position: relative;}
.menu_button .wrap_menu_line {display: inline-block; width: 100%; height: auto; transition:all .3s ease}
.menu_button .wrap_menu_line > div {display: block; margin: 0 0 5px 0; width: 100%; height: 3px; background: #F6532D; opacity:1.0; visibility: visible; border-radius: 20px; transition:all .2s ease;}
.menu_button:hover .wrap_menu_line > div:nth-child(1), .menu_button.active:hover .wrap_menu_line > div:nth-child(1) {transform:rotate(0deg) translate(0,-2px)}
.menu_button:hover .wrap_menu_line > div:nth-child(2), .menu_button.active:hover .wrap_menu_line > div:nth-child(2) {opacity:1.0; visibility:visible;}
.menu_button:hover .wrap_menu_line > div:nth-child(3), .menu_button.active:hover .wrap_menu_line > div:nth-child(3) {transform:rotate(0deg) translate(0,2px)}
.menu_button.active {background: #F6532D;}
.menu_button.active .wrap_menu_line > div {background: #fff;}
.menu_button.active .wrap_menu_line > div:nth-child(1) {transform:rotate(45deg) translate(6px,6px)}
.menu_button.active .wrap_menu_line > div:nth-child(2) {opacity: 0; visibility:hidden;}
.menu_button.active .wrap_menu_line > div:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px);width:100%}

/* общее оформление выпадающего окна */
.window {background: #fff; box-shadow: 0px 20px 50px rgba(0,0,0,.15); border-radius: 5px; position: relative;}
.window:before {content: ''; display: block; width: 16px; height: 16px; background: #fff; border-radius: 5px; transform: rotate(45deg); position: absolute; top:-8px; right: 40px; z-index: 2}

.more_wrap {display: none; padding-top: 22px; width: 220px; position: absolute; right: 60px; z-index: 8000}
.more_wrap.v0 {right: 0}
.more_wrap.w4 {width: 410px}
.more > div {/*font-weight: 500;*/ border-bottom: 1px solid #E3E4E6; position: relative; overflow: hidden; z-index: 3}
.more > div:first-child {border-radius: 5px 5px 0 0;}
.more > div:last-child {border-bottom: none; border-radius: 0 0 5px 5px;}
.more > div a {display: block; padding: 14px 22px; color: #000; background: #fff; box-sizing: border-box}
.more > div a:hover, .more > div a.active {text-decoration: none; color: #F6532D;}

.head_2 {display: flex; justify-content: space-between; margin: 0 auto; max-width: 1340px; width: 100%; height: 48px; box-sizing: border-box}
.head_2 > div {box-sizing: border-box;}
.head_2 > div:nth-child(1) {width: 250px; position: relative;}
.head_2 > div:nth-child(2) {padding-left: 68px; width: calc(100% - 640px)}
.head_2 > div{padding-left: 20px; width: 195px;}

.catalog_button {display: block; width: 100%; height: 48px; background: #536C77; font-size: 17px; font-weight: 500; color: #fff; text-align: center; border-radius: 5px; line-height: 48px; position: relative; cursor: pointer}
.catalog_button:hover {color: #fff; background: #F6532D;}
.catalog_button span {display: inline-block; line-height: 17px}
.catalog_button .cat_wrap_line {display: inline-block; padding: 0 12px 0 0; width: 16px; height: 14px; overflow: hidden}
.catalog_button .cat_wrap_line > div {margin-bottom: 4px; width: 100%; height: 2px; background: rgba(255,255,255,.4); border-radius: 10px;}
.catalog_button a {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.catalog_button a:hover {text-decoration: none;}

.wrap_search {display: flex; width: 100%; height: 48px; background: #e1e7e9; border: 1px solid #e1e7e9; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
.wrap_search:focus-within {background: #fff; border: 1px solid #F6532D;}
.wrap_search > div {width: 100%; height: 46px; box-sizing: border-box; overflow: hidden;}
.wrap_search > div:nth-child(2) {min-width: 58px; max-width: 58px;}
.wrap_search > div input[type="text"] {display: block; padding: 0 10px 0 32px; height: 48px; border: none;}
.wrap_search > div button, .wrap_search > div button:hover, .wrap_search > div input[type="submit"], .wrap_search > div input[type="submit"]:hover, .search_a  {padding: 0; width: 100%; height: 46px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADlSURBVHgBzZLtDYIwEIZPHUBG6AbWCWQER+gIbiAbOAJs0hHUCeCvv4oT4Nt4jQ3SL3/5JE8I3PV6Ce+K0lRQwR0UcIR32MGBCjhDAyfYQw2v/G5t+bIkrXdAzmoCNt4lVWqjiQ/EkLy5DjUIb6McTtxfLxUbLgrKx4Qu1xRZO0AH+3Wg+KQyBihCw7ZUhv2b49IwG0hJmflhDvC2VKgpLxaOI/erUIP9AYa+wzpH0Du0fazpQp90q0BPzXVDkRi59Hfc7IbaCxp+au+7zBnkUN5hp+bBVcmgn/i/QRu4hw+K5CSXFxcbR+iQfh8pAAAAAElFTkSuQmCC") center center no-repeat; box-sizing: border-box; text-indent: -9999px; cursor: pointer;}
.wrap_search_a {display: none}

.search_top {position: relative}

.wrap_result_search {display: block; width: 100%; height: auto; position: absolute; left: 0; box-sizing: border-box; z-index: 90;}
.wrap_result_search .top_result_searсh {display: block; padding-top: 5px; width: 100%; max-height: 290px; background: #fff; border:1px solid #ced3d9; box-shadow:0 2px 3px rgba(0,0,0,0.2); box-sizing: border-box; overflow: hidden; overflow-y: auto;}
.wrap_result_search .top_result_searсh > div {display: block; width: 100%;}
.wrap_result_search .top_result_searсh > div:last-child {margin-top: 5px;}
.wrap_result_search .top_result_searсh > div a {display: block; padding: 7px 10px; width: 100%; color: #555; box-sizing: border-box;}
.wrap_result_search .top_result_searсh > div a span {color:#62a503;}
.wrap_result_search .top_result_searсh > div a:hover {background:#e6ecf2}

.top_a {display: flex; justify-content: center; align-items: center; width: 100%; height: 48px; color: #000; border: 1px solid #e1e7e9; border-radius: 5px; box-sizing: border-box; position: relative}
.top_a:hover {text-decoration: none; background: #e1e7e9; color:#000} 
.top_a > div {font-weight: 500; box-sizing: border-box; position: relative}
.top_a > div:nth-child(1) {margin-right: 12px}

.top_button {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%}

.presonal {position: relative}
.presonal:hover .personal_a {background: #e1e7e9;}
.personal_a > div:nth-child(1) {width: 17px; height: 18px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADrSURBVHgBlVPbEYIwEFy0ALUDOtAS0oGUkBLoADqADqQDxwrw0z/59Qs7kA7wbuYyoJMjZGeWR+5us3CXBDoy4pmYEgfijdhgJfbEljgSP/Lcy/tV4kFcpMD+reeyXoUEjCTmSryUeIoFuCTNcgqPy42SPCjr75mYKuKKT/DDyL3DAvgzXEd8sV4YhOsCJ1vZ3WJqc7ZGxIib0cMnAp1hFJiGrJ454d2bmZtCE6gkgYuXWtxoQlYCJdahhuf/sM0WcXBn6seFQRyMq+Nh48HiIbsjDp3UZSxyRGACFQzC3ZYuB+KL+EA8Eq79Apw+RpcIEXgaAAAAAElFTkSuQmCC") center center no-repeat;}

.basket_top {position: relative}
.basket_top:hover .basket_a {background: #e1e7e9;}
.basket_a > div:nth-child(1) {width: 25px; height: 22px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgB7VXtEcFAEH1JBXQQHSjhdKAEHVCCDlABOtCBqIAOUAEdsI+9iYy47GWSf97Mm8vcvMvu7dclAKbCMcrYCVdoCakwqdhfChfoGBvhTdhDC0h+7DvhXo1d0Qx3YS48hUS8yaMFujRgZKve9PG+cSxH+p9eyAgrjDkZohkyXYPhogGGbIlmYE6PFuFGDcWCDjIfLwfTGnGuBxzi4HTdWcQljyKwRmQEGNsz4kC96RYeM2i9G/VO9RO/kRgOMWS+Si4GPUue/TXwG3WJhx5gYx1gwxZFI/7RDTK8E8+yDM0xvrDsjUaP3RzF2F4HdJ/jveSMpbryj+9Qhfnmu8BW6l/IUIzuEBwqnuwnoeFGSrOPXloAAAAASUVORK5CYII=") center center no-repeat;}

.basket_count {position: absolute; top: -8px; right: -8px;}
.basket_count span {display: block; width: 18px; height: 18px; color: #fff; font-size: 11px; font-weight: 500; text-align: center; background: #F6532D; border-radius: 50%; box-sizing: border-box; line-height: 18px}
.basket_top .itog {display: flex; justify-content: space-between; padding: 14px 18px; box-sizing: border-box}
.basket_top .itog > div:nth-child(1) {font-size: 15px; color: rgba(0,0,0,.6)} 
.basket_top .itog span {display: block; font-size: 20px; font-weight: 700; color: #000; line-height: 20px}
.basket_top .itog a {padding: 0; width: 175px}

.basket_top .item {display: flex; padding: 14px 43px 14px 18px; box-sizing: border-box; position: relative}
.basket_top .item .del {position: absolute; top: calc(50% - 6px); right: 18px; width: 15px; height: 14px; cursor: pointer;}
.basket_top .item .del:before, .basket_top .item .del:after {content: ""; position: absolute; top: 6px; right: 1px; width: 17px; height: 1px; background: #000;}
.basket_top .item .del:before {transform: rotate(45deg);}
.basket_top .item .del:after {transform: rotate(-45deg);}
.basket_top .item .del:hover:before, .basket_top .item .del:hover:after {background: #F6532D;}
.basket_top .item > div {font-size: 15px; box-sizing: border-box; overflow: hidden}
.basket_top .item > div:nth-child(1) {min-width: 50px; width: 50px; max-width: 50px; height: 50px; border-radius: 5px;}
.basket_top .item > div:nth-child(2) {padding-left: 12px}
.basket_top .item a {display: block; padding: 0; color: #536C77; white-space: nowrap;}
.basket_top .item a:hover {text-decoration: none}
.basket_top .item .name {position: relative;}
.basket_top .item .name:after {content: ''; position: absolute; right: 0; width: 87px; height: 100%; background: linear-gradient(270deg, #FFFFFF 13.04%, rgba(255, 255, 255, 0) 94.2%);}
.basket_top .item .price {padding-top: 5px; font-weight: 500; line-height: 16px;}
.basket_top .item .price span {display: inline-block; padding-left: 8px; font-weight: 400; color: rgba(0,0,0,.4)}
.basket_top .item .price .old_price_sm_b {position: relative; display: inline-block; margin-right: 7px; padding: 0 10px; height: 16px; background: #F4F4F4; border-radius: 8px; font-size: 13px !important; color: #a1a1a1; line-height: 17px !important;}
.basket_top .item .price .old_price_sm_b:after {position: absolute; top: 8px; right: 10px; content: ''; display: block; width: calc(100% - 20px); height: 1px; background: #000; opacity: .2}
.basket_top .smal_basket_list {max-height: 390px; overflow: hidden; overflow-y: auto}

.head_2 > div:nth-child(1):hover .catalog_menu_wrapper {display: block !important}

.catalog_menu_wrapper {display: none}
.catalog_menu_wrapper {position: absolute; left: 0; padding-top: 22px; width: 1340px; height: calc(100vh - 180px); box-sizing: border-box; z-index: 2000;}
.catalog_menu_wrap {width: 100%; height: 100%; background: #fff; box-shadow: 0px 20px 50px rgba(0,0,0,.15); border-radius: 5px; position: relative;}
.catalog_menu_wrap:before {content: ''; display: block; width: 16px; height: 16px; background: #fff; border-radius: 5px; transform: rotate(45deg); position: absolute; top:-8px; left: 40px; z-index: 2}
.catalog_menu .close_wrap {display: none}
.catalog_menu {width: 100%; height: 100%; box-sizing: border-box;  position: relative; z-index: 3}
.catalog_menu .menu_phones_wrap {display: none;}
.catalog_menu .level {width: 340px; height: 100%; border-right: 3px solid #536C77; box-sizing: border-box; position: relative}
.catalog_menu .level.v2 {position: absolute; top: 0; left: 340px}
.catalog_menu .level.v2 {display: none}
.catalog_menu .level:before {content: ''; display: block; width: 3px; height: 300px; background: #F6532D; position: absolute; top: 0; right: -3px;}
.catalog_menu .level_1 {width: 100%; height: 100%; overflow: hidden; overflow-y: auto; position: relative}
.catalog_menu .item_wrap {border-bottom: 1px solid #e6e6e6; overflow: hidden; position: relative}
.catalog_menu .item_wrap:nth-child(1) {border-radius: 5px 0 0 0}
.catalog_menu .item_wrap:hover, .catalog_menu .item_wrap.active {background: #f7f7f7}
.catalog_menu .item_wrap a, .catalog_menu .item_wrap a:hover {display: block; text-decoration: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 13}
.catalog_menu .item {display: flex; align-items: center; padding: 0 35px 0 20px; width: 100%; height: 68px; box-sizing: border-box; position: relative; z-index: 12;} 
.catalog_menu .item.m_more:before {content:''; display: block; width: 7px; height: 13px; background: url("data:image/svg+xml; utf8; base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNiIgZD0iTTEgMTJMNS41IDYuNUwxIDEiIHN0cm9rZT0iIzMyMzIzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg=="); position: absolute; right: 20px;} 
.catalog_menu .item > div {box-sizing: border-box}
.catalog_menu .item > div:nth-child(1) {width: 65px; text-align: center}
.catalog_menu .item > div:nth-child(2) {padding-left: 20px; width: calc(100% - 65px); color: rgba(0,0,0,.7)}

.catalog_menu .level_2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F6F6F6; overflow: hidden; overflow-y: auto; z-index: 20;}
.catalog_menu .level_2 .name {padding: 0 30px 10px 30px; font-weight: 500; line-height: 20px}
.catalog_menu .level_2 ul {padding: 0 30px 20px 30px; font-size: 15px;}
.catalog_menu .level_2 ul > li:before {width: 4px; height: 4px; top: 16px;}  
.catalog_menu .level_2 a {color: rgba(0,0,0,.7); text-decoration: none}
.catalog_menu .level_2 a:hover, .catalog_menu .level_2 a.active {color: #F6532D; text-decoration: none}
.catalog_menu .level_2 .back {padding-top: 20px; display: block;}
.catalog_menu .level_2 .back_cat {display: none}

.down_cat {display: block; padding: 30px 20px;}
.down_cat a {display: flex; align-items: center; padding: 0 25px; width: 268px; height: 83px; background: rgba(246,83,45,.9) url(images/catpdf.png); border-radius: 5px; box-sizing: border-box; overflow: hidden}
.down_cat a:hover {text-decoration: none}
.down_cat a > div { color: #fff; font-size: 17px; font-weight: 600; box-sizing: border-box; line-height: 17px;}
.down_cat a > div:nth-child(1) {min-width: 35px; width: 35px; max-width: 35px; height: 46px; background: url(images/pdf_white.png);}
.down_cat a > div:nth-child(2) {padding: 0 25px}

.phones {display: flex;}
.phones > div:nth-child(1) {padding-right: 14px}
.phone_button {width: 38px; height: 38px; background: #F6532D; border-radius: 5px; position: relative; /*cursor: pointer*/}
.phone_button svg {fill: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.3s ease-in-out;}
/* .a_whatsapp {padding-bottom: 4px; font-size: 14px; line-height: 14px} */
.a_whatsapp a {display: inline-block; padding-left: 24px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHqSURBVHgBZVIxaxRBFH5vs4HEQjdgZbUnWJsUQvDALBZBrbTQwsazFeE4/8Dt/oO9NJZeKivh7EQsghBURG4VbL21ssxGUG7nzczLm91MciELy7x5733ffO+bQVj4epxG6v/fPiL2ZBsjIDBDAWCL5cBm49W89L3og8eHz/uMwVBSa27Pi0W3RzhA5sHrizu7J8CHB8/6Qp2fduMJKzfJtuIUGMsP3lx+OcH7f3rxUhhORdIlKY6WAHctwJTPAQXXxpX9pzuhBENNOpK1fHtlPHAVIdsTogTchA0APMiFEa9AP9RKrTdpxsrPY4gKOSlZGJPPeoIJ3v31SGgFJsxiTmcF5lDb5VlbR49pT24ENJUq0KTAEqFbDc1fTTqT0lhKjSEwmkBrYqM1GqlL3OREURRYQ6U5TSS3f94bvr82ySzpzGgh1WpHKd4QsrH0tkSGCky+b6fOIF68M7Dpx+sfsmR6J97beFf6/NaP7ZkojeVSRwFYlQtL5aW5n41Nu9+SGcF8y4NuTZMnoijWRBXYOm9G3fzSFSaMvR/sD2axAp13eCj7iCVGCy8+be7n4Y39m+vW6Pi4k7F9X3j2vYG750p4Bl+7n8cuFYBqBn6q6nqNanXVajsSFwuRJU5Kjei31Sa7oFY7HuS+I+ShLvnblX+7AAAAAElFTkSuQmCC") left center no-repeat; }
/* .a_phone {font-size: 18px; font-weight: 500; line-height: 21px;} */
.a_phone a {color: #000}
.a_whatsapp a:hover, .a_phone a:hover {text-decoration: none}

footer {background: #fff;}
.bottom {display: flex; margin: 0 auto; padding: 40px 0; max-width: 1340px; width: 100%; box-sizing: border-box} 
.bottom > div {width: 300px; box-sizing: border-box}
.bottom > div:nth-child(2) {padding: 0 49px; width: calc(100% - 600px)}
.bottom .logo {margin-bottom: 37px; width: 198px}
.bottom .copyright {color: rgba(0,0,0,.5); line-height: 22px}
.bottom .mail {color: #808080; line-height: 26px;}
.bottom .mail > div {display: inline-block}
.bottom .politic {padding: 5px 0}
.bottom .politic a, .bottom .mail a, .bottom .web_map a {color: #000}
.bottom .politic a:hover, .bottom .mail a:hover, .bottom .web_map a:hover {color: #F6532D;}
.bottom .web_map {padding-top: 8px}
.bottom .web_map > div {line-height: 26px;}

.social {padding: 0}
.social > li {display: inline-block; padding: 0 14px 0 0; line-height: 0}
.social > li:before {display: none}
.social > li a, .social > li div {display: block; width: 37px; height: 37px; text-align: center; background: rgba(83,108,119,.2); border-radius: 50%; line-height: 36px; overflow: hidden; transition: 0.2s ease-in-out; cursor: pointer; position: relative}
.social > li a:hover, .social > li div:hover {text-decoration: none; background: #F6532D;}
.social > li a svg, .social > li div svg {fill: #536C77; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.3s ease-in-out;}
.social > li a:hover svg, .social > li div:hover svg {fill: #fff;}

.slider_wrap {margin: 45px auto; max-width: 1340px; overflow: hidden}
.slider_wrap .button-next, .slider_wrap .button-prev {position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; margin-top: -35px; width: 22px; height: 70px; cursor: pointer; z-index: 10;}
.slider_wrap .button-next {left: 38px}
.slider_wrap .button-prev {right: 38px}
.slider_wrap svg {opacity: .5}
.slider_wrap svg:hover {opacity: 1}

.slide-pagination {position: absolute; bottom: 56px !important;  left: 98px !important;  width: 400px !important; z-index: 10;}
.slide-pagination .swiper-pagination-bullet {margin: 0 5px !important; width: 20px !important; height: 20px !important; background: none !important; position: relative}
.slide-pagination .swiper-pagination-bullet:before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.6); position: absolute; top: 6px; left: 6px;}
.slide-pagination .swiper-pagination-bullet:hover:before {background: #fff;}
.slide-pagination .swiper-pagination-bullet-active, .slide-pagination .swiper-pagination-bullet:hover {background: rgba(255,255,255,.3) !important;}
.slide-pagination .swiper-pagination-bullet-active:before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background:#fff; position: absolute; top: 6px; left: 6px;}

.topslider {display: block; width: 100%; height: 500px;}
.slide {display: flex; width: 100%; height: 100%; border-radius: 5px; overflow: hidden}
.slide > div {display: block; height: 100%; color: #fff; box-sizing: border-box}
.slide > div:nth-child(1) {padding: 50px 60px 98px 98px; width: 498px; background: #F6532D;}
.slide > div:nth-child(2) {width: calc(100% - 498px);}
.slide .title {padding-bottom: 20px; font-size: 33px; font-weight: 700; line-height: 44px;}
.slide .title.v2 {font-size: 50px; line-height: 65px;}
.slide p {padding: 0 0 24px 0; font-size: 18px; line-height: 28px}
.slide .btn_wrap {width: 160px}
.slide .button {height: 46px; font-size: 17px; font-weight: 500; color: #536C77; line-height: 46px;}
.slide .button:hover {color: #F6532D; background: #fff;}
.slide .img {width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; line-height: 0}

.wrap_views {margin-bottom: 70px}
.wrap_views .top {display: flex; justify-content: space-between; padding-bottom: 40px;}
.wrap_views .top > div:nth-child(1) {font-size: 35px; font-weight: 600}
.wrap_views .top > div:nth-child(2) {width: 195px}
.wrap_views .top .button {height: 46px; font-size: 17px; line-height: 46px}

.views_slider_wrap {position: relative}
.views_slider_wrap .button-next-gray, .views_slider_wrap .button-prev-gray {position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; margin-top: -35px; width: 22px; height: 70px; cursor: pointer; z-index: 10;}
.views_slider_wrap .button-next-gray {left: 0}
.views_slider_wrap .button-prev-gray {right: 0}
.views_slider_wrap svg {stroke: #536C77}
.views_slider_wrap svg:hover {stroke: #F6532D}
.views_slider {margin: 0 50px !important}
.views_slider .swiper-slide {max-width: 284px; height: auto}

.slide_view {padding: 28px 28px 95px 28px; width: 100%; height: 100%; background: #fff; border-radius: 5px; box-sizing: border-box; position: relative}
.slide_view .img {display: flex; justify-content: center; align-items: center; margin: 0 auto;  width: 100%; height: 225px; background: #fff; overflow: hidden}
.slide_view .img > a {display: block; line-height: 0}
.slide_view span {color: rgba(0,0,0,.4)}

.slide_view .line {display: block; padding-top: 8px; width: 100%; height: auto; font-size: 13px}
.slide_view .line > div {width: 100%; overflow: hidden;}
.slide_view .line > div:nth-child(1) {padding-bottom: 6px}
.slide_view .line > div:nth-child(2) {padding-left: 24px; position: relative}
.slide_view .line .yes:before, .slide_view .line .no:before {content: ''; display: block; width: 14px; height: 14px; background-image: url(images/yesno.png); background-repeat: no-repeat; position: absolute; top: calc(50% - 7px); left: 0}
.slide_view .line .yes {color: rgba(59,204,63,.8)}
.slide_view .line .yes:before { background-position: 0 0; }
.slide_view .line .no {color: rgba(235,90,90,.8)}
.slide_view .line .no:before {background-position: -14px 0;}
.slide_view .line span {padding-right: 6px}
.slide_view .name {padding-top: 15px; font-weight: 500; font-size: 16px; line-height: 22px;}
.slide_view .name a {color: #536C77}
.slide_view .name a:hover {color: #F6532D;}

.slide_view .price {position: absolute; bottom: 28px; left: 28px; display: block; width: calc(100% - 56px); font-weight: 500; font-size: 21px;}
.slide_view .price span {display: block; font-size: 15px; font-weight: 400}
.slide_view .price .old_goods_price {position: relative; display: inline-block; margin-left: 5px; padding: 0 10px; height: 16px; background: #F4F4F4; border-radius: 8px; font-size: 13px !important; color: #a1a1a1; line-height: 17px !important;}
.slide_view .price .old_goods_price:after {position: absolute; top: 8px; right: 10px; content: ''; display: block; width: calc(100% - 20px); height: 1px; background: #000; opacity: .2}
.slide_view .price em {padding: 0 0 0 5px; font-style: normal; font-size: 21px; color: rgba(0,0,0,.4)}

main {margin: 0 auto; max-width: 1340px; min-height: calc(100vh - 364px);}
.content {margin-bottom: 65px}

.breadcrumb {display: block; margin: 35px 0 40px 0; font-size: 14px;}
.breadcrumb > div {display: inline; margin-right: 26px; height: 16px; line-height: 16px; position: relative}
.breadcrumb > div:before {content: ''; position: absolute; top: 7px; right: -16px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0,0,0,.2); overflow: hidden}
.breadcrumb > div:last-child {margin-right: 0}
.breadcrumb > div:last-child:before {display: none}
.breadcrumb a {color: rgba(0,0,0,.6);}
.breadcrumb a:hover {text-decoration: none; color: #F6532D}
.breadcrumb span {color: rgba(0,0,0,.3);}

.map {width: 100%; height: 100%; border-radius: 5px; overflow: hidden}

.contact {display: flex; margin-bottom: 50px; padding: 30px; width: 100%; border-radius: 5px; background: #fff; box-sizing: border-box; overflow: hidden}
.contact > div { width: 50%; box-sizing: border-box;}
.contact > div:nth-child(1) {padding-right: 30px}
.contact h3 {padding: 0}
.contact .item {padding: 24px 0 6px 57px; min-height: 40px; line-height: 24px; position: relative}
.contact .item:last-child {padding-bottom: 0}
.contact .item:before {content: ''; position: absolute; top: 24px; left: 0; display: block; width: 40px; height: 40px; border-radius: 5px; background-color: rgba(246, 83, 45, .2); background-image: url(images/icons.png); background-repeat: no-repeat; overflow: hidden;}
.contact .item.adres:before {background-position: 0 0}
.contact .item.work:before {background-position: -40px 0}
.contact .item.phone:before {background-position: -80px 0}
.contact .item.person:before {background-position: -120px 0}
.contact .item.mail:before {background-position: -160px 0}
.contact .item.skype:before {background-position: -200px 0}
.contact .item span {display: block; margin-top: -3px; color: #9D9D9D;}

.our_manedgers {display: flex; padding: 55px 0; position: relative;}
.our_manedgers:before {content: ''; display: block; width: calc(100% + 100px); height: 100%; background: url(images/managers_bg.jpg) center center no-repeat; background-size: cover; position: absolute; top: 0; left: -50px; z-index: 2 }
.our_manedgers > div {width: 50%; box-sizing: border-box; position: relative; z-index: 4} 
.our_manedgers > div:nth-child(1) {padding-right: 25px}
.our_manedgers > div:nth-child(2) {padding-left: 25px}
.our_manedgers .title {padding: 0 0 25px 0; font-size: 60px; font-weight: 600; color: #fff; line-height: 60px;}
.our_manedgers .title.v2 {padding: 0; width: 260px; font-size: 45px; line-height: 50px; position: absolute; top: -14px; left: 0}
.our_manedgers p {padding-right: 30px; font-size: 18px; color: rgba(255,255,255,.8); line-height: 30px;} 
.our_manedgers .button {margin-top: 45px; width: 240px; height: 58px; font-size: 20px; font-weight: 500; line-height: 56px;}
.our_manedgers .manager {padding-top: 118px; position: relative} 
.our_manedgers .info {padding: 20px 330px 20px 30px; width: 100%; min-height: 187px; color: #fff; background: #F6532D; border-radius: 5px; box-sizing: border-box}
.our_manedgers .info .name {font-size: 28px; font-weight: 600}
.our_manedgers .info .idate {display: flex; padding-top: 17px}
.our_manedgers .info .idate > span {display: block; font-weight: 600; box-sizing: border-box}
.our_manedgers .info .idate > span:nth-child(1) {min-width: 95px; width: 95px; max-width: 95px; color: rgba(255,255,255,.8); font-weight: 500}
.our_manedgers .info .idate > span a, .our_manedgers .info .idate > span a:hover {color: #fff; text-decoration: none}
.our_manedgers .photo {position: absolute; top: 0; right: 30px; width: 274px; height: 274px; border-radius: 50%; overflow: hidden}

.our_mission  {display: flex; margin: 0 -50px 70px -50px; width: calc(100% + 100px); background: #fff; box-sizing: border-box}
.our_mission > div {box-sizing: border-box;} 
.our_mission > div:nth-child(1) {padding: 50px; width: calc(100% - 562px)}
.our_mission > div:nth-child(2) {width: 562px; background: #f6532d url(images/mask_mission.png) center center no-repeat; background-size: cover}
.our_mission h2 {padding: 0 0 20px 0; color: #F6532D; font-size: 44px; line-height: 40px}
.our_mission p {font-weight: 500; font-size: 25px; line-height: 42px;}
.our_mission .person {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff;}
.our_mission .person > div {padding: 20px 0}
.our_mission .person .image {margin: 0 auto; width: 160px; height: 160px; border-radius: 50%; overflow: hidden}
.our_mission .person .name {margin: 0 auto; padding: 20px 0 13px 0; color: #fff; font-weight: 700; font-size: 23px; text-align: center; line-height: 28px;}
.our_mission .person .work {margin: 0 auto; font-weight: 400; font-size: 17px; text-align: center; line-height: 22px; opacity: .9}
.our_mission .person .wrap_button {margin: 0 auto; padding-top: 20px}
.our_mission .person .wrap_button .button.white:hover {background: #536C77; color: #fff}


.main_news {display: flex; padding: 55px 0 45px 0; width: 100%; flex-wrap: wrap;}
.main_news > div {display: block; margin: 0 calc((100% - 298px * 4) / 3) 0 0; width: 298px; height: auto; border-radius: 5px; box-sizing: border-box}
.main_news > div:nth-child(1) {padding: 25px 40px; background: #536C77;}
.main_news > div:nth-child(4n) {margin: 0}
.main_news.video > div:nth-child(2) {margin: 0; width: calc(100% - (298px + calc((100% - 298px * 4) / 3) ) );}
.main_news a {color: #000}
.main_news a:hover {color: #F6532D; text-decoration: none}
.main_news .img {width: 100%; height: 223px; border-radius: 5px; line-height: 0; overflow: hidden;}
.main_news.video .img {height: 177px}
.main_news .date {padding-top: 14px; font-size: 15px; color: rgba(0,0,0,.4)}
.main_news .title {padding: 5px 0 9px 0; font-size: 17px; font-weight: 500; line-height: 24px;}
.main_news p {padding: 0; color: rgba(0,0,0,.6); line-height: 22px}
.main_news .name {padding-bottom: 15px; font-size: 26px; font-weight: 600; color: #fff; line-height: 26px}
.main_news .txt { font-weight: 500; color: rgba(255, 255, 255, .8); line-height: 24px}
.main_news .row {padding-top: 20px; position: relative}
.main_news .f_name:before, .main_news .f_mail:before {content: ''; display: block; width: 40px; height: 40px; background-image: url(images/icons.png); background-repeat: no-repeat; position: absolute; top: 23px; left: 0;}
.main_news .f_name:before {background-position: -120px 0}
.main_news .f_mail:before {background-position: -160px 0}
.main_news input[type=text] {padding-left: 45px; font-size: 15px; background: #fff}
.main_news input[type="checkbox"] + label span {width: 20px; height:20px;}
.main_news input[type="checkbox"] + label span:before {width: 20px; height: 20px; background: #738791;}
.main_news input[type="checkbox"] + label:hover span:before {background: #738791;}
.main_news input[type="checkbox"]:checked + label span:before {background: #738791;}
.main_news input[type="checkbox"] + label div {font-size: 14px; font-weight: 400; color: #fff}
.main_news input[type="checkbox"] + label div a {color: #A4BCC7}
.main_news input[type="checkbox"] + label div a:hover {text-decoration: none; color: #fff}
.main_news .button {height: 56px; line-height: 56px}

.bl_video {display: flex; width: 100%; flex-wrap: wrap;}
.bl_video > div {display: block; margin: 0 calc((100% - 298px * 3) / 2) 40px 0; width: 298px; height: auto; border-radius: 5px; box-sizing: border-box}
.bl_video > div:nth-child(3n) {margin: 0 0 40px 0}
.bl_video > div:nth-child(4), .bl_video > div:nth-child(5), .bl_video > div:nth-child(6) {margin: 0 calc((100% - 298px * 3) / 2) 0 0}
.bl_video > div:nth-child(6) {margin: 0}

.sections {display: flex; margin-bottom: 15px; padding: 55px 0 0 0; width: 100%; flex-wrap: wrap;}
.sections > div {display: block; margin: 0 calc((100% - 298px * 4) / 3) 44px 0; width: 298px; height: 190px; box-sizing: border-box}
.sections > div:nth-child(4n) {margin: 0 0 44px 0}
.sections > div a {display: block; flex-direction: column; padding: 10px; width: 100%; height: 100%; text-align: center; color: rgba(0,0,0,.6); background: #fff; border-radius: 5px; box-sizing: border-box; overflow: hidden}
.sections > div a:hover {text-decoration: none}
.sections > div .img {display: flex; justify-content: center; align-items: center; padding-top: 15px; height: 110px;}
.sections > div .name {}
.sections .catpdf {background: rgba(246,83,45,.9) url(images/catalogpdf.png) center center; background-size: cover}
.sections .catpdf .name {color: #fff; font-size: 17px; font-weight: 600; box-sizing: border-box; line-height: 17px;}

.sections.v2 {margin-bottom: 10px; padding: 30px 0 0 0;}
.sections.v2 > div {padding: 18px; height: auto; background: #fff; border-radius: 5px;}
.sections.v2 .img {height: 185px; border-radius: 5px; overflow: hidden}
.sections.v2 .s_name {padding: 12px 0; font-size: 17px; font-weight: 500; line-height: 20px;}
.sections.v2 a {display: inline; padding: 0; text-align: left; color: rgba(0,0,0,.7)}
.sections.v2 a.img {display:flex}
.sections.v2 a:hover {color: #F6532D; text-decoration: none}
.sections.v2 ul {padding: 0}
.sections.v2 li {line-height: 20px;} 
.sections.v2 ul > li:before {width: 4px; height: 4px; top: 14px;}  

.sections.v3 {margin-bottom: 0; padding: 50px 0;} 
.sections.v3 > div {margin-bottom: 0 !important; padding: 33px 40px; height: auto; background: #fff; border-radius: 5px;}
.sections.v3 .img {justify-content: flex-start; height: 65px; border-radius: 5px; overflow: hidden}
.sections.v3 .s_name {padding: 15px 50px 15px 0; font-size: 20px; font-weight: 500; line-height: 24px;}
.sections.v3 ul {padding: 0}
.sections.v3 li {padding-left: 16px; color: rgba(0,0,0,.7); font-size: 17px; line-height: 21px;} 
.sections.v3 ul > li:before {width: 4px; height: 4px; top: 14px;}  

.section_desk {margin-bottom: 30px}

.ouroffer {padding-bottom: 50px}
.ouroffer .btn_wrap {margin: 0 auto; width: 275px}
.ouroffer .btn_wrap .button {height: 58px; font-size: 20px; font-weight: 500; line-height: 58px}
.ouroffer .link {display: inline; padding: 0; /*color: #F6532D;*/ text-decoration: none}
.ouroffer .link:hover {color: #F6532D; text-decoration: underline}

.light_cat {display: flex; margin-top: 20px; padding: 58px 0; width: 100%; position: relative;}
.light_cat.v2, .light_cat.v3 {margin-top: 0;}
.light_cat:before {content: ''; display: block; width: calc(100% + 100px); height: 100%; background: rgba(83, 108,119,.05); position: absolute; top: 0; left: -50px; z-index: 2 }
.light_cat.v2:before {background: rgba(83, 108,119,.1)}
.light_cat.v3:before {background: rgba(83, 108,119,.15)}
.light_cat > div {box-sizing: border-box; position: relative; z-index: 3}
.light_cat > div:nth-child(1) {padding: 0 48px 50px 0; width: 348px;}
.light_cat > div:nth-child(2) {width: calc(100% - 348px)}
.light_cat .title {font-weight: 600; font-size: 30px; line-height: 35px;}
.light_cat p {padding: 18px 0; color: rgba(0,0,0,.6); font-weight: 400; font-size: 16px; line-height: 23px;}
.light_cat .btn_wrap {position: absolute; bottom: 0;}
.light_cat .button { width: 160px; height: 46px; color: #536C77; background: rgba(83, 108, 119, 0.2); line-height: 46px;}
.light_cat .button:hover {background: #F6532D; color: #fff}

.light_cat .elem {display: flex; margin-bottom: -30px; width: 100%; font-size: 16px; font-weight: 600; flex-wrap: wrap}
.light_cat .elem > a {display: block; margin: 0 calc((100% - 211px * 4) / 3) 30px 0; width: 211px; text-decoration: none; color: #fff; background: #F6532D; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
.light_cat .elem > a:nth-child(4n) {margin: 0 0 30px 0}
.light_cat .elem .img {display: flex; justify-content: center; align-items: center; height: 211px; background: #fff; line-height: 0; overflow: hidden}
.light_cat .elem .img img {border-radius: 0}
.light_cat .elem .name {padding: 12px 20px; min-height: 84px; box-sizing: border-box}

.action_main {padding: 70px 0; position: relative}
.action_main:before {content: ''; display: block; width: calc(100% + 100px); height: 100%; background: #fff; position: absolute; top: 0; left: -50px; z-index: 2}
.action_main .top {display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 3}
.action_main .top > div:nth-child(1) {color: #F6532D; font-weight: 600; font-size: 45px; line-height: 40px;}
.action_main .top > div:nth-child(2) {width: 150px}
.action_main .top .button {height: 46px; font-size: 17px; color: #536C77; background: rgba(83, 108, 119, 0.1); line-height: 46px}
.action_main .top .button:hover {background: #F6532D; color: #fff}

.actions-list {display: flex; padding-top: 40px; width: 100%; position: relative; z-index: 4}
.actions-list > div {display: block; margin: 0 calc((100% - 409px * 3) / 2) 0 0; width: 409px; box-sizing: border-box}
.actions-list > div:nth-child(3n) {margin: 0}
.actions-list > div .img {line-height: 0}
.actions-list > div .name {padding: 21px 0 12px 0; font-weight: 600; font-size: 20px; line-height: 25px;}
.actions-list > div p {padding: 0; font-size: 17px; color: rgba(0,0,0,.6); line-height: 25px;}
.actions-list > div a {color: #000}
.actions-list > div a:hover {color: #F6532D; text-decoration: none}

.advantage_wrap {padding: 70px 0 0 0;}
.advantage_wrap .title {padding: 0 0 50px 0; font-size: 45px; font-weight: 600; text-align: center; color: #F6532D; line-height: 45px}
.advantage {display: flex; margin-top: 40px; width: 100%; flex-wrap: wrap}
.advantage > div {display: block; margin: 0 calc(100% - 645px * 2) 40px 0; width: 645px; min-height: 252px; background: #fff; border-radius: 5px; overflow: hidden; box-sizing: border-box}
.advantage > div:nth-child(2n) {margin: 0 0 40px 0}
.advantage > div .item {display: flex; padding: 35px 0; width: 100%;}
.advantage > div .item > div {box-sizing: border-box}
.advantage > div .item > div:nth-child(1) {width: 140px; text-align: center}
.advantage > div .item > div:nth-child(2) {padding-right: 40px; width: calc(100% - 140px)}
.advantage > div .item .name {padding-bottom: 7px; color: #F6532D; font-weight: 600; font-size: 25px; line-height: 24px;}
.advantage > div .item .txt {font-weight: 500; font-size: 17px; line-height: 21px;}
.advantage > div .item p {padding: 20px 0 0 0; color: rgba(0,0,0,.5); line-height: 21px;}

.how_pick {display: flex; margin: 0 0 70px 0; width: 100%; color: #fff; background: #536C77; border-radius: 5px; overflow: hidden;}
.how_pick > div {display: block; padding: 42px 40px; width: calc(100% / 3); box-sizing: border-box}
.how_pick > div:nth-child(1) {padding: 42px 50px; background: #F6532D}
.how_pick .title {font-size: 50px; font-weight: 600; line-height: 55px;}
.how_pick p {padding: 20px 0 0 0; font-size: 20px; line-height: 28px;}
.how_pick .name {font-size: 21px; font-weight: 600}
.how_pick .name span {padding-right: 10px; color: #F6532D;}
.how_pick ol {padding: 20px 0 30px 30px}
.how_pick li {font-size: 15px; color: rgba(255,255,255,.6); line-height: 20px;}
.how_pick .wrap_btn {padding-left: 30px}
.how_pick .button {display: flex; justify-content: center; align-items: center; height: 56px; font-size: 18px; line-height: 56px; position: relative}
.how_pick .button.v2 {display: block}
.how_pick .button span {display: block;}
.how_pick .button span:nth-child(1) {margin-right: 18px; width: 23px; height: 30px;background: url(images/pdf_white.png); background-size: contain;}
.how_pick .txt {padding: 20px 0 12px 30px; font-size: 15px; color: rgba(255,255,255,.6); line-height: 20px; }
.how_pick .row {padding: 0 0 11px 30px}
.how_pick input[type=text] {height: 56px; background: #fff}

.search_list {display: block; margin-bottom: 65px; width: 100%; background: #fff; border-radius: 5px; overflow: hidden}
.search_list .item {display: flex; padding: 20px; width: 100%; font-size: 15px; border-bottom: 1px solid #ececec; box-sizing: border-box}
.search_list .item:last-child {border-bottom: none}
.search_list .item > div {padding: 22px 15px 0 0; min-width: 190px; width: 190px; max-width: 190px; box-sizing: border-box; position: relative; overflow: hidden}
.search_list .item > div:nth-child(1) {padding: 0; min-width: 87px; width: 87px; max-width: 87px;}
.search_list .item > div:nth-child(2) {padding: 0 0 25px 15px; width: 100%; max-width: inherit}
.search_list .item > div:nth-child(6) {padding: 24px 0 0 0; min-width: 168px; width: 168px; max-width: 168px;}
.search_list .item span {color: rgba(0,0,0,.4)}
.search_list .item .button>span {color: #ffffff}
.search_list .item .button.red.zapros {@media (max-width: 800px) {
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 28'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M23.29 13.25V2.84c0-1.378-1.386-2.84-2.795-2.84h-17.7C1.385 0 0 1.462 0 2.84v10.41c0 1.674 1.385 3.136 2.795 2.84H5.59v5.68h.93c.04 0 .29-1.05.933-.947l3.726-4.732h9.315c1.41.296 2.795-1.166 2.795-2.84zm2.795-3.785v4.733c.348 2.407-1.756 4.558-4.658 4.732h-8.385l-1.863 1.893a2.428 2.428 0 0 0 2.794 1.893h7.453l2.795 3.786c.623-.102.93.947.93.947h.933v-4.734h1.863c1.57.234 2.795-1.02 2.795-2.84v-7.57c0-1.588-1.225-2.84-2.795-2.84h-1.863z'/%3E%3C/svg%3E");
}}
.search_list .item .button.red.bx-catalog-subscribe-button {@media (max-width: 800px){
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 1280 1280'%3E%3Cpath fill='%23ffffff' d='M31 667.5V1073h1217V262H31v405.5zm1115.5-349.6c-1.7 1.6-100 90.7-218.5 198.2-118.5 107.4-218.4 198-222 201.2-16.8 15.4-36.5 27.5-51 31.4-9.6 2.5-23.6 2.2-33-.6-14.4-4.4-30-13.8-45.5-27.5C564.6 710.2 138.8 324 134 319.4l-4.5-4.4h1020l-3 2.9zM269.4 513.4l169.7 154-3.3 3.2c-1.8 1.7-78.4 71.2-170.3 154.4S96.6 978.1 94.3 980.4l-4.3 4V350.8l4.8 4.4c2.7 2.3 81.2 73.6 174.6 158.2zm919.4 312-.3 158.6-171-155.1c-94-85.2-172.5-156.5-174.4-158.3l-3.3-3.4 174.3-158.1 174.4-158.2.3 158c.1 86.9.1 229.3 0 316.5zM502 724.5c21.2 19.1 41.2 36.3 52 44.6 53.5 41.5 86.7 48.5 129.4 27.1 23.1-11.5 48.8-31.5 98-76.1l19-17.1 4 3.9c2.3 2.1 64.6 58.7 138.6 125.7 74 67.1 150.6 136.5 170.3 154.4l35.9 32.5-254.5.3c-140 .1-369.4.1-509.8 0l-255.3-.3L304 861.3 478.5 703l3.5 3.4c1.9 1.8 10.9 10 20 18.1z'/%3E%3C/svg%3E");
    padding: 12px;
    cursor: default;
}}
.search_list .item .button.red.bx-catalog-subscribe-button.disabled {background: #3BCC3F;@media (max-width: 800px){
    background-color: #3BCC3F;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 1280 1253'%3E%3Cpath fill='%23ffffff' d='M1200 1c-19.2 2.7-39.5 9.8-65.5 23-44.6 22.5-96.1 59-162 114.9-92.6 78.5-215.8 200-346.6 341.6-66.1 71.7-138.9 153.7-191.3 215.7-8.7 10.4-15.9 18.8-16 18.8-.1 0-6.7-3.4-14.6-7.6-25.5-13.4-87.5-44.2-107.8-53.6-84.9-39.1-144.1-59.5-191.2-65.9-13.4-1.8-36.8-1.3-47.9 1-22.4 4.8-40.5 18.1-49.5 36.6-5.2 10.4-6.9 18.3-7 31-.1 10.5.1 11.3 3.2 17.7 2.9 5.9 5.5 8.7 23.5 25.4 43.8 40.7 91.9 90.4 127.3 131.5 79.2 92.1 162.5 216.7 257.9 385.8 16.8 29.7 23.4 35.5 40.5 35.5 6.6 0 9.6-.5 13.2-2.1 11.3-5.1 15.8-11.1 23.8-31.3 13.5-34.1 39.8-96.4 56.5-133.5C675 798.9 828.5 556 1011.9 349c52-58.7 97.1-104.9 182.1-186.6 66.5-64 79-78.8 84.4-100.5 8.1-32.8-18.7-60.1-60.4-61.4-6.3-.2-14.4 0-18 .5z'/%3E%3C/svg%3E");
    padding: 12px;
    cursor: default;
}}
.search_list .item .button.red.bx-catalog-subscribe-button>span,
.search_list .item .button.red.zapros>span {@media (max-width: 800px) {
    display: none;
}}
.search_list .item .name_block {padding-bottom: 4px; height: 18px; font-size: 14px; line-height: 14px;}
.search_list .item .name {font-weight: 500; line-height: 20px}
.search_list .item .name a {color: #536C77}
.search_list .item .name a:hover {color: #F6532D; text-decoration: underline;}
.search_list .item .producer {padding-top: 5px}
.search_list .item .price {padding-top: 5px; font-size: 20px; font-weight: 500; line-height: 20px;}
.search_list .item .sklad {padding-top: 5px; font-size: 16px; font-weight: 500; color: #3BCC3F}
.search_list .item .kod {font-size: 13px; color: rgba(0,0,0,.8); position: absolute; left:15px; bottom: 0}
.search_list .item .date {font-size: 14px; font-weight: 500; color: rgba(0,0,0,.8);}
.search_list .item em {font-style: normal; font-size: 14px; font-weight: 600; color: #EB5A5A;}
.search_list .item .date_zapros {color: #F6532D; text-decoration: underline; font-size: 14px; line-height: 16px; cursor: pointer}
.search_list .item .button {display: flex; justify-content: center; align-items: center; height: 54px; font-size: 17px; line-height: 1.1}
.search_list .item .button.no {color: #878787; background: rgba(135, 135, 135, .2); cursor: default}
.search_list .item .button.in_basket {color: #fff; background: #3BCC3F; cursor: default}
.search_list .item .button > div {display: block; }
.search_list .item .button > div:nth-child(1) {width: 19px; height: 20px; background: url(images/baskets.png) no-repeat;}
.search_list .item .button > div:nth-child(2) {padding-left: 15px; line-height: 17px}
.search_list .item .button.yes > div:nth-child(1) {background-position: 0 0}
.search_list .item .button.no > div:nth-child(1) {background-position: -19px 0}
.search_list .item .button.in_basket > div:nth-child(1) {background-position: -38px 0}
.search_list .item .button.yes:hover {background: #3BCC3F; color: #fff}
.search_list .item .button.yes:hover > div:nth-child(1) {background-position: -38px 0}
.search_list .item .old_searc_price {position: relative; display: inline-block; margin-left: 5px; padding: 0 10px; height: 18px; background: #F4F4F4; border-radius: 8px; font-size: 13px; color: #a1a1a1; line-height: 18px;}
.search_list .item .old_searc_price:after {position: absolute; top: 9px; right: 10px; content: ''; display: block; width: calc(100% - 20px); height: 1px; background: #000; opacity: .2}

.col_wrap_list {display: block; padding-top: 2px; width: 100%; height: 54px;}
.col_wrap_list.v2 {padding: 0 20px; box-sizing: border-box; position: absolute; left: 0; bottom: 75px;}
.col_wrap_list .col {display: flex; width: 100%; height: 54px; flex-direction: row; justify-content: flex-start; align-items: center; text-align: center; border: 1px solid #d4d4d4; border-radius: 5px; box-sizing: border-box}
.col_wrap_list .col > div {display: block; width: 100%; height: 52px; line-height: 52px; overflow: hidden;}
.col_wrap_list .col > div:nth-child(1), .col_wrap_list .col > div:nth-child(3) {min-width: 50px; max-width: 50px; font-size: 34px; cursor: pointer;}
.col_wrap_list .col input {border: none; padding: 0; height: 54px; text-align: center; font-size: 17px; font-weight: 500}
.col_wrap_list .col .minus {color: #B2E3A1; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.col_wrap_list .col .plast {color: #FFA197; -moz-user-select: none; -khtml-user-select: none; user-select: none;}


.good {display: block; margin-bottom: 50px; width: 100%; min-height: 512px}
.good .wrap_images {float: left; width: 650px; overflow: hidden}
.good .wrap_buy, .good .wrap_delivery {float: right; width: 650px;}

.good_slider {display: flex; width: 100%; height: 512px; overflow: hidden}
.good_slider .swiper-pointer-events {height: 100%}
.good_slider > div {box-sizing: border-box}
.good_slider > div:nth-child(1) {padding-right: 40px; width: 138px;}
.good_slider.v2 > div:nth-child(1) {display: none} 
.good_slider .thumbs_good {height: 432px; overflow: hidden}
.good_slider .thumbs_good .good_image {display: block; width: 98px; height: 98px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: contain; /*background-size: cover;*/ border-radius: 5px; border: 1px solid #transparen; box-sizing: border-box; overflow: hidden;}
.good_slider .thumbs_good .swiper-slide-thumb-active .good_image {border: 1px solid #F6532D;}
.good_slider .picture_wrap {width: 512px; height: 512px; background: #fff; border-radius: 5px; overflow: hidden;}
.good_slider.v2 .picture_wrap {width: 100% !important;}
.good_slider .picture_wrap .good_image {display: block; width: 100%; height: 100%; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: contain; /*background-size: cover;*/ box-sizing: border-box; overflow: hidden;}
.good_slider .picture_wrap .good_image a {display: block; width: 100%; height: 100%; line-height: 0}

.thumbs-prev, .thumbs-next {display: block; width: 98px; height: 28px; text-align: center; border: 1px solid #d4d4d4; border-radius: 5px; cursor: pointer; box-sizing: border-box}
.thumbs-prev svg, .thumbs-next svg {stroke: #000}
.thumbs-prev:hover, .thumbs-next:hover {border: 1px solid #F6532D;}
.thumbs-prev:hover svg, .thumbs-next:hover svg {stroke: #F6532D}
.thumbs-prev {margin-bottom: 13px;}
.thumbs-next {margin-top: 11px}

.wrap_price {display: flex; width: 100%;}
.wrap_price > div {width: 50%; box-sizing: border-box;}
.wrap_price > div:nth-child(1) {padding-right: 20px}
.wrap_price > div:nth-child(2) {padding-left: 20px}

.wrap_price .price {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 92px; border: 1px solid #d4d4d4; border-radius: 5px; box-sizing: border-box}
.wrap_price .price > div {padding-left: 30px}
.wrap_price .price > div:nth-child(1) {font-size: 18px; color: rgba(0,0,0,.4); line-height: 21px;}
.wrap_price .price > div:nth-child(2) {font-size: 35px; font-weight: 600; line-height: 41px; letter-spacing: 0.07em;}
.wrap_price .price em {font-style: normal; font-weight: 500; font-size: 35px; color: rgba(0,0,0,.4);}

.wrap_price .price .old_goods_price {position: relative; display: inline-block; margin-left: 5px; padding: 0 10px; height: 21px; background: #cfcfcf; border-radius: 8px; font-size: 14px !important; color: #737373; line-height: 21px !important; opacity: .8}
.wrap_price .price .old_goods_price:after {position: absolute; top: 10px; right: 10px; content: ''; display: block; width: calc(100% - 20px); height: 2px; background: #000; opacity: .3}


.wrap_price .sklad {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 92px; box-sizing: border-box}
.wrap_price .sklad > div {margin: 2px 0; padding-left: 30px; height: 33px; color: rgba(0,0,0,.4); position: relative; line-height: 33px;}
.wrap_price .sklad > div:before {content:''; display: block; width: 17px; height: 17px; background-image: url(images/yesno.png); background-repeat: no-repeat; overflow: hidden; position: absolute; top: 8px; left: 0;}
.wrap_price .sklad .nal.yes:before {background-position: -28px 0}
.wrap_price .sklad .nal.no:before {background-position: -45px 0}
.wrap_price .sklad .dev.yes:before {width: 18px; background-position: -62px 0}
.wrap_price .sklad .dev.no:before {width: 18px; background-position: -80px 0}
.wrap_price .sklad > div span {font-weight: 500}
.wrap_price .sklad .nal.yes span {color: #3BCC3F;}
.wrap_price .sklad .nal.no span {display: inline-block; padding-left: 10px; height: 33px;} 
.wrap_price .sklad .nal.no .new_date {color: #000}
.wrap_price .sklad .nal.no .new_date span {padding-left: 5px; font-weight: 400; color: #F6532D;}
.wrap_price .sklad .nal.no .zapros {margin-left: 5px; padding: 0 11px; background: rgba(246, 83, 45, .1); border-radius: 5px; color: #F6532D; cursor: pointer}
.wrap_price .sklad .dev.yes span {color: #F6532D;}
.wrap_price .sklad .dev.no span {color: #000}

.wrap_price .partc {padding-top: 18px; color: rgba(0,0,0,.8); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wrap_price .partc span {padding-right: 5px; color: rgba(0,0,0,.4) }

.wrap_buy .for_basket  {display: flex; align-items: center; margin-top: 60px; width: 100%; height: 72px;}
.wrap_buy .for_basket > div {width: 50%; box-sizing: border-box;}
.wrap_buy .for_basket > div:nth-child(1) {margin-left: auto}
.wrap_buy .for_basket > div:nth-child(2) {padding-left: 20px}

.wrap_buy .for_basket.v2  {display: block !important}
.wrap_buy .for_basket.v2 > div {width: 100% !important}

.wrap_buy .col_wrap {display: flex; align-items: center; width: 100%; height: 72px;}
.wrap_buy .col_wrap > div {font-size: 18px; font-weight: 500}
.wrap_buy .col_wrap > div:nth-child(1) {padding-right: 5px}
.wrap_buy .col {display: flex; width: 100%; height: 72px; flex-direction: row; justify-content: flex-start; align-items: center; text-align: center; border: 1px solid #d4d4d4; border-radius: 5px; box-sizing: border-box}
.wrap_buy .col > div {display: block; width: 100%; height: 70px; line-height: 70px; overflow: hidden;}
.wrap_buy .col > div:nth-child(1), .wrap_buy .col > div:nth-child(3) {min-width: 60px; max-width: 60px; font-size: 34px; cursor: pointer;}
.wrap_buy .col input {border: none; padding: 0; height: 72px; text-align: center; font-size: 18px; font-weight: 500}
.wrap_buy .col .minus {color: #B2E3A1; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.wrap_buy .col .plast {color: #FFA197; -moz-user-select: none; -khtml-user-select: none; user-select: none;}

.wrap_buy .button {display: flex; justify-content: center; align-items: center; height: 72px; font-size: 20px; line-height: 1; transition: none !important}
.wrap_buy .button > div:nth-child(1) {margin: 3px 15px 0 0; flex-shrink: 0; width: 19px; height: 20px; background-image: url(images/baskets.png);  background-repeat: no-repeat;}
.wrap_buy .button.yes > div:nth-child(1) {  background-position: 0 0;} 
.wrap_buy .button.yes:hover > div:nth-child(1), .wrap_buy .button.yes.in_cart > div:nth-child(1) {background-position: -57px 0} 
.wrap_buy .button.no {background: rgba(135,135,135,1); color: #fff; cursor: default;}
.wrap_buy .button.no > div:nth-child(1) {background-position: -76px 0;} 
.wrap_buy .button.in_basket {background: #3BCC3F; color: #fff; cursor: default;}
.wrap_buy .button.in_basket > div:nth-child(1) {background-position: -38px 0} 

.wrap_delivery {display: flex; margin-top: 40px; background: rgba(217,217,217,.3); border-radius: 5px;}
.wrap_delivery > div {padding: 30px; width: 50%; font-size: 15px; box-sizing: border-box;}
.wrap_delivery > div:nth-child(1) {border-right: 1px solid #fff}
.wrap_delivery > div:nth-child(2) {border-left: 1px solid #fff}
.wrap_delivery > div .name {font-size: 17px; font-weight: 500; line-height: 20px;}
.wrap_delivery > div p {padding: 0; color: rgba(0,0,0,.6); line-height: 20px;}
.wrap_delivery > div ul {padding: 6px 0 0 0}
.wrap_delivery > div li {padding: 9px 0 0 20px; line-height: 20px}

.description {display: flex; margin-bottom: 60px}
.description > div {width: 50%; box-sizing: border-box}
.description > div:nth-child(1) {padding-right: 20px;}
.description > div:nth-child(2) {padding-left: 20px;}
.description > div.one {padding: 0; width: 100%;}
.description table td {width: 50%}

.wrap_desk {padding-bottom: 60px;}
.wrap_desk h3 {padding-top: 10px; color: #000; font-size: 30px; font-weight: 600; line-height: 35px}
.wrap_desk li {color: rgba(0,0,0,.6)}
.wrap_good_list {margin: 30px 0; width: 100%; position: relative;}
.wrap_good_list .good_list {margin: 0 -20px;}

.good_list {display: flex}
.good_list > div {box-sizing: border-box;}
.good_list > div:nth-child(2) {width: 100%; overflow: hidden}

.goods {display: flex; flex-wrap: wrap; padding-bottom: 40px; width: 100%;}
.goods > div {margin-bottom: 40px; padding: 0 20px; width: 276px; box-sizing: border-box}
.goods .item {display: block; padding: 20px 20px 150px 20px; width: 100%; height: 100%; background: #fff; border-radius: 5px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; position: relative}
.goods .item .img {display: flex; justify-content: center; align-items: center; width: 196px; height: 196px; line-height: 0; overflow: hidden}
.goods .item .name {display: block; padding-top: 15px; font-size: 15px; font-weight: 500; color: #536C77; line-height: 22px;}
.goods .item .name:hover {text-decoration: none; color: #F6532D}
.goods .item .txt {padding-top: 6px; font-size: 13px; color: rgba(0,0,0,.4); line-height: 15px; /*white-space: nowrap; text-overflow: ellipsis;*/ overflow: hidden;}
.goods .item .txt span {padding-left: 7px; color: rgba(0,0,0,.8);}
.goods .item .txt .zapros {padding-left: inherit; color: #F6532D; text-decoration: underline; cursor: pointer}
.goods .item .txt .zapros:hover {text-decoration: none}
.goods .item .sklad {margin-top: 6px; padding: 0 0 0 24px !important; height: 16px; line-height: 16px; position: relative}
.goods .item .sklad.yes:before, .goods .item .sklad.no:before {content: ''; display: block; width: 14px; height: 14px; background-image: url(images/yesno.png); background-repeat: no-repeat; position: absolute; top: calc(50% - 7px); left: 0}
.goods .item .sklad.yes {color: rgba(59,204,63,.8)}
.goods .item .sklad.yes:before { background-position: 0 0; }
.goods .item .sklad.no {color: rgba(235,90,90,.8)}
.goods .item .sklad.no:before {background-position: -14px 0;}
.goods .item .buy {display: flex; justify-content: space-between; padding: 0 20px; width: 100%; height: 42px; box-sizing: border-box; position: absolute; left: 0; bottom: 20px;}
.goods .item .buy > div {box-sizing: border-box}
.goods .item .buy > div:nth-child(1) {padding-right: 7px}
.goods .item .buy > div:nth-child(1) span {color: rgba(0,0,0,.4); font-size: 15px; line-height: 21px;}
.goods .item .buy .price {font-size: 20px; font-weight: 500; line-height: 21px;}
.goods .item .buy .price em {font-style: normal; color: rgba(0,0,0,.4);}
.goods .item .buy .button {display: flex; justify-content: center; align-items: center; width: 55px; height: 42px; line-height: 42px;}
.goods .item .buy .button > div {width: 19px; height: 20px; background-image: url(images/baskets.png); background-repeat: no-repeat; overflow: hidden}
.goods .item .buy .button.yes > div { background-position: -57px 0}
.goods .item .buy .button.yes:hover > div { background-position: 0 0}
.goods .item .buy .button.no {background: rgba(71,71,71,.15); cursor: default}
.goods .item .buy .button.no > div { background-position: -19px 0}
.goods .item .buy .button.in_basket {background: #3BCC3F; cursor: default}
.goods .item .buy .button.in_basket > div {background-position: -38px 0}

.goods .item .priceZapros {display: block; padding: 0 20px; width: 100%; height: 42px; box-sizing: border-box; position: absolute; left: 0; bottom: 20px;}
.goods .item .priceZapros .button {height: 42px; line-height: 42px}

.goods .item .old_goods_price {position: relative; display: inline-block; margin-left: 5px; padding: 0 10px; height: 16px; background: #F4F4F4; border-radius: 8px; font-size: 13px !important; color: #a1a1a1; line-height: 17px !important;}
.goods .item .old_goods_price:after {position: absolute; top: 8px; right: 10px; content: ''; display: block; width: calc(100% - 20px); height: 1px; background: #000; opacity: .2}

.news_list {display: block}
.news_list .item {display: flex; margin-bottom: 30px; padding: 20px; width: 100%; background: #fff; border-radius: 5px; box-sizing: border-box; overflow: hidden}
.news_list .item:last-child {margin-bottom: 65px}
.news_list .item > div {width: 100%; box-sizing: border-box; overflow: hidden; position: relative}
.news_list .item > div:nth-child(1) {min-width: 254px; width: 254px; max-width: 254px; height: 190px; line-height: 0}
.news_list .item > div:nth-child(1) a:hover {text-decoration: none}
.news_list .item > div:nth-child(2) {padding: 0 0 44px 30px; font-size: 15px;}
.news_list .item .date {color: rgba(0,0,0,.4);}
.news_list .item .title {padding: 6px 0; font-size: 20px; font-weight: 500; line-height: 24px}
.news_list .item .title a {color: #000}
.news_list .item .title a:hover {text-decoration: none; color: #F6532D}
.news_list .item p { padding-top: 9px; font-size: 18px; color: rgba(0,0,0,.6)}
.news_list .soc {display: flex; align-items: center; position: absolute; bottom: 0; left: 30px}
.news_list .soc > div:nth-child(1) {padding-right: 15px; color: rgba(0,0,0,.4);}
.news_list .social > li a, .news_list .social > li div {width: 34px; height: 34px; line-height: 34px;}

.pre_list {display: block; margin-bottom: 40px; width: 100%; height: 38px;} 
.pre_list > div {float: right}
.pre_list > div:nth-child(1) {float: left}
.pre_list > div:nth-child(2) {padding: 0 0 0 45px;}

.pre_list.v3 {padding-right: 20px; padding-left: 20px; box-sizing: border-box}
.pre_list .filter_button {display: none}

.pre_list.v4t {display: flex; justify-content: flex-end; margin-top: 15px; position: relative}
.pre_list.v4t > div {float: none}

.news-detail {padding-bottom: 70px;}
.news-date-time {font-size: 14px; color: rgba(0,0,0,.6);}

.news-detail .soc {display: flex; justify-content: flex-end; align-items: center; padding-top: 15px}
.news-detail .soc > div:nth-child(1) {padding-right: 15px; color: rgba(0,0,0,.4);}
.news-detail .social > li a, .news-detail .social > li div {width: 37px; height: 37px; line-height: 37px;}

.t_action {font-size: 14px; font-weight: 500; text-transform: uppercase; color: #F6532D} 
.t_action.active {color: #070}
.t_action.v2 {text-align: center}
.t_action.v3 {padding-top: 10px}

.docum_list {margin-bottom: 65px}
.b_docum {display: flex; align-items: center; margin: 14px 0; padding: 17px 25px; width: 100%; background: #fff; border-radius: 5px; box-sizing: border-box}
.b_docum > div {display: block; box-sizing: border-box; position: relative}
.b_docum > div:nth-child(1) {padding-left: 65px; width: calc(100% - 110px)}
.b_docum > div:nth-child(2) {width: 110px}
.b_docum .name {margin-bottom: 5px; font-weight: 500; font-size: 18px; line-height: 21px}
.b_docum .name a {color: #000}
.b_docum .name a:hover {color: #F6532D; text-decoration: none}
.b_docum .desc, .b_docum .src {font-size: 14px; line-height: 16px}
.b_docum .src {margin-top: 5px; opacity: 0.4}
.b_docum .format {width: 35px; height: 46px; background: url(images/docum.png) no-repeat; background-size: contain; position: absolute; left: 0; top: calc((100% - 46px) / 2)}
.b_docum .format span {display: block; width: 35px; height: 13px; text-align: center; color: #fff; font-size: 11px; line-height: 13px; position: absolute; left: 0; bottom: 1px}

.b_docum.v2 {background: #536C77; color: #fff}
.b_docum.v2 .button {color: #fff; background: rgba(255, 255,255,.2)}
.b_docum.v2 .format {background: url(images/docum_2.png) no-repeat}


.gallerey_wrap.v2 {margin-bottom: 50px}
.gallerey_wrap .title {margin-top: 60px; padding: 0 0 50px 0; font-size: 45px; font-weight: 600; text-align: center; color: #F6532D; line-height: 45px}
.gallerey_wrap .slide_view {padding: 0; width: 100%; height: 100%; border-radius: 10px; background: transparent; box-sizing: border-box; position: relative}
.gallerey_wrap .picture {display: flex; justify-content: center; width: 100%; height: 100%; border-radius: 10px; text-align: center; line-height: 0; }
.gallerey_wrap .picture > div {border-radius: 10px; overflow: hidden}

.choice_wrap {margin: 30px 0 0 0;}
.choice_wrap .title {padding: 0 0 50px 0; font-size: 45px; font-weight: 600; text-align: center; color: #F6532D; line-height: 45px}
.choice {display: flex; margin-top: 10px; width: 100%; flex-wrap: wrap}
.choice > div {display: block; margin: 0  42px 42px 0; padding: 40px; width: calc(100% / 3 - 28px); background: #fff; border-radius: 10px; overflow: hidden; box-sizing: border-box}
.choice > div.fon {background: #536C77;} 
.choice > div:nth-child(3n) {margin: 0 0 42px 0}
.choice > div.fon .text {color: #fff;} 
.choice .icon {display: flex; align-items: center; height: 70px}
.choice .text {padding-top: 20px;}
.choice .name {font-size: 17px; font-weight: 600; line-height: 24px;}
.choice p {padding-bottom: 0; opacity: .6; line-height: 22px}


.we_wrap {display: block; margin: 0 -50px; width: calc(100% + 100px); background: #F9F9F9; box-sizing: border-box;}
.we_wrap .title {padding: 70px 0 50px 0; font-size: 45px; font-weight: 600; text-align: center; color: #F6532D; line-height: 45px}
.we {display: flex; justify-content: center; flex-wrap: wrap; padding: 0 50px; width: 100%; background: url(images/fon_we.png) center bottom no-repeat; background-size: contain; box-sizing: border-box;}
.we > div {margin: 0 40px 40px 0; padding: 30px; width: calc(100% / 4 - 30px); text-align: center; border-radius: 10px; background: #fff; box-sizing: border-box}
.we > div:nth-child(4n), .we > div:last-child {margin: 0 0 40px 0;}
.we .photo {display: flex; justify-content: center; align-items: center; height: 180px; box-sizing: border-box}
.we .photo > div {width: 180px; height: 180px; border-radius: 50%; line-height: 0; overflow: hidden;}
.we .name {padding-top: 25px; font-weight: 600; font-size: 19px; line-height: 24px;}
.we .work {padding-top: 5px; font-size: 14px; line-height: 20px; opacity: .6}
.we .phone {display: inline-block; margin-top: 14px; padding-left: 23px; color: #333; font-size: 16px; line-height: 22px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHCSURBVHgBjVQ7bsJAEPXa0C8VggLBCeLwkdLFnADo0iXp0iXp6IATEMp05gQhJwjpkPjYuYELBCkdUSIg74VdhCIS7UrjWY9337x5O2thqVEulz242m63c+F70+l0YBkOwUepVKrDvcBiZTKZTJ6PRqPIBMRWviuECDebTQFWJdB6vX5zXVcagagy8rDHMAxjWATAW8YSicSDEQg2kL4FLQ5ZJ5PJUJV1aQQC2hEnAMvrYLFY7MLJ7XbbNwJhCfARmNQYoA4AZBn+bDbzjUCUf93vd6UGtfY6GY0fEGRmT0gtJFj14DyU1TIBcfhYLBZRNpv1MK2n0+nnIAiGeC+wrEwmYy2Xy3eu40kifpPL5aL5fB5rEKEnlUrFhZABpj66lUfMJvThrhkDu1hpxRHbtl0dj8fhgYli84msX1jY1NlhA2RO4fMd4hfwfTRjAwBXAG3iW4Q1H+J3faDcxoIWrI3T6TAGwfO4BlJn5rvjOLwmLkBT4pRQKOMJ7p5lYHPn1B3S9w0MqydBjhmpVx+L+6qTLc/z5Gq1on4W9Cv8CXJEu23txeXgibAk/i54TRr8ZfwLcgQmAeaRBBidwdjhB2bfDa3KcoYrfEYAAAAASUVORK5CYII=") left center no-repeat;}
.we .mail {display: inline-block; margin-top: 14px;  padding-left: 27px; font-size: 16px; line-height: 22px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUJJREFUeNqsk09OwkAYxb831IVAYo+Ae2nqDegNSIuJO/EE0hPIDeQG6trGeIPKCZigrvUILKCYmM7nNxii4Y9V4G3aTGd+0/fmDUj0HnkXhrghry5tKMN0W71/usE4rLcV6JoBDeLRpkBiahAjdgR2RqDHSjIMaAtNWt5AqA2HdiSwuAMdqMUPNs9p6F0WAeycLPQ6i+NLQAPZDNzNIm8wPfVrS6CmX8uiemrnsDJuIbCcDHsExJKHzx95+hM6PvF9LuUpE3yCiSvJc7cQOIciLx1KMiTQV2vNRgGTp7MxpYJy8tJbtVaty2j/Qb8hV4H8jZYQrqSnPYA09lRQvdN63bpfT9lC5XE8aR3NrK2y+C/gXH8BfVtWNGKGu6s+OnJd+hJz01Zhi1q7thUwdI6vktbbrOQKbsyjEbHp25P/FGAA635/ol0miLwAAAAASUVORK5CYII=") left center no-repeat;}

.we_block_wrap {display: block; margin: 0 -50px; padding: 55px 0 50px 0; width: calc(100% + 100px); background: #536C77; box-sizing: border-box;}
.we_block_wrap.v2 {padding: 70px 0 40px 0;}
.we_block {display: flex; flex-wrap: wrap; padding: 0 50px; width: 100%; box-sizing: border-box}
.we_block > div {margin: 0 40px 40px 0; padding: 25px; width: calc(50% - 20px); background: #fff; border-radius: 10px; box-sizing: border-box;}
.we_block > div:nth-child(2n) {margin: 0 0 40px 0;}
.we_block .item {display: flex; width: 100%; box-sizing: border-box}
.we_block .item > div {box-sizing: border-box; overflow: hidden;}
.we_block .item > div:nth-child(1) {width: 154px; height: 154px; border-radius: 5px; background-position: center center; background-size: cover; background-repeat: repeat}
.we_block .item > div:nth-child(2) {padding-left: 30px; width: calc(100% - 154px);}
.we_block .item .name {font-weight: 600; font-size: 20px; line-height: 24px;}
.we_block .item .text {padding-top: 10px; line-height: 24px; opacity: .6}

.job {display: block;}
.job .item {display: block; margin: 0 0 20px 0; box-sizing: border-box;}
.job .item:last-child {margin: 0}
.job .item .job_name {display: flex; padding: 10px 40px 10px 20px; height: 70px; align-items: center; background: #fff; box-sizing: border-box; cursor: pointer; position: relative; opacity: 1; transition: background .4s ease;}
.job .item .job_name > div {display: block; font-size: 20px; font-weight: 500; color: #F6532D;}
.job .item .job_name:before {content: '+'; color: #F6532D; font-size: 30px; font-weight: 400; position: absolute; right: 20px; line-height: 30px;}
.job .item .text {display: none; padding: 25px 40px 25px 20px; font-size: 15px; color: #656565; background: #fff; box-sizing: border-box; line-height: 24px; position: relative;}
.job .item .text:before {content: ''; display: block; width: 90px; height: 2px; background: #F6532D; position: absolute; top: 0; left: 20px;}
.job .item.active .job_name  {}
.job .item.active .job_name:before {content: '-'; color: #F6532D; font-size: 45px; font-weight: 400;}


/* system nav*/
.system-nav {margin-bottom: 65px; color: #000; font-size: 18px; font-weight: 500; text-align: center}
.system-nav a:hover {color:#F6532D; text-decoration: none}
.system-nav .nav-current-page {display: inline-block; margin-right: 12px; width: 48px; height: 48px; text-align: center; color:#fff; background: #F6532D; border-radius: 5px; line-height: 48px;}
.system-nav a {display: inline-block; margin-right: 12px; width: 48px; height: 48px; border: 1px solid #d9d9d9; border-radius: 5px; text-align: center; color: #000; background: transparent; line-height: 48px; box-sizing: border-box}
.system-nav .nav-forward {padding: 0 20px; width: auto; border: 1px solid #d9d9d9; border-radius: 5px; text-align: center; color: #000;}
.system-nav em.nav-forward  {display: inline-block; margin-right: 12px; height: 48px; color: #50657E; font-style: normal; line-height: 48px;}
.system-nav .nav-forward .left {padding-right: 8px}
.system-nav .nav-forward .right {padding-left: 8px}
.system-nav em.nav-forward svg, .system-nav em.nav-forward:hover svg {fill: #7B7B7B}
.system-nav .nav-forward svg {fill: #000}
.system-nav .nav-forward:hover svg {fill: #F6532D;}

.system-nav.v2 {padding-bottom: 0; padding-top: 6px;}
.system-nav.v2 .nav-current-page {margin-left: 10px; margin-right: 0; width: 25px; height: 25px; line-height: 25px;}
.system-nav.v2 a {margin-left: 10px; margin-right: 0; width: 25px; height: 25px; border: none; line-height: 25px;}
.system-nav.v2 .nav-forward {padding: 0; width: 25px; border: none;}
.system-nav.v2 em.nav-forward  {margin-left: 10px; margin-right: 0; height: 25px; line-height: 25px;}
.system-nav.v2 .nav-forward .left {padding-right: 0}
.system-nav.v2 .nav-forward .right {padding-left: 0}

/* select */
.select {display: flex; align-items: center; position: relative;}
.select .name {padding-right: 12px; font-size: 15px; color: rgba(0,0,0,.6)}
.select .mobail {display: none}

.new-select-wrap {position: relative; display: inline-block;}
.new-select {position: relative; padding: 0 18px; width: 90px; height: 38px; font-size: 15px; border: 1px solid rgba(104,126,133,.2); border-radius: 5px; box-sizing: border-box; line-height: 38px; cursor: pointer; user-select: none;}
.new-select:before {content: ''; display: block; width: 13px; height: 7px; background: url("data:image/svg+xml; utf8; base64, PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNiIgZD0iTTEgMS41TDYuNSA2TDEyIDEuNSIgc3Ryb2tlPSIjMzIzMjMyIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K"); position: absolute; top: 15px; right: 16px;}
.new-select-wrap ul {position: absolute; top: 38px; left: 0; display: none; padding: 0; width: 100px; height: auto; max-height: 240px;  font-size: 15px; border: 1px solid rgba(104,126,133,.2); border-radius: 5px; background: #E7E7E7; box-sizing: border-box; cursor: pointer; z-index: 2; user-select: none; overflow: auto}
.new-select-wrap li {display: block; padding: 0; height: 34px; line-height: 34px;}
.new-select-wrap li:before {display: none}
.new-select-wrap li:hover {background: rgba(286,83,45,.1); color: #F6532D}
.new-select-wrap li a {display: block; padding: 0 18px; width: 100%; height: 100%; color: #000; text-decoration: none; box-sizing: border-box}
.new-select-wrap li a:hover {color: #000; text-decoration: none;}

.select.v2 .new-select {padding: 0 18px 0 4px; width: auto; height: 38px; color: #F6532D; border: none;}
.select.v2 .new-select:before {width: 9px; height: 6px; background: url("data:image/svg+xml; utf8; base64, PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxLjVMNC41IDQuNUw4IDEuNSIgc3Ryb2tlPSIjRjY1MzJEIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K"); position: absolute; top: 17px; right: 0;}
.select.v2 .new-select-wrap ul {width: 175px;}

.bx-authform {max-width: inherit !important; font-size: 16px !important; font-family: 'TT Hoves', sans-serif !important;}
.bx-authform input[type="text"], .bx-authform input[type="password"] {padding: 0 20px; width: 100%; height: 46px; font-style: normal; font-weight: normal; background: #fff; border: 1px solid #c5cccf; border-radius: 5px; box-sizing: border-box}
.bx-authform input[type="submit"] {display: inline-block; padding: 0 25px; min-width: 200px; width: auto !important; height: 46px; border: none; background: #F6532D; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; box-sizing: border-box; line-height: 46px; cursor: pointer} 
.bx-authform input[type="submit"]:hover {background: #536C77}
.bx-authform-content-container {padding-bottom: 20px; font-size: 16px;}
.bx-authform-label-container {padding-bottom: 5px; font-size: 16px;}
.bx-authform-link-container {font-size: 16px}
.bx-authform-description-container {font-size: 16px;}
.bx-authform input[type="text"], .wrap_autorization input[type="password"], .autorization input[type="text"], .autorization input[type="password"] {background: #fff}
.wrap_autorization input[type="submit"], .wrap_autorization .button, .autorization .button {display: inline-block; padding: 0 25px; min-width: 200px; width: auto !important; height: 46px; border: none; background: #F6532D; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; box-sizing: border-box; line-height: 46px; cursor: pointer} 
.wrap_autorization input[type="submit"]:hover, .wrap_autorization .button:hover {background: #536C77; text-decoration: none;}
.wrap_autorization .bx-authform-social {min-height: 171px;}
.autorization {display: flex;}
.autorization > div {display: block; width: 50%; box-sizing: border-box;}
.autorization > div:nth-child(1) {padding-right: 20px;}
.autorization > div:nth-child(2) {padding-left: 20px;}
.autorization .pole {padding-bottom: 15px;}
.autorization input[type="checkbox"] + label div {font-weight: normal; font-size: 16px}
.main-user-consent-request {margin-bottom: 25px}
.main-user-consent-request input[type="checkbox"] + label div {font-weight: normal; font-size: 14px; opacity: .8}
.alert {font-size: 16px; border: 1px solid #F6532D;}
#bx-soa-orderSave p {color: #F6532D; font-size: 18px; font-weight: 700}

/*comment*/
.comment {display: flex; margin: 20px 0; padding: 30px; width: 100%; background: #fff; border-radius: 5px; box-sizing: border-box}
.comment > div {display: block; box-sizing: border-box}
.comment > div:nth-child(1) {width: 350px;}
.comment > div:nth-child(2) {padding-left: 30px; width: calc(100% - 350px)}
.comment .people {display: flex;}
.comment .people > div {box-sizing: border-box}
.comment .people > div:nth-child(1) {width: 56px; height: 56px; border-radius: 50%; overflow: hidden}
.comment .people > div:nth-child(2) {padding-left: 20px; width: calc(100% - 56px)}
.comment .stars {padding-bottom: 6px}
.comment .stars svg {fill: #C9C9C9}
.comment .stars .red svg {fill: #F6532D}
.comment .name {font-size: 17px; font-weight: 500; line-height: 20px;}
.comment .work {font-size: 14px; font-weight: 500; color: rgba(0,0,0,.5); line-height: 17px;}
.comment .date {font-size: 14px; color: rgba(0,0,0,.5); line-height: 17px;}
.comment .text {font-size: 15px; line-height: 24px}
.comment .hide_view {display: none}
.comment .btnv span {display: inline-block; color: #F6532D; cursor: pointer}
.comment .answer_user {padding: 10px 0}
.comment .block {display: flex; align-items: center; margin: 10px 0; padding: 14px 22px; width: 100%; border: 1px solid #EDEDED; border-radius: 5px; box-sizing: border-box}
.comment .block > div {box-sizing: border-box}
.comment .block > div:nth-child(1) {width: calc(100% - 200px); font-size: 15px; color: rgba(0,0,0,.6)}
.comment .block > div:nth-child(2) {padding-right: 20px; width: 200px; text-align: right; font-size: 15px; font-weight: 600;}
.comment .answer {padding: 22px; font-size: 15px; background: rgba(83,108,119,.1); border-radius: 5px;}
.comment .answer .title {font-weight: 600; line-height: 24px;}
.comment .answer .answer_oficial {padding-top: 8px; color: rgba(0,0,0,.7); line-height: 24px}

/* popup */
.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin:0 ; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); 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: 40px 45px 45px 45px; width: 495px; height: auto; white-space: normal; text-align: left; background: #fff; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15); border-radius: 5px; box-sizing: border-box;}
.popup .popup_form.v2 {padding: 40px 45px 45px 45px; width: 330px;}
.popup .close_top {position: absolute; top: 13px; right: 14px; width: 18px; height: 18px; cursor: pointer;}
.popup .close_top:before, .popup .close_top:after {content: ""; position: absolute; top: 9px; right: 1px; width: 18px; height: 1px; background: #000;}
.popup .close_top:before {transform: rotate(45deg);}
.popup .close_top:after {transform: rotate(-45deg);}
.popup .close_top:hover:before, .popup .close_top:hover:after {background: #F6532D;}
.popup .circle {margin: 0 auto 17px auto; width: 48px; height: 48px; background: #F6532D; border-radius: 50%; position: relative}
.popup .circle:before {content: ''; display: block; width: 26px; height: 16px; background: url("data:image/svg+xml; utf8; base64, PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMMTEuMDU4OCAxNEwyIDciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4K");
 position: absolute; top: 16px; left: 11px;}
.popup .name {padding-bottom: 28px; width: 100%; font-size: 23px; font-weight: 500; text-align: center;}
.popup .name.error { color: #F6532D;}
.popup .row {display: flex; width: 100%;}
.popup .row > div {width: 50%; box-sizing: border-box}
.popup .row > div:nth-child(1) {padding-right: 7px}
.popup .row > div:nth-child(2) {padding-left: 7px}
.popup .row.v2 {display: block;}
.popup .row.v2 > div {width: 100%}
.popup .row.v2 > div:nth-child(1) {padding: 0 0 20px 0}
.popup .row.v2 .button {height: 46px; line-height: 46px;}
.popup .row.v2 input[type="checkbox"] + label div {font-size: 14px; font-weight: normal; line-height: 16px}
.popup .row.v2 input[type="text"], .popup .row.v2 textarea {border: 1px solid #F4F5F8; background: #F4F5F8;}
.popup input[type="text"].error, .popup textarea.error {border: 1px solid #F6532D !important;}
.popup .z_confirm_txt.error {color: #F6532D}
.popup .end_line {display: block; margin: 0 0 30px -45px; width: calc(100% + 90px); height: 1px; background: rgba(217, 217, 217, 0.5);}

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

.site_map {margin-bottom: 60px}


#checkcompany-list {border: 1px solid #c5cccf; border-radius: 5px}
#checkcompany-list li:before {display: none}
#checkcompany-list li:hover {background: #f0f0f0;}

.video_wrap {padding-top: 56.25%; position: relative;}
.video_wrap iframe {width: 100% !important; height: 100% !important; display: block; position: absolute; margin: 0; top: 0; left: 0; border: none;}

.main_video {display: flex; padding: 0 0 45px 0; width: 100%; flex-wrap: wrap;}
.main_video > div {display: block; margin: 0 calc((100% - 298px * 4) / 3) 40px 0; width: 298px; height: auto; border-radius: 5px; box-sizing: border-box}
.main_video > div:nth-child(4n) {margin: 0}
.main_video a {color: #000}
.main_video a:hover {color: #F6532D; text-decoration: none}
.main_video .img {width: 100%; height: 177px; border-radius: 5px; line-height: 0; overflow: hidden;}
.main_video .title {padding: 5px 0 9px 0; font-size: 17px; font-weight: 500; line-height: 24px;}


.sotbit_tags_wrap {display: flex; margin: 0 -7px; flex-wrap: wrap}
.sotbit_tags_wrap > div {display: block; margin: 4px 7px; height: 18px; font-size: 14px; white-space: nowrap;}
.sotbit_tags_wrap > div a {display: block; padding: 0 7px; width: 100%; height: 100%; border: 1px solid #d4d4d4; border-radius: 4px; color: rgba(0,0,0,.4); text-decoration: none; box-sizing: border-box}
.sotbit_tags_wrap > div a:hover {border: 1px solid #F6532D; color: #F6532D}

.good-store-button {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    min-height: 54px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 20px;
    font-size: x-large;
    font-weight: bolder;
    transition: border 0.4s ease, color 0.4s ease;
    margin-bottom: 30px;
}

.good-store-button:hover {
    border: 1px solid #F6532D;
    color: #F6532D;
    transition: border 0.4s ease, color 0.4s ease;
}
.sub-pages-tags{
	display: flex;
	flex-wrap: wrap;
}
.sub-page-tag{
	border: 1px solid #F6532D;
	border-radius: 5px;
	padding: 5px; 
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}
.sub-page-tag:hover{
	transition: border 0.4s ease, color 0.4s ease;
	border: 1px solid grey;
	color: grey;
	text-decoration: none;
}
.sale-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white!important;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
}
.personal-order-item-paid-status-alert, .personal-order-item-shipment-status-alert{
	background-color: #F6532D;
	border-color: #F6532D;
}
.personal-order-item-additional-info-more-link{
	opacity: 1;
	font-weight: bold;
}
.checkout-order-modal {
    display: none;
    max-width: 800px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}
.checkout-order-btn {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: 1!important;
}
.checkout-order-btn:hover {
    background: #45a049;
}