@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=cyrillic-ext');
@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-SemiBold.eot');
    src: url('../fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-SemiBold.woff2') format('woff2'),
        url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
        url('../fonts/SegoeUI-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,p,
dl, dt, dd, ol, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea,
input, button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
html{
overflow-x: hidden;
}
body, html {
width: 100%;
}
input, textarea {
resize: none;
font-family: 'Roboto', sans-serif;
}
body {
position: relative;
font-weight: 400;
font-family: 'Roboto', sans-serif;
height: 100vh;
display: flex;
  flex-direction: column;
padding: 0;
}
h1, h2, h3, h4, p{
font-weight: normal;
}
h2{
  font-size: 50px;
  font-weight: bold;
  color: #d7ccc8;
  text-align: center;
}
ol, ul {
list-style: none;
}
a{
  text-decoration: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover{
    text-decoration: none;
}
a:focus{
  outline: none;
}
blockquote, q {
quotes: none;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*----------------Preloader----------------*/
#page-preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #363334;
  z-index: 100500;
}

#page-preloader .spinner, #appendblock .spinner{
  width: 160px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(../images/content/123.gif) no-repeat 50% 50%;
  margin: -17px 0 0 -80px;
}
/*----------------Preloader END----------------*/
/*For clearfix*/
.clfx:before,
.clfx:after {
    content:"";
    display:table;
}
.clfx:after {
    clear:both;
}
.clfx {
    zoom:1; /* Хак для IE 6 и 7 */
}
.clear{
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
/* /For clearfix*/
/*For wrap*/
.container-fluid{
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
}
/* /For wrap*/
/*For pull*/
  .mt{
    margin-top: 60px!important;
  }
  .mb{
    margin-bottom: 60px;
  }
  .pl{
    padding-left: 20px;
  }
  .mr{
    margin-right: 50px;
  }
  .ml{
    margin-left: 50px;
  }
  .tal{
    text-align: left!important;
  }
  .tar{
    text-align: right!important;
  }
  .tac{
    text-align: center!important;
  }
  .fwb{
    font-weight: bold!important;
  }
  .ttu{
    text-transform: uppercase!important;
  }
  .ttn{
    text-transform: none!important;
  }
  .m0a{
    margin: 0 auto!important;
  }
/*----------------@media--------------------*/
@media (max-width: 1440px){
  
}
@media (max-width: 1280px){
  
}
@media (max-width: 1152px){
  .txt-section p{
    font-size: 50px!important;
  }
  .menu a{
    font-size: 14px!important;
  }
  .menu li+li{
    margin-left: 10px;
  }
}
@media (max-width: 991px){
  
}
@media (max-width: 768px){
  .menu{
    position: fixed;
    width: 100%;
    max-width: 300px;
    height: 100vh;
    background-color: #363636;
    padding: 100px 20px 60px;
    right: -100%;
    top: 0;
    transition: 0.5s;
    z-index: 100;
  }
  .menu .for-mob,
  .menu li,
  .btn-menu{
    display: block!important;
  }
  .menu a{
    border: 0!important;
  }
  .black-line{
    display: none;
  }
  .menu li+li{
    margin-left: 0!important;
  }
  .menu .for-mob span{
    display: block;
    position: relative;
    text-align: center;
  }
  .menu .for-mob span p{
    color: #fff;
  }
  .menu .for-mob{
    margin-top: 60px;
  }
  .menu .for-mob+.for-mob{
    margin-top: 15px;
  }
  .tel-top p{
    padding-right: 0!important;
  }
  .menu .btn-call-my{
    margin: 0 auto;
    top: 0!important;
    padding: 0!important;
  }
  .open-menu .menu{
    right: 0;
  }
  .txt-section p {
    font-size: 30px!important;
  }
}
@media (max-width: 500px){
  .txt-section p {
    font-size: 18px!important;
  }
}
/*----------------@media END---------------*/
/*----------------Scroll-------------------*/
 /* ::-webkit-resizer{
    background-image: url('');
    background-repeat: no-repeat;
    height: 1px;
    width: 9px;
  }
  ::-webkit-scrollbar{
    width: 9px;
  }
  ::-webkit-scrollbar-button{
    background-image: url('');
    background-repat: no-repeat;
    height: 0px;
    width: 5px;
  }
  ::-webkit-scrollbar-thumb{
    background-color: #ffbe0f;
    border-radius: 0px;
    webkit-border-radius: 0px;
  }
  ::-webkit-scrollbar-track{
    background-color: #fff;
  }*/
/*----------------Scroll END---------------*/
/*----------------BTN ALL------------------*/
.btn-all{
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 45px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  transition: 0.5s;
}
  .btn-trans{
    background-color: transparent;
    border-radius: 30px;
    color: #ff5722;
    border: 3px solid #ff5722;
  }
    .btn-trans:hover{
      color: #fff;
      background-color: #ff5722;
    }
/*----------------BTN ALL END--------------*/
/*----------------Index--------------------*/
/*----------------Header-------------------*/
.black-line{
  position: relative;
  width: 100%;
  padding: 25px 0;
  background-color: #000;
}
  .box-info{
    position: relative; 
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
    .box-info p,
    .box-info a{
      position: relative;
      display: block;
      font-size: 14px;
      font-weight: lighter;
      color: #a4a4a4;
      padding-left: 20px;
    }
      .box-info p:before,
      .box-info a:before{
        content: "";
        position: absolute;
        height: 14px;
        left: 0;
        top: 2px;
      }
      .working p:before{
        width: 14px;
        background: url(../images/content/header-sprite.png) 0% 0% no-repeat; 
      }
      .address p:before{
        width: 10px;
        background: url(../images/content/header-sprite.png) 50% 0% no-repeat; 
      }
      .mail-top a:before{
        width: 14px;
        background: url(../images/content/header-sprite.png) 100% 0% no-repeat; 
      }
      .tel-top p{
        font-size: 22px;
        font-weight: bold;
        padding-left: 0;
        padding-right: 60px;
        color: #fff;
      }
        .btn-call-my{
          position: absolute;
          display: block;
          width: 40px;
          height: 40px;
          right: 0;
          top: -5px;
          background: url(../images/content/tel-icon.png) no-repeat;
        }
        .box-info .btn-call-my{
          position: absolute;
          display: block;
        }
.grey-line{
  position: relative;
  width: 100%;
  padding: 18px 0;
  background-color: #363636;
}
  .nav-box{
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
    .menu li{
      display: inline-block;
    }
      .menu li+li{
        margin-left: 20px;
      }
      .menu a{
        position: relative;
        display: block;
        font-family: 'Segoe UI';
        text-align: center;
        padding: 10px 30px;
        border: 3px solid transparent;
        border-radius: 30px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        color: #fff;
      }
        .menu li.active a,
        .menu li a:hover{
          color: #ff5722;
          border: 3px solid #ff5722;
        }
  .menu .for-mob{
    display: none;
  }
  .btn-menu{
    display: none;
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: url(../images/content/menu-open.png) no-repeat;
    right: 0;
    top: 0;
    z-index: 101;
  }
  .open-menu .btn-menu{
    background: url(../images/content/menu-close.png) no-repeat;
  }
/*----------------Header END---------------*/
/*----------------Content------------------*/
.one-section{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
  .img-section,
  .txt-section{
    position: relative;
    width: 100%;
  }
  .img-section{
    position: relative;
    overflow: hidden;
  }
    .img-section img{
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  .org-section,
  .yellow-section{
    background-color: #ff5722;
  }
  .yellow-section{
    flex-direction: row-reverse;
  }
  .white-section{
    flex-direction: row-reverse;
    background-color: #cfd8dc;
  }
  .grey-section{
    background-color: #232323;
  }
  .txt-section{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }
    .txt-section p{
      font-size: 70px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 100;
      color: #fff;
    }
	.txt-section p a {
	color:#fff;
	}
      .txt-section p span{
        display: block;
        font-weight: bold;
      }
/*----------------Content END--------------*/
/*----------------Footer-------------------*/
footer{
  position: relative;
  width: 100%;
  padding: 25px 0;
  background-color: #000;
}
  .in-footer{
    position: relative; 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
  }
  .in-footer p{
    width: 100%;
    color: #a4a4a4;
    font-size: 14px;
    font-weight: lighter;
  }
    .in-footer p+p{
      text-align: right;
    }
      .in-footer p a{
        color: #ff5722;
      }
/*----------------Footer END---------------*/
/*----------------Popup--------------------*/
.white-popup{
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  background-color: #232323;
}
  .white-popup form{
    padding: 20px 40px;
  }
  .for-title{
    text-align: center;
    background-color: #ff5722;
    padding: 15px 0;
  }
    .for-title h3{
      font-size: 18px;
      text-transform: uppercase;
      font-weight: bold;
      color: #fff;
    }
    .white-popup input,
    .white-popup textarea{
      display: block;
      position: relative;
      width: 100%;
      height: 50px;
      background-color: transparent;
      resize: none;
      border: 1px solid #fff;
      margin-bottom: 20px;
      padding: 0 15px;
      color: #fff;
    }
    .white-popup textarea{
      padding: 15px;
      height: 100px;
    }
      .white-popup .btn-all{
        max-width: 250px;  
        margin: 30px auto 0;
      }
  .contacts-form .check-yes{
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .contacts-form label{
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    color: #fff;
    font-weight: normal;
  }
  .contacts-form label:before{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    left: 0;
    top: 0;
  }
  .contacts-form label:after{
    content: "";
    position: absolute;
    display: none;
    width: 21px;
    height: 16px;
    background: url(../images/content/icon-checked.png) no-repeat;
    left: 10px;
    top: 12px;
  }
  .contacts-form .check-yes:checked + label:after{
    display: block;
  }
  .contacts-form form h3{
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
  }
    .contacts-form form h3 span{
      text-align: center;
      display: block;
      color: #ff5722;
      font-size: 20px;
      margin-top: 15px;
    }
/*----------------Popup END----------------*/
/*----------------Index END----------------*/
/*----------------Other Page---------------*/
.title-page{
  position: relative;
  width: 100%;
  padding: 60px 0;
  background-color: #ff5722;
}
  .title-page h2{
    font-size: 70px;
    font-weight: 100;
    color: #fff;
  }
  .breadcrumb{
    border-radius: 0;
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
  }
  .breadcrumb-box{
    width: 100%;
    padding: 20px 0;
    background-color: #363636;
  }
  .breadcrumb a{
    color: #ff5722;
  }
  .breadcrumb > .active{
    color: #fff;
  }
/*----------------About page---------------*/
.about-page{
  position: relative;
  width: 100%;
  padding: 60px 0;
  background-color: #fff;
}
.about-page p{
  font-weight: 300;
  font-size: 18px;
  color: #222222;
  text-align: center;
}
.about-page h3{
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #363636;
  text-align: center;
  margin: 40px 0 20px;
}
/*----------------About page END-----------*/
/*----------------Catalog page-------------*/
.catalog-page{
  position: relative;
  width: 100%;
  padding: 60px 0;
  background-color: #fff;
}
  .one-product{
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
    .prod-img{
      display: block;
      position: relative;
      width: 200px;
      height: 200px;
      overflow: hidden;
      border: 1px solid #363636;
      margin: 0 auto 15px;
    }
      .prod-img img{
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .prod-img:hover{
        border: 1px solid #ff5722;
      }
  .prod-dscr p{
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #222222;
  }
  .prod-footer span{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #ff5722;
    line-height: 45px;
  }
  .pagination{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    border-radius: 0;
  }
    .pagination > li{
      display: inline-block;
    }
      .pagination > li > a{
        display: block;
        width: 45px;
        height: 45px;
        line-height: 40px;
        float: none;
        text-align: center;
        border-radius: 100%;
        border: 3px solid #ff5722;
        background-color: transparent;
        font-size: 16px;
        font-weight: 400;
        padding: 0;
        color: #ff5722;
      }
      .pagination > li:last-child > a{
        border-bottom-right-radius: 100%;
        border-top-right-radius: 100%;
      }
      .pagination > li:first-child > a{
        border-bottom-left-radius: 100%;
        border-top-left-radius: 100%;
      } 
      .pagination > .disabled > a, 
      .pagination > .disabled > a:hover, 
      .pagination > .disabled > a:focus,
      .pagination > li > a:hover{
        color: #a4a4a4;
        border: 3px solid #a4a4a4;
        background-color: transparent;
      }
      .pagination li+li{
        margin-left: 10px;
      }
.in-catalog-img{
  position: relative;
  width: 100%;
  max-width: 360px;
  height: 360px;
  overflow: hidden;
  border: 1px solid #ff5722;
  margin: 0 auto 60px;
}
  .in-catalog-img img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .catalog-page h4{
    margin-bottom: 20px;
    font-weight: 600;
  }
  .name-prod{
    color: #222222;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .in-catalog-dscr p{
    margin-top: 15px;
    color: #222222;
    font-weight: bold;
    font-size: 18px;
  }
    .in-catalog-dscr p span{
      display: block;
      font-weight: normal;
    }
/*----------------Catalog page END---------*/
/*----------------Contacts page------------*/
.contacts-page{
  position: relative;
  width: 100%;
  padding: 60px 0;
  background-color: #fff;
}
  .contacts-page p{
    font-size: 24px;
    text-align: center;
    color: #222222;
    font-weight: 600;
  }
  .gmap{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
    transition: 0.5s;
  }
    .gmap:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: none;
      -webkit-filter: grayscale(0);
    }
/*----------------Contacts page END--------*/
/*----------------Other Page END-----------*/


.formorderh3 {
display:none;
color:#fff;
text-align:center;
padding:20px 0;
}