@font-face {
    font-family: 'Play';
    src: url('./font/Play-Regular.otf');
}

@font-face {
    font-family: 'Play-Bold';
    src: url('./font/Play-Bold.otf');
}

@font-face {
    font-family: 'FuturaBookC';
    src: url('./font/FuturaBookC.otf');
}

body {
  
}

.header-top {
    position: relative;
}

.background-white {
    background-color: #ffffff;
}

.header-wrapper:before, .header-wrapper:after {
  display:block;
  clear:both;
  content:'';
}

.header-wrapper {
  padding:10px 0;
}

.header-logo {
        float: left;
    }
.header-logo img {
        position: relative;
    }
.header-logo {
        padding: 0px;
    }


.header-logo img {
   max-width:100%;
   width:135px;
}

.header-phone:before  {
  width: 24px;
  height: 24px;
  content: '';
  display: inline-block;
  background-image: url('icon/tel.svg');
  background-size: 100%;
  vertical-align: middle;
  position: relative;

}
@media (min-width:767px) {
  .header-logo img {
   
    width: 282px;
    top:8px;
  }

  .header-phone {
    color: #0583b3;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 68px;
    font-family: 'Play';
  }

  .header-phone:before {

    width: 44px;
    height: 44px;

}

.header-wrapper {
  padding:0 !important;
}

}

.header-phone {
        float: right;
        text-align: left !important;
    }




.hero-holder {
    text-align: center;
    margin: 122px auto;
    font-size: 0;
}

@media (min-width: 786px) {
    .hero-holder {
        margin: 108px auto;
    }
}

@media (min-width: 1200px) {
    .hero-holder {
        margin: 185px auto;
    }
}

.hero-holder .hero {
    display: inline-block;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
    .hero-holder .hero {
        padding: 40px;
    }
}

.hero-holder .hero h1 {
    font-size: 2.2rem;
    font-weight: bold;
    font-family: 'Play-Bold';
    margin: 0;
}

.hero-holder .hero h1 span {
    text-transform: uppercase;
    display: block;
    font-size: 2.8rem;
}

.hero-holder .hero-bottom {
    margin-top: 35px;
    display: inline-block;
    border-top: 3px solid #0583b3;
    padding: 20px 30px;
    background-color: #ff8e12;
    font-size: 1.2rem;
}

@media (min-width: 641px) and (max-width:1024px) {
    .hero-holder .hero h1 {
        font-size: 3.2rem;
    }
    .hero-holder .hero h1 span {
      font-size: 4.4rem;
    }
    .hero-holder .hero-bottom  {
      font-size:1.5rem;
    }
}

@media (min-width: 1025px) {
    .hero-holder .hero h1 {
        font-size: 6.8rem;
    }
    .hero-holder .hero h1 span {
        font-size: 8.8rem;
    }
    .hero-holder .hero-bottom  {
        font-size:2.8rem;
    }
}







@media (min-width: 768px) {
    .row-table {
        display: table;
    }
}

@media (min-width: 768px) {
    .row-table .col-td {
        display: table-cell;
        float: none;
        vertical-align: top;
        height: 100%;
    }
}

.row-table .col-td .content-holder {
    position: relative;
    height: 100%;
}



@media (min-width: 768px) and (max-width:1024px) {
    .row-table .col-td .content-holder__padding-bottom {
        padding-bottom: 45px;
    }
}

@media (min-width: 1025px)  {
    .row-table .col-td .content-holder__padding-bottom {
        padding-bottom: 77px;
    }
}

.four-img-holder {
    overflow: hidden;
}

.four-img-holder .four-img {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    margin: 0 -10px -10px 0;
    background-color: white;
    position: relative;
}

.four-img-holder .four-img li {
    padding: 0 10px 10px 0;
}


    .four-img-holder .four-img li {
        display: inline-block;
        width: 50%;
}

.four-img-holder .four-img li img {
    width: 100%;
}


    .four-img-holder .four-img li.caption-block {
        width: 50%;
        height: 50%;
        position: absolute;
        bottom: 0;
        right: 0;
      }


.four-img-holder .four-img li.caption-block .caption-wrapper {
    height: 100%;
    padding: 30px 20px;
    text-align: center;
    display: block;
}

.four-img-holder .four-img li.caption-block .caption-wrapper {
    text-decoration: none;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__gold {
    background-color: #ff8c1c;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__gold:hover p {
    color: #333;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__gold:active {
    background-color: #ffffff;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__gold:active p {
    color: #333;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__blue {
    background-color: #0583b3;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__blue:hover p {
    color: #333;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__blue:active {
    background-color: #ffffff;
}

.four-img-holder .four-img li.caption-block .caption-wrapper__blue:active p {
    color: #333333;
}

.four-img-holder .four-img li.caption-block .caption-wrapper p {
    margin: 0;
    position: relative;
    font-size: initial;
    color: #ffffff;
}

@media (min-width:767px) {
  .four-img-holder .four-img li.caption-block .caption-wrapper p {

    font-size: 2.2rem;

  }
}



    .four-img-holder .four-img li.caption-block .caption-wrapper p {
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }


.boxed {
    border-left: 3px solid silver;
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
}

@media (min-width:1025px) {
    .boxed {
      padding: 20px;
      margin-bottom: 30px;
    }
}

@media (min-width:768px) and (max-width:1024px)   {
  .boxed-absolute {
  position:absolute;
  bottom:0;
  left:0;
  margin:0;
  }

  .btn-original__second-block {
    bottom:-65px !important;
  }
  .row-table__padding {
    padding-bottom:97px;
  }
}



.section__grey {
    background-color: #f4f4f4;
}

.section__blue {
    background-color: #0583b3;
}

.section__padding {
    padding: 34px 0;
}

@media (min-width: 768px) {
    .section__padding {
        padding: 64px 0;
    }
}

@media (min-width: 768px) {
    .btn__bottom {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

.icon img {
    width: 100%;
    height: 80px;
}

@media (min-wdith:769px) {
  .icon img {
    width: 100%;
    height: 100px;
  }
}

.icon-caption {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Play';
}

.section-title {
    padding-left: 15px;
    margin-bottom: 20px;
}

@media (min-width:768px) {
    .section-title {
        padding-left: 30px;
    }
}

@media (min-width:1025px) {
    .section-title {
        margin-bottom: 40px;
    }
}

.section-title h2 {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 15px;
    margin-top: 0;
    font-family: 'Play';
}

@media (min-width:490px) and (max-width: 768px) {
    .section-title h2 {
        font-size: 2.8rem;
    }
}

@media (min-width: 769px) {
    .section-title h2 {
        font-size: 4.2rem;
    }
}

.section-title p {
    font-size: 1.2rem;
    margin: 0;
}

@media (min-width: 768px) {
    .section-title p {
        font-size: 1.8rem;
    }
}


@media (min-width: 1025px) {
    .section-title p {
        font-size: 2.8rem;
    }
}

.section-title.section-title__white {
    color: #ffffff;
    border-left: 3px solid #ffffff;
}

.section-title.section-title__blue {
    border-left: 3px solid #0583b3;
}



.mobile-padding {
    margin-bottom: 30px;
}


@media (min-width: 767px) {
    .mobile-padding {
        margin-bottom: 0;
    }
}

body {
    font-family: FuturaBookC
}

.icon {
    margin-bottom: 15px
}

@media (max-width:767px) {
    .icon-caption__no-margin {
        margin: 0!important
    }
}

.product-item {
    font-size: 1.6rem;
    background-color: #fff
}

@media (min-width:768px) {
    .product-item {
        font-size: 1.8rem
    }
}

@media (min-width:1025px) {
    .product-item {
        font-size: 2.8rem
    }
}

.product-item .product-image {
    margin-bottom: 35px
}

.product-item .product-image img {
    width: 100%
}

.product-item .product-name {
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 35px;
    font-family: Play
}

.product-item .product-info {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 35px;
    margin-bottom: 35px;
    font-family: Play
}

@media (min-width:1200px) {
    .product-item .product-info {
        padding-left: 30px;
        padding-right: 30px
    }
}

.product-item .product-info li {
    line-height: 1.6
}

.product-item .product-info .product-d {
    font-weight: 700;
    font-family: Play
}

.product-item .product-info .product-d:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(icon/d.svg);
    background-size: 100%;
    vertical-align: middle;
    margin-right: 15px
}

.product-item .product-info .product-gost {
    text-transform: uppercase;
    font-family: Play
}

.product-item .product-info .product-gost:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(icon/award.svg);
    background-size: 100%;
    vertical-align: middle;
    margin-right: 15px
}

.product-item .product-info .product-price {
    color: #ff8c1c;
    font-family: Play
}

.product-item .product-info .product-price:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(icon/rub.svg);
    background-size: 100%;
    vertical-align: middle;
    margin-right: 15px
}

.product-item .btn-order {
    display: inline-block;
    width: 100%;
    background-color: #0583b3;
    color: #fff;
    text-decoration: none;
    line-height: 32px;
    border: 3px solid #0583b3
}

@media (min-width:768px) {
  .product-item .btn-order {
    line-height: 39px;
  }
}

@media (min-width:1025px) {
  .product-item .btn-order {
    line-height: 71px;
  }
}

.product-item .btn-order:active,
.product-item .btn-order:hover {
    background-color: #fff;
    color: #333;
    border-color: #0583b3
}

@media (min-width:1025px) {
    .product-item .product-info .product-price:before, 
    .product-item .product-info .product-gost:before, 
    .product-item .product-info .product-d:before {
      width: 30px;
      height: 30px;
    }
}

.btn-wrapper {
    margin-top: 45px
}

.slick-slide {
    outline: 0!important
}

.section-text {
    padding-left: 18px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .section-text {
        padding-left: 33px
    }
}

.section-text p {
    margin: 0;
    font-size: 1.2rem
}

@media (min-width:768px) {
    .section-text p {
        font-size: 1.8rem
    }
}

@media (min-width:1025px) {
    .section-text p {
        font-size: 2.8rem
    }
}

.section-text__white {
    color: #fff
}

.section-title__sub {
    margin-bottom: 15px!important
}

/*
.certificate img {
    border: 3px solid #c4bfc1;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .certificate img {
        margin-bottom: 0
    }
}
*/
.image-bg {
    position: relative
}

.image-bg:before {
    position: absolute;
    content: '';
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    z-index: -1
}

.image-bg__armatura:before {
    background-image: url(/img/armatura-bg.jpg);
    opacity: .3
}

.image-bg__header:before {
    background-image: url(/img/header-bg.jpg)
}

.image-bg__glass:before {
    background-image: url(/img/glass-bg.jpg);
    opacity: .3
}

.payanddelivery-block {
    margin: 0;
    padding: 40px;
    background-color: #f4f4f4
}




.payanddelivery-block li {
        display: table;
        margin-bottom: 15px;

    }

.payanddelivery-block li p {
        display: table-cell;
        padding-left: 15px;
        text-align: left;
        font-size: 1.2rem;
        vertical-align: middle
    }


.payanddelivery-block li img {
        display: table-cell;

        width:50px;
        vertical-align: middle
    }

    @media (min-width:768px) and (max-width:1024px) {


.payanddelivery-block li img {
      
        height:50px;
        max-width:100%;
    }
    .payanddelivery-block li p {
      font-size: 1.8rem;
      padding-left: 15px;
    }
    .payanddelivery-block li {
      margin-bottom:20px;
    }

    }

    @media (min-width:1025px) {

.payanddelivery-block li img {
      
        height:91px;
        max-width:100%;
    }
    .payanddelivery-block li p {
      font-size: 2.8rem;
      padding-left: 30px;
    }
    .payanddelivery-block li {
      margin-bottom:25px;
    }

  }






.boxed__image {
    /* margin-bottom: 30px */
}

.boxed__image img {
    margin: 0 auto
}

form {
    font-size: 1.8rem;
}

@media (max-width:640px) {
  form {
    max-width:255px;
    margin:0 auto;
    padding-bottom: 20px;
  }
}



form #phone {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 0!important
}

form #comment {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    height: 147px;
    border-radius: 0!important
}

@media (min-width:1025px) {
  form {
    font-size:2.5rem;
  }
  form #phone, form #comment {
  
    padding: 20px;
  }
  form #comment {
    height: 318px;
  }
  
}

.address p {
    font-size: 1.4rem;
    margin: 20px 0 0;
    color: #fff
}

@media (min-width:1025px) {
  .address p {
    font-size: 2.8rem;
  }
}

.slick-prev:before {
    content: "\f104"!important;
    font-family: FontAwesome!important
}

.slick-next:before {
    content: "\f105"!important;
    font-family: FontAwesome!important
}

.slick-prev {
    left: 0!important;
    z-index: 1!important
}

.slick-next:before,
.slick-prev:before {
    font-size: 70px!important
}

.slick-next {
    right: 0!important;
    z-index: 1!important
}

.slick-next,
.slick-prev {
    width: 70px!important;
    height: 70px!important
}

.slick-next:before,
.slick-prev:before {
    color: #7ec1da!important
}

.section-title-plain h2 {
    font-size: 1.8rem;
    margin: 0 0 35px;
    font-weight: 700;
    color: #fff;
    font-family: Play
}

@media (min-width:768px) and (max-width:1024px) {
  .section-title-plain h2 {
    font-size: 2.8rem;
  }
}

@media (min-width:1025px) {
  .section-title-plain h2 {
    font-size: 4.2rem;
  }
}

.section__gold {
    background-color: #ff8c1c
}

.btn-original {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: inherit;
    font-size: 1.6rem;
    line-height: 32px;
    padding: 0 25px !important;

}

@media (min-width:768px) {
    .btn-original__full-width {
        width:100% !important;
    }
}



.btn-original__variable {
  padding: 0 25px !important;
}

@media (min-width:641px) and (max-width:1024px) {
  .btn-original {
    line-height:39px;
  }
}

@media (min-width:1025px) {
  .btn-original {
    line-height:71px;
    width:100% !important;
    
  }
}

@media (min-width:1025px) {
    .btn-original {
        font-size: 2.8rem
    }
}

.btn-original__gold-border {
    border: 3px solid #ff8c1c
}

.btn-original__white-border {
    border: 3px solid #fff
}

.btn-original__gold-bg {
    background-color: #ff8c1c
}

.btn-original__gold-text {
    color: #ff8c1c
}

.btn-original__white-text {
    color: #fff
}

.btn-original__white-text:hover {
    color: #fff!important
}

.btn-original__black-text {
    color: inherit
}

.btn-original p {
    font-size: inherit;
    color: inherit;
    margin: 0
}

.btn-original:hover {
    text-decoration: none;
    color: inherit
}

.btn-original:active {
    text-decoration: none
}

.btn-original__first-type:hover {
    background-color: #ff8c1c;
    border-color: #ff8c1c;
    color: #333!important
}

.btn-original__first-type:active {
    background-color: #ff8c1c;
    color: #fff;
    border-color: #ff8c1c
}

.btn-original__second-type:hover {
    color: #333!important;
    background-color: #fff;
    border-color: #ff8c1c
}

.btn-original__second-type:active {
    color: #ff8c1c;
    background-color: #fff;
    border-color: #ff8c1c
}

.btn-original__third-type:hover {
    color: #333!important;
    background-color: #ff8c1c;
    border-color: #fff
}

.btn-original__third-type:active {
    color: #fff!important;
    background-color: #ff8c1c;
    border-color: #fff
}

.btn-original__fourth-type:hover {
    background-color: #ff8c1c;
    border-color: #fff;
    color: #333!important
}

.btn-original__fourth-type:active {
    background-color: #ff8c1c;
    color: #fff;
    border-color: #fff
}

.btn-original__fifth-type:hover {
    background-color: #ff8c1c;
    border-color: #fff;
    color: #333!important
}

.btn-original__fifth-type:active {
    background-color: #ff8c1c;
    color: #fff;
    border-color: #fff
}

.btn-original__sixth-type:hover {
    background-color: #ff8c1c;
    border-color: #fff;
    color: #333!important
}

.btn-original__sixth-type:active {
    background-color: #ff8c1c;
    border-color: #ff8c1c;
    color: #fff!important
}

.brands {
    font-size: 0;
    margin: 0 !important
}

.brands li {
    width: 100%;
    font-size: initial;
    text-align: center;
    display: inline-block;
    /* margin: 6px 0 */
}

.brands li img {
    height: auto !important;
    max-width:100% !important;
}

@media (min-width:1025px) {
    .brands li img {
        height: 40px
    }
}

@media (min-width:550px) {
    .brands li {
        width: 33.333333%
    }
}


.advantages {
  margin:0;
}

.advantages li {
        display: table;
        text-align: left;
      margin-bottom: 7px;
      }




    .advantages li img {
        display: table-cell;
        vertical-align: middle;
        width: 20px
    }

    @media (min-wdith:1025px) {
       .advantages li img {
      
        width: 30px
    }
    }



    .advantages li p {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px
    }


.rhombus li {
    position: relative;
}

.rhombus li:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 1px solid #0583b3;
    display: inline-block;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right:10px;
}

footer {
    padding: 13px 0
}

footer p {
    margin: 0;
    font-size: 1.8rem
}

@media (min-width:768px) {
    footer p {
        font-size: 2.4rem
    }
}

@media (min-width:1000px) {
    .br-hide {
        display: none
    }
}



 .mobile-padding-contacts {
    padding-bottom:20px;
  }

  @media (min-width:769px) {
  .mobile-padding-contacts {
    padding:0;
  }
}

/* ICONS */

.icons-holder {
  font-size: 0;
  margin: 0;
}
.icons-holder li {
  width: 50%;
  font-size: 1.2rem;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
}

.icons-holder li img {
  margin-bottom: 15px;
  height:40px;
}

@media (min-width: 768px){
  .icons-holder li {
    width: 33.333333%;
  }
}

@media (min-width: 768px) and (max-width:1024px) {
  .icons-holder li {
    font-size:1.8rem;
  }
  .icons-holder li img {
    height:50px;
  }
}

@media (min-width:1025px) {
  .icons-holder li {
    font-size:2.8rem;
  }
  .icons-holder li img {
    height:91px;
  }
}

/* TABLET FIX*/

@media (min-width:768px) and (max-width:1024px) {
  .tablet-fix p, .tablet-fix ul {
    margin:0 !important;
  }
}

/* MAP */


.map {
    height:215px;
  }

@media (max-width:360px) {
  .map {
    margin:0 -20px;
  }
}   

@media (min-width:1025px) {
  .map {
    height:415px;
  }
}

.cert-block {
  font-size: 0;
  margin: 0 -10px;
}

.cert-block li {
  width: 33.333333%;
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 10px;
}
@media (max-width: 639px) {
  .cert-block li {
    width: 50%;
  }
}
.cert-block li a {
  display: block;
}
.cert-block li a img {
  width: 100%;
}