@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(jost-v18-cyrillic_latin_latin-ext-regular.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:700;font-display:swap;src:url(jost-v18-cyrillic_latin_latin-ext-700.woff2) format('woff2')}
*{resize:none;-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;outline:0;background:transparent;font-family:'Jost',sans-serif;font-size:16px;color:#333}

h1{color:#01518C;;text-transform:uppercase;font-size:22px;font-weight:normal;float:left;width:100%;min-height:40px;height:auto;line-height:40px;border-bottom:solid 2px #f3f3f2;}
h2{color:#01518C;;text-transform:uppercase;font-size:18px;font-weight:normal;display:inline-block;border-bottom:solid 2px #f3f3f2;margin:20px 0}
h3{padding-bottom:50px}
.breadcrumb{float:left;clear:both;display:block;width:100%;min-height:40px;height:auto;border-bottom:solid 2px #f3f3f2}
.breadcrumb svg{width:15px;height:15px;fill:none;stroke:#929395;}
.breadcrumb a, .breadcrumb span{float:left;height:15px;margin:12.5px 10px;line-height:15px}
.breadcrumb span{margin:12.5px 3px;}
hr{float:left;clear:both;width:50%;height:5px;border-bottom:solid 2px #f3f3f2;}
p.clear{float:left;clear:both;width:100%;height:5px;}
p{margin-bottom:7px}
u{margin-bottom:15px}
#page .description ul{margin-left:30px;}

a.dwl_pdf{padding-left:27px;background:url(pdf.png) left center no-repeat;height:27px;display:block;line-height:27px;}
form{width:70%}
form .username{position:absolute;left:-999999999px}
.button,a.button{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;background-repeat:no-repeat;position:relative;font-family:'Jost',sans-serif;font-size:14px;letter-spacing:1.5px;float:left;line-height:50px !important;height:50px !important;border:0 !important;text-align:center;color:#fff;cursor:pointer;background-color:#01518C;width:100%;text-decoration:none;text-transform:uppercase}

.submenu{margin:15px 0;float:left;width:100%}
.submenu li{float:left;width:calc(98%  / 3);margin:0 1% 1% 0;height:50px;background: #f3f3f2;list-style:none;line-height:20px; text-decoration: none;}
.submenu li a{text-decoration: none;float:left;vertical-align:middle;width:100%;display: flex; align-items: center;justify-content: center;text-align:center;height:100%}
.submenu li a:hover{background:#929395;color:#fff}
.submenu li:nth-child(3n){margin:0 0 1% 0;}

.product_box{float:left;width:calc(96% / 5);margin:0 1% 1% 0;padding:1%;height:375px;background: #f3f3f2}
.product_box:nth-child(5n+1){margin:0 0 1% 0;}

.product_box .product-name{font-weight:bold;text-align:center;padding:10px 0 0}
.product_box .product-description{font-weight:bold;text-align:center;padding:10px 0 5px}
.product_box .small{font-weight:normal;text-align:center;padding:0px 0}

.image{display:block;margin:0 auto;clear:both;height:180px;width:180px;padding:0;text-align:center;position:relative;line-height:180px;max-width:calc(50vw - 20px);max-height:calc(50vw - 20px)}
.image img{text-align:center;padding:0;vertical-align:middle;background-size:contain;;object-fit:contain;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

.son_left{color:#929395;font-weight:bold;float:left;width:25%;clear:both}
.son_right{color:#01518c;float:left;width:25%;margin-right:50%}

.input input[type=text]{font-family:'Jost',sans-serif;font-size:16px;color:#333 !important;border:solid 2px #e1e1e2;padding:17px 8px 17px 10px !important;background:#fff;width:100% !important}
.input textarea{width:100%;font-family:'Jost',sans-serif;font-size:16px;padding:22px 8px 22px 20px !important;height:100px;background:#fff;border:solid 2px #e1e1e2;color:#333 !important}


.input{float:left;clear:both;width:100%;margin-bottom:20px}
.input input{float:left;width:100%;clear:both;}
.input label{float:left;width:100%;clear:both;padding-bottom:5px}
span.required_error{float:left;clear:both;font-weight:bold;color:#d9534f;width:100% !important;padding:10px 0;height:auto}
.form fieldset input.error,.form fieldset select.error,.form fieldset textarea.error,.attribute .product-variant label.error,.attribute div.error{border:solid 2px #d9534f !important}

p.fl_r{width:25%;float:right;padding-left:20px}
p.fl_r img{width:100%;float:left;margin-bottom:20px}


.ytb{aspect-ratio:16 / 9;width:calc((100% - 40px) / 3);height:calc(((100% - 40px) / 3) / 16 * 9);margin:0 20px 20px 0}
.ytb:nth-child(3n){margin:0 0 20px 0}


#header{float:left;clear:both;width:100%;height:40px;margin-top:20px;padding-bottom:10px;border-bottom:solid 2px #929395}
#header button{display:none;}
#header button svg{fill:none;stroke:#01518C}
#header .logo1{float:left;width:300px;}
#header ul.mainnav{float:left;margin-left:50px;width:calc(100% - 350px);color:#01518C;height:30px;}
#header ul.mainnav li{float:left;list-style:none;height:30px;line-height:30px; color:#01518C;text-transform:uppercase;margin-right:30px;cursor:pointer;position:relative}
#header ul.mainnav li a{color:#01518C;text-decoration:none;float:left;line-height:30px;height:30px;}
#header ul.mainnav li a:hover,#header ul li.selected a,#header ul li.selected{text-decoration:underline}
#header ul.mainnav ul.subpages{background:#f3f3f2;padding:10px;display:none;position:absolute;left:0;top:40px;float:left;;width:400px;color:#01518C;height:auto;}
#header ul.mainnav ul.subpages li{float:left;width:100%;clear:both;list-style:none;min-height:30px;height:auto;line-height:30px; color:#01518C;text-transform:uppercase;cursor:pointer;position:relative}
#header ul.mainnav ul.subpages li a{float:left;width:100%;clear:both;text-decoration:none;min-height:30px;height:auto;line-height:30px; }
#header ul.mainnav ul.subpages li.selected a{text-decoration:underline}

#header2{float:left;clear:both;width:100%;height:30px}
#header2 .logo2{float:left;margin:10px 0 0 75px}

#page .description{padding:20px 0;float:left;width:100%;}

#container, #footer .container{width:70%;margin:0 auto;display:block}
#footer{width:100%;background:#f3f3f2;float:left}
#footer .container{height:80px;padding:0;line-height:80px}
#footer a{text-decoration:none;color:#333}
#page{width:100%;background:#fff;float:left;clear:both;padding:2% 0}

@media screen and (max-width:767px){
.ytb{aspect-ratio:16 / 9;width:100%;height:calc(100% / 16 * 9);clear:both;margin-bottom:20px}

#main_container{float:left;width:100vw;height:100vh;}
#footer .container{height:auto;padding:0;line-height:40px}
#container,#footer .container{width:100%;padding:0 2%;float:left;position:relative}
#footer{width:96%;margin-left:2%;position:relative}
#header .logo1{width:calc(100% - 60px);margin-right:10px;}
#header .logo1 img{max-width:100%;height:auto}
#header2 .logo2{float:right;margin:5px 75px 0 0}

#header ul.mainnav{background:#f3f3f2;position:absolute;display:none;left:-85vw;top:0px;margin-left:0;height:100vh;width:85vw}
#header ul.mainnav li{width:100%;padding:10px;min-height:60px;height:auto;float:left;clear:both;border-bottom:solid 1px #929395;}
#header ul.mainnav li a{width:100%;float:left;clear:both;display:block}
#header ul.mainnav li:last-child{border:0}

.product_box{float:left;width:calc(98% / 2);margin:0 1% 1% 0;height:355px;}
.product_box:nth-child(5n+1){;margin:0 1% 1% 0;}
.product_box:nth-child(even+1){;margin:0 0 1% 0;}

.submenu li{float:left;width:calc(100%);margin:0 0 1% 0 !important}


p.fl_r{width:50%}
img{max-width:96vw}
form{width:100%}
.son_left{width:50%}
.son_right{width:50%;margin-right:0%}
hr{width:100%;}
#header ul.mainnav ul.subpages{display:none;position:relative;left:0;top:0px;margin-top:20px;padding:0 10px; float:left;;width:100%;background:#fff;color:#01518C;height:auto;}

#header button{position:relative;display:block;width:35px;height:35px;margin-right:15px;float:left;}
#header button svg.close{display:none}

}