body {margin: 0;font-weight: 100;font-family: "Helvetica";color: #777;font-size: 14px;}
input{font-family: "Helvetica";font-weight: 100;font-size: 14px;color: #555;}
input:focus{font-family: "Helvetica";}
img {vertical-align: middle;}
.page-header {margin: 0 0 20px;padding-bottom: 9px;color: #00A1E4;text-align: center;border-bottom: 1px solid #eee;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 20px;margin-bottom: 10px;}
.h2, h2 {font-size: 27px;}
.h3, h3 {font-size: 27px;font-weight: 500;}
.h4, h4 {font-size: 18px;}
.h4, .h5, .h6, h4, h5, h6 {margin-top: 10px;margin-bottom: 10px;}
a {color: #337ab7;}
.d-none, .hidden {display: none;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-success:hover {color: #fff;background-color: #449d44;border-color: #398439;}
.sub_wrap_tgl {cursor: pointer;margin-left: 4px;color: #333333;width: 15px;}
.am-plus {display: inline-block;width: inherit;height: 1px;background: #333333;vertical-align: middle;position: relative;top: -1px;}
.am-plus:after {content: "";width: inherit;height: 1px;background: inherit;display: block;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.am-minus:after{-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;width: 1px;}
.dropdown{position: relative;}
.dropdown li{position: relative;}
.dropdown .dropdown-menu {position: absolute;line-height: 1em;list-style: none;top: 100%;right: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 7px;margin: 2px 0 0;font-size: 14px;text-align: left;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown-menu .divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;line-height: 1.42857143;white-space: nowrap;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {text-decoration: none;background-color: #f5f5f5;}
.dropdown-toggle .fas {margin-left: 4px;}
.dropdown-menu > li > a .fa{font-size: 15px;margin-right: 5px;}
.txt-right{text-align: right;}
.txt-center{text-align: center;}
.pd-0 {padding: 0;}
.pdr-0 {padding-right: 0;}
.header-1 {background: #F4F4F4;line-height: 34px;}
.header-1 a, .header-1 a:visited{font-size: 12px;color: #057BAC;text-decoration: none;}
.header-1 .phone-list {padding-left: 15px;}
.header-1 .phone-list a{font-weight: 300;text-decoration: none;}
.header-1 .phone-list a img{margin-right: 6px;}
.header-1 .callback_wrapper{margin-left: 60px;}
.callback_wrapper{ cursor: pointer;}
.callback_wrapper:hover img.not_hover {display: none;}
.callback_wrapper:hover img.hover_img {display: inline-block;}
.callback_wrapper img.hover_img {display: none;}
.header-1 .nova_poshta_header {margin: 0 9px;cursor: pointer;}
.header-1 .list_url{list-style: none;padding: 0;margin: 0;}
.header-1 .list_url li{display: inline-block;margin-left: 22px;border-bottom: 2px solid #F4F4F4;}
.header-1 .list_url li:hover {border-bottom: 2px solid #057BAC;}
.header-1 .list_url a:hover{color: #057BAC;}
.header-1 .language_list{list-style: none;padding: 0;margin: 0;text-transform: uppercase;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.header-1 ul.language_list li{display: inline-block;margin: 0 3px;border-bottom: 2px solid #F4F4F4;}
.header-1 ul.language_list li.active_item {border-bottom: 2px solid #057BAC;font-weight: 600;}
.header-1 #my-account{list-style: none;padding: 0;margin: 0 0 0 5px;color: #00b1ea;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 12px;}
.header-1 #my-account a{color: #00b1ea;}
.header-2 {padding: 10px 0px 10px 0;}
.header-2 .block-1 .shop-logo{display: inline-block;}
.header-2 .block-1 .choose-city{padding: 0 20px 0 10px;vertical-align: middle;display: inline-block;width: 140px;}
.header-2 .block-1 .choose-city-btn {display: inline-block;max-width: 70px;vertical-align: middle;text-align: center;}
.search-inpt-hdr{position: relative;}
.header-2 .search-input{width: 100%;border: 1px solid #BFDCE4;border-right-color: rgb(191, 220, 228);border-right-style: solid;border-right-width: 1px;border-right-color: rgb(191, 220, 228);border-right-style: solid;border-right-width: 1px;border-right: none;height: 34.4px;background: #F4FAFD;border-radius: 4px 0px 0px 4px;padding: 6px 12px;}
#search-btn{display: -webkit-box;display: -ms-flexbox;display: flex;width: 64px;background-color: #00A1E4;color: #ffffff;font-family: "Helvetica";font-size: 13px;padding: 9px 14px;cursor: pointer;border: none;border-radius: 0px 5px 5px 0px;}
.search-ajax{border: 1px solid #BFDCE4;border-radius: 0 0 4px 4px;position: absolute;top: 100%;left: 0;width: 100%;background: #fff;z-index: 100;box-shadow: 0px 3px 10px -6px #000000;}
.sa-product {display: flex;text-decoration: none;border-bottom: 1px solid #e9e9e9;padding: 5px 5px;}
.sa-product:hover{background-color: #f6f6f6;}
.sap-img{padding: 10px;}
.sap-img img{width: 50px;}
.sa-price{color: #343434;}
.sa-go-search {border-bottom: 1px solid #e9e9e9;font-size: 12px;}
.sa-go-search a{display: block;padding: 10px 15px;}
.sa-go-search a:hover{background-color: #f6f6f6;}
.sa-categories{display: flex;flex-direction: column;border-bottom: 1px solid #e9e9e9;}
.sa-categories a {padding: 3px 25px;text-decoration: none;}
.sa-categories a:hover{background-color: #f6f6f6;}
.sa-categories img {width: 18px;}
.sa-categories-title{padding: 3px 15px;color: #777;}
.user-button{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.user-button > div{position: relative;padding: 5px 0px 0px;margin-left: 15px;}
.user-button > div img{width: 34px;}
.user-button .wishlist-total-products span, .user-button .total-products span, .user-button .compare-total-products span{position: absolute;top: -4px;right: -10px;width: 22px;height: 22px;background: #3a97f9 none repeat scroll 0% 0%;border-radius: 50%;color: #FFF !important;text-align: center;display: block;padding: 12% 4% 12% 3%;font-size: 12px;}
.wishlist-total-products span:empty, .user-button .total-products span:empty, .user-button .compare-total-products span:empty {display: none !important;}
.header-3{background: #00b2ee;background: -webkit-gradient(linear,left top, left bottom, from(#00b2ee), color-stop(49%, #00b0e7), color-stop(49%, #2989d8), color-stop(49%, #00a1dc), to(#0097d9));background: -o-linear-gradient(top, #00b2ee 0%, #00b0e7 49%, #2989d8 49%, #00a1dc 49%, #0097d9 100%);background: linear-gradient(to bottom, #00b2ee 0%, #00b0e7 49%, #2989d8 49%, #00a1dc 49%, #0097d9 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b2ee', endColorstr='#0097d9', GradientType=0);-webkit-box-shadow: 0px 3px 10px -6px #000000;box-shadow: 0px 3px 10px -6px #000000;}
.header-3.fixed{position: fixed;width: 100%;top: 0;left: 0;z-index: 15;overflow: visible;}
.basket {display: block;position: relative;padding-top: 10px;margin-right: 27px;}
.basket > img {width: 34px;}
.basket .total-products span {position: absolute;top: 1px;right: -11px;width: 22px;height: 22px;background:rgb(255, 255, 255) none repeat scroll 0% 0%;border-radius: 50%;color:rgb(0, 161, 228) !important;text-align: center;display: block;padding: 14% 4%;font-size: 12px;}
.header-3 .basket{display: none;}
.header-3.fixed .basket{display: block;}
#menu-header{list-style: none;margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;}
.block-main-category {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;max-height: 45px;}
.block-main-category:hover,.block-main-category.clicked{background-color: #4fcbff;-webkit-transition: .25s all;-o-transition: .25s all;transition: .25s all;}
.block-main-category > a{color: white;font-size: 16px;padding: 12px 12px;line-height: 20px;text-decoration: none;}
.block-main-category.dbl-row > a{padding: 3px 12px;}
.collapse-category {display: none;}
.block-category {padding: 2px 3px;text-align: center;-webkit-transition: .25s all;-o-transition: .25s all;transition: .25s all;width: 100%;border-right: 1px solid #00D9FF;}
.block-category:hover{background: #4FCBFF;-webkit-box-shadow: inset 0px 0px 15px rgba(0, 62, 128, 0.5);box-shadow: inset 0px 0px 15px rgba(0, 62, 128, 0.5);}
.block-category:last-child{border: none;}
.block-category a{text-decoration: none;color: white;}
.category-img img {display: block;max-width: 60px;margin: 0px auto 0;}
.category-dropdown {position: absolute;display: none;width: 1110px;top: 45px;left: 0;background-color: #00A1E4;font-size: 12px;height: 118px;z-index: 10;border-radius: 0 0 5px 5px;}
.category-dropdown.hovered{height: 128px;z-index: 15;}
.block-sub-category{display: none;top: 115px;left: 0;border-radius: 0 0 5px 5px;text-align: left;position: absolute;z-index: 300;padding: 40px 5px 0 25px;color: #333333;text-transform: none;height: 442px;background: url("/img/menu_bg/default.jpg") no-repeat -4px -4px;background-size: 102% 102%;-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);width: 100%;}
.sub_wrap {font-size: 15px;width: 100%;margin-bottom: 18px;line-height: 1;}
.sub_wrap > a {color: #333;text-transform: none;}
.sub_wrap > a:hover{color: #00A1E4;}
.sub_item_wrap .col_1, .sub_item_wrap .col_2, .sub_item_wrap .col_3 {overflow-y: auto;max-height: 402px;padding: 0;}
.sub_item_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 3px;}
.sub_wrap_childs {margin-top: 18px;margin-left: 16px;}
.sub_wrap_child{margin-bottom: 15px;}
.sub_wrap_child a.title_cat {color: #057BAC;font-size: 14px;}
.title_cat small {color: #333333;}
.block-sub-category .all_products_link_wrap {position: absolute;bottom: 20px;max-width: 200px;width: 200px;text-align: right;left: 95px;}
.block-sub-category .all_products_link_wrap > span {text-transform: uppercase;font-size: 22px;line-height: 21px;}
.all_products_link_wrap a.btn-success.btn {color: #FFF;border-radius: 8px;display: block;margin-top: 10px;font-size: 15px;}
/*new nav_menu*/
.block-main-category.hover .lvl2-container{display: block;}
.lvl2-container{display: none;position: absolute;text-align: left;top: 100%;left: 0;width: 100%;background: #fff;z-index: 10;box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);border-radius: 0 0 5px 5px;min-height: 370px;}
.header-3.fixed .lvl2-container{width: 106%;}
.lvl2-list{width: 264px;position: relative;}
.lvl2-item{display: flex;flex-direction: column;border-right: 1px solid #DCE7EC;}
.lvl2-item > a{text-decoration: none; color: #343434;padding: 3px 10px;display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-items: center;}
.lvl2-item > a img{filter: contrast(0);margin: 0 2px;width: 33px;}
.lvl2-item > a > span {width: 80%;padding-left: 5px;}
.lvl2-item > a:after{content: ""; display: block;width: 9px;height: 9px;position: relative;float: right;border: 1px solid #DCE7EC;border-bottom: none;border-left: none;transform: rotate(45deg);top: 0;}
.lvl2-item:hover > a{color: #208FD7;}
.lvl2-item:hover > a:after{border-color: #208FD7;}
.lvl2-item:hover {background: #F1F8FB;color: #208FD7;border-color: #3CA2E4;border-width: 2px;}
.lvl2-item:hover > a img{filter: contrast(1);}
.lvl3-list{display: none;width: 264px;border-right: 1px solid #DCE7EC;position: absolute;top: 0;left: 100%;height: 100%;z-index: 15;min-height: 370px;}
.lvl2-item.hover .lvl3-list{display: block;}
.lvl3-container {overflow-y: auto;overflow-x:hidden;display: flex;flex-direction: column;height: 100%; -webkit-overflow-scrolling: touch;background: #fff;}
.lvl3-item{display: flex;width: 100%;min-height: 23px;}
.lvl3-item:first-child{padding-top: 5px;}
.lvl3-item:last-child{padding-bottom: 10px;}
.lvl3-item > a {color: #343434;text-decoration: none;padding: 6px 10px;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.lvl3-item:hover > a {color: #208FD7;}
.lvl3-item > a.w-lvl4:after {content: ""; display: block;width: 9px;height: 9px;border: 1px solid #DCE7EC;border-bottom: none;border-left: none;transform: rotate(45deg);}
.lvl3-item:hover > a.w-lvl4:after{border-color: #208FD7;}
.lvl4-list{display: none;flex-wrap:wrap;flex-direction: row;position: absolute;top: 0;left: 97%;width: 600px;max-height: 100%;z-index: 15;overflow-y: auto; -webkit-overflow-scrolling: touch;padding: 0 9px 15px;}
.lvl3-item.hover .lvl4-list{display: flex;}
.lvl4-item {width: 25%;display: flex;flex-direction: column;align-items: center;text-decoration: none;border: 1px solid #DCE7EC;border-top: none;border-left: none;padding: 10px 2px;}
.lvl4-item > span{text-align: center;color: #343434;text-decoration: none;}
.lvl4-item:hover > span {color: #208FD7;text-decoration: underline;}
.lvl4-item > small{color: #9A9A9A;}
.lvl4-item > img{width: 80px; height: 80px;margin-bottom: 5px;}
.lvl4-item.all-products{flex-direction: row;flex-wrap: wrap;align-items: center;}
.lvl4-item.all-products *{flex: 0 0 100%;text-align: center;color: #208FD7;}
.lvl4-frame{display: none;position: absolute;top: 0;left: 97%;width: 610px;height: 110%;z-index: 12;}
.lvl3-item.hover .lvl4-frame{display: flex;}
.lvl3-list-water {display: none;position: absolute;top: 0;left: 100%;height: 100%;width: 830px;padding: 10px;}
.lvl2-item:hover > .lvl3-list-water{display: block;}
.lvl3-water-container {display: flex;flex-direction: row;flex-wrap: wrap;}
.lvl3-water-item {width: 20%;}
.lvl3-water-item > a {display: flex;flex-direction: column;align-items: center;padding: 5px;text-decoration: none;color: #343434;}
.lvl3-water-item > a:hover{color: #208FD7;}
.lvl3-water-item img {width: 80px;}
.lvl3-water-item > a > span {text-align: center;}
.lvl3-frame{position: absolute;top: 0;left: 100%;height: 103%;width: 320%;display: none;min-height: 385px;}
.lvl2-item:hover .lvl3-frame{display: block;}
#menu-header * {scrollbar-width: thin;scrollbar-color: #208FD7 #DCE7EC;}
#menu-header *::-webkit-scrollbar {width: 3px;}
#menu-header *::-webkit-scrollbar-track {background: #DCE7EC;}
#menu-header *::-webkit-scrollbar-thumb {background-color: #208FD7;border-radius: 20px;}
.block-main-category:hover .lvl2-container .lvl2-item:first-child .lvl3-frame,.block-main-category:hover .lvl2-container .lvl2-item:first-child .lvl3-list {display: block;}
/*new nav-menu end*/
/* vrt-menu start */

.breadcrumb{display: none;}
.header-1 {background: #F4F4F4;line-height: 34px;padding: 5px 0;}
.header-1 .callback_wrapper {margin-left: 35px;}
.shop-logo{padding: 0 15px;}
.shop-logo img{width: 125px;}
.choose-city{flex: 0 0 14%;}
.choose-city-btn {display: flex;height: 40px;align-items: center;padding: 0 10px;}
.choose-city-btn:hover{background: #00a1dc;}
.choose-city-btn span{padding: 0 5px;width: 100%;}
.choose-city-btn i{font-size: 17px;}
.header-1 a, .header-1 a:visited{font-size: 14px;color: #057BAC;text-decoration: none;}
.header-1 .phone-list{position: relative;}
.pl-header{display: flex;flex-wrap: wrap;align-items: center;color: #337AB7;cursor: pointer;}
.pl-header *{padding: 0 3px;}
.pl-header span{font-size: 21px;}
.pl-body{transition: 0s all;display: flex;visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;flex-direction: column;background: #fff;z-index: 51;width: 250px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);border-radius: 0 0 10px 10px;line-height: 16px;}
.header-1 .phone-list:hover .pl-body{visibility: visible;opacity: 1;transition: .5s all;transition-delay: .5s;}
.pl-body > a{font-weight: 300;text-decoration: none;display: flex;align-items: center;padding: 5px 10px;justify-content: center;font-size: 16px;}
.pl-body > a:hover{background: #F4F4F4;}
.pl-body > a span{width: 155px;}
.pl-body > a small{font-size: 12px;color: #878787;}
.callback_form {padding: 10px;border: 1px solid #E0E0E0;}
.callback_form button{background: #00A1E4;border-radius: 4px;color: #fff;width: 100%;padding: 9px;border: none;margin-top: 10px;cursor: pointer;text-transform: uppercase;}
.callback_form button:hover{background: #057BAC;}
.header-1 .nova_poshta_header{cursor: pointer;position: relative;margin-left: 20px;}
.header-1 .list_url li{display: inline-block;margin-left: 22px;border-bottom: 2px solid #F4F4F4;line-height: 1;}
.header-3{background: #00b0e7;position: relative;}
.vrt-menu-bg{position: absolute;top: 100%;width: 100%; height: 100vh;z-index: 45;background: rgba(0, 0, 0, 0.7);display: none;}
.vrt-menu-btn:hover, .vrt-menu:hover .vrt-menu-btn{background: #00a1dc;}
.vrt-menu-btn {color: #fff;cursor: pointer;font-size: 18px;text-align: center;display: flex;align-items: center;height: 100%;padding: 0 15px;}
.vrt-menu-btn img{margin-right: 5px;}
.choose-city{flex: 0 150px;}
.choose-city a {color: #fff;}
.choose-city img{filter: brightness(2);height: 72%;width: 20px;}
.search-input {width: 100%;height: 29px;border: none;border-radius: 4px 0 0 4px;padding: 0 10px;}
#search-btn {display: -webkit-box;display: -ms-flexbox;display: flex;width: 64px;height: 29px;background-color: #fff;color: #00A1E4;font-size: 14px;padding: 6px 10px;cursor: pointer;border: none;border-radius: 0 5px 5px 0;border-left: 1px solid #00A1E4;}
.user-button > div img {width: 34px;filter: brightness(3);}

.vrt-menu{position: relative;height: 40px;}
.vrt-menu-btn{}
.vrt-menu-lvl1{position: absolute;top: 100%;left: 0;display: none;flex-direction: column;box-shadow: 0 4px 50px rgba(0, 0, 0, 0.1);min-height: 518px;z-index: 50;background: #fff;}
.vrt-menu-lvl1.opened{display: flex;}
.vrt-menu a{color: #343434;text-decoration: none;}
.vrt-menu a:hover{background: #F1F8FB;}
.vrt-lvl1-list{position: relative;width: 250px;background: #fff;}
.vrt-lvl1-item{display: flex;align-items: center;}
.vrt-lvl1-item:hover{color: #208FD7;background: #F1F8FB;}
.vrt-lvl1-item > a,.vrt-lvl2-item > a
{display: flex;align-items: center;text-decoration: none;width: 100%;padding: 3px 10px;border-right: 1px solid #d4ebff;}
.vrt-lvl1-item > a {padding: 7px 10px;}
.vrt-lvl1-item > a img,.vrt-lvl2-item > a img
{width: 33px;height: 33px;filter: contrast(0);}
.vrt-lvl1-item:hover > a, .vrt-lvl2-item:hover > a,.vrt-lvl3-item:hover > a
{color: #208FD7;}
.vrt-lvl1-item:hover > a img, .vrt-lvl2-item:hover > a img{filter: contrast(1);}
.vrt-lvl1-item > a span, .vrt-lvl2-item > a span{padding: 0 10px;}
.vrt-lvl2-container{display: none;position: absolute;left: 100%;top: 0;box-shadow: 15px 10px 25px rgba(0, 0, 0, 0.1);flex-direction: column;background: #fff;}
.vrt-lvl1-item.hover .vrt-lvl2-container{display: flex;}
.vrt-lvl2-list{overflow-y: auto;-webkit-overflow-scrolling: touch;width: 250px;height: 471px;}
.vrt-lvl2-item:hover{background: #F1F8FB;}
.vrt-lvl1-item > a:after,
.vrt-lvl2-item > a:after,
.vrt-lvl3-item > a:after
{content: "";display: block;width: 9px;height: 9px;border: 1px solid #DCE7EC;border-bottom: none;border-left: none;transform: rotate(45deg);margin-left: auto;order: 2;}
.vrt-lvl2-item > a{display: flex;align-items: center;}
.vrt-lvl3-container,.vrt-lvl4-container, .vrt-lvl3-container-water{display: none;width: 250px;}
.vrt-lvl2-item.hover .vrt-lvl3-container,
.vrt-lvl2-item.hover .vrt-lvl3-container-water
{display: flex;position: absolute;top: 0;left: 100%;flex-direction: column;background: #fff;box-shadow: 15px 10px 25px rgba(0, 0, 0, 0.1);}
.vrt-lvl3-list,.vrt-lvl3-water-list {overflow-y: auto;-webkit-overflow-scrolling: touch;display: flex;flex-direction: column;width: 100%;height: 471px;}
.vrt-lvl3-item,.vrt-lvl3-water-item {display: flex;width: 100%;min-height: 29px;}
.vrt-lvl3-item > a, .vrt-lvl3-water-item > a{padding: 6px 10px;width: 100%;display: flex;align-items: center;justify-content: space-between;border-right: 1px solid aliceblue;}
.vrt-lvl3-water-item > a{justify-content: left;}
.vrt-lvl3-item:hover, .vrt-lvl3-water-item:hover{background: #F1F8FB;}
.vrt-lvl3-item.hover .vrt-lvl4-container{display: flex;}
.vrt-lvl4-container {flex-direction: column;position: absolute;top: 0;left: 100%;width: 250px;max-height: 100%;-webkit-overflow-scrolling: touch;background: #fff;box-shadow: 6px 10px 25px rgba(0, 0, 0, 0.1);}
.vrt-lvl4-list{overflow-y: auto;-webkit-overflow-scrolling: touch;height: 471px;}
.vrt-lvl4-item.all-products * {flex: 0 0 100%;text-align: left;color: #208FD7;}
.vrt-lvl4-item {display: flex;flex-direction: row;align-items: center;text-decoration: none;padding: 10px 10px;border-bottom: 1px solid #d4ebff;}
.vrt-lvl4-item > img {width: 22px;height: 22px;margin-bottom: 5px;}
.vrt-lvl4-item > span {text-align: left;color: #343434;text-decoration: none;padding: 3px 10px;}
.vrt-lvl4-item:hover > span {color: #208FD7;text-decoration: underline;}
.vrt-item-title{display: flex;width: 100%;color: #208FD7;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);}
.vrt-item-title > a img{width: 34px;height: 34px;}
.vrt-item-title > a span{padding: 0 10px;}
.vrt-item-title > a:hover span{text-decoration: underline;}
.vrt-item-title > a{display: flex;width: 100%;height: 47px;color: #208FD7;padding: 10px 10px;align-items: center;border-bottom: 1px solid #009bda;border-right: 1px solid aliceblue;}
.vrt-menu-lvl1 * {scrollbar-width: thin;scrollbar-color: #208FD7 #DCE7EC;}
.vrt-menu-lvl1 *::-webkit-scrollbar {width: 7px;}
.vrt-menu-lvl1 *::-webkit-scrollbar-track {background: #DCE7EC;}
.vrt-menu-lvl1 *::-webkit-scrollbar-thumb {background-color: #208FD7;border-radius: 20px;}
#my-account-header{padding: 10px;position: relative;}
#my-account-header:hover{background: #00a1dc;}
#my-account-header > a{color: #fff;text-decoration: none;padding: 10px;}
.auth-button{cursor: pointer;color: #fff;}
#my-account-header .my-account-menu{position: absolute;line-height: 1em;list-style: none;top: 100%;right: 0;z-index: 52;display: none;float: left;min-width: 160px;padding: 7px;margin: 0;font-size: 14px;text-align: left;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border-radius: 0 0 4px 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
#my-account-header .my-account-menu > li > a{display: block;padding: 3px 20px;clear: both;line-height: 1.42857143;white-space: nowrap;text-decoration: none;}
#my-account-header .my-account-menu > li > a .fa{font-size: 15px;margin-right: 5px;}
.my-account-toggle .fas {margin-left: 4px;}
/* vrt-menu end */
.breadcrumb{display:inline-block;padding:0 11px;border:1px solid #d6d4d4;font-size:12px;line-height:24px;min-height:6px;border-radius:3px;overflow:hidden;margin-bottom:10px;position:relative;z-index:1;background-color: #f2f2f2;}
.breadcrumb .navigation-pipe{width:18px;display:inline-block;text-indent:-5000px;}
.breadcrumb .navigation-pipe-last{color: #0084bb;}
.breadcrumb a{display:inline-block;background:#fff;padding:0 15px 0 22px;margin-left:-26px;position:relative;z-index:2;color:#333;text-decoration: none;}
.breadcrumb a.home{font-size:17px;color:#777777;width:38px;text-align:center;padding:0;margin:0 0 0 -10px;border-top-left-radius:3px;border-bottom-left-radius:3px;z-index:99;line-height:22px;display:inline-block;height:25px;}
.breadcrumb a.home i{vertical-align:-1px;}
.breadcrumb a.home:before{border:none;}
.breadcrumb a:after{display:inline-block;content:".";position:absolute;right:-10px;top:3px;width:18px;height:18px;background:#fff;border-right:1px solid #d6d4d4;border-top:1px solid #d6d4d4;border-radius:2px;text-indent:-5000px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.breadcrumb a:before{display:inline-block;content:".";position:absolute;left:-10px;top:3px;width:18px;height:18px;background:transparent;border-right:1px solid #d6d4d4;border-top:1px solid #d6d4d4;border-radius:2px;text-indent:-5000px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.breadcrumb a:hover{color:#777777;text-decoration: underline;}
.alert {position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;}
.alert-danger {color:#721c24;background-color:#f8d7da;border-color: #f5c6cb;}
.alert-info {color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;}
.alert-warning {color:#856404;background-color: #fff3cd;border-color: #ffeeba;}
.alert-success {color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-body {padding: 15px;}
.panel-success {border-color: #d6e9c6;}
.panel-success > .panel-heading {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.panel-info {border-color: #bce8f1;}
.panel-info > .panel-heading {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.auth-button{cursor: pointer;}
.new-link{position: relative;}
.new-link::after {content: "";width: 19px;height: 19px;position: absolute;display: block;z-index: 5;background-image: url(/img/framework/new.png);top: -9px;right: -15px;}
.nav-item.new-link::after{display: inline-block; position: initial;}
#compare-dropdown {
    visibility: hidden;
    position: absolute;
    width: 200px;
    background:#FFFFFF;
    box-shadow: 0 0 8px #00A1E4;
    content: '';
    z-index: 9999;
    right: 0px;
    top: 27px;
}
#compare-dropdown ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin: 0;
}
#compare-dropdown li {
    padding: 0 5px;
}
#compare-dropdown ul > li > a {
    width: 160px;
    display: inline-block;
}
#compare-dropdown ul > li > i {
    font-size: 15px !important;
    float: right;
    bottom: 17px;
    left: 0px;
}
input.form-control{
    width: 100%;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    font-size: 16px;
    line-height: 30px;
}
input.form-control:focus{
    border-color: #00A1E4;
}

.main {padding-top: 10px;}
.container-lg {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;width: 100%}
#footer {background-color: #F3F8FC;padding: 20px 0;}
.f-row {display: flex; flex-direction: row;}
.f-row > * {width: 100%;}
.callback-footer{
    font-size: 22px;
    text-decoration: none;
    color: #00A1E4;
    line-height: 1.45;
}
.callback-footer span{display: block;font-size: 12px;}
#footer .l-2{
    line-height: normal;
    font-size: 15px;
    color: #777777;
    cursor: pointer;
    padding-top: 10px;
}
#footer .phone {
    text-decoration: none;
    color: #777777;
}
.f-newsletter {
    padding-top: 15px;
}
.f-newsletter label{
    line-height: normal;
    font-size: 12px;
    color: #777777;
    margin-bottom: 0;
    margin-top: 10px;
}
.fn-group {
    width: 295px;
    display: flex;
    flex-direction: row;
    border: 1px solid #00A1E4;
    height: 35px;
}
.fn-group input {
    width: 100%;
    background: none;
    border: none;
    padding: 2px 10px;
}
.f-subscribe-submit{
    width: 50px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-left: 1px solid #00A1E4;
}
.mobile-app{
    padding-top: 20px;
}
.ma-desc, .social-desc{
    line-height: normal;
    font-size: 12px;
    color: #777777;
}
.social-block {
    margin-top: 15px;
}
#footer ul.list{
    list-style: none;
    font-style: normal;
    line-height: 1.7;
    color: #A9A9A9;
    font-size: 15px;
    margin: 0;
    padding: 0 30px 0 0;
}
#footer ul.list .title_li{
    font-size: 15px;
    color: #00A1E4;
    margin-bottom: 5px;
}
#footer ul.list li a {
    text-decoration: none;
    color: #A9A9A9;
    font-size: 15px;
}
#footer ul.list li a:hover{
    text-decoration: underline;
}
#footer ul.list li.divider{
    position: relative;
    padding: 15px 0;
}
#footer ul.list li.divider:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background-color:#878787;
}
#footer-2 {
    background-color: #CFE6EE;
    padding: 10px 0;
    font-size: 14px;
    color:#777;
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background: #fff;}
.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a {background:#2c5d8f;border-top: 1px solid #295887;border-bottom: 1px solid #295887;}
.hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item, .nav-item-small .auth-button{color: #0f0f0f;}
.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before{border-top: 2px solid #333;border-left: 2px solid #333;}
.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a{background: #fff;border-top: 1px solid #F5F5F5;border-bottom: 1px solid #F5F5F5;color: #3ca2e4;}
.hc-offcanvas-nav li.nav-back a{text-align: right; padding-right: 65px;}
.hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover, .hc-offcanvas-nav:not(.touch-device) a:hover {
    background: #ccc;
}
.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next{
    border-left: 1px solid #F5F5F5;
}
.hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item{
    border-bottom: 1px solid #F5F5F5;
}
.hc-offcanvas-nav .choose-city-btn {width: 100%;text-align: center;justify-content: center;display: flex;flex-direction: column;color: #00A1E4;}
.hc-offcanvas-nav a.br-b-n, .hc-offcanvas-nav .nav-item.br-b-n{border-bottom: none;}
.lang-nav.nav-item{display: inline-block;border-bottom: none;width: auto;padding: 5px 10px;opacity: .7;}
.lang-nav.nav-item.active{opacity: 1;}
.hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span{background: #00a1e447;}
.lang-nav.nav-item img{border:1px solid #eeeeee;border-radius: 5px;}
.footer-desktop-url{font-size: 54px;text-align: center;}
.hc-offcanvas-nav .nav-item .curr-city-name{width: 100%;text-align: center;color: #00a1e4;}

.control{display:block;position:relative;padding-left:30px;cursor:pointer;}
.control input{position:absolute;z-index:-1;opacity:0;}
.control__indicator{position:absolute;top:2px;left:0;height:23px;width:23px;background:#fff;border-radius: 3px;border: 1px solid #C6C6C6;}
.control--radio .control__indicator{border-radius:50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator{background:#ccc;}
.control input:checked ~ .control__indicator{background:#2aa1c0; border: none;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator{background:#0e647d;}
.control input:disabled ~ .control__indicator{background:#e6e6e6;opacity:0.6;pointer-events:none;}
.control__indicator:after{content:'';position:absolute;display:none;}
.control input:checked ~ .control__indicator:after{display:block;}
label.control.control--checkbox{padding-left:30px;margin-bottom:0px;color:#0072bc;font-size:12px;line-height: 25px;}
label.control.control--checkbox:hover{color:#fb3f4c;}
.f-count-products{color:#808080;}
.control--checkbox .control__indicator:after{left:8px;top:2px;width:8px;height:14px;border-style:solid;border-color:#FFF;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;border-width:0px 2px 2px 0px;transform:rotate(45deg);}
.btn-primary{background-color:#00a1e4;border-color:#0983b6;color: #fff;}
.btn-primary:hover{background-color:#018BC5;border-color:#007eb3;}
.btn-blue-shadow {background-color: #00A1E4;color:white;border: none;box-shadow: 2px 2px 4px 0 #00000099;padding: 9px 25px 6px 25px;}
.btn-blue-shadow:hover, .btn-blue-shadow:focus {background-color: #057BAC;color: white;}
.btn-blue-border {padding: 10px 20px;background-color: transparent;border: 2px solid #00A1E4;color: #00A1E4 !important;transition: .5s;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.btn-blue-border:hover,.btn-blue-border:focus {color: white !important;background-color: #057BAC;border-color: transparent;box-shadow: 0 0 8px #0009;}
.control--checkbox input:disabled ~ .control__indicator:after{border-color:#7b7b7b;}
.ui-widget-overlay {
    background: #000;
    opacity: .9;
}
.ui-dialog .ui-dialog-titlebar {
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 100;
    text-align: center;
    color: #6E6E6E;
}
.ui-dialog .ui-dialog-title{
    width: 100%;
    font-size: 18px;
    padding: 5px 0;
}
.ui-dialog .ui-dialog-titlebar-close{right: 1em;}
.ui-button .ui-icon.ui-icon-closethick, .ui-button .ui-icon.ui-icon-closethick:hover{
    background-image: url("/img/framework/close.png");
    background-position: 0;
}
.ui-dialog .ui-dialog-titlebar-close{
    background: inherit;
    border: none;
}
.list-unstyled {
    list-style: none;
}
.ui-widget{
    font-size: 14px;
}
.ui-dialog {
    max-width: 100%;border-radius: 6px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: Helvetica;
}
.ui-widget.ui-widget-content {
    border: none;
    padding: 0;
}
.ui-widget.ui-widget-content.ui-autocomplete {border: 1px solid #eee;}
.ui-tabs .ui-tabs-nav{
    background: inherit;
    border: none;
    padding: 0;
}
.ui-tabs .ui-tabs-nav li {
    border-width: 1px;
    border-radius: 4px;
    background: inherit;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    color: #fff;
    background: #00a1e4;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 1px solid #0983b6;
    background: #00a1e4;
    font-weight: normal;
    color: #ffffff;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .4em .6em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-panel{
    padding: 2em 0.4em;
}
.ui-tooltip-content{
    padding: 5px;
    background: #19b9ec;
    color: #fff;
}
.ui-dialog-titlebar-close{outline: none;}
.form-group {
    margin-bottom: 20px;
}
.modal-content {padding: 15px 0 0;}
#choose-city-reloaded-div ul > li {
    color: #6E6E6E;
    cursor: pointer;
    width: 32%;
    display: inline-block;
    margin-bottom: 18px;
}
.choose-city-list-shop span {
    padding: 8px 21px;
    border: 1px solid #fff;
    border-radius: 5px;
}
#choose-city-reloaded-div ul > li span:hover{
    border: 1px solid #00A1E4;
    color: #00A1E4;
}
#choose-city-reloaded-div ul > li.disabled span:hover{
    border: 1px solid #777;
    color: #777;
    cursor: no-drop;
}
#choose-city-reloaded-div ul > li.np-list-shop{
    width: 49%;
    max-width: 100%;
}
#choose-city-reloaded-div ul > li.np-list-shop > div {
    border: 1px solid #ED1C24;
    border-radius: 5px;
    padding: 6px 9px 7px;
    position: relative;
}
#choose-city-reloaded-div ul > li.np-list-shop > div > span {
    position: absolute;
    top: 3px;
    text-align: center;
    line-height: 14px;
}
#choose-city-reloaded-div ul > li.np-list-shop > div > span:hover{
    border: none;
    color: #ED1C24;
}
#choose-city-reloaded-div ul > li.np-list-shop > div > span small{
    font-size: 0.8em;
}
.curr-city-name{
    cursor: pointer;
}

#choose-city-reloaded-div ul > li.show-all-cities-list{
    width: 49%;
    display: inline-block;
    margin-top: 5px;
}
#choose-city-reloaded-div ul > li.show-all-cities-list span{
    border: 1px solid #00A1E4;
    border-radius: 5px;
    padding: 9px;
}
#choose-city-reloaded-div ul > li.show-all-cities-list span:hover{

}
.search-city{
    width: 100%;
    border: none;
    border-bottom: 1px solid #00b2ee7a;
    line-height: 30px;
    margin-top: 20px;
}
.search-city:focus{
    border-color: #00a1e4;
}
.cities-list-block {
    max-height: 310px;
    overflow-y: scroll;
    padding: 15px 0;
}
.cities-list-block .choose-city-list-shop {
    width: 100%;
    position: relative;
    padding: 5px 0 5px;
    cursor: pointer;
}
.cities-list-block .choose-city-list-shop:hover{
    background: #eeeeee;
}
.cities-list-block .choose-city-list-shop span{
    display: block;
    border: none;
    padding: 0;
}
.show-base-cities-list{
    color: #00A1E4;
    cursor: pointer;
}

.show-base-cities-list:hover{
    text-decoration: underline;
}
.show-base-cities-list:before{
    content: "";
    border: 1px solid #00A1E4;
    border-top: none;
    border-right: none;
    width: 10px;
    height: 10px;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    left: 3px;
    top: 10px;
}
.search-mobile{
    padding: 5px 0;
    width: 100px;
}
.search-mobile #search-btn{
    border:none;
    padding: 5px;
    width: 40px;
    font-size: 14px;
}
.search-mobile .search-input{
    width: 80%;
    height: 100%;
    border: none;
    color: #00a1e4;
    padding: 0 15px;
}
.search-mobile .header-button.header-cart {
    width: 40px;height: 24px;
    display: flex;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.search-mobile .header-cart img {
    width: 30px;
    height: auto;
}
.search-mobile .header-button.header-cart .total-products{top: -9px;position: absolute;right: 3px;width: 20px;height: 20px;border-radius: 50%;background: red;border: 1px solid #fff;text-align: center;padding-top: 0;}
.auth-recovery-passwd{cursor: pointer; text-decoration: underline}
.recovery-submit {margin: 0 auto 20px;width: 50%;}
.recovery-back {display: block;margin: 0 0 15px 7px;color: #00A1E4;cursor: pointer;}
.radio.recovery-radio {height: 45px;}
.radio.recovery-radio > input {display: none;}
.radio.recovery-radio > div {cursor: pointer;}
.google_link, .social_item {
    width: 295px;
    height: 40.5px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: block;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto 20px;
}
.google_link a, .social_item a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 0 7px;
}
.google_link a i, .social_item a i {
    margin-right: 24px;
    font-size: 24px;
    vertical-align: -3px;
}
#nav-arrows {
    position: fixed;
    bottom: 5%;
    right: 5%;
    width: 50px;
    height: auto;
    overflow: hidden;
    z-index: 20;
}
#nav-arrows > div {
    width: 100%;
    height: 50px;
    position: relative;
    cursor: pointer;
    border: 1px solid #00a1e4;
    border-radius: 5px;
}
#nav-arrows > div{
    background: #fff;
}
#nav-arrows .arrow-down{margin-top: 5px;}
#nav-arrows .arrow-up:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid #00a1e4;
    border-right: none;
    border-bottom: none;
    transform: rotate(45deg);
    top: 19px;
    left: 12px;
}
#nav-arrows .arrow-down:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid #00a1e4;
    border-right: none;
    border-bottom: none;
    transform: rotate(-135deg);
    top: 8px;left: 12px;
}
.modal-wishlist{position:fixed;border:1px solid rgb(238, 238, 238);left:calc(50% - 200px);z-index:20;width:400px;top:30%;background-color:white;box-shadow:0px 0px 20px rgb(126, 126, 126);border-radius:5px;padding:15px;}
.modal-wishlist > i{color:#00A1E4;float:right;cursor:pointer;}
.modal-wishlist > h3{border-bottom:1px solid #eee;padding-bottom:10px;text-align:center;}
.add-to-wishlist{margin-bottom:15px;}
.radio-list {list-style: none;padding: 0;display: flex;flex-direction:column; margin: 0;}
.radio-list li {position: relative; padding: 0 15px 0 5px; margin: 8px 0;}
.radio-list li input[type = "radio"] {opacity: 0;}
.radio-list li label {cursor: pointer;}
.radio-list input[type = "radio"] + label:before {content: '';position: absolute;top: 0;left: 0;width: 22px;height: 22px;border: 1px solid #CDD1DA;border-radius: 50%;background: #FFF;}
.radio-list input[type = "radio"] + label:after {content: '';position: absolute;top: 5px;left: 5px;width: 12px;height: 12px;border-radius: 50%;background-color: #00A1E4;background-repeat: no-repeat;opacity: 0;transition: .2s;}
.radio-list input[type = "radio"]:checked + label:after {opacity: 1;}
#callbackform {padding: 0 15px;}
#choose-city-reloaded-div ul > li.np-dialog.np-list-shop span i{font-style: normal;}
#choose-city-reloaded-div ul > li.np-dialog.np-list-shop span:hover{border: 1px solid #ED1C24;}
#callbackform .callback-success h2{font-size: 18px;color: green;margin: 10px 0;}
.np-list-shop span {border: 1px solid #ED1C24;border-radius: 5px;padding: 6px 9px 7px;display: flex;}
@media (max-width: 1199px) {
    .hidden-md{display: none;}
    .header-1 .phone-list a:nth-child(2){display: none;}
    .header-1 .callback_wrapper{margin-left: 30px;}
    .header-1 .nova_poshta_header{margin: 0px 0 0 10px;}
    .header-1 .list_url li{margin-left: 10px;}
    .header-2 .block-1 .shop-logo img{width: 95px;}
    .header-2 .block-1 .choose-city {width: 125px;padding-right: 0;}
    .category-dropdown {width: 940px;}
    .block-sub-category {background-size: contain;background-color: #fff;height: 250px;padding: 20px 5px 0 25px;}
    .block-sub-category .all_products_link_wrap {left: 50px;}
    .sub_item_wrap .col_1, .sub_item_wrap .col_2, .sub_item_wrap .col_3{height: 220px;}
}
@media (max-width: 992px){
    .header-1, .header-2, .header-3, #footer{display: none;}
    header{height: 59px;}
    #mobile_nav {background:#00A1E4;box-shadow: 0 2px 4px rgba(0, 161, 228, 0.25);color: white;padding: 12px 12px 12px 60px;width: 100%;position: fixed;height: 59px;z-index: 100;display: flex;}
    .lang-nav{width: 40px;line-height: 34px;text-transform: uppercase;font-size: 18px;}
    .logo-nav{width: 100%;text-align: center;}
    #menu_content{display: none;}
    #menu-btn {font-size: 25px;top: 12px;position: absolute;left: 12px;}
    #search-form-hdr{display: flex;flex-direction: row;justify-content: right;}
    .search-block{width: 100%;position: absolute;top: -70px;left: 0;z-index: 9981;padding: 12px;background: #00a1e4;height: 60px;display: flex;}
    .open-search-mobile {padding: 0 18px;}
    .close-search-mobile {border-radius: 4px 0 0 4px;background: #fff;padding: 6px 12px;border-right: 1px solid #bdbdbd;}
    .search-block button{border: none;border-radius: 0 4px 4px 0;background: #fff;border-left: 1px solid #00a1e4;}
    .search-block button i{font-size: 23px;color: #00a1e4;}
    .search-ajax{height: 80vh;overflow-y: auto;}
    #base-city-list{
        margin: 0 -15px;
    }
    #base-city-list ul > li{
        line-height: 20px;width: 49%;
    }
    #base-city-list ul > li.choose-city-list-shop.np-list-shop{
        max-width: 100%;line-height: 14px;
    }
    #base-city-list .list-unstyled{
        padding-left: 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .show-all-cities-list{
        width: auto;;
        margin-left: 0;
    }
    #nav-arrows{display: flex;flex-direction: row;width: auto;bottom: 5px;right: 35%;}
    #nav-arrows > div{width: 50px;}
    #nav-arrows .arrow-down{margin-top: 0; margin-left: 5px}
    .promo-shrovetide-head {
        position: fixed;
        top: 40px;
        width: 100%;
        z-index: 100;
    }
}
@media (max-width: 768px){
    body {color: black;}
    .breadcrumb{background-color:#F2FCFF;}
    .breadcrumb .navigation-pipe-last {color: #0055A0;}
    #footer-2{background-color: #eaf8fd;color: #435262;}
    .hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item{font-size: 16px;}
    .hc-offcanvas-nav .divider .nav-item{padding: 0;}
    .hc-offcanvas-nav .nav-item-small .nav-item{padding: 9px 17px;}
    #choose-city-reloaded-div ul > li.np-list-shop{margin: 5px auto;width: 100%;display: flex;justify-content: center;}
    #choose-city-reloaded-div ul > li.show-all-cities-list{margin: 5px auto;width: 100%;display: flex;justify-content: center;}
    .school-head-banner {height: 40px;position: absolute;width: 100%;top: 59px;z-index: 3;}
    #choose-city-reloaded-div ul > li.show-all-cities-list span{}
    #choose-city-reloaded-div ul > li.np-list-shop{margin: 20px auto;display: flex;justify-content: center;width: 100%;}
    #choose-city-reloaded-div ul > li.np-dialog > span{border: 1px solid #ED1C24;border-radius: 5px;padding: 6px 9px 7px;}
    #choose-city-reloaded-div ul > li.np-dialog > span > i{font-style: normal;}
}
@media (min-width: 768px) {
}
@media (min-width: 993px) {
    #mobile_nav{display: none;}
}
@media (min-width: 1200px) {
    .container-lg {width: 1170px;}
}
@media (min-width: 1366px) {
    .container-lg {width: 1300px;}
}
@media (min-width: 1600px) {
    .container-lg {width: 1600px;}
}
@media (min-width: 1800px) {
    .container-lg {width: 1700px;}
}