body.noscroll,
html.noscroll{ 
   overflow-y:hidden !important;  
} 
@font-face{
font-family: 'Romul';
src: url('../fonts/Romul/Romul.eot');
src: url('../fonts/Romul/Romul.eot?iefix') format('eot'),
url('../fonts/Romul/Romul.woff') format('woff'),
url('../fonts/Romul/Romul.ttf') format('truetype');

font-weight: normal;

font-style: normal;

}
img{
  max-width: 100%;  
}
textarea{
   resize: none;
}
figure{
	margin: 0;	
}
ul, ol{list-style: none;}
*{
	 -webkit-transition: .2s;
    -moz-transition: .2s;
     -ms-transition: .2s;
      -o-transition: .2s;
         transition: .2s;
	margin: 0;padding: 0;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   font-family: Tahoma, Helvetica, Arial, sans-serif;
}
*:hover{
    -webkit-transition: .2s;
    -moz-transition: .2s;
     -ms-transition: .2s;
      -o-transition: .2s;
         transition: .2s;
}
body{
  margin: 0;	
  padding: 0;	
 -webkit-transition: .2s;
    -moz-transition: .2s;
     -ms-transition: .2s;
      -o-transition: .2s;
         transition: .2s;
}
#sandwich {align-self: center;  width: 30px; height: 38px;cursor: pointer;padding-top: 16px;display: none; margin-bottom: 5px;  -webkit-border-radius: 5px;border-radius: 5px;}
.sw-topper {position: relative; top: 0px;width: 30px;margin: auto;height: 2px; background: #000000; border: none;border-radius: 4px 4px 4px 4px;transition: transform 0.5s, top 0.2s;}
.sw-bottom { position: relative;   width: 30px;  height: 2px;  top: 7px;  margin: auto;  background: #000000;  border: none;  border-radius: 4px 4px 4px 4px;  transition: transform 0.5s, top 0.2s;  transition-delay: 0.2s, 0s;}
.sw-footer { position: relative; width: 30px;height: 2px;top: 15px;margin: auto; background: #000000;border: none; border-radius: 4px 4px 4px 4px;transition: all 0.5s;transition-delay: 0.1s;}
#sandwich.active .sw-topper {  top: 13px;  transform: rotate(140deg);}
#sandwich.active .sw-bottom {  top:11px;  transform: rotate(-140deg);}
#sandwich.active .sw-footer {  opacity: 0;  top: 0;  transform: rotate(180deg);}

.fixed-menu{
   position: fixed;
   width: 270px;
   height: 686px;
   top: 0;
   left: 0;
   background: url("../images/menu-bg.png") no-repeat 0 0;
   }

.wrapper{
   //background: linear-gradient(180deg, #4A76F3 0%, #ffffff 60%);
   background: linear-gradient(180deg, #BCD4FC 0%, #ffffff 25%);
   
}

.logo{
   padding-top: 100px;
   margin: auto;
 margin-left:35px;
     margin-bottom: 220px;
}
.navigation ul li a{
   display: block;
   height: 28px;
   width: 230px;
   margin-bottom: 2px;
   text-align: right;
   -webkit-border-radius: 0 15px 15px 0;
           border-radius: 0 15px 15px 0;
   background: rgba(255, 216, 1, .8);
   font-size: 13px;
   font-weight: 700;
   line-height:28px;
   text-decoration: none;
   padding: 0 25px 0  0;
   color: #000400;
   position: relative;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
-webkit-box-shadow: inset -3px -1px 5px 0px rgba(50, 50, 50, 0.8);
-moz-box-shadow:    inset -3px -1px 5px 0px rgba(50, 50, 50, 0.8);
box-shadow:         inset -3px -1px 5px 0px rgba(50, 50, 50, 0.8);
}
.navigation ul li a:hover{
   background: #FFE037;
}
.navigation ul li a:before{
   content: url(../images/list.png);
   position: absolute;
   top: 1px;
   right: 10px;
}
.navigation ul li:nth-child(2) a{
   width: 223px;
}
.navigation ul li:nth-child(3) a{
   width: 218px;
   padding: 0 28px 0  0;

}
.navigation ul li:nth-child(3) a:before{
   right: 12px;
}
.navigation ul li:nth-child(4) a{
   width: 210px;padding: 0 30px 0 0 ;
}

.navigation ul li:nth-child(4) a:before{
   right: 15px;
}
.item-tovar {
   width: 98%;margin: auto;
      border-radius: 4px;
    cursor: hand;
    cursor: pointer;
    padding: .1em 0 .3em 0;
    padding-bottom: 7px;
    border: 1px solid #4e77f3;
}
.item-tovar:hover {
    background: #ffd801;
    border: 1px solid #ffd801;
}
.image-tovar{
   height: 100px;
    
}
.item-tovar a{
   text-decoration: none;
}
.item-tovar p{
   text-align: center;
    font-weight: bold;
    display: inline-block;
    font-size: 13px;
    width: 125px;
    display: block;
    border-radius: 3px;
    padding: 3px;
   // background: #ffd801;
    color: black;
    margin: auto;
    margin-top: 5px;
    text-decoration: none;
}
.image-tovar img{
   max-width: 100% !important;
   width: auto !important;
   height: 100px;
   display: block;
   margin: auto;
}
.slider-tovar{
   width: 94% !important;
   margin: auto;
}
.slider-tovar .owl-prev{
   width: 24px;
   height: 24px;
   border: none;
   outline: none;
   background: url("/data/images/chevron-left.svg") no-repeat center center ;
}
.slider-tovar .owl-next{
   width: 24px;
   height: 24px;
   border: none;
   outline: none;
   background: url("/data/images/chevron-right.svg") no-repeat center center ;
}
.container-main{
   display: flex;
   -webkit-justify-content: flex-end;
           justify-content: flex-end;
}
.container-row{
   padding-top: 30px;
   margin-bottom: 40px;
}
.col-left{
   width: 65%;
   margin: 1em 0;
    padding: 0 2em 0 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.container-main__wrapp{
   width: 84.5%;
   margin-left: 260px;
   margin-right: 1.5%;
   padding-top: 10px;
}
.col-left p,
.col-right p,
.col-right a{
       font-size: .85em;
   
       margin-bottom: 10px;
  
}
.col-right a{
       color: #1b4e7e;
       display: block;
       text-align: right;
}
 strong{
    font-weight: 700;
 }
 
.col-left p a{
   color: #1b4e7e;
}
.col-left h1,
.title {
    font-weight: normal;
    font-size: 25px;
     padding: 0 0 1em 0;
    margin: 0;
}
.container-row__about{
   display: flex;
   -webkit-justify-content: space-between;
           justify-content: space-between;
}
.container-row__about img{
   -webkit-align-self: flex-start;
           align-self: flex-start;
}
.container-row__about article{
   width: 40%;
}
.container-row__about h2 {
   margin-bottom: 10px;
}
.container-row__about h2 a{
   font-weight: 900;
    color: #1b4e7e;    font-size: 12pt;
}
.col-right{
   width:35%;
       padding: 0pt 1em;
       
    border-left: 1px dotted #9ab1f7;
}
.col-right article{margin: 1em 0;
   padding: 0 2em 0 0;
}
.container-row{
   display: flex;
}
.data-footer{
   -webkit-justify-content: center;
           justify-content: center;
   display: flex;
   margin-bottom: 15px;
}
.data-footer p {
           margin: 0 7px;
}
.data-footer p a{
    color: #1b4e7e;
}

.container-row__about article p {
    font-size: 11px;
    line-height: 14px;
    color: #444;
}
footer{
   border-top: 1px solid #D5DEFD;
   font-size: 0.72em;
    color: rgb(85, 85, 85);
    padding: 1em;
    text-align: center;

}
.tovar-page{
   margin-top: 30px;
 //  background: #FFF;

}
.tovar-page__head{
   width: 100%;
   display: flex;
   -webkit-align-items: center;
           align-items: center;
   -webkit-justify-content: space-between;
           justify-content: space-between;
   margin-bottom: 30px;
  // background: url("/data/images/bg-gradient.jpg") repeat-x 0 0;
   /* background: linear-gradient(180deg, #C6C6C6 28%, #F7F6F7 90%); */
}
.tovar-page__head img{
   height: 250px;
   display: block;
}
.tovar-page__head h1{
   font-family: 'Romul';
   text-indent: 30px;
   font-size: 35px;
}
.tovar-page__head h1 span{
   display: block;
   font-weight: 400;
   font-family: 'Romul';
   text-align: center;
}

.tovar-page__about p{
       font-size: .85em;
       margin-bottom: 20px;
}
.tovar-page__about{
   padding: 0 30px;
}
.color{
       width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
            border-radius: 16px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin:0 10px;
    margin-bottom: 10px;
}
.color-col p{
   margin-bottom: 10px;
   font-size: 9px;
   text-align: center;
}
.color-col span{
   display: block;
   width: 100%;
   height: 10px;
   text-align: center;
 font-size: 9px;
 color: gray;
 margin-bottom: 10px;
 font-weight: 900;
}
.color:hover,
.color-col.active .color{
    border: 1px solid #000;
}

.colors{
   display: flex;
}
.beige-color{
   background: #e8e1c5;
}
.grey-color{
   background: #d2d2d2;
}
.lightgreen-color{
   background: #85e751;
}
.orange-color{
   background: #ea5521;
}
.yellow-color{
   background: #f6dc2f;
}
.brown-color{
   background: #432618;
}
.black-color{
   background: #000000;
}
.blue-color{
   background: #095EBE;
}
.red-color{
   background: #ca272c;
}
.image-stul{
   text-align: center;
   margin: auto;
}
.tovar-page__container__images{
   max-width: 416px;
   margin-bottom: 20px;
   margin-right: 30px;
}
.tovar-page__container{
      padding: 30px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}
.image-stul{
   margin-bottom: 20px;
}
.characteristics__sizes li{
       line-height: 1.5em;
    font-size: .85em;
    color: #444;
}
.characteristics__sizes_img{
   display: flex;
   max-width: 700px;
   -webkit-justify-content: space-between;
           justify-content: space-between;
   text-align: center;
   margin-bottom: 20px;
}
.characteristics__sizes_img img{
   height: 110px;
   margin: auto;
}
.characteristics__sizes_img p{
 padding-top: 5px;
}
.tovar-page__container{
   display: flex;
}
.size-image{
   margin-right: 25px;
}
.size-image:last-child{
   margin-right: 0;
}
.slider-tov {
   width: 90% !important;
   margin: auto;
   margin-bottom: 20px;
}
.item-tov {
   padding: 0 5px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}
.slider-tov .owl-prev{
   width: 18px;
   height: 30px;
   outline: none;
   border: none;
   background: url("../images/prev.png") no-repeat center center;
}
.slider-tov .owl-next{
      width: 18px;
   height: 30px;
   outline: none;
   border: none;
   background: url("../images/next.png") no-repeat center center;
}
.slider-tov .owl-stage-outer .owl-stage{
   display: flex;
   -webkit-align-items: center;
           align-items: center;
}
.slider-tov .item-tov a{
   text-align: center;
   text-decoration: none;
   font-size: 0.72em;
    color: rgb(85, 85, 85);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    
}
.slider-tov .item-tov a p{
   padding-top: 10px;
}
.where{
   width: 150px;
   display: block;
   height: 37px;
   line-height: 37px;
   background: #FFCC00;
   color: #1b4e7e;
   text-align: center;
   text-decoration: none;
   font-size: 1.2em;
   -webkit-border-radius: 20px;
           border-radius: 20px;
}
.where:hover{
   background: #FFD801;
}
.conatiner-where{
   display: flex;
   padding-top: 120px;
   -webkit-justify-content: flex-end;
           justify-content: flex-end;
}
.partner-container{
 padding-top: 20px;  
}
.partner-list{
   display: flex;
   max-width: 800px;
   margin-bottom: 20px;
}
.left-list,
.right-list{
     width: 50%;
}
.left-list h2,
.right-list h3,
.left-list p,
.right-list p{
       font-size: 0.95em;
       line-height: 1.4;
}
.right-list p i{  
   font-style: italic;
}
.right-list p a{
       color: #1b4e7e;
}
.product-wr{
   padding-top: 120px;

}
.title-product{
   font-size: 2em;
   font-weight: 500;
}
.product-wr .slider-tovar{
   margin-bottom: 20px;
}
.company-container{
   padding-top: 20px;
}
.company-container p{
       font-size: .85em;
       margin-bottom: 10px;
}
.company-container ul{
   margin-left: 20px;
       list-style-type: disc;
}
.company-container ul li{
       margin: 1em;
    font-size: .9em;
}
.certiphcate img{
   margin: 10px 20px;
}
.certiphcate{
   display: flex;
   -webkit-justify-content: center;
           justify-content: center;
}
.certiphcate img{
   height: 200px;
}
.certiphcate a:hover{
   opacity: .7;
}
.company-container h4{
   text-align: center;
   color: #006;
   margin-bottom: 20px;
   padding-top: 20px;
}
.products-contaier{
       display: grid;
    gap: 0px;
    padding-bottom: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.products-contaier .item-tovar{
   margin-bottom: 7px;
}
.contact-page{
   padding-top: 20px;
   padding-bottom: 20px;
}
.contact-page__container{
   font-size: .85em;
}
.contact-page__container a{
color: #1b4e7e;
}
.zi1{
   z-index: 0; width: 257px; height: 380px
}
.zi2{
   top: -380px; z-index: 1; position: relative;  width: 257px; height: 380px
}
.zi3{
   top: -760px; z-index: 1; position: relative;  width: 257px; height: 380px
}
.title-colors{
       margin: .6em auto 1em auto;
    color: gray;

}
.tovar-page__container__images.tovar-color {
width: 580px;
max-width: 580px;
}
.tovar-page__container__images.tovar-color .colors{
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
}
.title-fs{
   text-align: center;
}
.head-tpa {
   padding: 10px 0;
}
.head-tpa ul{
   display: flex;
   -webkit-justify-content: center;
           justify-content: center;
}
.head-tpa ul li {
   margin:0 15px;
}
.head-tpa ul li a{
       text-decoration: underline;
    color: #003399;
    padding: 2px 7px;
    font-size: 0.71em;
    text-align: center;
}
.head-tpa ul li a:hover{
   text-decoration: none;
}
.foot-tpa {
   width: 100%;
}
.foot-tpa img{
   display: block;
   margin: auto; 
}
.tpa-container__left,
.metall-company{
       font-size: 0.8em;
}
.tpa-container__left ul{
   margin-left: 30px;
   list-style: disc;
}
.tpa-container__left ul,
.tpa-container__left p{
   
   margin-bottom: 30px;
}
.tpa-container__left ul li p{
   margin-bottom: 5px;
}
.text-tpa{
   margin-left: 30px;
}
.images-tpa{
   display: flex;
   -webkit-justify-content: space-between;
           justify-content: space-between;
       -webkit-flex-wrap: wrap;
           -ms-flex-wrap: wrap;
               flex-wrap: wrap;
       max-width: 480px;
}
.images-tpa__container{
   padding: 10px;
   width: 32%;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
       border: 1px solid #4F7AF3;
       margin-bottom: 10px;
}
.tpa-container{
   display: flex;
}
.tpa-container__left{
   width: 65%;
}
.tpa-container__right{
   width: 35%;
       width: 35%;
padding: 0 0 0 30px;
       font-size: 13px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.tpa-container__right p{
   margin-bottom: 15px;
}
.tpa-container__right ul{
   list-style: disc;
   margin-left: 30px;
}
.tpa-container__right ul li{
   font-size: 0.7em;
   margin-bottom: 3px;
}
.head-metall__text p{
       font-size: 0.8em;
       margin-bottom: 20px;   
}
.head-metall{
   display: flex;
}
.head-metall__image{
   max-width: 260px;
}
.head-metall__text{
   width: 75%;
   padding-top: 20px;
}
.metall-company{
   padding-top: 20px;
}
.metall-company img{
   display: block;
   margin: auto;
margin-bottom: 20px;
}
.metall-company p{
   margin-bottom: 20px;
}
.metall-company p a{
       text-decoration: underline;
    color: #003399;
}
.metall-company p a:hover{
   text-decoration: none;
}
.metall-company hr{
   background: #2365A3;
   height: 2px;
   width: 100%;
   display: block;
   margin: auto;
   margin-bottom: 20px;
   border: none;
}