/*
html{background:#222;}
#global-wrapper{width:768px !important;background:#fff;margin:0 auto;}
*/
@media (max-width : 970px) {
.whatsapp-button {
position: fixed;
display: block;
bottom: 100px; /*отступ кнопки снизу от экрана*/
right: 18px; /*отступ кнопки слева от экрана(right - справа)*/
background: #ffd200;
border-radius: 50%;
width: 65px;
height: 65px;
opacity: 0.7;
z-index: 99;
animation: none;
}
}
/* 970 */
/* 768 */
/* 480 */
@media all and (max-width : 970px){
html{font:14px/24px 'Open Sans';}
/* Top */
#top{display:none;}
#mobile-top{display:block;}
.main-nav{display:none;}
.mobile-phone{display:block;}
/* Buttons */
a.button.small{font:700 12px/24px 'Open Sans';}
a.button.block{padding:15px 10px;}
/* Quality */
.quality-text{font:14px/22px 'Open Sans';}
.quality-title{font:700 16px/24px 'Open Sans';}
/* Catalog */
.catalog-title{font:700 14px/22px 'Open Sans';}
/* Page form */
.page-form-wrapper{width:95%;}
/* Price */
.price br{display:none;}
.price-text{font:14px/26px 'Open Sans';}
.price-title{font:700 18px/30px 'Open Sans';}
.price-line{margin:20px 0;}
/* Advantages */
.si-arrow{display:none;}
.advantage-item{min-height:0px;}
.advantage-image{display:block;margin:0 auto 20px;width:100%;}
.advantage-border{display:none;}
.advantage-text{position:absolute;top:50px;left:50px;right:50px;bottom:50px;background:rgba(255,255,255,.6);text-align:center;padding:30px;box-sizing:border-box;white-space:nowrap;}
.advantage-text:before{display:inline-block;content:'';vertical-align:middle;height:100%;}
.advantage-text-inner{display:inline-block;white-space:normal;vertical-align:middle;}
.advantage-title{padding:0;}
.advantage-description{margin:30px 0 0;color:#2d2d2d;}
/* Trust */
.trust{width:95%;}
/* Articles */
.articles{width:95%;}
/* Footer */
.copyright{margin:30px 0 0;}
/* Calc */
.calc-wrapper-2{width:100%;}
/* Modals */
.modal-title{font:700 36px/42px Open Sans;}
.modal-top{margin:0 4% 5px;}
.modal-top-text{width:55%;}
.modal-image-title{font:12px/16px 'Open Sans';padding:7px 15px;}
.modal-price{font:24px/30px 'Open Sans';padding:10px 0;}
.modal-params-tabs{}
.modal-params-content{}
.modal-extra{padding:50px 4%;}
.modal-extra-title{font:700 24px/32px 'Open Sans';}
.modal-extra-text{width:45%;}
}
@media all and (max-width : 768px){
/* Titles */
h1{font:900 36px/44px 'Open Sans Condensed', sans-serif;}
h1 br{display:none;}
h2{font:900 32px/42px O'Open Sans Condensed', sans-serif;}
h2.left{text-align:center;}
h2 br{display:none;}
.h2-bg{font:900 80px/80px 'Open Sans Condensed', sans-serif;}
.h2-bg.bottom{bottom:-60px;}
.h2-bg.top{top:-45px;}
.pseudo-h2{font:900 80px/80px 'Open Sans Condensed', sans-serif;}
/* Buttons */
a.button.small{font:700 14px/24px 'Open Sans';}
/* Inputs */
.input{padding:10px 15px;}
/* Delivery */
.delivery-item{clear:none;width:100%;}
.delivery-border{border-width:5px !important;padding:30px;text-align:center;width:auto;height:auto;}
.delivery-border:before,.delivery-border:after{display:none;}
.delivery-title{left:auto !important;right:auto !important;padding:0 0 20px !important;text-align:center !important;font:900 32px/42px Open Sans;}
.delivery-title br{display:none;}
.delivery-text{padding:0;font:14px/26px 'Open Sans';}
/* Quality */
.quality-item{width:48%;margin:0 0 50px;text-align:center;}
.quality-item:nth-child(3){width:100%;}
.quality-icon-wrapper{margin:0 0 20px;float:none;width:auto;}
.quality-icon-wrapper svg{display:block;margin:0 auto;}
/* Catalog */
.catalog-item{width:48%;}
/* Page form */
.page-form-wrapper{width:100%;padding:15px;}
.page-form-wrapper br{display:none;}
.page-form-wrapper.need-br br{display:block;}
.page-form{padding:30px 15px 50px;}
.page-form-title{font:900 22px/30px Open Sans;}
.page-form-title i{font:14px/24px 'Open Sans';padding:15px 0;}
.page-form-subtitle{font:700 16px/24px Open Sans;}
.page-form-inputs{width:90%;}
/* Price */
.price-item{text-align:center;width:46%;}
.price-icon-wrapper{float:none;width:auto;margin:0 auto 20px;}
.price-icon-wrapper svg{display:block;margin:0 auto;}
.price-line{margin:15px auto;}
.price-line.small-pad{margin:15px auto;}
.price-title{font:700 16px/24px 'Open Sans';}
.price-text{font:14px/22px 'Open Sans';}
/* Advantages */
.advantage-text{top:20px;left:20px;right:20px;bottom:20px;}
.advantage-text br{display:none;}
.advantage-title{font:700 20px/32px 'Open Sans';}
.owl-dots{margin:20px 0 0;}
/* Trust */
.trust-item{width:100%;}
/* Articles */
.articles{}
.article-text{clear:both;padding:0 0 0 100px;font:14px/24px 'Open Sans';}
.article-title{margin:10px 0;font:700 16px/24px 'Open Sans';}
.article-photo-item{overflow:hidden;float:none;margin:0 0 10px;}
.article-photo-image{width:100%;}
#articles .text-align-center br{display:none;}
/* Map */
#map{height:360px;}
/* Footer */
footer{padding:50px 0;}
/* Calc */
.calc-title{font:700 16px/24px 'Open Sans';}
.calc-row{margin:0 0 20px;}
.calc-row:first-of-type{margin:0 0 50px;}
.calc-row-half{width:100% !important;margin:0 0 20px;float:none !important;padding:0 !important;}
.calc-description{margin:0;float:none;width:100%;padding:0 0 10px;text-align:center;}
.calc-description br{display:none;}
.calc-row-input-wrapper{width:100%;float:none;}
.jq-radio{float:none !important;margin:0 auto 10px !important;}
label{text-align:center;}
.jq-selectbox__select{height:44px !important;font:700 18px/46px Open Sans,sans-serif !important;}
.jq-selectbox__trigger-arrow{top:20px !important;}
/* Modals */
.si-modal{margin:0 auto;}
.modal-form-title{font:900 32px/42px Open Sans;}
.modal-form-title br{display:none;}
.modal-form-title.small{font:700 20px/26px Open Sans;}
.modal-form-extra{font:16px/24px Open Sans;padding:0 0 20px;}
.modal-time{font:700 20px/30px Open Sans;}
.modal-inputs-wrapper{width:100%;}
.modal-title{font:700 30px/36px Open Sans;}
.modal-images-wrapper{float:none;width:100%;margin:0 auto 20px;max-width:500px;}
.modal-image-title{font:14px/18px 'Open Sans';padding:10px 15px;}
.modal-top-text{width:100%;float:none;}
.modal-param-tab{font:700 14px/24px 'Open Sans';padding:15px 20px;margin:0 5px 0 0;}
.modal-table{}
.modal-table td,.modal-table th{font:12px/16px 'Open Sans';padding:10px;}
.modal-table th{font-weight:700;}
.modal-extra{}
.modal-extra-image-wrapper{width:100%;float:none;}
.modal-extra-text{width:100%;float:none;margin:20px 0;}
.modal-price br{display:none;}
.si-success-modal{font:700 18px/30px Open Sans;}
.success-time{font:16px/28px 'Open Sans';}
}
@media all and (max-width : 480px){
html{font:12px/20px 'Open Sans';}
/* Inputs */
.submit{padding:20px;display:block;width:100%;}
/* Titles */
h1{font:900 24px/32px 'Open Sans Condensed', sans-serif;}
h1 i{font:14px/24px 'Open Sans Condensed', sans-serif; color:#222;}
h2{font:900 24px/32px 'Open Sans Condensed', sans-serif;}
h2 em{font:10px/20px 'Open Sans Condensed', sans-serif;}
.h2-bg{font:900 50px/50px Open Sans;}
.h2-bg.bottom{bottom:-30px;}
.h2-bg.middle{margin-top:-25px;}
.pseudo-h2{font:900 50px/50px Open Sans;}
ul.with-dots li{font:12px/18px 'Open Sans';margin:0 0 10px;padding:0 0 0 15px;}
ul.with-dots li:before{top:6px;}
/* Buttons */
a.button{padding:18px 20px;}
a.button.small{font:10px/18px 'Open Sans';}
/* Top */
.logo{width:170px;height:34px;}
/* Header */
header{background-size:cover;height:auto;padding:150px 0;}
#header-video{display:none;}
.video-overlay{display:none;}
.header-content{padding:0;}
.header-button-wrapper{padding:20px 0 0;}
/* Delivery */
.delivery-title{font:900 20px/32px Open Sans;}
.delivery-text{font:12px/22px 'Open Sans';}
/* Quality */
#quality{padding:15px 0 40px;}
.quality-text{font:12px/20px 'Open Sans';}
.quality-title{font:700 14px/22px 'Open Sans';}
/* Catalog */
#catalog{padding:50px 0 120px;}
.catalog-item{padding:0 5px;}
.catalog-title{padding:20px 0 15px;}
.catalog-button-wrapper{padding:10px 0 0;}
/* Page form */
.page-form{padding:30px 15px 10px}
.page-form.pad{padding:0px 20px 10px;}
.page-form-title{font:900 20px/26px Open Sans;}
.page-form-title.pad{padding:30px 0 20px;}
.page-form-title em{font:10px/20px Open Sans;}
.page-form-title i{font:12px/22px 'Open Sans';}
.page-form-subtitle{font:700 14px/22px Open Sans;}
.page-form-inputs{width:100%;}
.page-form-input{width:100%;}
/* Price */
.price-item{width:100%;margin:0 0 40px;}
/* Advantages */
#advantages{padding:50px 0 115px;}
.advantage-text{top:10px;left:10px;bottom:10px;right:10px;padding:10px;}
.advantage-title{font:700 14px/24px 'Open Sans';}
.advantage-description{font:12px/18px 'Open Sans';margin:15px 0 0;}
/* Trust */
#trust{padding:50px 0;}
/* Articles */
#articles{padding:50px 0 130px;}
.article-date{margin:20px 20px 0 0;}
.article-text{padding:0 0 0 80px;font:12px/22px 'Open Sans';}
.article-title{font:700 14px/22px 'Open Sans';}
.content-pagination span,.content-pagination a{width:30px;height:30px;font:700 14px/30px 'Open Sans';margin:5px;}
/* Footer */
footer{padding:40px 0;}
.social{margin:5px 0 0;}
.social-link{margin:0 5px 0 0;}
/* Calc */
.calc-wrapper-2{padding:10px;}
.calc-wrapper{padding:10px;}
.calc{padding:25px 15px;}
.calc-title{padding:0 0 25px;}
.calc-price{font:700 14px/30px Open Sans;}
.calc-price b{font:700 24px/30px 'Open Sans';}
.calc-price-pallet{font:12px/20px 'Open Sans';}
.calc-button-holder{background:none;left:auto;width:auto;height:auto;}
/* Modals */
.si-modal{font:45px 20px 10px;}
.modal-form-title{font:900 22px/32px Open Sans;}
.modal-form-title.small{font:700 18px/24px Open Sans;}
.modal-form-extra a{display:block;border:0 !important;}
.modal-time{font:700 16px/24px Open Sans;}
.modal-input-wrapper{width:100%;}
.modal-title{font:700 24px/30px Open Sans;}
.modal-image-wrapper{padding:5px;}
.modal-image-title{font:10px/14px 'Open Sans';padding:5px 10px;}
.modal-price{font:18px/24px 'Open Sans';}
.modal-param-tab{font:700 12px/20px 'Open Sans';padding:10px 15px;}
.modal-table{}
.modal-table td, .modal-table th{padding:8px 5px;font:700 12px/20px 'Open Sans';}
.modal-extra{padding:30px 4%;}
.modal-extra-title{font:700 18px/26px 'Open Sans';}
.si-success-modal{font:700 16px/24px Open Sans;}
.si-success-modal-title{font:900 32px/40px Open Sans;}
.success-time{font:14px/24px 'Open Sans';}
}