.analog-box{
  border: 2px solid #e41817;
  max-width: 100%;
  min-width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  }
.analog-box-prod{
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  }
.analog-box-prod-img img{
  width:125px;
  height: auto;
  }
.analog-box-prod-txt{

  }
.analog-box-info{
  padding: 5% 5% 0 5%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  }
.analog-box-info p{
  line-height: 1.5;
  text-align: center;
}


.slick-prev, .slick-arrow{
  display: none !important;
}
@media (min-width:1301px){
.rel_post_wrapper{width: 80%;}
}
@media (max-width:1300px){
.rel_post_wrapper{width: 100%;}
}
.rel_posts{
margin-top: 25px;
margin-bottom: 25px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
-o-flex-flow: column nowrap;
flex-flow: column nowrap;
width: 100%;
align-items: center;
justify-content: center;}
.rel_post_wrapper{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  /*width:60%;*/
}
.rel_post_body{padding-left: 15px;}
.rel_post_body a{color: #09131f;}
.rel_post_body p{
font-size: 1.5rem;
line-height: 1.5;
}
.production-image h3{margin:0 !important;}
.image-cap{font-size:24px;}
@media (max-width:500px){
  .production-image{
    padding-right: 0 !important;
    padding-left: 0 !important;}
  .image-cap{font-size:20px;}
  }
    .production-wrapper.full{
      height: auto !important;
      max-height: 55rem !important;
    }
  .production-wrapper.full .production-text{min-width: 100%; width: 100%; }
.production-wrapper.short .production-text{min-width: 75%; width: 75%; }
.production-wrapper.short .production-items{min-width: 25%;width: 25%;}
.production-wrapper.short .production-text .production-text-body{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  -o-flex-flow: column wrap;
  flex-flow: column wrap;
  align-items: start;
  width: 100%;
  }


/*Color*/
.c-super-red{color:#e41817 !important;}

.c-super-dark{color:#09131f !important;}
.fw700{font-weight: 700 !important;}
.fzinherit{font-size: inherit !important;}
.fzsmoller{font-size: .9em !important;}
.fzoldprice{font-size: 1.5em !important;}
.fzsm{font-size: 1em !important;}
.fzbold{font-weight: 700 !important;}

.home-page--hello{padding: 2.5% 5%;background: url('../images/home-page-main-title.jpg');margin-bottom: 15px;}
.home-page--hello:after{content: '';min-width: 100%; min-height: 100%; background: rgba(255,255,255,1);}
.home-page--hello h2{
  text-align: left;
  font-weight: 700
}
.home-page--hello span{
  color:#e41817;
  font-size: 1.1em;
}
/*BRAND PAGE*/
.brand_desc{
  line-height: 2;
  padding: 1rem 4rem;
}
.brand_wrp h3.cat_title{text-align: center;}
  /*Slick Product*/
@media (min-width: 770px) and (max-width:919px){
    .brand_wrp .adto-cart-btn, .more-info-btn {
    line-height: 3.2rem !important;
    height: 3.5rem !important;
    color: #fff !important;
    max-width: 49%;
    width: 50%;
    padding: .25rem .25rem .5rem .25rem !important;
}

.brand_wrp .related_btn {
    font-size: .7rem !important;
    padding: 0.25rem 2.75rem 0.15rem 1.5rem !important;
    margin: 0 !important;
}
}
@media (min-width:465px) and (max-width:769px){
.brand_wrp .related_item {
    min-width: 140px;
    width: 45%;
    min-height: 100px;
    height: 115px;

}

  .brand_wrp .adto-cart-btn, .more-info-btn {
    line-height: 3.2rem !important;
    height: 3.5rem !important;
    color: #fff !important;
    max-width: 49%;
    width: 50%;
    padding: .25rem .25rem .5rem .25rem !important;
}

.brand_wrp .related_btn {
    font-size: .7rem !important;
    padding: 0.25rem 2.75rem 0.15rem 1.25rem !important;
    margin: 0 !important;
}
}
@media (min-width:300px) and (max-width:460px){
  .rel_post_wrapper{
    width:100%;
  }
  .rel_post_wrapper .rel_post_img{
    width:30%;
  }
  .rel_post_wrapper .rel_post_img a img{
    min-width:100%;
  }
  .rel_post_wrapper .rel_post_body{
    width:70%;
  }
  .brand_wrp .related_item {
    min-width: 140px;
    width: 80%;
    min-height: 100px;
    height: 115px;
  }
  .brand_wrp .adto-cart-btn, .more-info-btn {
    line-height: 3.2rem !important;
    height: 3.5rem !important;
    color: #fff !important;
    max-width: 49%;
    width: 50%;
    padding: .25rem .25rem .5rem .25rem !important;
}

.brand_wrp .related_btn {
    font-size: .7rem !important;
    padding: 0.25rem 2.75rem 0.15rem 1.25rem !important;
    margin: 0 !important;
}
}
.related_item {
    margin-bottom: 1rem;
    box-shadow: -2px -2px 3px rgba(236, 240, 241,1.0), 3px 3px 3px rgba(44, 62, 80,.2), inset 0px 0px 0px rgba(236, 240, 241,1.0), inset 0px 0px 0px rgba(44, 62, 80,.2);
    background: #f8f8f7;
    transition: .3s ease-in-out;
    border-radius: 5px;
    min-width: 140px;
    width: 32%;
    min-height: 100px;
    height: 115px;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-right: 1rem;
}
.complect_chars{font-size: 1.2rem;}
  .related_item-img{
    width:100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  .related_item-img img{
    width: 64px;
    height: 64px
  }
  #goods_list_length{display: none;}
  .related_item-txt{
    padding-left: 1rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: baseline;
  }
  .related_item-txt h3 {
    margin: .5rem 0 0 0;
    font-size: 1.45rem;
    }
  .related_item-txt h4{
    font-size: 1.3rem;
  }
  .related_item-txt-price {
    font-size: 1.55rem;
    font-weight: 600;
  }
  .related_btn{
    line-height: 1rem !important;
    font-size: .9rem !important;
        padding: 0.25rem 2.75rem 0.15rem 0.25rem !important;
    margin: 0 !important;
  }
  .related_btn:before {
    left: auto  !important;
    right: -5px !important;
    z-index: 2 !important;
    top: -5px !important;
    }
  .btn-wraper{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }
  .adto-cart-btn,
  .more-info-btn{
    line-height: 3.2rem !important;
    height: 3.5rem !important;
    color: #fff !important;
    max-width: 45%;
    width: 45%;
    padding: .25rem .25rem .25rem .25rem !important;
  }
.related_items{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
}
.related_items > .slick-initialized .slick-slide {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
    margin-right: 2rem;
}
.slick-arrow{opacity: 0;}
.slick-dots {
    position: relative;
    bottom: 1.5rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
  transition: .3s ease-in-out;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #f7f8f9;
    box-shadow: -2px -2px 3px rgba(236, 240, 241,1.0), 3px 3px 3px rgba(44, 62, 80,.2), inset 0px 0px 0px rgba(236, 240, 241,1.0), inset 0px 0px 0px rgba(44, 62, 80,.2);
    border-radius: 50%;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
  background: #e41817;
}


.hiddenbox{height: 0px !important;}
.related_item-toCart_box{margin: 0 0 .25rem 0 !important;}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {display: none !important;}
.d-flex{display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flex !important;
display: -o-flex !important;
display: flex !important;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.mb-3rem{margin-bottom: 3rem !important;}



.product-page-container{
  margin: 0;
  padding: 0 0 3rem 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(189,195,199,1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(189,195,199,1);
  box-shadow: 0px 0px 10px 1px rgba(189,195,199,1);
  }
  .product-page-section{
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 30px 0;
    width: 100%;
    min-height: 140px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: url(images/bgtr.svg) no-repeat scroll right top, /*url(images/bgbl.svg) no-repeat scroll left bottom,*/ /*url(images/bgbl.svg) no-repeat scroll left bottom,*/ url(images/overlay2.png) repeat scroll 0% 0%, #fff;
    }
    .product-page-section-block{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      }
  .product-page-section.call-to-action{
    padding: 3rem 8rem;
    }
    .product-page-section.call-to-action h3{
      text-align: center;
      line-height: 1.5;
    }
  .product-page-section-img-block{
    overflow: hidden;
    width:50%;
    min-width: 50%;
    height:400px;
  }
  .product-page-section-img-block img{
    width:100%;
  }
  .product-page-section-txt-block{
    padding: 1rem;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    flex-grow: 1;
    min-height: 450px;
    height: 450px;
  }
   .product-page-section-txt-block.only-text{
    height: auto;
    min-height: 0px;
    padding: 0;
   }
    .kzmi .product-page-section-txt-block.only-text{
    padding: 6rem 8rem;
   }
  .product-page-section-txt-block h1{
    text-transform: uppercase;
    letter-spacing: .35rem;
    line-height: 1.75;
    font-size: 2.2rem;
  }
  .product-page-section-txt-block p{
    line-height: 1.85;
    text-align: justify;
    letter-spacing: .2rem;
    font-size: 1.65rem;
    }

  .product-page-section .catalog-link div{width: 100%;height: 100%;z-index: 1;content: '';position: absolute;top: 0;left: 0;}
  .product-page-section.catalog-link-section{
    min-height: 140px;
    padding: 3rem 0;
    }
  .catalog-link-item{
    background: #fff;
    position: relative;
    width: 50%;
    min-height: 128px;
    padding: 6px;

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    transition: .5s ease-in-out;
    }


  .catalog-link-item img{height: 128px;}
  .catalog-link-item-text{
    min-height: 128px;
    flex-grow: 1;
    }
  .catalog-link-item-text h3{margin: 1rem 0;}
  .catalog-link-item-text h4{margin-top: 2rem}
@media only screen and (max-width:769px){
      .kzmi .product-page-section-txt-block.only-text{
    padding: 6rem 20px !important;
   }
   .product-page-section-txt-block h1 {
    text-transform: uppercase;
    letter-spacing: .35rem;
    line-height: 1.75;
    font-size: 1.5rem;
}
 }
@media only screen and  (min-width:465px) and (max-width:769px){
   .product-page-section{
    min-height: 140px;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    }
  .product-page-section-img-block {
    overflow: hidden;
    width: 100%;
    min-width: 100%;
    height: 250px;
    }
  .product-page-section-img-block img {
    width: 70%;
    }
  .product-page-section-txt-block {
    min-height: 300px;
    height: 300px;
    }
  .catalog-link-item {
    width: 90%;
    min-height: 128px;
    padding: 6px;
  }
}
@media only screen and  (min-width:300px) and (max-width:460px){
        .production-items-row{
        min-width: 85%;
        width: 60%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        -o-flex-flow: column nowrap;
        flex-flow: column nowrap;
        align-items: center;
        }
  .product-page-section{
    min-height: 140px;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    }
  .product-page-section-img-block {
    overflow: hidden;
    width: 100%;
    min-width: 50%;
    height: 175px;
    }
  .product-page-section-img-block img {
    width: 70%;
    }
  .product-page-section-txt-block.only-text {
    height: auto;
    min-height: 0px;
    padding: 6rem 2rem;
    }
  .product-page-section.call-to-action {
    padding: 3rem 2rem;
    }
  .catalog-link-item {
    width: 95%;
    min-height: 128px;
    padding: 6px;
    }
}
.download-icon-hp{
  position: absolute; top:0; right: 0;
}
.catalog-download{
  position: absolute; top:10rem; right:2%; width: 20%; height:70px;
}
.catalog-download img{
transition: .5s ease-in-out;

}
.catalog-download:hover img{
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}
.articles-image{
  width:250px;
  padding:0;
}
.product-features li,
.articles--paragraph p,
.articles--paragraph li{    line-height: 2 !important;
    letter-spacing: 1px !important; font-size:1.5rem !important;}

.production-title-over{    font-size: 1.2rem;
    position: absolute;
    top: 18px;
    right: 4%;}
.production-char{    position: absolute;
    top: 40px;
    right: 4%;
    text-align: right;
    line-height: 1.2;}

  .production-wrapper.short{
    max-height: 38rem;
    height: 20rem;
    width: 50%;
    float: left;
  }
  .articles_section .production-wrapper.short{
    width: 100%;
  }
  .production-wrapper{
    /*background: #f5f6fa;*/
    margin: 2rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-height: 42rem;
    height: 42rem;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    border-top: 2px #e41817 solid;
/*    -webkit-box-shadow: -2px -2px 5px rgba(236, 240, 241,1.0),
                3px 3px 5px rgba(44, 62, 80,.2);
    -moz-box-shadow: -2px -2px 5px rgba(236, 240, 241,1.0),
                3px 3px 5px rgba(44, 62, 80,.2);
    box-shadow: -2px -2px 5px rgba(236, 240, 241,1.0),
                3px 3px 5px rgba(44, 62, 80,.2);*/
background:
            url(images/bgtr.svg) no-repeat scroll right top,
            /*url(images/bgbl.svg) no-repeat scroll left bottom,*/
            /*url(images/bgbl.svg) no-repeat scroll left bottom,*/
            url(images/overlay2.png) repeat scroll 0% 0%,
            #fff;
    }
    .production-items{
      min-width: 70%;
      width: 70%;
      height: 100%;
      margin: 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      -o-flex-flow: row wrap;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      }
      .production-items-row{
        min-width: 85%;
        width: 60%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        -o-flex-flow: row nowrap;
        flex-flow: row nowrap;
        align-items: center;
        }
      .production-items-row-half{
        justify-content: space-around;
        }
      .production-items-row-full{
        justify-content: center;
        }
      .production-item{
        background: #fff;
        min-height: 12rem;
        height: 12rem;
        border-bottom:1px #09161f solid;
/*        -webkit-box-shadow: -2px -2px 3px rgba(255,255,255,1),
                            3px 3px 3px rgba(44, 62, 80,.2);
        -moz-box-shadow: -2px -2px 3px rgba(255,255,255,1),
                            3px 3px 3px rgba(44, 62, 80,.2);*/
/*         box-shadow: -2px -2px 3px rgba(236, 240, 241,1.0),
                     3px 3px 3px rgba(44, 62, 80,.2),
                     inset 0px 0px 0px rgba(236, 240, 241,1.0),
                     inset 0px 0px 0px rgba(44, 62, 80,.2);*/
        position: relative;
        transition: .3s ease-in-out;
        border-radius: 0px;

        }
        .production-item:hover{
/*        -webkit-box-shadow: inset -2px -2px 3px rgba(236, 240, 241,1.0),
                            inset 3px 3px 3px rgba(44, 62, 80,.2);
        -moz-box-shadow: inset -2px -2px 3px rgba(236, 240, 241,1.0),
                            inset 3px 3px 3px rgba(44, 62, 80,.2);*/
/*         box-shadow: 0px 0px 0px rgba(236, 240, 241,1.0),
                     0px 0px 0px rgba(44, 62, 80,.2),
                     inset -2px -2px 3px rgba(236, 240, 241,1.0),
                     inset 3px 3px 3px rgba(44, 62, 80,.2);*/
              }
      .production-item a {position: absolute;top: 0;left: 0;min-height: 100%; min-width: 100%;z-index: 1;}
      .production-item img{height: 80%;position: absolute;right: 5%; top:10%;transition: 0.5s ease-in-out; transform: scale(1.2);}
      .production-item:hover img{transform: scale(1.2);}
      /*.production-item h3{width:60%;position: absolute;right: 2%; top:0;text-align: right;}*/
      .production-item h3{width:60%;position: absolute;left: 2%; top:0;text-align: left;margin-top: 10px !important;}
      .production-item h3:after {
        content: "";
        background: #09161f;
        position: absolute;
        bottom: -7px;
        left: 0;
        height: 3px;
        width: 15%;
        transition: 0.4s ease-in-out;
      }
      .production-item:hover h3:after {
        width: 65%;
      }
      /*.production-item span{font-size: 1.5rem; padding: 0.5rem; background: #598ab2; color:#fff;position: absolute;bottom: 5%;right: 2%;}*/
      .production-title-over{font-size:1.2rem;position: absolute;top: 35px;left: 2%;}
      .production-char{position: absolute; top:60px; left:2%;text-align: left;line-height: 1.2;}
      .production-item-half{min-width: 48%; width: 48%;}
      .production-item-full{min-width: 98%; width: 98%;}
      .production-text{
        padding: 1rem;
        padding-top: 1rem;
        min-width: 30%;
        width: 30%;
        height: 100%;
        margin: 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        -o-flex-flow: column nowrap;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        }
        .production-text.production-text-start{
         align-items: start !important;
        }
        .production-text-title{
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          -webkit-flex-flow: column wrap;
          -moz-flex-flow: column wrap;
          -ms-flex-flow: column wrap;
          -o-flex-flow: column wrap;
          flex-flow: column wrap;
          justify-content: center;
          align-items: center;
        }
        .production-text-title h3{
          line-height: 1.2;
        }
      .production-text-body p{
        text-align: left;
        line-height: 1.4;
        
        }
        .qr{
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          -webkit-flex-flow: column wrap;
          -moz-flex-flow: column wrap;
          -ms-flex-flow: column wrap;
          -o-flex-flow: column wrap;
          flex-flow: column wrap;
          justify-content: center;
          align-items: center;
        }
        @media only screen and (min-width:992px){
          .qr{
            -webkit-flex-flow: column wrap;
            -moz-flex-flow: column wrap;
            -ms-flex-flow: column wrap;
            -o-flex-flow: column wrap;
            flex-flow: column wrap;
            }
        }
        @media only screen and (max-width:991px) and (min-width: 570px){
          .qr{
            -webkit-flex-flow: row nowrap;
            -moz-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            -o-flex-flow: row nowrap;
            flex-flow: row nowrap;
            }
            .qr-img_wrapper{
              width: 30%;
            }
            .qr-txt-wrapper{
              width: 40%;
            }
        }



@media only screen and (min-width:991px) and (max-width: 1150px){
  .production-item h3{font-size: 1.5rem;}
  }
@media only screen and (min-width: 920px) and (max-width:1299px){}
@media only screen and (min-width: 770px) and (max-width:919px){
  .production-item h3{font-size: 1.5rem;}
}
@media only screen and  (min-width:451px) and (max-width:769px){
.production-wrapper.short {min-width: 100% !important;width: 100% !important;}
.production-wrapper.short{
  max-height: 18rem;
  height: 18rem;
  }
.production-wrapper{
  max-height: 20rem;
  height: 20rem;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  }
  .production-wrapper.short .production-items{min-width: 30%; width: 30%; }
.production-wrapper.short .production-text{min-width: 70%;width: 70%;}
  .production-text{
    min-width: 100%;
    width: 100%;
  }
  .production-items{
    min-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    }
  .production-item{
    min-height: 8rem;
    height: 8rem;
    }
  .production-item h3{font-size: 1.5rem;width: 100%;}

}
@media only screen and  (min-width:451px) and (max-width:610px){
  .production-wrapper.short {min-width: 100% !important;width: 100% !important;}
.production-item h3{font-size: 1.25rem;width: 60%;top: -10%;}
  }
@media only screen and  (min-width:300px) and (max-width:450px){
  .h1, h1 {
    font-size: 30px !important;
  }
  .production-item h3:after{
    bottom:-3px;
  }
  .production-wrapper.short{
    max-height: 55rem;
    height: 55rem;
    }
.production-title-over{    font-size: 1.2rem;
    position: absolute;
    top: 25px;
    right: 4%;}
.production-char{    position: absolute;
    top: 44px;
    right: 4%;
    text-align: left;
    line-height: 1.2;}
.production-wrapper.katran {
    max-height: 85rem;
    height: 85rem;
  -webkit-flex-flow: column-reverse nowrap;
  -moz-flex-flow: column-reverse nowrap;
  -ms-flex-flow: column-reverse nowrap;
  -o-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
  }
.production-wrapper.short {
  min-width: 100% !important;
  width: 100% !important;
    max-height: 80rem;
    height: 20rem;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;}
.production-wrapper.short .production-text{min-width: 70%; width: 70%; }
.production-wrapper.short .production-text .production-text-title h3{ font-size: 1.5rem;margin: 10px 0 0 0; }
.production-wrapper.short .production-items{min-width: 30%;width: 30%;}
.production-wrapper.short .production-items img{width: 100%;}
  .production-text{
    min-width: 100%;
    width: 100%;
  }
  .production-items{
    min-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    }
.production-item {
    min-height: 10rem;
    height: 10rem;
  }

.production-item h3 {
    font-size: 1.5rem;
    width: 60%;
    top: 0;
    margin: 10px 0 5px 0 !important;
}
.production-item-half {
    min-width: 98%;
    width: 98%;
}
        .production-items-row{
        min-width: 85%;
        width: 85%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        -o-flex-flow: column nowrap;
        flex-flow: column nowrap;
        align-items: center;
        }
}


/* FORM */
/* Form */

.contact-us-subheader{
  font-size: 1.75rem;
    text-align: center;
}


    form > :last-child {
      margin-bottom: 0;
    }

    form > .fields {
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -moz-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: calc(100% + 3em);
      margin: -1.5em 0 2em -1.5em;
    }

      form > .fields > .field {
        -moz-flex-grow: 0;
        -webkit-flex-grow: 0;
        -ms-flex-grow: 0;
        flex-grow: 0;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        padding: 1.5em 0 0 1.5em;
        width: calc(100% - 1.5em);
      }

        form > .fields > .field.half {
          width: calc(50% - 0.75em);
        }

        form > .fields > .field.third {
          width: calc(100%/3 - 0.5em);
        }

        form > .fields > .field.quarter {
          width: calc(25% - 0.375em);
        }

    @media screen and (max-width: 480px) {

      form > .fields {
        width: calc(100% + 3em);
        margin: -1.5em 0 2em -1.5em;
      }

        form > .fields > .field {
          padding: 1.5em 0 0 1.5em;
          width: calc(100% - 1.5em);
        }

          form > .fields > .field.half {
            width: calc(100% - 1.5em);
          }

          form > .fields > .field.third {
            width: calc(100% - 1.5em);
          }

          form > .fields > .field.quarter {
            width: calc(100% - 1.5em);
          }

    }

  label {
    color: #2c3e50;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    margin: 0 0 1em 0;
    text-transform: uppercase;
  }
@media only screen and (min-width:1300px){
  label {
    font-size: 1.2rem;
    letter-spacing: 0.45rem;
  }
}
@media only screen and (min-width: 920px) and (max-width:1299px){
    label {
    font-size: 1.2rem;
    letter-spacing: 0.45rem;
  }
}
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  input[type="url"],
  select,
  textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: rgba(52, 73, 94,0.035);
    border: none;
    border-radius: 0;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
  }

    input[type="text"]:invalid,
    input[type="password"]:invalid,
    input[type="email"]:invalid,
    input[type="tel"]:invalid,
    input[type="search"]:invalid,
    input[type="url"]:invalid,
    select:invalid,
    textarea:invalid {
      box-shadow: none;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    input[type="search"]:focus,
    input[type="url"]:focus,
    select:focus,
    textarea:focus {
      border-color: #2c3e50;
      box-shadow: 0 0 0 2px #2c3e50;
    }

  select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(212, 212, 255, 0.1)' /%3E%3C/svg%3E");
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    height: 2.75em;
    padding-right: 2.75em;
    text-overflow: ellipsis;
  }

    select option {
      color: #ffffff;
      background: #242943;
    }

    select:focus::-ms-value {
      background-color: transparent;
    }

    select::-ms-expand {
      display: none;
    }

  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="search"],
  input[type="url"],
  select {
    height: 2.75em;
  }

  textarea {
    padding: 0.75em 1em;
  }

  input[type="checkbox"],
  input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1;
  }

    input[type="checkbox"] + label,
    input[type="radio"] + label {
      text-decoration: none;
      color: #ffffff;
      cursor: pointer;
      display: inline-block;
      font-weight: 300;
      padding-left: 2.65em;
      padding-right: 0.75em;
      position: relative;
    }

      input[type="checkbox"] + label:before,
      input[type="radio"] + label:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        text-transform: none !important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
      }

      input[type="checkbox"] + label:before,
      input[type="radio"] + label:before {
        background: rgba(212, 212, 255, 0.035);
        content: '';
        display: inline-block;
        font-size: 0.8em;
        height: 2.0625em;
        left: 0;
        letter-spacing: 0;
        line-height: 2.0625em;
        position: absolute;
        text-align: center;
        top: 0;
        width: 2.0625em;
      }

    input[type="checkbox"]:checked + label:before,
    input[type="radio"]:checked + label:before {
      background: #ffffff;
      border-color: #9bf1ff;
      content: '\f00c';
      color: #242943;
    }

    input[type="checkbox"]:focus + label:before,
    input[type="radio"]:focus + label:before {
      box-shadow: 0 0 0 2px #9bf1ff;
    }

  input[type="radio"] + label:before {
    border-radius: 100%;
  }

  ::-webkit-input-placeholder {
    color: rgba(244, 244, 255, 0.2) !important;
    opacity: 1.0;
  }

  :-moz-placeholder {
    color: rgba(244, 244, 255, 0.2) !important;
    opacity: 1.0;
  }

  ::-moz-placeholder {
    color: rgba(244, 244, 255, 0.2) !important;
    opacity: 1.0;
  }

  :-ms-input-placeholder {
    color: rgba(244, 244, 255, 0.2) !important;
    opacity: 1.0;
  }

/* Box */

  .box {
    border: solid 1px rgba(212, 212, 255, 0.1);
    margin-bottom: 2em;
    padding: 1.5em;
  }

    .box > :last-child,
    .box > :last-child > :last-child,
    .box > :last-child > :last-child > :last-child {
      margin-bottom: 0;
    }

    .box.alt {
      border: 0;
      border-radius: 0;
      padding: 0;
    }


/* Actions */

  ul.actions {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    cursor: default;
    list-style: none;
    margin-left: -1em;
    padding-left: 0;
  }

    ul.actions li {
      padding: 0 0 0 1em;
      vertical-align: middle;
    }

    ul.actions.special {
      -moz-justify-content: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      width: 100%;
      margin-left: 0;
    }

      ul.actions.special li:first-child {
        padding-left: 0;
      }

    ul.actions.stacked {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-left: 0;
    }

      ul.actions.stacked li {
        padding: 1.3em 0 0 0;
      }

        ul.actions.stacked li:first-child {
          padding-top: 0;
        }

    ul.actions.fit {
      width: calc(100% + 1em);
    }

      ul.actions.fit li {
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
        width: 100%;
      }

        ul.actions.fit li > * {
          width: 100%;
        }

      ul.actions.fit.stacked {
        width: 100%;
      }

/* Button */

  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  button,
  .more-info-btn,
  .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px rgba(52, 73, 94,0.5);
    color: rgba(52, 73, 94,0.5);
    cursor: pointer;
    /*display: inline-block;*/
    font-size: 1.1rem;
    font-weight: 600;
/*    height: 3.5em;*/
    letter-spacing: 0.25em;
    /*line-height: 3.5em;*/
    padding: 2rem 1.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }

    input[type="submit"]:hover, input[type="submit"]:active,
    input[type="reset"]:hover,
    input[type="reset"]:active,
    input[type="button"]:hover,
    input[type="button"]:active,
    button:hover,
    button:active,
    .button:hover,
    .button:active {
      box-shadow: inset 0 0 0 2px #34495e;
      color: #34495e;
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    button:active,
    .button:active {
      background-color: rgba(155, 241, 255, 0.1);
      box-shadow: inset 0 0 0 2px #53e3fb;
      color: #53e3fb;
    }

    input[type="submit"].icon:before,
    input[type="reset"].icon:before,
    input[type="button"].icon:before,
    button.icon:before,
    .button.icon:before {
      margin-right: 0.5em;
    }

    input[type="submit"].fit,
    input[type="reset"].fit,
    input[type="button"].fit,
    button.fit,
    .button.fit {
      width: 100%;
    }

    input[type="submit"].small,
    input[type="reset"].small,
    input[type="button"].small,
    button.small,
    .button.small {
      font-size: 0.6em;
    }

    input[type="submit"].large,
    input[type="reset"].large,
    input[type="button"].large,
    button.large,
    .button.large {
      font-size: 1.25em;
      height: 3em;
      line-height: 3em;
    }

    input[type="submit"].next,
    input[type="reset"].next,
    input[type="button"].next,
    button.next,
    .button.next {
      padding-right: 4.5em;
      position: relative;
    }

      input[type="submit"].next:before, input[type="submit"].next:after,
      input[type="reset"].next:before,
      input[type="reset"].next:after,
      input[type="button"].next:before,
      input[type="button"].next:after,
      button.next:before,
      button.next:after,
      .button.next:before,
      .button.next:after {
        -moz-transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 36px 24px;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        right: 1.5em;
        top: 0;
        vertical-align: middle;
        width: 36px;
      }

      input[type="submit"].next:before,
      input[type="reset"].next:before,
      input[type="button"].next:before,
      button.next:before,
      .button.next:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
      }

      input[type="submit"].next:after,
      input[type="reset"].next:after,
      input[type="button"].next:after,
      button.next:after,
      .button.next:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='24px' viewBox='0 0 36 24' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %239bf1ff%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0' y1='12' x2='34' y2='12' /%3E%3Cline x1='25' y1='4' x2='34' y2='12.5' /%3E%3Cline x1='25' y1='20' x2='34' y2='11.5' /%3E%3C/svg%3E");
        opacity: 0;
        z-index: 1;
      }

      input[type="submit"].next:hover:after, input[type="submit"].next:active:after,
      input[type="reset"].next:hover:after,
      input[type="reset"].next:active:after,
      input[type="button"].next:hover:after,
      input[type="button"].next:active:after,
      button.next:hover:after,
      button.next:active:after,
      .button.next:hover:after,
      .button.next:active:after {
        opacity: 1;
      }

      @media screen and (max-width: 1280px) {

        input[type="submit"].next,
        input[type="reset"].next,
        input[type="button"].next,
        button.next,
        .button.next {
          padding-right: 5em;
        }

      }

    input[type="submit"].primary,
    input[type="reset"].primary,
    input[type="button"].primary,
    button.primary,
    .button.primary {
      background-color: #ffffff;
      box-shadow: none;
      color: #242943;
    }

      input[type="submit"].primary:hover, input[type="submit"].primary:active,
      input[type="reset"].primary:hover,
      input[type="reset"].primary:active,
      input[type="button"].primary:hover,
      input[type="button"].primary:active,
      button.primary:hover,
      button.primary:active,
      .button.primary:hover,
      .button.primary:active {
        background-color: rgba(52, 73, 94,0.05);
        color: #242943 !important;
      }

      input[type="submit"].primary:active,
      input[type="reset"].primary:active,
      input[type="button"].primary:active,
      button.primary:active,
      .button.primary:active {
        background-color: #53e3fb;
      }

    input[type="submit"].disabled, input[type="submit"]:disabled,
    input[type="reset"].disabled,
    input[type="reset"]:disabled,
    input[type="button"].disabled,
    input[type="button"]:disabled,
    button.disabled,
    button:disabled,
    .button.disabled,
    .button:disabled {
      pointer-events: none;
      cursor: default;
      opacity: 0.25;
    }

.about-section-ul{
  font-size: 1.5rem;
  color: #08375b;
  line-height: 1.6;
  }
.info-section-wrapper{
  width: 100%;
  min-height: 250px;
  padding: 2.5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }
.info-section-unit{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(189,195,199,1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(189,195,199,1);
  box-shadow: 0px 0px 10px 1px rgba(189,195,199,1);
  }
.info-section-unit-icon{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-flow: column wrap;
  -moz-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  -o-flex-flow: column wrap;
  flex-flow: column wrap;
  }
.info-section-unit-icon img{
  transition: .3s ease-in-out;
  transform: scale(1);
  }
.info-section-unit:hover .info-section-unit-icon img{
  /*transform: scale(1.2);    */
  }
.info-section-unit-icon h3{
  text-align: center;
  }
.info-section-unit-text{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }

@media only screen and (min-width:1300px){
  .info-section-wrapper{
    flex-flow: row nowrap;
    justify-content: space-around;

  }
  .info-section-unit{
    justify-content: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    min-width: 32%;
    width: 32%;
    min-height: 375px;
  }
  .info-section-unit-icon{}
  .info-section-unit-icon h3{
    /*border-bottom: 1px solid #333;*/
    padding-bottom: 1rem;
  }
  .info-section-unit-text{
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }
  .info-section-unit-text p{
    text-align: center;
    line-height: 1.5;
    letter-spacing: .1rem;
  }
}
@media only screen and (min-width: 920px) and (max-width:1299px){
  .info-section-wrapper{
    flex-flow: row nowrap;
    justify-content: space-around;
    }
  .info-section-unit{
    justify-content: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    min-width: 32%;
    width: 32%;
    min-height: 375px;
    }
  .info-section-unit-icon{}
  .info-section-unit-icon h3{
    /*border-bottom: 1px solid #333;*/
    padding-bottom: 1rem;
    }
  .info-section-unit-text{
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    }
  .info-section-unit-text p{
    text-align: center;
    line-height: 1.5;
    letter-spacing: .1rem;
    }
  }
@media only screen and (min-width: 770px) and (max-width:919px){
  .info-section-wrapper{
    flex-flow: row nowrap;
    justify-content: space-around;
    }
  .info-section-unit{
    justify-content: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    min-width: 32%;
    width: 32%;
    min-height: 250px;
    }
  .info-section-unit-icon{}
  .info-section-unit-icon h3{
    /*border-bottom: 1px solid #333;*/
    padding-bottom: 1rem;
    font-size: 1.55rem;
    }
  .info-section-unit-text{
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    }
  .info-section-unit-text p{
    text-align: center;
    line-height: 1.5;
    font-size: 1.25rem;
    letter-spacing: .1rem;
    }
  }
@media only screen and  (min-width:451px) and (max-width:769px){
  .info-section-wrapper{
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: space-around;
    }
  .info-section-unit{
    justify-content: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    min-width: 100%;
    width: 100%;
    min-height: 150px;
    margin-bottom: 1rem;
    }
  .info-section-unit-icon h3{
    /*border-bottom: 1px solid #333;*/
    padding-bottom: 1rem;
    font-size: 1.5rem;
    margin: 0;
    }
  .info-section-unit-text{
    justify-content: center;
    align-items: center;
    }
  .info-section-unit-text p{
    text-align: center;
    line-height: 1.5;
    font-size: 1.25rem;
    letter-spacing: .1rem;
    }
  }
@media  (min-width:300px) and (max-width:450px){
    .info-section-wrapper{
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: space-around;
    }
  .info-section-unit{
    justify-content: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    -o-flex-flow: column wrap;
    flex-flow: column wrap;
    min-width: 100%;
    width: 100%;
    min-height: 150px;
    margin-bottom: 1rem;
    }
  .info-section-unit-icon h3{
    /*border-bottom: 1px solid #333;*/
    padding-bottom: 1rem;
    font-size: 1.5rem;
    margin: 0;
    }
  .info-section-unit-text{
    justify-content: center;
    align-items: center;
    }
  .info-section-unit-text p{
    text-align: center;
    line-height: 1.5;
    font-size: 1.25rem;
    letter-spacing: .1rem;
    }
}


.product-page-image{width:100%;}
.product-page-p{
  padding: 2rem;
  text-align: center;
  }
.product-page-p-title{margin: 3rem 0 6rem;}
.product-page-p-body{font-size: 1.5rem;line-height: 1.5;}
.product-page-link{background: #f8f8f9;}
.our-products-section{
  min-height: 40vh;
  background: #f0f0f1;
  margin: 7.5px 22.5px;
  padding-top: 3rem;
  position: relative;
}
.our-products-section .row{
  background: #f8f8f9;
  min-height: 100%;
}
h2.home-page--cat-title{
  z-index: 10;
  font-size: 3rem;
  background: #598ab2;
  padding:5px 7.5px;
  line-height: 1.2;
  color:#f0f0f0;
  margin: 0 3rem;
  }
.purchase-section{
  padding: 0 1rem 3rem;
  background: none;
  }

.purchase-section .container{
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.purchase-section-itemswrap{

}

.purchase-section-item{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 150px;
  /*border: 2px solid #598ab2;*/
  max-width: 20%;
}
.purchase-section-item-num,
.purchase-section-item-body{

}
.purchase-section-item-num{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 5rem;
  background: #09131f;
  color:#fff;
  min-width:65px;
  justify-content: center;
  align-items: center;
}
.purchase-section-item-num-red{background: #e41817 !important;}
.purchase-section-item-num span{
  font-size: inherit;
}
.purchase-section-item-body{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items:  center;
  padding: 0 1rem;
}
.purchase-section-item-body p{
  font-size: 2rem;
  line-height: 2.1rem;
}

@media (min-width:1300px){
  .purchase-section .container .row{ flex-direction: row; -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .purchase-section-item{
    height: 60px;
    max-width: 45%;
    margin-bottom:1rem;
    min-width: 45%;
  }
}

@media only screen and (min-width: 770px) and (max-width:1299px) {
  .purchase-section .container .row{ flex-direction: row; -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .purchase-section-item{
    height: 50px;
    max-width: 45%;
    margin-bottom:1rem;
    min-width: 45%;
  }
  .purchase-section-item-body p{
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
  .purchase-section-item-num{
  font-size: 3.5rem;
  }
}

@media only screen and  (min-width:451px) and (max-width:769px){
  .purchase-section .container .row{ flex-direction: row; -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }
  .purchase-section-item{
    height: 50px;
    max-width: 45%;
    margin-bottom:1rem;
    min-width: 45%;
  }
  .purchase-section-item-body p{
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}

@media  (min-width:300px) and (max-width:450px){
  .purchase-section .container .row{ flex-direction: column; }
  .purchase-section-item{
    height: 50px;
    max-width: 100%;
    margin-bottom:1rem;
    min-width: 100%;
  }
  .purchase-section-item-body p{
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}







.home-page--main-banner {
    min-height: 30rem;
    height: 30rem;
    width: 100%;
    margin: 0 0rem 1rem;
    float: left;
    position: relative;
    font-size: 1.5rem;
    background-size: cover;
    background-image: url(../images/608.jpg);
  }
.home-page--main-banner-wrap{
  text-align: left;
  width:55%;
  margin:5%;
}
.home-page--title{
  text-align: left;
  text-transform: uppercase;
  line-height: 1.3;
  font-weight: 900;
  font-size: 24px;
  }
.home-page--subtitle{
  text-align: left;
  line-height: 1.2;
}
.btn-home-page{
  margin-left: 15px 0 0 0 !important;
  z-index: 10;
  background: #09131f !important;
  padding: 1rem 4rem 1rem 2rem;
  font-size: 1rem;
}

.home-page--cat-banner{
  min-height:125px;
  height: 125px;
  margin: 7.5px;
  float: left;
  position: relative;
  font-size: 18px;
    background-size:cover;
  /*background-image: url("../images/608.jpg");*/
  overflow: hidden;
}
.banner-first{margin-left: 0 !important;}
.banner-last{margin-right: 0 !important;}
.home-page--cat-banner-our{
  min-height:250px;
  height: 250px;
}
.home-page--cat-banner:after, .home-page--cat-banner:before {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.home-page--cat-banner:after {
  width:30%;
  height:5px;
  background: #e41817;
  left:0;
  bottom: 0;
}
.home-page--cat-banner:hover:after {
  width:70%;
}
.home-page--cat-banner:before {
    width: 10%;
    height: 200%;
    background: rgba(127, 140, 141,.1);
    z-index: 1;
    left: -150px;
    top: 0;
    margin: -5px 0 0 -5px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
}
.home-page--cat-banner:hover:before {
    width: 50%;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-15deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-15deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-15deg);
    transform-origin: 0 0;
    transform: rotate(-15deg);
}
.home-page--cat-banner-img{
  width:auto;
  height:105%;
  position: absolute;
  bottom: 0;
  right:0;
  transition: .3s ease-out;
  z-index: 1;
}
.home-page--cat-banner-wrapper{width:100%;height:100%;background: #09131f;opacity: 0;z-index: 5;transition: .5s ease-in-out;}
.home-page--cat-banner:hover .home-page--cat-banner-wrapper{opacity: .1;}
.home-page--cat-banner:hover .home-page--cat-banner-img{height:105%;}
.home-page--cat-banner-title{
  z-index: 10;
  position: absolute;
  top:1rem;
  left:15px;
  font-size: 1.5rem;
  font-weight: 700;
  /*background: #598ab2;*/
  padding:5px 7.5px;
  line-height: 1.2;
  color:#2c3e50;
  }
  .home-page--icon-section{margin: 45px 35px !important;}
  .home-page--icon-text{
    margin: 20px 0;
    font-weight: 600;
    text-align: center;
  }
  .home-page--icon-text__under{text-align: center;line-height: 1.5;}
  .home-page--icon{
    font-size: 40px !important;
    color:#fff;
    margin-top:15px;
    margin-left: calc(-50% + 27.5px);
    transform: translateX(50%) !important;
    }

  .home-page--icon-wrap{
  background: #598ab2;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: relative;
  margin-left: calc(50% - 35px);
  }
  .home-page--icon-wrap:after{
    content: '';
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border:2px solid #598ab2;
    position: absolute;
    z-index: 1;
    top:-10px;
    left: -10px;
  }

.home-page--main-cat{
  font-size: 1.5rem;
  border: 1px solid #f2f2f2;
  border-bottom-width: 0;
  background: #f8f8f9;
  position: relative;
  color:#000;
  padding: .5rem;
  width: 100%;
  transition: .3s ease;
  cursor: pointer;
  }
  .home-page--main-cat:hover{
    border-left: 4px solid #e41817;
  }
  .home-page--main-cat-item{transition: .3s ease;}
.active-menu-item{
  border: 1px solid #f2f2f2;
  border-bottom-width: 0;
  background: #09131f;
  position: relative;
  color:#fff;
  width: 100%;
  }
.active-menu-item .home-page--main-cat-item{color:#fff;}
.home-page--main-subcat{
  background: #fafafa;
  overflow: hidden;
  height: 0;
  transition: .3s ease-in;
  }
.home-page--main-subcat-exp{
  height:auto !important;
}
.home-page--main-subcat .left-catalog-item{

}
.home-page--main-subcat .left-catalog-item li{
  padding: 0.4rem 0;
}
.fav-prod-sidebar{margin-top: 25px;}
.fav-prod-sidebar--title{background: none;padding: 10px 5px 10px 7.5px;font-weight: 600; border-bottom:2px solid #e41817;}
/*.fav-prod-sidebar--title:after{content: ""; width:100%; height: 100%; border-left: :1px solid #e41817;}*/
.fav-prod-sidebar--title span{color:#09131f;font-size: 1rem;}
.fav-prod-sidebar--item{position: relative;}
.fav-prod-sidebar--item-title{position: absolute;color:#fff;background: #09131f;bottom:45px;left:0;padding:5px;font-size: 15px;}
.fav-prod-sidebar--item-price{position: absolute;color:#fff;background: #e41817;bottom:0;left:0;padding:5px;font-size: 17px;}
.section-wide{padding:0 15px !important;}
.section-about p{text-align: justify;}
.fz-x2{font-size: 2.5rem;}
.fz-x21{font-size: 2.25rem;}
.fz-x3{font-size: 3em;}
.padding-zero{padding-right: 0 !important;padding-left: 0 !important;}

.search-wrap{position: relative;}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 2px !important;
    margin-right: 25px !important;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}




@media (min-width:1300px){
  .home-page--hello{background-position-x:right;background-size: cover;}
  .col-9{width:calc(75% - 15px);}
  .col-92{width:calc(37.5% - 15px);}
  .col-92.banner-first,
  .col-92.banner-last{width:calc(37.5% - 7.5px);}
  .col-6{width:calc(50% - 15px);}
  .col-6.banner-first,
  .col-6.banner-last{width:calc(50% - 7.5px) !important;}
  .col-3{width:calc(25% - 15px);}
  .col-3.banner-first,
  .col-3.banner-last{width:calc(25% - 7.5px) !important;}
  .home-page--cat-banner-img{height:80%;}
  .fav-prod-sidebar--title span{font-size: 16px;}
  .section-wide{width:90% !important;margin-left: 5% !important;}
}
@media only screen and (min-width: 770px) and (max-width:1299px) {
  .home-page--hello{background-position-x:right;background-size: cover;}

  /*.home-page--main-banner{margin: 1rem 2rem 0rem;}*/
  .col-9{width:calc(75% - 15px);}
  .col-92{width:calc(37.5% - 15px);}
  .col-92.banner-first,
  .col-92.banner-last{width:calc(37.5% - 7.5px);}
  .col-6{width:calc(50% - 15px);}
  .col-6.banner-first,
  .col-6.banner-last{width:calc(50% - 7.5px) !important;}
  .col-3{width:calc(25% - 15px);}
  .col-3.banner-last,
  .col-3.banner-first{width:calc(25% - 7.5px) !important;}
  .fav-prod-sidebar--item-title {
    position: absolute;
    color: #fff;
    /*background: #09131f;*/
    bottom: 45px;
    left: 0;
    padding: 2px 5px;
    font-size: 16px;
  }
  .fav-prod-sidebar--title span{font-size: 1.5rem !important;}
  .home-page--icon-text{margin:25px 0 25px 5px !important;font-size: 1.5rem;}
  .home-page--cat-banner-img{height:80%;}
}
@media only screen and  (min-width:451px) and (max-width:769px){
  .home-page--hello{background-position-x:right;background-size: cover;}
  .home-page--cat-banner-img-main{height: 80% !important;}
  .col-9{width:calc(75% - 15px);}
  .col-92{width:calc(37.5% - 15px);}
  .col-92.banner-first,
  .col-92.banner-last{width:calc(37.5% - 7.5px);}
  .col-6{width:calc(50% - 15px);}
  .col-6.banner-first,
  .col-6.banner-last{width:calc(50% - 7.5px) !important;}
  .col-3{width:calc(25% - 15px);}
  .col-3.banner-last,
  .col-3.banner-first{width:calc(25% - 7.5px) !important;}
  .home-page--cat-banner-img {
    height: 80%;
  }
 .navbar-nav{background: #34495e;}
}
/*@media only screen and  (min-width:300px) and (max-width:450px){*/
@media  (min-width:300px) and (max-width:450px){
  .table-wrapper {
    overflow-x: scroll !important;
  }
  .img-logo{margin: 0 auto 10px auto !important;}
  .home-page--hello{background-position-x:center;background-size: cover;}
  .banner-first,
  .banner-last{margin: 7.5px !important;}
  .home-page--icon-text{margin: 20px 15px;}
  .mt-25{margin-top: 25px !important;}
  .navbar-nav{background: #34495e;}
  .fz-x2{font-size: 2rem;}
  .col-9{width:calc(100% - 15px);}
  .col-92{width:calc(100% - 15px);}
  .col-6{width:calc(100% - 15px);}
  .col-3{width:calc(100% - 15px);}
  .fav-prod-sidebar--item-img{
    display: block;
    max-width: 50%;
    height: auto;
    margin: auto;
  }
  .fav-prod-sidebar--title span {
    font-size: 1.5rem;
  }
  .home-page--cat-banner-img-main{height: 40% !important;}
  .home-page--cat-banner-img {
    width: auto;
    height: 105%;
    /*bottom:5rem;*/
  }
  .header-search-btn {
    background: #2c3e50;
    color: #ecf0f1;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    padding: 7.5px 15px;
    height: 35px;
  }
  .search-block {
    margin-top: 0;
  }
  .home-page--main-cat {
    padding: 10px 7px;
    width: 100%;
  }
  .home-page--main-banner-wrap {
    width: 80%;
    margin: 10% 5%;
  }
  .home-page--main-banner {
    height: 350px;
  }
  .home-page--cat-banner {
    min-height: 150px;
    height: 150px;

}
}

/*Related Items Flex style*/
.related-flex-box{
  display: flex;
  width:100%;
  height:auto;
  justify-content:center;
  margin-bottom: 5rem;
}
.related-flex-box-wrap{
  justify-content: center;
}
.related-flex-box-img{
  justify-content: center;
}
.related-flex-box-txt{
  line-height: 1.3;
  }
@media (min-width:1300px){
  .related-flex-box{
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -o-flex-flow: row nowrap;
    flex-flow: row nowrap;
    }
  .related-flex-box-wrap{
    width:25%;
    }
  .related-flex-box-img{
    width:100%;
  }
  .related-flex-box-img img{
    width: 75%;
  }
  .related-flex-box-txt .related-info,
  .related-flex-box-txt .related-info a,
  .related-flex-box-txt .related-info span{font-size: 1.5rem !important;}
}
@media only screen and (min-width: 770px) and (max-width:1299px) {
.related-flex-box{
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -o-flex-flow: row nowrap;
  flex-flow: row nowrap;
  }
  .related-flex-box-wrap{
    width:25%;
    }
  .related-flex-box-txt{
    font-size: 1.6rem;
    }
  .related-flex-box-img{
    width:100%;
  }
  .related-flex-box-img img{
    width: 75%;
  }
}
@media only screen and  (min-width:451px) and (max-width:769px){
  .related-flex-box{
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    }
  .related-flex-box-wrap{
    width:100%;
    }
  .related-flex-box-img{
    width:100%;
  }
  .related-flex-box-img img{
    width: 50%;
  }
  .related-flex-box-txt{
    font-size: 1.8rem;
    }
}
@media  (min-width:300px) and (max-width:450px){
  .related_item{width:100%;}
  .related-flex-box{
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -o-flex-flow: column nowrap;
    flex-flow: column nowrap;
    }
  .related-flex-box-wrap{
    width:100%;
    }
  .related-flex-box-img{
    width:100%;
  }
  .related-flex-box-img img{
    width: 50%;
  }
  .related-flex-box-txt{
    font-size: 1.7rem;
    }

}
  .home-page--hello--wrap{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    height:12rem;
    /*background: url(images/bgtr.svg) no-repeat scroll right top, url(images/overlay2.png) repeat scroll 0% 0%, #fff;*/
    padding: 0 2% 0 0;
    }
  .home-page--hello-block--left{
    display: flex;
    flex-flow: column;
    min-height: 100%;
    min-width: 75%;

    }
  .home-page--hello-block--left-up{
    min-height: 50%;
    border-bottom: 1px solid #f0f0f1;
    }
    .home-page--hello-block--left-up h2{
      text-align: left;
      font-size: 2.3rem;
      }
  .home-page--hello-block--left-bot{
    min-height: 50%;
    display: flex;
    align-items: center;
    }
  .home-page--hello-block--right{
    display: flex;
    align-items: center;
    justify-content:center;
    min-width: 25%;
    }
  .home-page--hello-block--right img{
    width:auto;
    height:100%;
    }
@media  (min-width:300px) and (max-width:450px){



  }