/* Common */
html, body {height: 100%;}
body{background: #fff; overflow-y: scroll; font-size: 16px;}
h1, .h1{font-size: 24px; font-weight: 400; color: #262626;}
h2, .h2{font-size: 21px; font-weight: 400; color: #262626;}
h3, .h3{font-size: 21px; font-weight: 300; color: #262626;}
p, .p{font-size: 13px; margin: 10px 0;}
li, .li{font-size: 13px; margin: 10px 0;}
textarea{border: 1px solid #c0cad5; font-size: 13px; margin: 0; padding: 6px; width: 100%; resize: vertical;}
textarea:focus{border-color: #b0cfe0; -webkit-box-shadow: 0 0 5px #b0cfe0; box-shadow: 0 0 5px #b0cfe0;}
[type="text"]{border: 1px solid #c0cad5; font-size: 13px; margin: 0; padding: 6px; width: 100%;}
[type="text"]:focus{border-color: #b0cfe0; -webkit-box-shadow: 0 0 5px #b0cfe0; box-shadow: 0 0 5px #b0cfe0;}
[type="password"]{border: 1px solid #c0cad5; font-size: 13px; margin: 0; padding: 6px; width: 100%;}
[type="password"]:focus{border-color: #b0cfe0; -webkit-box-shadow: 0 0 5px #b0cfe0; box-shadow: 0 0 5px #b0cfe0;}
[type="number"]{border: 1px solid #c0cad5; font-size: 13px; margin: 0; padding: 6px; width: 100%;}
[type="number"]:focus{border-color: #b0cfe0; -webkit-box-shadow: 0 0 5px #b0cfe0; box-shadow: 0 0 5px #b0cfe0;}
select{border: 1px solid #c0cad5; font-size: 13px; margin: 0; padding: 5px; width: 100%;}
select:focus{border-color: #b0cfe0; -webkit-box-shadow: 0 0 5px #b0cfe0; box-shadow: 0 0 5px #b0cfe0;}
/* Container */
.wrapper{position: relative;}
.gallery-preload i{animation: gallery-preload-rotate 5s linear 0s infinite;margin-left: 5px;}
.gallery-preload{width: 160px;text-align: center;display: inline-block}
@keyframes gallery-preload-rotate{0%{transform: rotate(0deg)} 100%{transform: rotate(360deg)}}
/* slider */
.slider{display: block;}
/*img_user_adm*/
.table-users__image{position: relative;cursor: pointer}
.table-users__image img{width: 90px; height: 100px; position: absolute; top: -30px; right: -90px; max-height: 100px; display: none; z-index: 101;background: #c4c4c49e;padding: 5px;}
/* Finally default gallery childs */
.gallery-childs{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.gallery-child{position: relative;}
.gallery-child-w,
.gallery-child > a,
.gallery-child > a > img{display: block;}
/* Finally default gallery */
.gallery-items{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.gallery-item-w{display: block;}
.gallery-item{position: relative; display: block;}
.gallery-item{display: block;}
.gallery-item img{display: block;}
/* Gallery sortable list */
.gallery-items-sortable-w{margin: -3px;}
.gallery-items-sortable-w .gallery-item-w{width: 10%; cursor: move;}
.gallery-items-sortable-w .gallery-item{padding: 3px;}
/* Catalog */
.catalog-index-w{margin-bottom: 25px;}
.catalog-index-w+.catalog-items-w{margin-top: 20px;}
.catalog-index-w-inner{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px;}
.catalog-index{position: relative; text-align: center; border: 10px solid rgba(0,0,0,0); width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex;}
.catalog-index img{display: block; margin: 0 auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -o-object-fit: contain; object-fit: contain;}
.catalog-index a{color: #333333; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; width: 100%;border: 1px solid #1B1C1C; background: #fff;}
.catalog-index-text{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 10px 0 10px; font-size: 17px; border-radius: 0 0 2px 2px;}
.catalog-item-hidden .catalog-item-inner {background: #ffbaba;}
.catalog-items-w-x5 .catalog-item{width: 20%;}
.catalog-index-w+.catalog-items-w{margin-top: 20px;}
.catalog-page-inner{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.catalog-item{border: 10px solid rgba(0, 0, 0, 0);}
.catalog-item-hat{position: absolute; height: 3px; left: 4px; right: 4px; top: -4px; border: 1px solid #000; border-bottom: 0; background: #fff;}
.catalog-item-inner{height: 100%; position: relative; display: flex; flex-direction: column; border: 1px solid #1B1C1C; background: #fff}
.catalog-item-name{text-decoration: none; padding: 15px; text-align: center; font-size: 15px; color: #000;}
.catalog-item-name:hover{color: #000;}
.catalog-item-img{padding: 15px; display: block;}
.catalog-item-img img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
.catalog-item-desc{padding: 15px 0; margin-top: auto; border-top: 1px solid #000; display: flex; flex-direction: column; justify-content: center;}
.catalog-item-price{font-size: 21px; text-align: right;}
.catalog-item-tocart-w{margin-left: auto;}
.catalog-item-tocart{color: #fff; position: relative; text-transform: uppercase; background: #C05153; font-size: 16px; padding: 5px 9px; border-radius: 2px; cursor: pointer; text-align: center;}
.catalog-item-tocart:active{top: 1px;}
.catalog-item-tocartcount{width: 50px !important; display: inline-block !important; border-color: #000;}
.catalog-item-sort{margin-bottom: 25px;}
.catalog-item-buttons{margin-top: 10px; text-align: right;}
.catalog-spinner{text-align: center; font-size: 60px;}
.catalog-load-more-w{margin-top: 20px; text-align: center;}
.catalog-page-count-w{margin: 40px -20px; text-align: center; margin-bottom: 0; padding-bottom: 40px; position: relative;}
.catalog-page-count{background: #e5e5e5; border-radius: 2px; display: inline-block; padding: 4px 6px; width: 150px;}
.catalog-badge-hit{position: absolute; top: -5px; left: -6px; width: 145px; height: 145px; z-index: 1;}
.catalog-badge-new{position: absolute; top: -5px; left: -6px; width: 145px; height: 145px; z-index: 1;}
.catalog-badge-sale{position: absolute; top: -5px; left: -6px; width: 145px; height: 145px; z-index: 1;}
.catalog-lent-hit{position: absolute; left: -3px; top: -6px; width: 50px; height: 50px; z-index: 1;}
.catalog-lent-new{position: absolute; left: -3px; top: -6px; width: 50px; height: 50px; z-index: 1;}
.catalog-lent-sale{position: absolute; left: -3px; top: -6px; width: 50px; height: 50px; z-index: 1;}
.catalog-youtube-button{width: 70px; height: 64px; cursor: pointer; margin: 3px;}
.catalog-good-delete{cursor: pointer; position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; z-index: 1;}
.list-good{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; margin: 8px 0; padding: 2px;}
.list-good:hover{background: #ededed;}
.list-good .link-del{margin-left: auto;}
.catalog-main-w{display: -webkit-box;display: -ms-flexbox;display: flex;}
.catalog-main-top{padding-top: 20px; margin-top: 80px; border-top: 1px solid #474747; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between;}
.catalog-main-top-tocart{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.catalog-main-visuals{width: 392px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.catalog-main-img-w{display: -webkit-box;display: -ms-flexbox;display: flex; background: #fff; border: 1px solid #474747; padding: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 522px; position: relative;}
.catalog-main-img{text-align: center; vertical-align: middle; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.catalog-main-img img{display: block; margin: 0 auto; max-width: 350px; max-height: 480px;}
.catalog-main-data{padding-left: 80px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.catalog-main-price{font-size: 27px; font-weight: 500; margin-right: 30px;}
.catalog-main-gallery{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; position: relative; margin-top: 30px;}
.catalog-main-gallery a{display: block; border: 8px solid rgba(0, 0, 0, 0); width: 33.3333%;}
.catalog-main-gallery a:nth-child(4n+1){margin-left: 0;}
.catalog-main-gallery td{width: 76px; height: 76px; max-width: 76px; max-height: 76px; padding: 10px;}
.catalog-main-gallery img{display: block; max-height: 100%; margin: 0 auto;}
.catalog-main-description{font-size: 19px; font-weight: 300;}
.catalog-main-description+.catalog-main-attributes{margin-top: 20px;}
.catalog-main-description p+p{margin-top: 5px;}
.catalog-main-description-main+.catalog-main-description-add{border-top: 1px solid #d7d7d7; margin-top: 20px; padding-top: 20px;}
.catalog-main-attributes td{padding: 9px; background: #fff; border: 1px solid #d7d7d7;}
.catalog-main-tocart{border-color: #000;}
.catalog-main-prices{display: flex;}
.catalog-main-favorite{cursor: pointer; font-size: 17px; user-select: none; -moz-user-select: none; -webkit-user-select: none;}
.catalog-main__stock-status { text-align:right; font-size: 18px; padding: 6px 10px; }
.catalog-main__stock-status--instock { background: #90dc9e; }
.catalog-main__stock-status--stockout,
.catalog-main__stock-status--fororder{background: #ddd;}
.catalog-favorite--favorited i:before{color: red; content: '\f004';}
.catalog-top-button{background: #e8e8e8 none repeat scroll 0 0 !important; color: #000; padding: 4px 11px; text-decoration: none; margin-bottom: 17px; border-radius: 2px !important; display: inline-block; line-height: 23px; position: relative;}
.catalog-top-button:hover{background: #F4CF4E;}
.catalog-popular-wrapper{margin: 20px -20px 0 -20px; padding: 20px;}
/* Cart */
.cart-button{background: transparent; position: relative; margin-left: auto; color: #fff; text-decoration: none; z-index: 60;}
.cart-button__inner{display: flex; height: 100%; cursor: pointer; align-items: center; justify-content: center; font-size: 16px; text-transform: uppercase; font-weight: 500;}
.cart-button .fa-caret-down{-webkit-transition:all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; margin-left: 10px;}
.cart-button.expanded .cart-predata{display: block;}
.cart-button.expanded .fa-caret-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.cart-button-total{/*margin-left: 15px;*/}
.cart-button-total__count{color: #edd4ab}
.cart-button-total__cost{color: #edd4ab}
.cart-icon{width: 25px; margin-right: 10px;}
.cart-predata-top{overflow-y: scroll; overflow-x: hidden;}
.cart-predata-holder{position: relative;}
.cart-predata{position: absolute; cursor: default; min-width: 450px; color: #000; right: 0; background: #fff; border-top: 0; top: 100%; display: none; z-index: 2;}
.cart-predata .cart-items{font-size: 16px;}
.cart-predata .cart-items tr:nth-child(odd){background: #ededed;}
.cart-predata .cart-items tr:nth-child(even){background: #f4f4f4;}
.cart-predata .cart-items tr:hover{background: #5F84A9; color: #fff;}
.cart-predata .cart-items tr:hover a{color: #fff;}
.cart-predata .cart-items tr:hover .cart-item-del{color: #fff;}
.cart-predata .cart-items td{padding: 0 8px;}
.cart-predata .cart-items .cart-item-name{text-align: left; white-space: nowrap; padding: 0;}
.cart-predata .cart-item-name a{display: block; padding: 10px 14px; padding-left: 0;}
.cart-predata .cart-item-image{min-width: 60px;}
.cart-predata .cart-item-image a{display: block;}
.cart-predata .cart-item-image img{height: 28px; margin: 0 auto;}
.cart-predata .cart-item-count{min-width: 60px; text-align: center; white-space: nowrap;}
.cart-predata .cart-item-price{min-width: 85px; text-align: center; white-space: nowrap;}
.cart-predata .cart-item-del{min-width: 30px; font-size: 14px; cursor: pointer; text-align: center; border-left: 1px solid #cccccc; color: #5F84A9;}
.cart-predata .cart-predata-bottom{padding: 10px; border-top: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.cart-predata-shadow{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; background: rgba(0,0,0,0.2); z-index: 56;}
.cart-predata-shadow.cart-predata-shadow-expanded{display: block;}
/*Standalone cart*/
.st-cart{background: #fff; border-radius: 2px; padding-bottom: 20px;}
.st-cart-reload{float: right; cursor: pointer;}
.st-cart-row{padding: 0;}
.st-cart-row-content{padding: 15px; border: 2px solid #ececec;}
.st-cart-row + .st-cart-row{border-top: 0; margin-top: 0;}
.st-cart-row-title{margin: 0; padding: 15px; background: #f7f7f7; border: 2px solid #ececec; color: #2864ae; font-size: 16px; border-top: 0; border-bottom: 0;}
.st-cart-items-header{border-bottom: 2px solid #48bbe8;}
.st-cart-items-footer{border-top: 2px solid #48bbe8;}
.st-cart-formtitle{font-style: italic; margin: 7px 0;}
.st-cart-items th{font-size: 19px; color: #2864ae; text-align: left; vertical-align: middle; padding: 8px 4px; font-weight: normal;}
.st-cart-items td{vertical-align: middle; padding: 6px; font-size: 15px;}
.st-cart-delivery td,
.st-cart-payment td{vertical-align: top;}
.st-cart-item-count input{width: 70px; border: 1px solid #aaa; padding: 4px 6px; font-size: 15px;}
.st-cart-item-price-text,
.st-cart-item-count-text,
.st-cart-item-summ-text,
.st-cart-item-del-text,
.st-cart-item-art{display: none;}
.st-cart-item-summ{width: 180px;}
.st-cart-items tr + tr{border-top: 1px dashed #aaa;}
.st-cart-item-del{width: 60px;}
.st-cart-item-del .fa-stack{font-size: 12px; cursor: pointer; color: #d27575; opacity: 0.8; -webkit-transition:all 0.2s; transition: all 0.2s;}
.st-cart-item-del.all{padding-right: 6px !important;}
.st-cart-item-del.all .fa-stack{color: #a3a3a3;}
.st-cart-item-del .fa-stack:hover{opacity: 1;}
.st-cart-delivery,
.st-cart-payment{table-layout: fixed;}
.st-payment-version-select option:disabled{display: none;}
.st-delivery-version-options{display: none; margin-top: 12px;}
.st-payment-version-options{display: none;}
.st-cart-preloader{width: 180px; height: 40px; margin: 0 auto;}
.st-delivery-version-w label{display: block; cursor: pointer;}
.st-delivery-version-w label i{display: none;}
.st-delivery-version-w input[type="radio"]{display: none;}
.st-delivery-version-w input[type="radio"]:checked + i{display: inline-block;}
.st-payment-version-w{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.st-payment-version-w+.st-payment-version-w{margin-top: 15px;}
.st-payment-version-w label{display: block; cursor: pointer;}
.st-payment-version-w label i{display: none;}
.st-payment-version-w input[type="radio"]{display: none;}
.st-payment-version-w input[type="radio"]:checked + i{display: inline-block;}
.st-cart-tk-name-variant{border-bottom: 1px dashed grey; cursor: pointer;}
.st-error{border-color: red !important; border-width: 1px !important; border-style: solid !important;}
.st-cart-related-title{font-size: 19px; color: #c25555;}
.st-cart-related-title.reached{color: green;}
.st-bg-error{background-color: rgba(192, 81, 83, 0.3);}
/* Содержимое версии */
.st-version-w{border-bottom: 2px solid #ececec; cursor: pointer;}
.st-version-w td{vertical-align: middle; padding: 16px;}
.st-version-w input[type="radio"]{display: none;}
.st-version-w input[type="radio"] + i{display: inline-block; color: #bdbdbd; vertical-align: middle; font-size: 23px;}
.st-version-w input[type="radio"] + i:before{content: "\f096";}
.st-version-w input[type="radio"]:checked + i:before{content: "\f14a"; color: green;}
.st-version-w input[type="radio"]:disabled + i:before{content: "\f0c8"; color: #f5f5f5;}
.st-version-switcher-img{vertical-align: middle; height: 30px; margin: 0 10px;}
.st-version-options{margin: 0; display: block;}
/* Табы */
.st-cart-tab{margin: 5px;}
.st-cart-tabs{display: flex; font-size: 16px; padding: 0; background: #f7f7f7;}
.st-cart-tab label{text-align: center; height: 100%;}
.st-cart-tab [type="radio"]{display: none;}
.st-cart-tab [type="radio"]:checked + span{color: #fff; background: #5b965b; border-color: transparent;}
.st-cart-tab span{padding: 8px 10px; border: 2px solid #ded3d3; cursor: pointer; border-radius: 4px; color: #2864ae; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.st-cart-tab [type="radio"]:checked + span .st-cart-onlinefree{color: orange;}
.st-cart-onlinefree{font-size: 0.8em; color: #562d2d; padding: 0;}
.st-cart-tab:hover span{background: #ededed;}
.delivering-main-city{margin: 0 10px;}
.boxing-result{font-weight: bold; display: block; margin-top: 10px;}
.st-cart-delivery-w{margin-top: 20px;}
.pseudohide{position: absolute; left: -99999px;}
/* Questions */
.questions-w{margin-bottom: 20px;}
.questions-group{width: 48%; padding-right: 20px; padding-bottom: 60px; display: inline-block; vertical-align: top;}
.questions-group:nth-child(2n){padding-right: 0; padding-left: 20px;}
.question-title{margin: 0 0 25px 0; font-size: 32px; font-weight: 300; text-decoration: none; display: block;}
.question{display: block; margin-bottom: 15px; font-size: 15px; text-decoration: none;}
.question:hover{text-decoration: underline;}
.question:last-child{margin-bottom: 0;}
.questions-readmore{font-size: 13px; margin-top: 20px;}
/* Cabinet */
.cabinet-order+.cabinet-order{border-top: 1px solid #d6d6d6;}
.cabinet-order.expanded .cabinet-order-title{background: #f0f0f0;}
.cabinet-order-title{color: #333; cursor: pointer; -webkit-transition:all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 19px; padding: 10px 15px;}
.cabinet-order-title-left{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.cabinet-order-title .fa-caret-down{-webkit-transition:all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.cabinet-order.expanded .cabinet-order-title .fa-caret-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.cabinet-order-content{background: #f5f5f5; display: none; padding: 20px;}
.cabinet-items-table{font-size: 18px; margin-bottom: 20px;}
.cabinet-items-table td{padding: 8px 0; vertical-align:middle;}
.cabinet-order-amount{margin-left: 30px; width: 150px; text-align: right;}
.cabinet-order-status{padding: 5px 10px; font-weight: 300; border-radius: 2px; background: #C05153; color: #fff;}
.cabinet-order-mintitle{font-size: 18px; color: #333333; margin-right: 20px;}
.cabinet-order-minstatus{padding: 5px 20px; border-radius: 4px; margin: 4px 0;}
.vars-option+.vars-option{margin-top: 20px;}
.order-status-row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
/* Search */
.search-results-w{height: 0; overflow: hidden; position: relative;}
.search-results-w-inner{padding: 20px 15px; position: relative; width: 1230px; margin: 0 auto; border-bottom: 1px solid #d7d7d7; }
.search-results-title-w{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.search-results-items{display: none; margin-top: 20px;}
.search-results-title{font-size: 21px; font-weight: 300; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.search-preview-text-w{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; padding: 0 0 0 20px;}
.search-preview-text{margin-left: 10px; color: #808080;}
.search-status{-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; padding: 0 20px; min-width: 250px; text-align: right;}
.search-r{display: block; float: left; width: 152px; text-decoration: none; color: inherit; text-align: center; border: 1px solid #ccc; background: #fff; padding: 8px;}
.search-r .s-price{display: block;}
.search-r .s-img td{height: 150px; vertical-align: middle;}
.search-r img{display: block; margin: 0 auto; max-height: 100%;}
/* Path */
ul.path{list-style: none; font-size: 16px;}
ul.path li{float: left;}
ul.path li a{color: #666; vertical-align: middle; text-decoration: none;}
ul.path li a:hover{text-decoration: underline;}
ul.path li a:visited{color: #666;}
ul.path li:first-child{float: left;}
/* Breadcrumps */
.breadcrumps{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin-bottom: 7px; font-size: 15px; font-weight: 500;}
.breadcrumps-item{display: block; position: relative; color: #edd4ab;}
.breadcrumps-item-last{text-decoration: none; display: none;}
.breadcrumps-separator{font-size: 14px; margin: 0 10px; color: #edd4ab;}
.breadcrumps-separator i{vertical-align: middle;}
/* Mailer */
.mailer-groups-item{display: inline-block; background: #5F84A9; color: #fff; padding: 2px 4px; border-radius: 2px;}
.mailer-groups-checkbox-list{padding: 10px; border: 1px solid #cdcdcd; background: rgba(128, 128, 128, 0.04); display: none;}
.mailer-groups-checkbox-list-item+.mailer-groups-checkbox-list-item{margin-top: 10px;}
/* Список заказов */
.orders-main-w{border: 1px solid #dedede; background: #fff;}
.orders-w{padding: 20px;}
.orders-w:hover{background: #F6F8FC;}
.orders-w+.orders-w{border-top: 1px solid #dedede;}
.orders{border-collapse: collapse; background: #fff;}
.orders td{vertical-align: top; padding: 10px; font-size: 13px; border: 1px solid #dedede;}
.orders th{vertical-align: top; padding: 10px; font-size: 13px; border: 1px solid #dedede; font-weight: normal; text-align: left; background: #f9f9f9;}
.orders select{font-size: 13px; padding: 6px; width: 100%;}
.orders .head td{background: #f9f9f9;}
.orders-edit-good{cursor: pointer;}
.orders-edit-good-cost{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.orders-edit-good-cost div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.orders-edit-good-container-w .orders-edit-good-container{display: none;}
.orders-edit-order-container-w .orders-edit-order-container{display: none;}
.orders-edit-order-container{padding: 20px; background: #fff;}
.orders-edit-good-container{padding: 20px; background: #fff;}
.orders-add-good-input{min-width: 350px;}
.orders-add-good-results-w{overflow-y: auto; max-height: 400px;}
.orders-add-good-results-w td { vertical-align: middle;}
.orders-data:hover{background: #f9f9f9;}
.orders-data-mini td{font-size: 11px;}
.orders-mail-w{max-width: 80px; word-wrap: break-word;}
/* Pagenews */
.pagenews-w{display: -webkit-box;display: -ms-flexbox;display: flex; margin: -12.5px; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.pagenews-item-w{width: 33.3333%; border: 12.5px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex;}
.pagenews-item{-webkit-box-flex: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; border: 1px solid #dddddd; position: relative; -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;}
.pagenews-item:hover{border-color: #000;}
.pagenews-item:hover .pagenews-buttons{opacity: 1; top: 0;}
.pagenews-item:hover .pagenews-bg{opacity: 0.2;}
.pagenews-item::after{content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 22px; background: url('imgs_default/sort-shadow.png') no-repeat center top; background-size: contain;}
.pagenews-bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; -webkit-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s;}
.pagenews-caption{display: block; font-size: 28px; font-weight: 300; color: #0a0a0a; margin-bottom: 20px; text-decoration: none;}
.pagenews-date{display: none;}
.pagenews-buttons{padding-top: 20px; margin-top: 20px; -webkit-transition: all 0.7s; border-top: 1px solid #000; -o-transition: all 0.7s; transition: all 0.7s; position: relative; top: 10px; opacity: 0;}
.pagenews-titlepic{display: block; margin-bottom: 20px;}
.pagenews-titlepic img{display: block;}
.pagenews-adm{float: right;}
/* pagenews preview */
.pagenews-preview{display: flex; margin-bottom: 25px; justify-content: space-between;}
.pagenews-preview-item__image{display: block; margin: 0 auto;}
/* Jivosite z-index fix */
html.jivo-site-full-block body:after{display: none;}
div#jivo-iframe-container:hover{z-index: 52 !important;}
div#jivo-iframe-container:not(.jivo-c-mobile),
div#jivo-iframe-container,
body#jivo_outer_body div#jivo-iframe-container.jivo-custom-label,
div#jivo-iframe-container:not(.jivo-c-mobile),
.jivo-c-mobile,
iframe#jivo_container,
div#jivo-mouse-tracker,
div#jivo-drag-handle,
#jivo_copyright,
._show_1e.wrap_mW,
jdiv .label_39{z-index: 50 !important;}
/* tabulation */
.catalog-tabulation{margin: 30px 0;}
.catalog-tabulation__tabs{display: flex; font-size: 16px; font-weight: 300;}
.catalog-tabulation__tab-button-item{border: 1px solid #a2a2a2; padding: 15px; cursor: pointer; position: relative;}
.catalog-tabulation__tab-button-item:before{content: ''; width: 1px; height: 1px; background: #a2a2a2; position: absolute; top: 100%; left: -1px;}
.catalog-tabulation__tab-button-item + .catalog-tabulation__tab-button-item{margin-left: -1px;}
.catalog-tabulation__tab-button-item--active{position: relative; z-index: 1; border-bottom: 1px solid #fff;}
.catalog-tabulation__tab-button-item:hover{background: rgba(0, 0, 0, 0.025);}
.catalog-tabulation__tab-button-item--active:hover{background: transparent;}
.catalog-tabulation__tab-button-prev,
.catalog-tabulation__tab-button-next{display: none; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 20px; cursor: pointer; align-items: center; font-size: 22px;}
.catalog-tabulation__tab-content-item{border: 1px solid #a2a2a2; padding: 15px; display: none;}
.catalog-tabulation__tab-content-item--active{display: block;}
.catalog-tabulation__tab-content-item > p{margin: 0;}
.catalog-tabulation__tab-contents{margin-top: -1px;}
/***********************************************************************************/
body{ margin-right: 0 !important;}
section{overflow: hidden}
.container{max-width: 1366px; width: 100%; margin: 0 auto; padding: 0 20px}
.flex{display: flex;}
.pd{/*padding: 0*/padding: 100px 0;min-height: 600px;}
.lh{line-height: 28px}
.b{font-weight: bold;}
.phone_style{font-size: 24px; display: flex; align-items: center; color: #fff; text-decoration: none}
.phone_style i{color: #36c0c2; margin-right: 12px}
.tl{text-align: left}
.tr{text-align: right}
.white_bg{background: #fff;}
.white_bg .menu_fix {color: #000;}
.white_bg .menu-box > a { color: #000;}
.white_bg .mob__btn{ border: 1px solid #e5e5e5;}
.white_bg .mob__btn svg > g { fill: #000; }
.white_bg .mob__btn2 svg > path { stroke: #000; }
.footer a { color: #fff;}
.black_bg{background: url(/site/templates/default/imgs/linearbg.png) repeat center; color: #fff}
.black_bg .h1,
.black_bg .h2{color: #fff}
.black_bg .input-effect input{border-color: #fff}
.black_bg .input-effect select{border-color: #fff}
.black_bg .mob__btn{ border: 1px solid #666;}
.black_bg .mob__btn svg > g { fill: #fff; }
.black_bg .mob__btn2 svg > path { stroke: #fff; }
.transparent_bg {color: #fff}
.transparent_bg .h1,
.transparent_bg .h2{color: #fff}
.transparent_bg .input-effect input{border-color: #fff}
.transparent_bg .input-effect select{border-color: #fff}
/*.transparent_bg .mob__btn{ border: 1px solid #666;}*/
.transparent_bg .mob__btn svg > g { fill: #fff; }
.transparent_bg .mob__btn2 svg > path { stroke: #fff; }
.separator{height: 1px; background: #41424d}
.separator_vertical{width: 1px; height: 115px; background: #e5e5e5}
.grey_color{color: #d6d8e0}
.fw500{font-weight: 500;}
.center_wrapper{display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column}
.numerate{width: 42px; height: 42px; background: #f0f1f5; color: #36c0c2; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-weight: bold;}
.numerate_color{width: 42px; height: 42px; background: #36c0c2; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-weight: bold;}
.input-effect{display: block; position: relative;}
.input-effect input{width: 100%; background: none; border: none; border-bottom: 1px solid #000; outline: none; z-index: 1; position: relative; padding: 10px 0; transition: .3s; font-size: 16px;}
.input-effect select{width: 100%; background: none; border: none; border-bottom: 1px solid #000; outline: none; z-index: 1; position: relative; padding: 10px 0; transition: .3s; font-size: 16px;}
.input-effect label{position: absolute; top: 12px; left: 0; font-size: 16px; z-index: 0; transition: .3s; color: #999999; font-weight: 500;}
.input-effect input:focus ~ label{transform: translateY(-22px); font-size: 13px; color: #36c0c2;}
.input-effect select:focus ~ label{transform: translateY(-22px); font-size: 13px; color: #36c0c2;}
.input-effect input:focus {border-color: #36c0c2}
.input-effect select:focus {border-color: #36c0c2}
input.has-content ~ label{transform: translateY(-22px); font-size: 13px; color: #36c0c2;}
select.has-content ~ label{transform: translateY(-22px); font-size: 13px; color: #36c0c2;}
input.has-content {border-color: #36c0c2}
select.has-content {border-color: #36c0c2}
/* Навигация для плагина */
#fp-nav{position: absolute; z-index: 100; top: 50%; transform: translateY(-50%); right: 20px;}
#fp-nav ul li a > span{display: none}
#fp-nav ul li{list-style: none; display: flex; justify-content: flex-end;}
#fp-nav ul li a{width: 24px; height: 3px; display: block; background: #36c0c2; transition: .3s; position: relative; color: #fff}
#fp-nav ul li a.color_black{color: #000}
#fp-nav ul li a span:first-child{position: absolute;top: -23px;font-weight: 600;left: 13px; font-size: 16px;}
#fp-nav ul li a.active{width: 66px}
#fp-nav ul li a.active span{display: block}
#fp-nav ul{display: grid; grid-gap: 21px;}
*{margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;}
.head{background: url(/site/templates/default/imgs/bghead.jpg) no-repeat center center/cover; color: #fff; font-size: 18px; position: relative;height:100vh;min-height: 650px;}
.headbg2{background: url(/site/templates/default/imgs/bghead2.jpg) no-repeat center center/cover;}
.headbg3{background: url(/site/templates/default/imgs/bghead3.jpg) no-repeat center center/cover;}
.menu{font-size: 16px; justify-content: space-between; align-items: center; gap: 24px;}
.menu__links{width: 100%; display: flex; justify-content: space-between; gap: 10px; text-align: center; align-items: center; font-size: 14px;
margin-left: 16px;}
.menu-box{position: relative;}
.submenu{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 244px; padding-top: 20px; display: none}
.menu-box:hover > .submenu{display: block}
.submenu-w{font-size: 14px; background-color: rgba(255, 255, 255, 0.96); display: flex; flex-direction: column; border-radius: 3px; position: relative; padding: 14px 0; box-shadow: 5px 5px 19px #00000014}
.submenu-w:after{content: ''; position: absolute; left: 50%; top: -26px; border: 13px solid transparent; border-bottom: 13px solid rgba(255, 255, 255, 0.96); transform: translateX(-50%);}
.submenu-box {padding: 20px 30px; transition: .2s}
a.submenu-box {color: #000; text-decoration: none}
.color_black .submenu-w{background-color: rgba(33, 34, 47, 0.961);}
.color_black .submenu-w:after{border-bottom: 13px solid rgba(33, 34, 47, 0.961)}
.color_black .submenu a{color: #fff}
.submenu-box:hover{background: #eee;}
.menu-box > a{color: #fff; text-decoration: none}
.menu_btn-col2.active{display: grid; grid-template-columns: auto auto; grid-gap: 20px}
.head__title-inner{position: relative}
.head__title{font-size: 72px; margin-bottom: 36px; font-weight: 500; }
.head__title.absolute{position: absolute; top: 0; left: 0; right: 0; bottom: 0}
.head__desc{max-width: 555px; margin: 0 auto}
.head__desc-col1{display: grid; justify-content: center; grid-template-columns: auto auto; grid-gap: 40px;}
.head__desc-col1 span {color: #36c0c2; background: rgba(255, 255, 255, 0.2); padding: 8px 14px; border-radius: 3px; font-size: 16px;}
.head__caption{max-width: 1000px; text-align: center; margin: 0 auto; margin-bottom: 60px}
.head__separator{width: 480px; height: 1px; background: #fff; margin: 0 auto; opacity: 0.2; margin-bottom: 35px}
.head__video-w{position: absolute; top: 0; left: 0; bottom: 0; right: 0;overflow: hidden; z-index: 5}
.head-col1{position: relative;}
.fullscreen-bg__video{width: 100%; height: 100%; object-fit: cover;}
.head__video-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
.asite_btn-w{text-align: center}
.head .head-col1 > .container{text-align: center}
.head .head-col1 .head__caption{display: inline-block; z-index: 10; position: relative}
.head .head-col1 .asite_btn{z-index: 10; position: relative}
.button-blink{position: relative}
.promotion__button-w{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.button-blink:after{ content: '';
background: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: 200% 0;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;}
.promotion__button{transition: .2s; width: 100%; height: 100%}
@keyframes up-down {
0% {
transform: translateY(-10px);
}
100% {
transform: translateY(10px);
}
}
.promotion__button:after{animation: blink 5s infinite;animation-delay: 2s}
@keyframes blink {
0%{
}
40%{
background-position: 100px 0;
transition: .5s linear;
}
95%{
}
100%{
background-position: -400% 0;
transition: .5s linear;
}
}
.asite_btn{padding: 14px 24px; padding-right: 48px; color: #fff; background: #36c0c2; display: inline-block; border-radius: 40px; font-size: 14px; font-weight: 500; cursor: pointer; position: relative; overflow: hidden; transition: .3s;}
.asite_btn2{padding: 14px 24px; /*padding-right: 48px;*/ color: #fff; background: #36c0c2; display: inline-block; border-radius: 40px; font-size: 14px; font-weight: 500; cursor: pointer; position: relative; overflow: hidden; transition: .3s}
.asite_btn2:hover{background: #3b3c47;}
.asite_btn.prjct_btn:hover:before{right: 24px;}
.asite_btn.prjct_btn:hover:after{left: -50px}
.asite_btn.prjct_btn:hover{background: none;}
.asite_btn.prjct_btn:hover > div{transform: translateX(0)}
a.asite_btn{text-decoration: none;}
.asite_btn::after, .asite_btn::before{content: "\f178"; font-family: "fontawesome"; position: absolute; top:50%; right: 24px; transform: translateY(-50%); font-size: 16px; transition: .3s}
.asite_btn::after{right: initial; left: -50px;}
.asite_btn:hover{background: #33afb1; border-color: #33afb1}
.asite_btn:hover:before{right: -50px;}
.asite_btn:hover:after{left: 24px}
.asite_btn > div{transition: .3s}
.asite_btn:hover .translate{transform: translateX(24px)}
.menu_fix{color: #fff}
.btn_wrap{text-align: center; display: flex; justify-content: center; align-items: center}
.btn_wrap > *{margin: 0 18px}
.btn_wrap .desc{max-width: 250px; text-align: left; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 22px}
.btn_wrap .desc span{color: #33afb1;font-weight: 600;}
.mdown{width: 35px; height: 54px; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); border: 1px solid #fff; border-radius: 20px; display: flex; flex-direction: column; align-items: center; padding-top: 10px; animation: up-down infinite 1s alternate; cursor: pointer; z-index: 10}
@keyframes up-down {
to{
transform: translateY(0)
}
from{
transform: translateY(10px)
}
}
.mdown > div{width: 5px; height: 5px; background: #fff; border-radius: 50%}
.mdown > div:first-child{background: #36c0c2; margin-bottom: 1px; transition: .2s}
.mdown > div:last-child{transition: .2s}
.mdown:hover > div:first-child{background: #fff}
.mdown:hover > div:last-child{background: #36c0c2;}
h1, .h1, h2, .h2{font-size: 32px; font-weight: 500;}
h3, .h3{color: #36c0c2; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.fz30{font-size: 30px;}
.fz24{font-size: 24px;}
.fz16{font-size: 16px;}
.fz14{font-size: 14px;}
.fz13{font-size: 13px;}
.fz12{font-size: 12px;}
.diviner{height: 2px; width: 50px; background: #36c0c2; display: inline-block}
.caption_w > div{margin-bottom: 26px;}
#fullpage-disabled > *:first-child { height: 100vh;}
#fullpage-disabled > *:not(:first-child) {padding: 100px 0;}
.services .container{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 120px}
.services .title{font-size: 40px; font-weight: 500; margin-bottom: 84px}
.icon-w{width: 100px; height: 65px; margin-bottom: 10px}
.services-items{display: grid; grid-template-columns: 236px 236px; grid-template-rows: 184px 184px; grid-gap: 20px; margin-bottom: 86px;}
.services-items > * {background: #e4e5ea; padding: 10px; display: flex; align-items: center; justify-content: center; /*cursor: pointer;*/ color: #000; text-decoration: none; flex-direction: column}
.services .left{text-align: right}
.service-item{position: relative; overflow: hidden; transition: .3s; text-align: center; cursor: pointer}
.service-item::before{width: 136px; height: 136px; position: absolute; background: url(/site/templates/default/imgs/gear.png) no-repeat center center/cover; top: -68px; right: -68px; content: ""; opacity: 0; transition: .3s;}
.service-item:hover::before{ opacity: 0.1; animation: spin infinite 5s linear; }
.service-item:hover{transform: scale(1.1)}
@keyframes spin {
from{
transform:rotate(0)
}
to{
transform:rotate(360deg)
}
}
.advantages .container{display: grid; grid-template-columns: 1.5fr 1fr; grid-gap: 110px}
.advantages-items{display: grid; grid-gap: 46px;}
.advantages-items .item-desc{max-width: 350px; position: relative}
.advantages-items .item-desc::after{position: absolute; content: ''; bottom: 0;left: 0; width: 50px; height: 2px; background: #36c0c2; display: flex;}
.advantages-items > div{display: grid; grid-template-columns: 1fr 1.5fr;}
.item-title{font-size: 40px; font-weight: 500;}
.advantages .right .h1{margin-bottom: 50px}
.advantages .right .text{margin-bottom: 40px}
.keys{padding-bottom: 0; overflow: hidden;}
.keys-desc{max-width: 490px;}
.keys-caption{display: grid; grid-gap: 20px; margin-bottom: 40px}
.keys_col-item{display: grid; grid-template-columns: auto auto; grid-gap: 16px}
.keys_col-item-w{max-width: 376px; display: grid; grid-gap: 30px; padding-bottom: 80px}
.keys_col2 img{object-fit: contain; width: initial !important;}
.keys_col-item-title{font-weight: 500; margin-bottom: 20px}
.keys_col-item-desc{font-size: 14px;}
.keys_col-img-w{position: relative; max-height: 800px; cursor: pointer}
.keys_col-img-w img{height: 100%}
.keys_col-img1{position: absolute; bottom: 0; left: -200px; max-height: 610px; z-index: 2; box-shadow: -15px 0px 19px 8px rgba(0, 0, 0, 0.07); overflow: hidden}
.keys_col-img1 > img,
.keys_col-img2 > img{width: 100%; height: 100%; object-fit: cover; object-position: top left}
.keys_col-img2{position: relative; z-index: 1; opacity: 0.4; box-shadow: -16px 0px 19px 8px rgba(0, 0, 0, 0.07);}
.carousel-keys--style.owl-carousel .owl-prev.owl-prev,
.carousel-keys--style.owl-carousel .owl-next.owl-next,
.keys_btn{width: 62px;height: 62px;border-radius: 50%; background: #e4e5ea; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 32px; cursor: pointer; transition: .1s}
.carousel-keys--style.owl-carousel .owl-prev.owl-prev,
.carousel-keys--style.owl-carousel .owl-next.owl-next{opacity: 0.6}
.carousel-keys--style.owl-carousel .owl-prev.owl-prev:hover,
.carousel-keys--style.owl-carousel .owl-next.owl-next:hover,
.keys_btn:hover{background: #36c0c2; opacity: 1}
.keys_btn-w{display: grid; max-width: 570px; grid-template-columns: auto 1fr; grid-gap: 20px; align-items: center}
.keys_btn-wrap{display: grid; grid-template-columns: auto auto; align-items: center; justify-content: flex-start; grid-gap: 20px}
.keys__inner{height: 100%; display: flex; flex-direction: column; justify-content: space-between}
.keys_col1{position: relative; z-index: 10; padding-top: 140px; max-width: 650px}
.keys_col2{display: flex; align-items: flex-end; justify-content: space-between;}
.keys_col2.container{margin: -300px 0 0 auto;}
.keys_col2 img{max-height: 800px}
.carousel-keys--style{position: relative}
.carousel-keys--style.owl-carousel .owl-stage-outer{overflow: visible !important}
.carousel-keys--style .owl-prev{top: 50%; transform: translateY(-50%); left: 20px; position: absolute}
.carousel-keys--style .owl-next{top: 50%; transform: translateY(-50%); right: 20px; position: absolute}
.review .caption{margin-bottom: 50px; text-align: center;}
.review .caption .h2{max-width: 600px; margin: 0 auto}
.review .caption{display: grid; grid-gap: 40px; margin-bottom: 108px}
.review__item{max-width: 350px; margin: 0 auto;}
.review__item-title{margin-bottom: 25px}
.review__item-desc{font-size: 14px;}
.review__item-content{background: #fff; color: #000; padding:30px; border-radius: 5px; margin-bottom: 30px; position: relative}
.review__item-content::after{/*content: ""; position: absolute; width: 1px; height: 31px; background: #36C0C2; left: 50%; bottom: 0;transform: translateY(50%)*/}
.review__item-service{text-align: center; font-size: 12px;}
.review__author{border-top: 1px solid #b2b2b2;padding-top: 15px; margin-top: 40px; display: grid; justify-content: center}
.review__author-img{width: 30px;height: 30px; overflow: hidden; border-radius: 50%; border: 1px solid #36c0c2; margin: 0 auto; margin-bottom: 10px}
.review__author-img > img{width: 100%; height: 100%; object-fit: cover;}
.review__author-name{font-size: 12px;}
.review__item-w .owl-dots{text-align: center;}
.review__item-w .owl-item{transition: .3s; padding-top: 20px}
.review__item-w .owl-dot.owl-dot{width: 10px; height: 10px; background: #fff; margin: 0 5px; border-radius: 50%; transition: .2s; opacity: 0.7}
.review__item-w .owl-dot.active{transform: scale(1.2); opacity: 1}
.review__item-w .owl-item.active{opacity: 0.7; }
.review__item-w .owl-item.active.center{opacity: 1; padding-top: 0}
.quesion.pd{padding-bottom: 0}
.quesion-wrap{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 120px; align-items: center; margin-bottom: 50px}
.quesion-left{text-align: right;}
.quesion-left .h1{margin-bottom: 30px}
.quesion-left .diviner{margin: 36px 0}
.tel_mail{display: grid; grid-gap: 30px}
.tel_mail .title{font-weight: bold; color: #36c0c2; margin-bottom: 20px;}
.tel_mail span{font-weight: 500;}
.quesion__politic{font-size: 13px; display: flex; justify-content: space-between;}
.quesion-wrapper{display: flex; flex-direction: column; justify-content: space-between; height: 100%}
.quesion-right__inputs{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px}
.quesion-right__wrap{display: grid; grid-gap: 150px; margin-bottom: 48px}
.quesion-inner{display: flex; align-items: center; height: 100%;}
.footer{font-size: 13px; text-align: center}
.footer.pageOne{padding: 24px 0; }
.footer .logo{margin-bottom: 30px;}
.footer .container{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 100px; align-items: center}
.footer .title{margin-bottom: 40px; text-transform: uppercase; font-weight: 500;}
.footer .desc {color: #fff; opacity: 0.4;}
.footer .phone_style{margin-bottom: 74px;}
.footer .desc{opacity: 0.7}
.whywe{font-size: 16px;}
.whywe .h2{font-size: 24px;}
.whywe__col1{display: flex; justify-content: space-between;}
.whywe__col1 > div:first-child{max-width: 580px}
.whywe__col1 > div:last-child{max-width: 660px}
.whywe__item-w{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 40px; padding: 60px 0}
.whywe__item{padding: 25px; background: #e4e5ea; display: flex; flex-direction: column; justify-content: center; text-align: center; border-radius: 3px}
.whywe__item .img-w{text-align: center; margin-bottom: 25px}
.whywe__item .img-w img{height: 75px; display: inline-block;}
.price .container{display: grid; grid-gap: 90px}
.price__col .h2{margin-bottom: 20px}
.price__col-caption{display: flex; flex-direction: column; justify-content: space-between;}
.price__col {display: grid; grid-template-columns: minmax(0, 410px) 1fr; grid-gap: 40px;}
.price__table{display: grid; grid-template-columns: repeat(4, 1fr); font-size: 14px; grid-gap: 10px}
.price__table > div{padding: 17px; text-align: center; background: rgba(255, 255, 255, 0.06); display: grid; align-items: center}
.price__table > .title{text-align: left; font-weight: 500;}
.price__table .desc{font-size: 13px; opacity: 0.8; padding-top: 10px}
.price__tablebg_none{background: none !important;}
.price__col-caption-w{margin-bottom: 40px}
.price__col-caption-desc{color: #d6d8e0}
.price__col-special > div:first-child{margin-bottom: 10px;}
.price__col-special > div:nth-child(2){margin-bottom: 20px;}
.price__col2 .diviner{margin: 40px 0}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {cursor: pointer; padding-left: 60px; padding-top: 5px; position: relative; line-height: 40px;}
input[type="checkbox"] + label::before {content: ""; display: inline-block; position: absolute; top: 0; left: 0; vertical-align: middle; padding: 0; height: 27px; width: 51px; margin: 0 5px 0 0; border-radius: 14px; background: rgba(255, 255, 255, 0.122);}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
input[type="checkbox"] + label::after {content: ""; display: block; position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; border-radius: 50%; background: #717171; box-shadow: 0 3px 3px rgba(140, 140, 140, .1);}
input[type="checkbox"]:checked + label::after {left: 27px;background: #36c0c2;}
.price-input-w{font-size: 14px;}
.price-input-w label{cursor: pointer}
.advertising-caption{display: grid; grid-template-columns: minmax(0, 700px) minmax(0, 530px); justify-content: space-between;margin-bottom: 80px;}
.advertising__item-w{display: grid; grid-template-columns: repeat(3,1fr);}
.advertising__item-w > div{padding: 25px 80px 65px; text-align: center}
.advertising__item-w > div:nth-child(-n+3){border-bottom: 1px solid #cececf}
.advertising__item-w > div:nth-child(2),
.advertising__item-w > div:nth-child(5){border-left: 1px solid #cececf; border-right: 1px solid #cececf}
.advertising__item-title{margin-bottom: 20px}
.advertising__item-img{height: 50px; margin-bottom: 10px}
.advertising__item-img > img{display: inline-block; height: 100%;}
.advertising .head{display: flex; flex-direction: column;}
.audit{color: #000}
.audit .container{display: grid; grid-template-columns: minmax(0, 370px) minmax(0, 520px); justify-content: center; grid-gap: 110px}
.audit .input-effect{margin-top: 20px;}
.audit .input-effect input{border-color: #000}
.audit .input-effect select{border-color: #000}
.audit_form{background: #e4e5ea; padding: 32px; text-align: center; border-radius: 5px}
.audit_form .title{margin-bottom: 10px;}
.audit_form-personality{padding-top: 20px; display: grid; grid-gap: 10px}
.audit_col2 .h2{color: #fff;}
.audit_col2 .diviner{margin: 35px 0}
.audit_col2-text{color: #fff; opacity: 0.9; }
.qqgrid{display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(2, 158px); grid-gap: 7px; color: #fff;}
a.gridi:hover{color: inherit;}
.gridi:hover .caption.gridi_hov{color: #fff}
.gridi:hover img{transform: scale(1.3) rotate(-6deg);}
.gridi img{transition: 1s}
.gridi_hov{position: relative; z-index: 1;}
.gridi{overflow: hidden; position: relative; padding: 30px 15px; text-decoration: none; color: inherit}
.gridi:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: .2s}
.gridi:hover:after{background: rgba(0, 0, 0, 0.5);}
.gridi-1{grid-column: 1/3; grid-row: 1/3; background: #141d67; font-size: 14px; color: inherit;}
.gridi-1 .caption{font-size: 20px; margin-bottom: 16px; font-weight: 600;}
.gridi-1 span{color: #9acb18}
.gridi-2{grid-column: 3/6; grid-row: 1/3; font-size: 20px;}
.gridi-2 .caption{font-size: 12px; text-transform: uppercase; letter-spacing: 4px; font-weight: 600; margin-bottom: 20px;}
.gridi-2 .balcony__button{font-size: 14px; display: inline-block; padding: 15px 30px}
.gridi-2 .gridi2-content{display: flex;flex-direction: column;justify-content: space-between; height: 100%;}
.gridi-5 .caption{margin-bottom: 30px;}
.gridi-6 .caption{margin-bottom: 18px;}
.gridi-3{grid-column: 6/8; grid-row: 1/5; background: #141d67; display: flex; justify-content: center; align-items: center;}
.gridi-3 div:first-child{font-size: 24px; font-weight: 600; margin-bottom: 12px;color: #fff;}
.gridi-3 div:last-child{color: #9acb18;font-weight: 600;}
.gridi-4{grid-column: 8/11; grid-row: 1/3; background: #9acb18;}
.gridi-4 .caption{margin-bottom: 25px;}
.gridi-4 .caption,
.gridi-5 .caption,
.gridi-6 .caption,
.gridi-7 .caption,
.gridi-7 .caption,
.gridi-8 .caption{color: #141d67; font-weight: 600; font-size: 20px;}
.gridi-8 .caption{color: #fff}
.gridi-5{grid-column: 1/4; grid-row: 3/5; background: #d9ddde; color: #000}
.gridi-6{grid-column: 4/6; grid-row: 3/5; background: #9acb18;}
.gridi-7{grid-column: 8/11; background: #d9ddde;}
.gridi-8{grid-column: 8/11; display: grid; align-items: center}
.gridi-1-img{position: absolute;bottom: 0;padding: 28px;left: 0;}
.gridi-4-img{position: absolute; top: 50%; right: -85px; transform: translateY(-50%);}
.gridi-4-img img{height: 230px;}
.gridi-2-img, .gridi-8-img{position: absolute; top: 0;left: 0; right: 0; bottom: 0; z-index: -1;}
.gridi-2-img img, .gridi-8-img img{width: 100%;height: 100%;object-fit: cover;}
.gridi-5-img{position: absolute; right: -78px; bottom: -10px;}
.gridi-6-img{position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%)}
.gridi-3-img{position: absolute; top: 33px; bottom: 0; left: -146px;}
.gridi-3-img img{width: 100%; height: 100%; object-fit: cover}
.gridi-7-img{position: absolute;top: -30px;right: 0;}
.gridi3-content{z-index: 1; position: relative;}
@media screen and (max-width: 900px){
.grid_work.site__block-inner{padding: 40px 0;}
.grid_work h2{padding: 0 20px}
.qqgrid{grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(8, 160px);}
.gridi-1, .gridi-2, .gridi-3, .gridi-4, .gridi-5, .gridi-6, .gridi-7, .gridi-8{grid-column: auto; grid-row: auto;}
.gridi-1-img, .gridi-3-img, .gridi-4-img, .gridi-5-img, .gridi-6-img{right: 20px; top: 0; bottom: 0; left: initial; margin: 0 !important;}
.gridi-4-img, .gridi-3-img, .gridi-5-img, .gridi-6-img{padding-top: 10px; transform: none}
.gridi-5-img{right: -20px;}
.gridi-3-img img{width: auto; object-fit: contain}
.gridi-3{justify-content: initial}
.gridi4-text, .gridi5-text, .gridi-2__btn-w{display: none;}
}
@media screen and (max-width: 600px){
.gridi-1-img, .gridi-3-img, .gridi-4-img, .gridi-5-img, .gridi-6-img{display: none}
.gridi{padding: 20px}
}
.ourwork__item-w{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: minmax(230px,230px) minmax(270px , 270px); grid-gap: 8px}
.ourwork__item1{grid-row: 1/4; background: #dfdfe2; text-align: center}
.ourwork__item3{background: #dfdfe2;}
.ourwork__item4{background: #4b4e71;}
.ourwork__item5{grid-row: 2/4; background: #41478f; grid-column: 2/4}
.ourwork__item{position: relative; overflow: hidden;}
.ourwork__item:hover img{transform: scale(1.3) rotate(-6deg);}
.ourwork__item-img{position: absolute;}
.ourwork__item-img img{width: 100%; height: 100%; object-fit: cover;transition: 1s;}
.ourwork__item {padding: 40px 30px;}
.ourwork__item .caption{z-index: 1; position: absolute; max-width: calc(100% - 60px); }
.ourwork__item .title{font-size: 22px; font-weight: 600;}
.ourwork__item .desc{font-size: 15px; font-weight: 500;}
.ourwork__item1 .ourwork__item-img{bottom: 0; right: 0;}
.ourwork__item2 .caption{color: #fff; text-align: right}
.ourwork__item2 .ourwork__item-img{top: 0; left: 0; right: 0; bottom: 0;}
.ourwork__item3 .caption{color: #000; bottom: 40px; left: 40px;}
.ourwork__item3 .ourwork__item-img{top: 0; right: -20px;}
.ourwork__item4 .caption{color: #fff; top: 40px; left: 40px;}
.ourwork__item4 .ourwork__item-img{bottom: 5px; right: -80px}
.ourwork__item5 .caption{color: #fff; bottom: 40px; left: 40px;}
.ourwork__item5 .ourwork__item-img{top: -42px; right: -92px;}
.ourwork__item6 .caption{color: #fff; bottom: 40px; left: 40px;}
.ourwork__item6 .ourwork__item-img{top: 0; left: 0; right: 0; bottom: 0;}
.ourwork__item6{display: flex; align-items: center; justify-content: center; text-align: center; grid-row: 2/4}
.ourwork .block1{display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 750px); justify-content: space-between; margin-bottom: 65px;}
.ourwork .block1 .block1_col1{display: flex; flex-wrap: wrap}
.portfolio_works-item-w{display: grid; grid-template-columns: 2fr 1fr 2fr 2fr 2fr 2fr; grid-gap: 12px; grid-template-rows: 370px 270px 370px 370px 370px 370px;}
.portfolio_works-item-w div{/*padding: 10px;*/ }
.portfolio_works-item-w-2021{display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 370px 270px; grid-gap: 12px; margin-bottom: 12px;}
.portfolio_works-item-w-2021>.works-item {
background-color: #1f6377;
grid-row: span 1;
}
.works-item{position: relative; overflow: hidden;padding: 40px 30px;}
.works-item:hover img{transform: scale(1.3) rotate(-6deg);}
.etalon__caption {
transition: all 0.3s linear;
}
.works-item:hover .etalon__caption{opacity: 0}
.works-item img{width: 100%; height: 100%; object-fit: cover;transition: 1s;}
.works-item .works-item-img{position:absolute;}
.works-item .caption{z-index: 1; position: absolute; max-width: calc(100% - 60px); color: #000; }
.works-item .title{font-size: 22px; font-weight: 600;}
.works-item .desc{font-size: 15px; font-weight: 500;}
.portfolio_works-item-w-2021>.works-item .works-item-img {
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.portfolio_works-item-w-2021>.works-item-2021-1 {
grid-column: span 3;
grid-row: span 2;
}
.portfolio_works-item-w-2021>.works-item-2021-2{
grid-column: span 6;
}
.portfolio_works-item-w-2021>.works-item-2021-2 .caption {
color: #fff;
}
.portfolio_works-item-w-2021>.works-item-2021-3{
grid-column: span 3;
}
.portfolio_works-item-w-2021>.works-item-2021-3 .caption {
color: #fff;
}
.portfolio_works-item-w-2021>.works-item-2021-4{
grid-column: span 5;
}
.portfolio_works-item-w-2021>.works-item-2021-5{
grid-column: span 4;
}
.portfolio_works-item-w-2021>.works-item-2021-5 .caption {
color: #fff;
bottom: 40px;
left: 40px;
}
.portfolio_works-item-w-2021>.works-item-2021-6{
grid-column: span 5;
}
.portfolio_works-item-w-2021>.works-item-2021-6 .caption {
color: #fff;
}
.portfolio_works-item-w-2021>.works-item-2021-7{
grid-column: span 5;
}
.portfolio_works-item-w-2021>.works-item-2021-7 .caption {
color: #fff;
bottom: 40px;
left: 40px;
max-width: 50%;
}
.portfolio_works-item-w-2021>.works-item-2021-7.etalon .caption {
color: #002f66;
top: 44px;
left: 110px;
max-width: 50%;
}
.portfolio_works-item-w-2021>.works-item-2021-7 .works-item-img{
bottom: 0; right: 0;
background: url('/site/templates/default/imgs/portfolio/restart-bg.jpg');
}
.portfolio_works-item-w-2021>.works-item-2021-8{
grid-column: span 2;
background: #006d4d;
}
.portfolio_works-item-w-2021>.works-item-2021-8 .caption {
color: #fff;
bottom: 40px;
left: 40px;
}
.portfolio_works-item-w-2021>.works-item-2021-9{
grid-column: span 6;
}
.portfolio_works-item-w-2021>.works-item-2021-9 .caption {
color: #fff;
}
.portfolio_works-item-w-2021>.works-item-2021-10{
grid-column: span 6;
}
.portfolio_works-item-w-2021>.works-item-2021-10 .caption {
color: #1BBEC3;
}
.works-item1 .works-item-img{bottom: 0; right: 0;}
.works-item1{grid-row: 1/3; background: #e2e2e2; }
/*.works-item2{grid-column: 2/4; background: red; }*/
/*.works-item2 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}*/
/*.works-item2 .caption { bottom: 40px; right: 40px; color: #fff; text-align: right;}*/
.works-item2{grid-column: 2/4; }
.works-item2 .works-item-img{ left: 0; right: 0; top: 0;}
.works-item2 .caption { bottom:40px; right:40px; text-align: right; color: #000;}
.works-item3{ background: #006d4d; }
.works-item3 .caption { color: #fff;}
.works-item3 .works-item-img{ left: 0; right: 0; bottom: 0;}
.works-item4{grid-column: 4/7; }
.works-item4 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item4 .caption { color: #fff;}
.works-item5{grid-column: 2/5; }
.works-item5 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item5 .caption { color: #ff0811; bottom: 40px; right: 40px; text-align: right;}
.works-item6{grid-column: 5/7; background: orange; }
.works-item6 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item6 .caption { top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.works-item7{ grid-column: 1/4; }
.works-item7 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item7 .caption { bottom: 40px; color: #8637e8; }
.works-item9{grid-column: 4/5; grid-row: 3/5; }
.works-item9 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item9 .caption { top: 50%; left: 50%; transform: translate(-50%, -50%); color: #f26522;}
.works-item10{grid-column: 5/7; background: #0095e5; }
.works-item10 .works-item-img{ top:0; left: 0; right: 0; bottom: 0;}
.works-item10 .caption { color: #fff;}
.works-item11{grid-column: 1/3; background: grey; }
.works-item11 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item11 .caption { color: #fff; }
.works-item12{ }
.works-item12 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item12 .caption { right: 40px; text-align:right; color: #fff; }
.works-item13{grid-column: 5/7; background: #191b1c; }
.works-item13 .works-item-img{ right: 0; bottom: 0;}
.works-item13 .caption { color: #d3363b; }
.works-item14{grid-row: 5/7; grid-column: 1/2; }
.works-item14 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item14 .caption { color: #8e3c2b;}
.works-item15{grid-column: 2/4; }
.works-item15 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item15 .caption { bottom:40px; right:40px; color: #fff; text-align: right; }
.works-item16{ }
.works-item16 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item16 .caption { bottom:40px; color: #000; }
.works-item17{grid-column: 5/7; }
.works-item17 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item17 .caption { bottom:40px; left:40px; color: #333333; }
.works-item18{grid-column: 2/5; }
.works-item18 .works-item-img{top: 0; left: 0; right: 0; bottom: 0;}
.works-item18 .caption { bottom:40px;left:40px; color: #000; }
.works-item19{grid-column: 5/7; background: honeydew; }
.works-item19 .works-item-img{ top:0; left: 0; right: 0; bottom: 0;}
.works-item19 .caption { text-align: right; color: #000;}
.portfolio_works .portfolio_caption{display: grid; grid-gap: 38px; text-align: center; margin: 0 auto; margin-bottom: 65px; max-width: 1100px;}
.portfolio_works_menu{display: flex; justify-content: center; margin-bottom: 90px}
.portfolio_works_menu > div{margin: 0 20px; font-weight: bold; opacity: 0.4; border-bottom: 2px solid transparent; transition: .2s; cursor: pointer}
.portfolio_works_menu > div:hover{opacity: 1; border-color: #36c0c2}
.portfolio .quesion,
.portfolio .head{/*height: 100vh*/}
.menu_fix{position: absolute; top: 0px; z-index: 200; left: 0; width: 100%; transition: .3s; color: #fff; padding: 15px 0; }
.menu_fix.fixed{position: fixed; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.13);}
.menu_fix-w{/*position: absolute; */transition: .2s; /*overflow: hidden*/}
.menu_fix-bg{position: absolute; top:0; right:0; bottom:0;left:0;z-index:1;}
.menu_fix > .menu {position: relative; z-index:2; }
.hidest{opacity: 0}
.color_black,
.color_black a{color: #000}
.stages .container{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 100px}
.stages__item-w{display: grid; grid-gap: 30px}
.stages__item{display: grid; grid-template-columns: 42px auto; grid-gap: 20px}
.stages__item .title{max-width: 285px; margin-bottom: 16px}
.stages .diviner{margin-top: 23px; margin-bottom: 33px}
.stages .caption_desc{margin-bottom: 50px}
.stages_col-1{display: flex; flex-direction: column; justify-content: space-between}
.stages__info{display: grid; grid-template-columns: auto auto auto; grid-gap: 40px; align-items: center}
.stages__info .title{margin-bottom: 16px}
.stages__info-sepa{width: 1px; height: 100%; background: #bdbec1;}
.support__col1{max-width: 620px; display: grid; grid-gap: 50px}
.support .container{display: grid; grid-template-columns: 1fr 1fr}
.support__col2 .title{font-size: 30px; font-weight: 500;}
.support__col2 .desc{opacity: 0.7;}
.support__col2 .diviner{margin: 20px 0;}
.project .stages__item .title{margin: 0; color: #404040; max-width: 460px;}
.project .stages__item {align-items: center}
.project .stages__item-w {margin-bottom: 40px; }
.project .stages{background: linear-gradient(to right, #f0f1f5 0%,#f0f1f5 50%,#fff 50%,#fff 100%);}
.project__gallery-controls{height: 605px; width: 82px; background: #353642; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 40px 0}
.project__gallery-controls .img1{width: 25px}
.project__gallery-controls .img2{width: 20px}
.project__gallery-controls .img3{width: 17px}
.project__gallery-controls .img1,
.project__gallery-controls .img2,
.project__gallery-controls .img3{margin: 0 auto}
.col1-w{display: grid; grid-gap: 28px; font-size: 12px;}
.col2-w{display: grid; grid-gap: 8px}
.project__gallery .container{display: grid; grid-template-columns: 2fr auto 2.5fr; grid-gap: 80px;}
.project__gallery-col1{display: flex; flex-direction: column; justify-content: space-between; width: 480px}
.project__gallery-col2 .h2{font-size: 22px; font-weight: normal;}
.prjct__image-wrapper{height: 680px; overflow: hidden}
.project__gallery-controls-w{display: flex; flex-direction: column; justify-content: center;}
.additionally-prjct__col1{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 100px;}
.additionally-prjct__col2{position: relative; margin: 50px 0 60px;height: 384px}
.additionally-prjct-slider-style{padding: 31px 0 31px 31px; width: 1050px !important;}
.additionally-prjct-slider-style.owl-carousel .owl-stage-outer{overflow: visible;}
.additionally-prjct-slider__img{height: 323px; width: 308px; overflow: hidden}
.additionally-prjct__col2-block{background: #f0f1f5; position: absolute; top: 0; right: 0; bottom: 0; width: 86%; overflow: hidden}
.additionally-prjct-slider-style .owl-item{opacity: 0.3}
.additionally-prjct-slider-style .owl-item.active{opacity: 1}
.additionally-prjct__col3 .container{display: grid; grid-template-columns: auto auto auto auto; justify-content: flex-start; grid-gap: 60px}
.additionally-prjct__col3 .block2 > div,
.additionally-prjct__col3 .block3 > div{display: grid; grid-template-columns: auto auto; justify-content: flex-start; grid-gap: 18px; align-items: center}
.additionally-prjct__col3 .block2,
.additionally-prjct__col3 .block3{display: grid;}
.adaptive-design{background: linear-gradient(to right, #20212e 0%, #20212e 50%, #272835 50%, #272835 100%); position: relative}
.adaptive-design__img{position: absolute; top: 50%; right: 0; transform: translateY(-50%)}
.adaptive-design *{color: #fff}
.adaptive-design .container{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 100px}
.client-reviews__caption{text-align: center; width: 740px; margin: 0 auto; margin-bottom: 70px;}
.client-reviews__item{border: 1px solid #f2f2f2; max-width: 1000px; width: 100%; margin: 0 auto; box-shadow: 4.5px 7.794px 10px 0 rgba(0, 0, 0, 0.04); display: grid; grid-template-columns: 2fr 1fr}
.client-reviews .block1{padding: 40px 40px 30px 80px; position: relative}
.client-reviews .block1:before{content: "\f10e"; font-family: "FontAwesome"; position: absolute; top: 50%; left: 36px; transform: translateY(-50%); color: #36c0c2}
.client-reviews .block2{padding: 40px 40px 30px; background: #f0f1f5;}
.client-reviews__item .block1 .text{margin-bottom: 32px; color: #56576e}
.client-reviews__item .block2 .title{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.client-reviews__item .block2 .desc{font-size: 14px; color: #56576e;}
.client-reviews__item .block2 {display: flex; flex-direction: column; justify-content: space-between;}
.review__mail{position: relative; padding-left: 35px; color: #000; text-decoration: underline}
.review__mail:before{content: "\f1c2"; font-family: "FontAwesome"; top: 50%; left: 0; transform: translateY(-50%); color: #42c4c6; font-size: 26px; position: absolute}
[type="text"]:focus{box-shadow: none;}
.agreementqw input{display: inline-block; margin-right: 5px}
.agreementqw label{display: flex; align-items: center; justify-content: center}
.agreementqw{margin-bottom: 30px}
.agreement-audit{margin-top:15px;margin-bottom: 30px}
.agreement-audit label{display: block; text-align: center; display: block;}
.agreement-audit input{display: inline-block; margin-right: 5px}
.msg{text-align: center; display: none; font-size: 22px; border: 2px solid #42c4c6; padding: 30px; margin: 0 auto;}
/*modal window*/
.dimodal-content__inner{padding: 30px; background: #fff !important; max-width: 600px !important;}
.dimodal-content__inner .h3, .dimodal-content__inner h3{margin-bottom: 6px}
.dimodal-content__inner input, .dimodal-content__inner textarea{font-size: 16px;}
.dimodal__content-w {display: grid; grid-gap: 20px; margin-bottom: 30px}
.dimodal-content__inner .title{margin-bottom: 10px; text-align: center}
.dimodal-content__inner .caption{margin-bottom: 30px}
.dimodal-content__inner textarea{resize: none; height: 135px}
.dimodal-hide{width: 40px; height: 40px; background: #36c0c2 !important;}
.dimodal-hide i{transition: .3s}
.dimodal-hide:hover i{transform: rotate(90deg)}
/*кнопка*/
.ham {cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 400ms;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.hamRotate.active {transform: rotate(45deg);}
.hamRotate180.active {transform: rotate(180deg);}
.line {fill:none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:rgba(0, 0, 0, 0.98);stroke-width:5.5;stroke-linecap:round;}
.ham4 .top {stroke-dasharray: 40 121;}
.ham4 .bottom {stroke-dasharray: 40 121;}
.ham4.active .top {stroke-dashoffset: -68px;}
.ham4.active .bottom {stroke-dashoffset: -68px;}
/*кнопка*/
.mob__btn{display: none}
.mobile_menu{position: fixed; top: 60px; left: 0; bottom: 0; right: 120px; background-color: #fafafa; z-index: 100; box-shadow: 4px 5px 4px rgba(0, 0, 0, 0.1); transition: .4s; transform: translateX(-5000px); padding: 30px; overflow-y: scroll}
.mobile_menu.active{display: block; transform: translateX(0)}
.menu_black-bg{position: fixed; top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0.4); z-index: 90; display: none}
.mobile_menu .submenu{position: relative; top: initial; left: initial; transform: none; display: block; padding: 0; width: initial}
.mobile_menu .submenu-w{background: none; padding: 0; box-shadow: none; font-size: 16px;}
.mobile_menu .submenu-w:after{content: none}
.mobile_menu .menu-box > a{font-weight: bold; font-size: 18px; display: block; padding: 20px 0}
.mobile_menu-link-w { display: flex;flex-direction: column;justify-content: space-between; height:100%;}
.mobile__menu-contact {font-size: 18px;}
.rhead__item{display: flex;margin: 0 -5px;justify-content: flex-end;align-items: center;cursor: pointer;}
.rhead__item > * {
margin: 0 5px;
}
.mobile__menu-contact .rhead__item{justify-content: normal; margin-bottom: 10px}
.mobile__menu-contact .rhead__item:last-child{margin-bottom: 15px}
.mobile__menu-contact .radio__btn {padding: 10px 17px; }
.overflow{overflow: hidden}
.logo-w { text-decoration: none;}
.logo-w .logo-line { display:flex;justify-content: space-around;flex-wrap:nowrap; text-transform: uppercase; font-size:34px;}
.logo-w .logo-re { color:#fff; border-bottom: solid 4px #f3f3f9; }
.logo-w .logo-load { color:#f3f3f9; border-bottom: solid 3px #35babc; }
.transparent_bg .logo-w .logo-re { color:#fff; border-bottom: solid 4px #f3f3f9; }
.transparent_bg .logo-w .logo-load { color:#f3f3f9; border-bottom: solid 3px #35babc; }
.white_bg .logo-w .logo-re { color:#000; border-bottom: solid 4px #35babc; }
.white_bg .logo-w .logo-load { color:#35babc; border-bottom: solid 3px #000; }
.color_black .logo-w .logo-re { color:#000; border-bottom: solid 4px #35babc; }
.color_black .logo-w .logo-load { color:#35babc; border-bottom: solid 3px #000; }
:root {
--blue-color: #39B8BA;
--white-color: #FFF;
--black-color: #000;
}
.blue { fill:var(--blue-color); }
.white { fill:var(--white-color); }
.black { fill:var(--black-color); }
.transparent_bg .logo-w svg .letters { fill:var(--white-color); }
.color_black .logo-w svg .letters { fill:var(--black-color); }
.color_black .logo-w svg .progress { fill:var(--black-color); }
.white_bg .logo-w svg .letters { fill:var(--black-color); }
.white_bg .logo-w svg .progress { fill:var(--black-color); }
.right .slick-list {
overflow: visible;
}
/*
.progress-1 {
animation: progress-1-black 3s ease infinite;
}
.progress-2 {
animation: progress-2-black 3s ease infinite;
}
.progress-3 {
animation: progress-3-black 3s ease infinite;
}
.progress-4 {
animation: progress-4-black 3s ease infinite;
}
.progress-5 {
animation: progress-5-black 3s ease infinite;
}
.progress-6 {
animation: progress-6-black 3s ease infinite;
}
.progress-7 {
animation: progress-7-black 3s ease infinite;
}
@keyframes progress-1-black {
0% { fill:var(--blue-color); }
17% { fill:var(--white-color); }
34% { fill:var(--white-color); }
51% { fill:var(--white-color); }
68% { fill:var(--white-color); }
85% { fill:var(--white-color); }
100% { fill:var(--white-color); }
}
@keyframes progress-2-black {
0% { fill:var(--white-color); }
17% { fill:#39B8BA; }
34% { fill:var(--white-color); }
51% { fill:var(--white-color); }
68% { fill:var(--white-color); }
85% { fill:var(--white-color); }
100% { fill:var(--white-color); }
}
@keyframes progress-3-black {
0% { fill:var(--white-color); }
17% { fill:var(--white-color); }
34% { fill:#39B8BA; }
51% { fill:var(--white-color); }
68% { fill:var(--white-color); }
85% { fill:var(--white-color); }
100% { fill:var(--white-color); }
}
@keyframes progress-4-black {
0% { fill:var(--white-color); }
17% { fill:var(--white-color); }
34% { fill:var(--white-color); }
51% { fill:#39B8BA; }
68% { fill:var(--white-color); }
85% { fill:var(--white-color); }
100% { fill:var(--white-color); }
}
@keyframes progress-5-black {
0% { fill:var(--white-color); }
17% { fill:var(--white-color); }
34% { fill:var(--white-color); }
51% { fill:var(--white-color); }
68% { fill:#39B8BA; }
85% { fill:var(--white-color); }
100% { fill:var(--white-color); }
}
@keyframes progress-6-black {
0% { fill:var(--white-color); }
17% { fill:var(--white-color); }
34% { fill:var(--white-color); }
51% { fill:var(--white-color); }
68% { fill:var(--white-color); }
85% { fill:#39B8BA; }
100% { fill:var(--white-color); }
}
@keyframes progress-7-black {
0% { fill:var(--white-color); }
17% { fill:var(--white-color); }
34% { fill:var(--white-color); }
51% { fill:var(--white-color); }
68% { fill:var(--white-color); }
85% { fill:var(--white-color); }
100% { fill:#39B8BA; }
}
*/
@media screen and (max-width: 1366px){
#fp-nav ul li a{width: 8px; height: 8px; border-radius: 50%}
#fp-nav ul li{margin: 0}
#fp-nav ul li a.active{width: 8px; transform: scale(2.6)}
#fp-nav ul li a span:first-child{display: none}
.services .title,
.services-items{margin-bottom: 40px; grid-template-columns: 206px 206px; grid-template-rows: 140px 140px;}
.services .title{font-size: 32px;}
.services .container{padding-top: 50px}
.review .caption{margin-bottom: 50px}
.advertising .advertising__item-w > div { padding: 25px 40px 35px; }
.advertising .fz14 { font-size: 13px; }
}
@media screen and (max-width: 1299px){
.head.pd{/*padding: 200px 0*/}
.mdown{bottom: 70px}
.head-col1{position: initial}
.pd{padding: 100px 0}
.keys_col1{padding: 0}
.services .container,
.advantages .container{grid-gap: 80px}
.advantages-items > div{grid-gap: 10px}
.quesion-wrap{grid-gap: 50px}
.quesion-inner{padding-bottom: 50px}
.phone_style{font-size: 20px;}
.menu__links{grid-gap: 8px}
.keys_col-img1,
.keys_col-img2{max-width: 500px; }
.review__item-w .owl-dots{margin-top: 40px}
.keys_col2.container{margin: 0}
.keys_btn-wrap,
.keys_col-img2{display: none}
.keys_col-img1{position: relative; left: initial}
}
@media screen and (max-width: 1023px){
.services .title{font-size: 26px; margin-bottom: 40px}
.services-items{grid-template-columns: 180px 180px;grid-template-rows: 150px 150px; margin-bottom: 40px}
.services .container{grid-template-columns: 1fr; grid-gap: 0}
.services .left{text-align: left}
.menu__links,
.services__img-w{display: none}
.services-items{grid-template-columns: repeat(4, 1fr); grid-template-rows: initial}
.service-item{padding: 20px 10px}
.quesion-right__inputs,
.advantages-items > div,
.advantages-items .item-desc{max-width: 100%; padding-bottom: 10px}
.head__title{font-size: 54px;}
.advantages-items{grid-gap: 20px}
.advantages .container{grid-gap: 40px; grid-template-columns: 1fr}
.advantages .right .h1{margin-bottom: 30px}
.quesion-wrap{grid-template-columns: 1fr;}
.quesion-left{text-align: left}
.tel_mail{grid-template-columns: auto auto; justify-content: flex-start;}
.quesion-right{max-width: 600px; margin: 0 auto}
.quesion-right__wrap{grid-gap: 25px}
.footer .container{grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.services .container{padding-top: 0}
.menu_fix-w{position: fixed; top: 0; right: 0; height: 60px; }
.menu-box > a,
.phone_style{color: #333}
.menu{height: 100%; padding-right: 120px}
.mob__btn{display: block; height: 60px; width: 60px; }
.mob__btn1{position: fixed; top: 0; right: 59px; z-index: 5;text-align: center;}
.mob__btn2{position: fixed; top: 0; right: 0; z-index: 5;}
.menu_btn-col2 .asite_btn{display: none;}
.review__item-title{margin-bottom: 20px}
.review__item-desc{font-size: 12px;}
.section+.section { /*margin-top: 25px;*/ }
.advertising .price__col { grid-template-columns: 1fr; }
.portfolio .portfolio_works-item-w-2021 { display: flex; flex-direction: column; margin: -20px; margin-bottom: 35px; }
.portfolio .portfolio_works-item-w-2021 .works-item { width: calc(50% - 10px); min-height: 300px; margin:0; margin: 5px; }
.portfolio .portfolio_works_menu { display:none; }
.portfolio .portfolio_works-item-w { display:flex; flex-wrap:wrap; justify-content: space-between; margin: -20px;}
.portfolio .portfolio_works-item-w .works-item { width: calc(50% - 10px); min-height: 300px; margin: 5px; }
.portfolio .works-item1 .works-item-img {top: 0;bottom: inherit;right: -150px;}
.portfolio .works-item2 .works-item-img { top: -42px; bottom: -100px;}
.portfolio .works-item7 .works-item-img { top: -110px; bottom: initial; }
.portfolio .works-item12 .works-item-img { top: -200px; }
.portfolio .works-item15 .works-item-img { bottom: -100px; }
.ourwork .ourwork__item-w { display:flex; flex-wrap:wrap; justify-content: space-between; margin: -20px; }
.ourwork .ourwork__item-w .ourwork__item { width: calc(50% - 20px); min-height: 300px; margin: 5px; }
.ourwork .ourwork__item1 .ourwork__item-img { top: 0; right: -65px; left:initial; bottom:initial;}
.advertising .advertising-caption { margin-bottom: 20px;}
.advertising .advertising-caption .desc { margin-top: 15px;}
.advertising .advertising__item-w { grid-template-columns: repeat(2,1fr); }
.advertising .advertising__item-w > div { border: 1px solid #cececf; padding: 25px 40px 60px; }
.advertising .advertising__item-w > div:nth-child(odd) { border-left: none; }
.advertising .advertising__item-w > div:nth-child(even) { border-right: none; }
.advertising .advertising__item-w > div:nth-child(-n+2) { border-top: none; }
.advertising .advertising__item-w > div:nth-child(n+5) { border-bottom: none; }
}
@media screen and (max-width: 600px){
.head, .phone_style,
body{font-size: 14px;}
.pd{padding: 60px 0}
.phone_style i{font-size: 12px; margin-right: 5px}
.mobile_menu{right: 60px}
.head__title{font-size: 24px; font-weight: bold;}
.head.pd{padding: 120px 0}
.mdown{bottom: 30px}
.services-items{grid-template-columns:repeat(2, 1fr)}
.services .title{font-size: 18px;}
.icon-w {width: 80px;height: 52px;}
.services-items{grid-gap: 14px}
h1, .h1, h2, .h2,
.item-title{font-size: 24px;}
.caption_w > div{margin-bottom: 20px}
.quesion-left .diviner{margin: 20px 0}
.quesion-right__inputs,
.advantages-items > div,
.tel_mail{grid-template-columns: 1fr}
.footer .container{grid-template-columns: 1fr; grid-gap: 10px; font-size: 12px;}
.footer.pageOne{padding: 20px 0}
.services .title,
.services-items{margin-bottom: 40px;}
.services .title{font-size: 24px;}
.services .container{padding-top: 50px}
.review .caption{margin-bottom: 50px}
.head .btn_wrap{display: grid; grid-gap: 20px}
.menu{display: grid; grid-template-columns: auto auto; grid-gap: 10px; padding-right: 70px}
.logo-w{display: flex; align-items: center}
.mobile_menu .menu-box > a{font-size: 17px;}
.review__item-w .owl-dots{margin-top: 20px}
.review__item-content{padding: 20px}
.quesion-right__inputs{padding-bottom: 0}
.keys_col2.container { flex-wrap: wrap; margin: 20px 0; }
.keys.container { }
.whywe .whywe__col1 { flex-wrap: wrap;}
.whywe .whywe__col1 .tr { margin-top: 20px;}
.whywe .whywe__item-w { display: flex; flex-wrap:wrap; justify-content: space-around; }
.whywe .whywe__item-w .whywe__item { width: 80%; margin: 10px 0; }
.advertising .advertising-caption { display:flex; flex-wrap: wrap; }
.advertising .advertising-caption .tr { margin-top:20px; }
.advertising .advertising__item-w {display:flex; flex-wrap: wrap; justify-content: space-around; }
.advertising .advertising__item-w > div { margin: 10px 0; padding: 20px 0 40px 0; border: none; }
.advertising .advertising__item-w > div:nth-child(-n+5) { border-bottom: 1px solid #cececf; }
.advertising .price__table { font-size: 12px; grid-gap: 5px; }
.advertising .price__table > div { padding: 5px; }
.advertising .asite_btn2 { padding: 5px 10px; font-size: 12px; }
.audit .container { display:flex; flex-wrap: wrap;}
.audit .audit_col2 { margin-top: 20px;}
.quesion .container.pd { padding: 60px 20px;}
.portfolio .portfolio_works_menu { display:none; }
.portfolio .portfolio_works-item-w { flex-direction: column; margin: 0px; }
.portfolio .portfolio_works-item-w .works-item { width:100%; min-height: 300px; margin:0; margin-top: 12px; }
.portfolio .portfolio_works-item-w-2021 { display: flex; /*flex-direction: column;*/flex-wrap:wrap; margin: 0px; }
.portfolio .portfolio_works-item-w-2021 .works-item { width:100%; min-height: 300px; margin:0; margin-top: 12px; }
.portfolio .portfolio_works-item-w-2021 .works-item.works-item-2021-1 { min-height: 600px; }
.ourwork .ourwork__item-w { flex-direction: column; margin: 0px; }
.ourwork .ourwork__item-w .ourwork__item { width: 100%; min-height: 300px; margin: 0; margin-top:12px; }
.stages .container { grid-template-columns: 1fr; grid-gap: 50px; }
.stages .container .form-button { /*text-align: center;*/ }
.stages .stages__info { margin-top:20px;}
.support .container { grid-template-columns: 1fr; grid-gap: 50px; }
.support .support__col2 > div+div { margin-top:60px; }
}