:root {
  --cont-width: 1500px;
}


@font-face {
    font-family: "MyriadProLight";
    src: url("../fonts/MyriadPro-Light.woff") format("woff"),
    url("../fonts/Myriad-Pro-Light_31642.ttf") format("truetype"),
    url("../fonts/Myriad-Pro-Light_31642.otf") format("opentype");
}
@font-face {
  font-family: "MyriadProRegular";
  src: url("../fonts/MyriadPro-Regular.woff") format("woff"),
  url("../fonts/myriadpro-regular.ttf") format("truetype"),
  url("../fonts/myriadpro-regular.otf") format("opentype");
}
@font-face {
  font-family: "MyriadProSemibold";
  src: url("../fonts/MyriadPro-Semibold.woff") format("woff"),
  url("../fonts/MyriadPro-Semibold.ttf") format("truetype"),
  url("../fonts/MyriadPro-Semibold.otf") format("opentype");
}

@font-face {
  font-family: "MyriadProBold";
  src: url("../fonts/MyriadPro-Bold.woff") format("woff"),
  url("../fonts/MyriadPro-Bold.ttf") format("truetype"),
  url("../fonts/MyriadPro-Bold.otf") format("opentype");
}

*{margin:0;padding:0;}
img{border:none; max-width: 100%;}
a{text-decoration: none;}
@keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
body{font-family:"MyriadProLight"; font-size: 20px;/*background-image: url('../images/snow.png'); animation: snow 50s linear infinite;*/}
.clr{clear: both;}

.header-top{background: #3d3e3e;}
  .header-top-content{max-width: var(--cont-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 10px 40px;}
  .header-top-content>h1, .header-top-content>h2{font-size: 25px; color:#fff; font-family: "MyriadProRegular";}
  .icons-header{display: flex; justify-content: space-between; width: 22%;}
  .icon-header{text-align: center; color:#fff; margin: 0 10px;}
  .icon-header>p{font-size: 16px;}
  .time{font-family: "MyriadProRegular"; font-size: 17px; background: url(../images/time-bg-top.jpg) left center no-repeat; padding: 5px 0 0 20%; color: #fff;}
  .mail{font-family: "MyriadProLight"; font-size: 17px; background: url(../images/mail-bg-top.jpg) left center no-repeat; padding: 5px 0 0 20%; color: #fff; text-decoration: underline; display: block;}
  .mail:hover{opacity: 0.6;}
  .time-mail{width: 16%;}
.header-bottom{max-width: var(--cont-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 10px 40px;}
  .header-bottom>a:hover{opacity: 0.7;}
  .header-bottom>a{display: block;}
  .logo{background:url(../images/rol.svg) left center no-repeat; padding-left: 70px;}
  .logo>h2{color:#517cad; font-size: 37px; font-family: "MyriadProSemibold"; text-transform: uppercase;}
  .logo>h2>span{color: #c69413; font-size: 40px;}
  .logo>p{color:#454646; font-size: 15px; font-family: "MyriadProLight"; text-transform: uppercase;}
  .mts, .velcom{display: flex; justify-content: flex-end; align-items: center;}
  .number{color:#6c6c6c; font-size: 20px; font-family: "MyriadProRegular";}
  .contacts a{padding: 0 3px;}
  .contacts a:hover{opacity: 0.6;}
  .all-contacts{display: flex; justify-content: flex-end;}
  .all-contacts>a{text-decoration: underline; color:#c69413;}
.all-contacts>a:hover{text-decoration: none; opacity: 0.7;}

.center-img{background: url(../images/main-bg.jpg) center center no-repeat;}
  .center-img-content{max-width: var(--cont-width); margin: 0 auto; padding: 0 40px;}
  .center-text{text-align: center; background:  rgba(255, 255, 255, 0.5); padding: 17px 5px;}

  .center-text>h1, .center-text>h2{color: #c69413; font-family: "MyriadProSemibold"; font-size: 40px;}

  .center-text>h1>span, .center-text>h2>span{color:#46aa1e; font-size: 44px;}
  .center-text>p{color: #517cad; font-family: "MyriadProSemibold"; font-size: 30px;}
  .advantagers{width: 60%;}
  .advantagers>p, .advantagers-free>p{color: #363636;font-size: 16px;}
  .adv{display: flex; align-items: center; margin: 30px 0;}
  .adv>p{margin-left: 5%; color: #363636; font-size: 25px;}
  .adv-form{display: flex; justify-content: center; align-items: center;}

.form{background: #fff; text-align: center; border:#ccc 1px solid; padding: 20px 35px;}
  .form-item{text-align: left; display: flex; justify-content: space-between; align-items: center; margin: 20px 0;}
  .form>h3{color: #232f3e; font-size: 20px; font-family: "MyriadProSemibold"; text-align: center;}
  .inputbox{border:1px #bbb solid; padding: 5px; font-size: 18px;}
  .button-order-center{background:#c69413;color: #fff;display: block; text-align: center; font-size: 18px; border: none; padding: 5px 35px 3px; font-family: "MyriadProSemibold"; margin: 0 auto; text-transform: uppercase;}
  .button-order-center:hover{opacity:0.7;cursor: pointer;}
  .form span{color: #000; font-size: 16px;}

.social{max-width: var(--cont-width); margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 40px;}
  .soc-text{color:#3d3e3e; font-size: 30px; font-family: "MyriadProRegular";}
  .soc-icons{display: flex; align-items: center;}
  .soc-icons>a{margin: 0 10px;}
  .soc-icons>a:hover{opacity:0.6;}

.adv2{background: url(../images/adv-bg.jpg) center center no-repeat; padding: 80px 0 30px;}
  .adv2-content{max-width: var(--cont-width); margin: 0 auto; display: flex; justify-content: space-between; padding: 0 40px;}
  .adv2-item{text-align: center; width: 20%;}
  .adv2-item>h3{color: #4b4c4c; font-family: "MyriadProSemibold"; font-size: 20px; margin: 10px 0;}
  .adv2-item>p{color: #000; font-family: "MyriadProLight"; font-size: 18px;}
  .but-adv{color: #fff; background: #c69413; padding: 5px 15px; margin: 70px auto 0; width: 15%; text-align: center; display: block;}
  .but-adv:hover{opacity:0.7;}

.blind-kinds{max-width: var(--cont-width); margin: 50px auto; padding: 50px 40px 0;}
  .blind-kinds>h3{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .p-lines{background: #c69413; height: 1px; margin: 5px 27% 20px; border:none;}
  .bl-kinds-block{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .bl-kinds-img{position: relative; display: block;}
  .bl-kinds-img:hover{opacity: 0.6;}
  .bl-kinds-img>p{position: absolute; background: #474747; top: 0; right: 0; padding: 15px 10%; color: #fff; font-size: 23px; font-family: "MyriadProRegular";border-radius: 8px;}
  .bl-kinds-img>img{width: 100%; border-radius: 8px;}
  .bl-kinds-item{width: 30%; padding: 40px 0;}
  .bl-tit{color: #c69413; font-size: 25px; font-family: "MyriadProRegular"; margin: 20px 0; display: block;}
  .bl-tit:hover{opacity: 0.6;}
  .bl-desc{color: #5c5c5c; font-size: 20px; font-family: "MyriadProRegular";}
  .bl-width{color: #474747; font-size: 22px; font-family: "MyriadProRegular"; margin: 30px 0 15px 0;}
  .bl-bottom{display: flex; align-items: baseline;}
  .bl-bottom>a{background: #c69413; color: #fff; font-size: 20px; padding: 5px 25px; margin-right: 4%;}
  .bl-bottom>a:hover{opacity: 0.6;}
  .bl-bottom>p{color: #c69413;font-size: 23px;font-family: "MyriadProSemibold";}
  .kinds-lines{ background: #d0d0d0; height: 1px; margin: 45px 0; border:none;}

  .fabric-wrap{box-shadow: 5px 5px 8px 5px rgba(233,232,232,.3), -5px -5px 8px 5px rgba(233,232,232,.3);}
  .fabric{max-width: var(--cont-width); margin: 0 auto; padding: 30px 40px;}
  .fabric>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center; background: url(../images/cat-icon.png) top center no-repeat; padding: 100px 0 0 0;}
  .fab-line{background: #c69413; height: 1px; margin: 5px 40.5% 40px; border:none;}
  .catalogs{display: flex; justify-content: space-around; flex-wrap: wrap;}
  .catalogs a:nth-child(5){margin-top: 30px;}
  .cat{width: 20%;text-align: center; margin: 0 5px; }
  .cat-p{color: #505050; text-align: center; margin: 10px 0;}
  .cat:hover{opacity: 0.6;}
  .cat-but{color: #fff; text-align: center; background: #c69413; padding: 5px 2%;}

.slider{background: #98b2b1; padding: 20px 0; margin: 50px 0 0;}
  .slider-main{max-width: var(--cont-width); margin: 0 auto; padding: 0 40px;}
  .slider-tit{color:#ffffec; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .slider-line{background: #ffffec; height: 1px; margin: 5px 42.5% 40px; border:none;}
  .slider-desc{color:#ffffec; font-size: 22px; text-align: center;}

/*slider*/
.slider-bg{background: #f6f6f6; padding: 50px 0;}
  .slider-cont-bod{position: relative; height: 545px; max-width: var(--cont-width); margin: 0 auto; padding: 0 40px;}
  .slider-bg>p{text-align: center; color: #3d3e3e; font-size: 30px; font-family: "MyriadProRegular";}
  .slider-container{width: 70%;}
  .slider-content {position: relative; left: 50%; top: 50%; width: 70%; height: 60%; transform: translate(-50%, -50%);}
  .slider-single {position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: z-index 0ms 250ms;}
  .slider-single-image {position: relative; left: 0; top: 0; transition: 800ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0;}

  .slider-single-image {transform: translateX(-50%) scale(0);}
  .slider-single.preactive {z-index: 1;}
  .slider-single.preactive .slider-single-image {opacity: .3;transform: translateX(-30%) scale(0.8);}
  .slider-single.proactive {z-index: 1;}
  .slider-single.proactive .slider-single-image {opacity: .3;transform: translateX(30%) scale(0.8);}
  .slider-single.proactivede .slider-single-image {transform: translateX(50%) scale(0);}
  .slider-single.active {z-index: 2;}
  .slider-single.active .slider-single-image {opacity: 1; transform: translateX(0%) scale(1);}
  .slider-left {position: absolute; z-index: 3; display: block; right: 90%; top: 45%; color: #ffffff; transform: translateY(-50%); margin-right: -2px;}
  .slider-right {position: absolute; z-index: 3; display: block; left: 91%; top: 45%; color: #ffffff; transform: translateY(-50%); margin-left: -2px;}
  .slider-left:hover, .slider-right:hover{opacity: 0.6;}

.attachment{margin: 35px 0 0;}
  .attachment>p, .attachment>h1{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center; padding: 0 10px;}
  .at-line{background: #c69413; height: 1px; margin: 5px 41.5% 30px; border:none;}
  .at-bg{background: #f9f8f8;}
  .at-item{max-width: var(--cont-width); margin: 0 auto; padding: 50px 40px; display: flex; justify-content: space-between; align-items: center;}
  .at-item>img{height: 100%;}
  .at-text{width: 70%;}
  .at-text>h3{color:#505050; font-size: 25px; font-family: "MyriadProRegular"; padding: 0 0 20px 0;}
  .at-text>h3>a{color:#505050; font-size: 25px; font-family: "MyriadProRegular"; padding: 0 0 20px 0; text-decoration: underline;}
  .at-text>h3>a:hover{opacity: 0.7; text-decoration: none;}
  .at-text>p{color:#000;}
  .at-text>p>span{font-family: "MyriadProSemibold"; margin-top: 15px;}
  .at-text>a{display: flex; align-items: center; margin: 15px 0 0 0;}
  .at-text>a>p{font-size: 16px; font-family: "MyriadProRegular"; margin-left: 15px; color:#c69413; text-decoration: underline;}
  .at-text>a:hover{opacity: 0.7;}
  .at-text>a>p:hover{text-decoration:none;}
  .at-text-top{max-width: var(--cont-width); margin: 0 auto 35px; padding: 0 40px;}

  .cats-vertical-content{max-width: var(--cont-width); margin: 0 auto; padding: 50px 40px; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}
  .cats-vertical-content>a{text-align: center; width: 50%;}
  .cats-vertical-content>a>p{font-size: 20px; font-family: "MyriadProRegular";color:#c69413; text-decoration: underline; margin-top: 15px;}
  .cats-vertical-content>a:hover{opacity: 0.7;}
  .cats-vertical-content>a>p:hover{text-decoration:none;}
  .cats-vertical-tit{max-width: var(--cont-width); margin: 0 auto; padding: 50px 40px 0 40px;}
  .cats-vertical-tit>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .cats-line{background: #c69413; height: 1px; margin: 5px 31.5% 30px; border:none;}

.scheme{background: #fdfcfc; padding: 50px 0 0 0;}
  .scheme>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .scheme>hr{background: #c69413; height: 1px; margin: 5px 41.5% 0; border:none;}
  .scheme-content{max-width: var(--cont-width); margin: 0 auto; padding: 50px 40px; display: flex; justify-content: space-between;}
  .step{color:#676868; font-size: 20px; font-family: "MyriadProRegular"; text-align: center; text-transform: uppercase; margin: 10px 0;}
  .step>span{color:#c69414; font-size: 25px;}
  .scheme-item{text-align: center; width: 20%;}
  .scheme-item>a{background: #c69413; color:#fff; text-align: center; padding: 5px 20px; margin: 20px auto; display: block;}
  .scheme-item>a:hover{opacity: 0.6;}


  .breadcrumbs{background: #f7f6f6; padding: 10px 0;}
  .breadcrumbs-content{max-width: var(--cont-width); margin: 0 auto; display: flex; padding: 0 40px;}
  .breadcrumbs-content>a{color: #c69413; font-size: 18px; font-family:"MyriadProRegular"; text-decoration: underline;}
  .breadcrumbs-content>a:hover{opacity: 0.7; text-decoration: none;}
  .breadcrumbs-content>span, .breadcrumbs-content>p{color: #c69413; font-size: 18px; font-family:"MyriadProRegular";}
  .breadcrumbs-content>span{margin: 0 10px;}
  .advantagers-free{width: 49%;}
  .item-form{background: rgba(81, 124, 173, 0.12); display: flex; max-width: var(--cont-width); margin: 30px auto 0; padding: 30px 40px; align-items: end; justify-content: center;}
  .your-name{display: flex; margin: 0 20px; flex-direction: column; align-items: flex-start;}
  .your-name>p{color:#7d7d7d; margin-right: 15px;}
  .item-inputbox{border: 1px solid #ccc; padding: 5px 0; font-size: 18px;}
  .item-button{background: #517cad;color: #fff;padding: 4px 41px;font-size: 22px;margin-left: 15px; cursor: pointer; border: none;}
  .item-button:hover{opacity: 0.7;}
  .item-text{max-width: var(--cont-width); margin: 40px auto; padding: 0 40px;}
  .item-text p{font-size: 22px; padding-bottom: 15px;}
  .item-text p span{font-family: "MyriadProSemibold";}
  .item-text strong{font-family: "MyriadProSemibold";}
  .fabric-wrap{box-shadow: 5px 5px 9px 5px rgba(207,207,207,.2), -5px -5px 9px 5px rgba(207,207,207,.2); padding-bottom: 70px;}
  .dif-wrap{background: #f9f9f9; padding: 20px 0;}
  .differ{max-width: var(--cont-width); margin: 50px auto; padding: 0 40px;}
  .differ>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .differ-line{background: #c69413; height: 1px; margin: 5px 35.5% 40px; border:none;}
  .item-dif-wrap{display: flex; justify-content: space-around;}
  .dif-item{text-align: center; width: 31%;}
  .dif-item>h2{color:#517cad; font-family: "MyriadProRegular"; font-size: 22px; margin: 20px 0;}
  .dif-item>p{text-align: center;}
  .gallery-roller{max-width: var(--cont-width); margin: 60px auto; padding: 0 40px;}
  .gallery-roller>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .gallery-line{background: #c69413; height: 1px; margin: 5px 42.5% 40px; border:none;}
  .gal-content{display: flex; flex-wrap: wrap; justify-content: space-around;}
  .gallery-doors-item-img>a:hover{opacity: 0.7;}
  .gallery-doors-item{text-align: center; margin: 0 0 20px;}
  .gallery-doors-item>p{font-size: 20px; font-family: "MyriadProRegular"; color: #517cad;}
  .gallery-button{background: #517cad; color: #fff; margin: 23px auto; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; display: block; text-align: center; padding: 6px;}
  .gallery-button:hover{opacity: 0.7;}
  .video{max-width: var(--cont-width); margin: 50px auto; text-align: center; padding: 0 40px;}
  .about{max-width: var(--cont-width); margin: 50px auto; padding: 0 40px;}
  .about>p>span{font-family:"MyriadProSemibold";}
  .about>p{margin: 10px 0;}
  .about>p>a{color:#517cad; font-size: 22px; font-family: "MyriadProRegular";}
  .about>p>a:hover{opacity: 0.7;}
  .footer{background: #efefef;}


  .zamer{max-width: var(--cont-width); margin: 40px auto; padding: 0 40px;}
  .zamer>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .zamer>p>span{font-size: 35px; font-family: "MyriadProSemibold";}
  .zamer>hr{background: #c69413; height: 1px; margin: 5px 9.5% 0; border:none;}
  .uni-1-desc, .uni-1-desc-main{margin-bottom: 30px;}
  .uni-1-desc>span, .uni-1-desc-main>span{color: #4e4e4e; font-size: 30px; font-family: "MyriadProSemibold";}
  .uni-1-desc>a, .uni-1-desc-main>a{color: #517cad; font-size: 30px; font-family: "MyriadProSemibold"; text-decoration: underline;}
  .uni-desc{padding: 3px 0;}
  .uni-desc>span{color: #4e4e4e; font-family: "MyriadProSemibold";}
  .important>span, .important-main>span{color: #517cad; font-size: 25px; font-family: "MyriadProSemibold";}
  .important>span:nth-child(2), .important-main>span:nth-child(2){font-size: 20px; color: #4e4e4e;}
  .important>a, .important-main>a{color: #517cad; font-size: 20px; font-family: "MyriadProRegular"; text-decoration: underline;}
  .uni-img{display: flex; justify-content: space-between; align-items: center; margin: 75px 0; flex-wrap: wrap;}
  .uni-img>img{width: 30%;}
  .uni-2 .uni-img{margin: 75px 14%;}
  .uni-1-desc>a:hover, .important>a:hover, .uni-1-desc-main>a:hover, .important-main>a:hover{opacity: 0.7;}
  .uni-1{color:#4e4e4e; margin: 30px 0;}
  .uni-2{margin: 30px 0;}

  .corob-color{max-width: var(--cont-width); margin: 40px auto; padding: 0 40px;}
  .corob-color>p{color: #c69413; font-size: 30px; font-family: "MyriadProRegular"; text-align: center;}
  .corob-color>hr{background: #c69413; height: 1px; margin: 5px 28.5% 28px; border:none;}
  .corob-item-wrap{display: flex; justify-content: space-around; flex-wrap: wrap;}
  .corob-color-item{text-align: center; width: 33%; margin: 10px 0;}
  .corob-color-item>p{font-size: 18px; font-family: "MyriadProRegular";}

  .tc{background: #c69413;}
    .tc-content{max-width: var(--cont-width); margin: 0 auto; display: flex; justify-content: space-between; color: #fff; font-size: 18px; padding: 10px 40px;}

  .pult-kinds{max-width: var(--cont-width); margin: 40px auto; display: flex; justify-content: space-around; align-items: center; flex-direction: column; padding: 0 40px;}
  .pult-img{margin-top: 20px;}

  .nav{max-width: var(--cont-width); margin: 0 auto 40px; display: flex; flex-wrap: wrap; align-items: baseline; border-top: 1px solid #c69413; border-bottom: 1px solid #c69413; padding: 0 40px;}
  .nav>a{text-align: center; width: 16.6%; margin: 15px 0;}
  .nav>a:hover{opacity: 0.7;}
  .nav>a>p{font-size: 16px; font-family: "MyriadProRegular"; color: #000;}
  .current{opacity:0.6;}
  .current>p{color:#c69413!important;}

  .contacts-content{max-width: var(--cont-width); margin: 20px auto 80px; padding: 0 40px;}
  .contacts-content>h1{color:#c69413;}
  .contacts-content>h2{margin:20px 0 10px 0;}
  .contacts-content>p{padding: 5px 0;}
  .contacts-content>p>span{color:#c69413;}
  .contacts-content>p>a{color:#c69413; text-decoration: underline;}
  .contacts-content>p>:hover{text-decoration: none; opacity: 0.7;}
  .contacts-content>iframe{border: 1px solid #ccc;}

  .parent_popup{background:url(../images/form-bg.png) repeat;height:100%;width:100%;z-index:100;position:fixed;display:none;}
  	.popup{width:440px;margin:15% auto;}
  	.form-main{background:#fff;border:3px solid #bd9a41; padding-top: 5%;}
  	.form-main>h3{color:#bd9a41;text-align:center;padding:10px 0 20px 0;font-size:30px;font-family: "MyriadProRegular"; font-weight:lighter;}
  	.close{text-align:center;background:#fff;border:3px solid #bd9a41;width:30px;height:30px;border-radius:50%;float:right;margin:-15px;cursor:pointer; color: #bd9a41;}
    .close>p{padding-top: 10%;}
  	.close:hover{opacity:0.7;}
  	.close>img{margin:9px 0 0 0;}
  	.input-pop{display: flex; margin:7% 0;font-size:20px;color:#008BD0; justify-content: space-between;}
  	.form-text{margin:0 0 0 7%; font-family: "MyriadProLight"; color: #bd9a41;}
  	.inputbox-pop{display:block;background:#fff;border:1px solid #ccc; font-size: 14px; padding:5px 12% 5px 1%;margin:0 9% 0 0;}
    .button-order{background: #bd9a41; padding:  2% 5% 1%; font-family: "MyriadProLight"; font-size: 18px; color: #fff; text-align: center; display: block; width: 35%; margin: 5% auto; border: none;}
    .button-order:hover{opacity: 0.7; cursor: pointer;}
    .feedb{background: #517cad; text-align: center; font-family: "MyriadProSemibold"; font-size: 25px; padding: 20px 0; color: #fff;}
.error{font-size: 60px; font-family: "MyriadProSemibold"; color:#c69413; text-align: center; margin: 60px 0;}
    .error-text{text-align: center; font-family: "MyriadProRegular"; font-size: 25px; margin-bottom: 70px;}
    .error-text>a{color:#c69413; text-decoration: underline;}
    .error-text>a:hover{opacity: 0.7; text-decoration: none;}
    .margin-bot{margin-bottom: 20px;}
.developers-content{max-width: var(--cont-width); margin: 5px auto; padding: 0 40px;}
.developers-content>p{font-size: 16px;}
.developers-content>p>a{background: url(../images/atom.png) left center no-repeat; padding: 5px 0 0 30px; font-family: "MyriadProRegular"; color: #4c4c4c; background-size: contain;}
.developers-content>p>a:hover{opacity: 0.7;}
.developers-content>p>span{color:#727272; font-size: 18px; margin: 0 10px;}

.glass-text {max-width: var(--cont-width);margin: 25px auto 35px;padding: 0 40px;}
.glass-text>p {text-align: center;}
.glass-text>p>span {font-family: "MyriadProSemibold";color: #000;font-size: 18px;padding: 0 0 10px 0;}
.center-glass-form {background: #f9f9f9;margin: 3% 0;text-align: center;}
.center-glass-form>h3 {color: #c69413;font-size: 24px;font-family: "MyriadProSemibold";text-align: center;padding: 22px 0 11px;}
.center-glass-form>form {padding: 0 0 10px 0;}
.inputbox-glass {display: block;background: #fff;border: 1px #ccc solid;padding: 16px 33% 16px 5px;margin: 24px auto;font-size: 18px;font-family: "MyriadProLight";}
.button-order-glass {background: #c69413;color: #fff;display: block;text-align: center;margin: 25px auto;font-size: 18px;border: none;padding: 10px 90px;font-family: "MyriadProLight";}
.button-order-glass:hover{cursor: pointer;opacity: 0.7;}
.inputbox-glass-s{display: none;}
.get-it{text-align: center; font-family: "MyriadProRegular"; font-size: 40px; margin-bottom: 62px;background: #517cad; padding: 20px 0; position: fixed; width: 100%;z-index: 100;top: 50%;color: #ffff; border:5px solid #ccc;}

.row{margin: 20px 0 0 0;display: flex; align-items: center; justify-content: space-around;}
.phone-mes {background: url(../images/rolsht-mes.png) center center no-repeat;height: 334px;display: flex;flex-direction: column;align-items: center;padding:35% 50px 0; background-size: contain;}
.vib {text-align: center;margin-bottom: 15px;}
.vib p{font-family: "MyriadProRegular"; font-size: 16px;}
.mes-top{font-family: "MyriadProRegular";}
.mes-top strong{font-family: "MyriadProSemibold"; font-size: 25px;}
.mes-top p:last-child{font-size: 16px;}
.mes-bot {display: flex;flex-direction: column;justify-content: space-around;margin-top: 50px;}
.mes-bot a {display: flex;align-items: center;border-radius: 8px;padding: 5px 10px 5px 26px;justify-content: space-between;width: 60%; margin-bottom: 15px;}
.vib-but {background: #6f3faa;}
.wap-but {background: #75b73b;}
.tel-but {background: #41b4e6;}
.mes-bot a p {margin: 0;font-family: 'MyriadProSemiBold';color: #fff;}
.hover:hover{opacity: 0.7;}

.blog-item-content{max-width: var(--cont-width); margin: 50px auto 0; display: flex; justify-content: space-between; align-items: center; border: 1px #ccc solid;border-radius: 10px;background: #fff;padding: 5px 40px;}
 .blog-item-content:hover{opacity: 0.7; border: 1px solid #347ab7;}
 .blog-item-img{padding: 0 0 0 2%;}
 .blog-item-text{width: 65%;}
 .blog-item-text>h2{color: #000; padding: 0 0 5px 0;font-family: 'MyriadProSemiBold'; font-size: 20px;}
 .blog-answer{margin-top: 15px;}
 .blog-answer>p{color: #000; padding: 5px 0;}
 .more{text-align: right; color:#347ab7; text-decoration: underline; font-family:'MyriadProRegular'; margin: 3% 4% 0 0;}
 .more:hover{text-decoration: none; cursor: pointer;}
 .date{color:#347ab7; font-size: 16px; font-family:'MyriadProRegular';}

.article-img-big{max-width: var(--cont-width); margin: 0 auto; text-align: center; padding: 0 40px;}
 .article-text{max-width: var(--cont-width); margin: 10px auto;padding: 0 40px;}
 .article-text p span, .article-text ul li span{font-family: 'MyriadProSemiBold';}
 .article-text p{margin: 10px 0;}
 .article-page h2{color: #000;font-size: 25px;font-family: "MyriadProRegular";padding: 0 40px; max-width: var(--cont-width); margin: 30px auto;}
 .article-text h3{font-family: 'MyriadProSemiBold'; font-size: 22px; margin: 20px 0;}
 .article-text ul, .at-text ul{margin: 10px 0; list-style: url(../images/point.jpg); padding: 0 0 0 15px;}
 .article-text ul li, .at-text ul li{margin: 5px 0;}


  @media screen and (max-width: 1150px) {
    .header-top-content>h1, .header-top-content>h2 {font-size: 20px;}
    .time-mail{width: 20%;}
    .icons-header{width: 30%;}
  }

  @media screen and (max-width: 1100px) {
    .slider-content {left: 72%; width: 100%;}
    .slider-single-image{width: 100%;}
    .slider-cont-bod{height: 460px;}
    .time-mail{width:18%;}
    .but-adv{width: 22%;}
    .adv-img{margin-left: 2%;}
    .advantagers-free{width: 54%;}
    .header-top-content{flex-wrap: wrap;}
    .time-mail{width: 100%;}
    .time-mail>p{float: left; margin-right: 5%; padding: 5px 0 0 4%;}
    .time-mail>a{display: inline; padding: 5px 0 0 4%;}
    .icons-header{justify-content: flex-end; width: 30%;}
    .blog-item-content{margin: 50px 10px 0;}
  }

  @media screen and (max-width: 950px) {
    .center-img{background: url(../images/bg-adapt.jpg) center center no-repeat; padding: 20px 0;}
    .adv>p{font-family: "MyriadProRegular";}
    .adv-form{display: block;}
    .advantagers{width: 100%;}
    .form-wrap{background: #517cad; padding: 20px 0;}
    .form{width: 50%; margin: 0 auto; border:#3d3e3e 3px solid;}
    .button-order-center {background: #3d3e3e;}
    .adv-img{margin: 0 auto;width: 40%;}
    .advantagers-free {width: 100%;}
    .blog-item-content {padding: 20px 0 20px 2%;}
    .blog-item-img {width: 30%;}
    .blog-item-img>img {width: 100%;}
    .blog-item-text {width: 60%;}
  }

  @media screen and (max-width: 900px) {
    .slider-cont-bod{height: 400px;}
    .slider-content {left: 71%;}
    .bl-kinds-block {justify-content: space-around;}
    .bl-kinds-item {width: 40%;}
    .at-text {width: 65%;}
    .scheme-content {justify-content: space-around; flex-wrap: wrap;}
    .scheme-item {width: 45%; padding-bottom: 30px;}
    .scheme-item>a {width: 70%;}
    .your-name {margin-top: 10px; width: 70%;}
    .item-inputbox{width: 100%;}
    .item-button {margin-top: 20px; margin-left: 0; width: 70%;}
    .item-form{flex-direction: column; align-items: center;}
    .adv-img{width: 45%;}
  }



  @media screen and (max-width: 800px) {
    .slider-cont-bod{height: 360px;}
    .catalogs>a{width: 35%; padding: 30px 0;}
    .attachment {margin: 40px 0 0;}
    .uni-img{justify-content: space-around;}
    .uni-img>img{width: 34%; margin: 10px 0;}
    .adv-img{width: 50%;}
    .nav>a{width: 25%;}

    .header-top-content>h1, .header-top-content>h2{width: 100%; text-align: center;}
    .time-mail {padding: 0 0 0 25%; width: 100%;}
    .time-mail>p{padding: 5px 0 0 6%; display: inline; margin-right: 0; width: 30%;}
    .time-mail>a{display: inline; padding: 5px 0 0 6%;}
    .icons-header {justify-content: space-around;width: auto;margin: 15px auto;}
    .header-top-content{justify-content: center;}
  }

  @media screen and (max-width: 750px) {
    .social{display: block;}
    .soc-text{text-align: center;}
    .soc-icons{justify-content: space-between; width: 30%; margin: 10px auto 0;}
    .adv2{padding: 30px 0; background: url(../images/bg-adv-adapt.jpg) center center no-repeat;}
    .adv2-content{flex-wrap: wrap;}
    .adv2-item {width: 45%;padding: 20px 0;}
    .but-adv{width: 30%;}
    .at-text {width: 55%;}
    .article-img-big img{width: 70%;}
  }


  @media screen and (max-width: 700px) {
    .slider-cont-bod{height: 320px;}
    .uni-img>img{width: 40%;}
    .uni-2 .uni-img {margin: 75px 5%;}
    .adv-img{width: 60%;}
    .item-dif-wrap{flex-wrap: wrap;}
    .item-dif-wrap>div:nth-child(1), .item-dif-wrap>div:nth-child(2){margin-bottom: 60px;}
    .dif-item{width: 100%;}
    .dif-item>img {width: auto;}
    .corob-color-item {width: 50%;}

    .logo>h2{font-size: 30px;}
    .logo>h2>span{font-size: 31px;}
    .contacts a{display: flex; height: 23px;}
    .contacts a{font-size: 20px;}
    .mts{margin-bottom: 10px;}
  }


  @media screen and (max-width: 650px) {
    .header-bottom{flex-direction: column;}
    .contacts a:last-child{padding: 0 0 0 15px;}
    .logo{margin-bottom: 15px}
    .all-contacts{justify-content: center; margin-top: 10px;}
  }

  @media screen and (max-width: 600px) {
    .slider-cont-bod{height: 280px;}
    .time-mail {padding: 0 0 0 36%; width: 100%;}
    .time-mail>p{padding: 5px 0 0 10%; display: block; width:auto; margin: 5px 0; float: none;}
    .time-mail>a{padding: 5px 0 0 10%; display: block;}
    .form{width: 55%;}
    .soc-icons{width: 45%;}
    .but-adv{width: 40%;}
    .bl-kinds-item {width: 75%;}
    .catalogs>a{width: 40%;}
    .at-text {width: 50%;}
    .scheme-item>a {width: auto;}
    .uni-img>img{width: 50%;}
    .uni-2 .uni-img {margin: 75px 0%;}
    .adv-img{width: 70%;}
    .mes-bot a {width: 150px; margin: 0 auto 15px;}
    .col-up{margin-right: 0;}
    .vib{width: 100%;}
    .mes-sec{width: 60%; margin: 0 auto; display: block;}
    .mes-sec img{width: 100%;}
    .phone-mes{height: auto;padding: 20px 35px 0;}
    .row{align-items: end; margin: 20px 0;}
    .mes-bot{margin-top: 20px;}
    .mes-top{text-align: center;}
    .blog-item-content {display: block; padding: 20px 5px 20px;}
    .blog-item-img {width: 100%;text-align: center;}
    .blog-item-img>img {width: auto;}
    .blog-item-text {width: 100%;margin-top: 20px;}

    .header-top-content, .header-bottom{padding: 10px 20px;}
    .nav, .center-img-content, .adv2-content, .slider-main, .slider-cont-bod, .slider-bg>p, .attachment>p, .attachment>h1, .at-text-top, .zamer, .scheme>p, .glass-text, .contacts-content, .breadcrumbs-content, .differ, .gallery-roller, .item-text, .corob-color, .video, .about, .pult-kinds, .article-text,
    .article-page h2{padding: 0 20px;}
    .blind-kinds{padding: 50px 20px 0}
    .fabric, .item-form{padding: 30px 20px;}
    .at-item, .scheme-content{padding: 50px 20px;}

    .center-text>h1, .center-text>h2{font-size: 33px;}
    .center-text>h1>span, .center-text>h2>span{font-size: 35px;}
    .center-text>p{font-size: 25px;}
  }

  @media screen and (max-width: 500px) {
    .form{width: 70%;}
    .slider-cont-bod {height: 230px;}
    .slider-left {right: 88%;}
    .slider-right {left: 88%;}
    .at-item {flex-wrap: wrap;}
    .at-item>img {order: -1;}
    .at-text {width: 100%; padding-top: 20px;}
    .uni-img>img{width: 60%;}
    .adv-img{width: 80%;}
    .cats-vertical-content>a {width: 80%;}
  }

  @media screen and (max-width: 450px) {
    .time-mail {padding: 0 0 0 26%; width: 100%;}
    .time-mail>p{padding: 5px 0 0 15%; display: block; width:auto; margin: 5px 0; float: none;}
    .time-mail>a{padding: 5px 0 0 15%; display: block;}
    .soc-icons{width: 55%;}
    .slider-cont-bod {height: 200px;}
    .slider-left {right: 85%;}
    .slider-right {left: 85%;}
    .catalogs>a{width: 60%;}
    .uni-img>img{width: 65%;}
    .center-text>h1, .center-text>h3{font-size: 30px;}
    .corob-color-item {width: 100%;}
    .nav>a{width: 33.3%;}
    .nav>a>p{font-size: 13px;}
    .bl-kinds-item{width: 100%;}

    .your-name {width: 90%;}
    .item-button {width: 90%;}
  }

  @media screen and (max-width: 400px) {
    .form{width: 78%;}
    .but-adv{width: 50%;}
    .scheme-item {width: 75%;}
    .mes-top strong{font-size: 20px;}
    .mes-bot a{width: 120px; padding: 5px 10px;}
    .blog-item-img>img {width: 70%;}
  }

  @media screen and (max-width: 360px) {
    .icon-header>p{font-size: 13px;}
  }

  @media screen and (max-width: 350px) {
  .form {width: 71%;}
  .form span {font-size: 16px;}
  .inputbox{font-size: 16px;}
  .logo{padding-left: 25%;}
  .logo>h2{font-size: 30px;}
  .logo>h2>span {font-size: 35px;}
  .logo>p {font-size: 15px;}
}