@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');

@font-face {
    font-family: 'GilroyL';
    src: local('Gilroy Ultra Light'), local('Gilroy-Ultra-Light'),
        url('fonts/Gilroy-UltraLight/Gilroy-UltraLight.woff2') format('woff2'),
        url('fonts/Gilroy-UltraLight/Gilroy-UltraLight.woff') format('woff'),
        url('fonts/Gilroy-UltraLight/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}   
  
@font-face {
    font-family: 'GilroyEB';
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
        url('fonts/Gilroy-Extrabold/Gilroy-Extrabold.woff2') format('woff2'),
        url('fonts/Gilroy-Extrabold/Gilroy-Extrabold.woff') format('woff'),
        url('fonts/Gilroy-Extrabold/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body{background:#DDEBF3;margin:0;padding:0;}
.backgroundslayer1{width:100%;height:6000px;position:absolute;z-index:10;background:url('img/leaves2.png') no-repeat center 220px ;background-blend-mode:darken;}
.backgroundsmoke1{width:100%;z-index:2;background:url('img/smoke1.png') no-repeat  center;height:1300px;position:absolute;top:2400px;left:0;}
.backgroundsmoke2{width:100%;z-index:2;background:url('img/smoke2.png') no-repeat  center;height:980px;position:absolute;top:3800px;left:0;}
.backgroundsmoke3{width:100%;z-index:2;background:url('img/smoke3.png') no-repeat top center;height:450px;position:absolute;top:5650px;left:0;}
.tree-left-1{width:100%;z-index:5;position:absolute;top:600px;left:0;}
.tree-left-2{width:100%;z-index:5;position:absolute;top:3100px;left:0;}
.tree-right-1{width:100%;z-index:5;position:absolute;top:1400px;right:0;}
.tree-right-2{width:100%;z-index:5;position:absolute;top:3600px;right:0;}
.mainwindow{width:100%;height:auto;position:relative;z-index:100;color:#556771;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:14px;}
.wrapp{width:1280px;margin:auto;position:relative;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

.center{text-align:center;}
.wrapp1100{width:1100px;}
.wrapp1150{width:1150px;}
.wrapp1200{width:1180px;}
.margcenter{display:block;margin:auto;}

.primary-button{padding:15px 30px;text-decoration:none; border-radius:5px;background:#01A3D2;color:#fff;font-family:GilroyL;font-size:18px;text-align:center;line-height:20px;display:inline-block;border-bottom:3px solid #007899;}
.secondary-button{padding:15px 30px;text-align:center;line-height:20px;display:inline-block;color:#556771;font-size:16px;}
.thr-button{padding:15px 30px;text-decoration:none; border-radius:5px;color:#556771;font-family:GilroyL;font-size:18px;text-align:center;line-height:22px;display:inline-block;border:1px dashed #959FA4;}
.primary-button.long{padding:10px 60px;margin:auto;}


h1,h2,h3{font-family:GilroyEB;}
h1{font-size:40px;padding:0;margin:0;}
h1 span{display:block;}
h1 span,h2 span,h3 span{font-family:GilroyL;}

h2.s32{font-family:GilroyL;font-size:32px;line-height:30px;}
h2.s32 span{font-family:GilroyEB;}
h2.s36{font-family:GilroyL;font-size:36px;}
h2.s36 span{font-family:GilroyEB;color:#01A3D2;}

.block930{width:930px;margin:auto;}

.cart{background:#fff; box-shadow: 0 30px 81px -40px rgba(0, 0, 0, .2);border-radius:8px;}

/*TOPER*/
.toper{padding:25px 50px;}

.logo, .navigation{float:left;}
.yandextop, .numer, .callback{float:right;}


.logo{font-family:GilroyEB;font-size:40px;}
.logo a{font-family:GilroyEB;font-size:40px;text-decoration:none;color:#556771;}
.logo span{display:block;font-size:14px;margin-top:-5px;font-family:'Open Sans';}

 select{border:1px solid #CFD9DE;padding:10px; color:#556771;line-height:36px;width:220px;margin-bottom:10px;border-radius:8px;outline:none;}

/*HEADER*/
.numer{color:#556771;font-family:GilroyEB;font-size:24px;text-align:right;margin-right:40px;}
.numer span{font-size:14px;font-family: 'Open Sans', sans-serif;font-weight:400;display:block;}
.navigation ul{margin:0;padding:0;list-style-type:none;}
.navigation ul li{float:left;line-height:50px;margin-right:30px;}
.navigation ul li a{text-decoration:none;color:#556771;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:14px;}
.yandextop{margin-right:40px;padding-top:5px;}
.navigation{margin-left:130px;line-height:60px;}



/*FIRST SCREEN*/
.first{margin-top:40px;padding-bottom:130px;background:url(img/firstback.png) no-repeat top right;}
.first .titleblock{padding-top:180px; width:620px; }
.first .subheader{font-size:16px;line-height:30px;padding-top:10px;width:520px;padding-bottom:30px;}
.video-button{position:absolute; top:300px;left:800px;padding:20px  0 30px 90px;background:url('img/videoplay.svg') no-repeat top left;color:#fff;display:inline-block;}
.buks{position:absolute; bottom:-330px;right:-130px;}



/*QUIZ*/
.quizline{padding-bottom:60px;}
.quiz{height:460px;padding-top:60px;background:#fff url('img/quiz.png') no-repeat top right;}
.quiz h2{padding-left:90px;background:url('img/line.jpg') no-repeat center left;margin:0px 0 0 50px;width:600px;}

.quiz-result-inner{padding:30px 0 30px 50px;width:600px;}

.quiz-questions{padding:30px 0 30px 50px;width:600px;}
.quiz-q-title{padding:5px 0;}
.quiz-q-title:before{display:inline-block;width:20px;height:20px;border-radius:10px;color:#fff;text-align:center;background:#009ECE;content:'1';margin-right:10px;}
.quiz-q-2 .quiz-q-title:before{content:'2';}
.quiz-q-3 .quiz-q-title:before{content:'3';}
.quiz-q-4 .quiz-q-title:before{content:'4';}

.quiz-question.quiz-q-1{float:left;width:290px;margin-right:20px;}
.quiz-question.quiz-q-3{float:left;width:290px;margin-right:20px;}
.quiz-question.quiz-q-2{float:left;width:290px;}
.quiz-question.quiz-q-4{float:left;width:290px;}

.quiz-action{margin-left:100px;}
.quiz-question select{margin:10px 0 40px 30px;}
.quiz-action .text{font-size:16px;line-height:18px; text-align:right;padding-right:20px;float:left;}
.quiz-action .primary-button{float:left !important;}



/*USLUGY*/
.uslugy{padding-bottom:60px;}
.uslugy-item{float:left;height:260px;width:340px;padding:30px;background: #fff url('img/us_01.png') no-repeat bottom right;}
.uslugy-item.center-item{margin-left:40px;margin-right:40px;background: #fff url('img/us_02.png') no-repeat bottom right;}
.uslugy-item.r-item{ background: #fff url('img/us_03.png') no-repeat bottom right;}

/*TOOOLS*/
.usefully{padding-top:30px;}
.useblock{height:560px;background:#fff url('img/book.png') no-repeat  550px 160px;}
.use-list{margin-left:140px;margin-top:30px;}
.button-line{padding:25px 0 0 140px;}
.use-list b{font-size:18px;}
.use-list ul{margin:10px 0;padding:0;list-style-type:none;}
.use-direction{margin-left:140px;padding-top:30px;}
.use-direction b{font-size:18px;}
.use-list ul li{line-height:25px;margin:6px 0;padding-left:30px;background:url(img/check.png) no-repeat center left;}
.useblock .subheader{padding-left:140px;padding-top:30px;font-size:16px;padding-bottom:10px;}
.useblock .use-page h2{padding-left:90px;background:url('img/line.jpg') no-repeat center left;margin:0px 0 0 50px;width:650px;}
.use-page-3{background:#fff;}
.useblock .center-item{margin-left:25px;margin-right:25px;}
.use-direction-link{display:inline-block;width:68px;height:68px;margin:15px 15px 0 0 ;border-radius:8px;border:1px dashed #959FA4;}
.use-direction-link:hover{border:1px solid #009ECE;}
.use-d-telegram{background:url('img/social-02.png') no-repeat center ;}
.use-d-wa{background:url('img/social-01.png') no-repeat center ;}
.use-d-viber{background:url('img/social-03.png') no-repeat center ;}

/*ABOUT*/
.about{padding-top:60px;}
.about .wrapp{padding-left:70px;}
.about-item{float:left;width:150px;margin:30px;font-size:18px;background:url('img/circle.png') no-repeat top left;padding:40px 0 0 30px;}
.about-item-num{color:#009ECE;font-family:GilroyEB;font-size:40px;}
.about-item-desc{line-height:20px;padding:20px 0 0 10px;}

/*HOWWEWORK*/
.howwework{padding-top:60px;}
.hww-item{width:290px;float:left;padding-top:40px;position:relative;}
.hww-item .hww-item-cart{padding:20px;height:200px;}
.hww-item-margin{margin-right:30px;}
.hww-item-cart span{display:block;}
.hww-item-ico{position:absolute;top:0;left:110px;}

/*PROJECTS*/
.projects{padding-top:60px;}
.project{height:320px;width:1100px;margin:auto;}
.projects .maincta{margin:30px 0;}
.project-video{float:left;padding:25px;width: 480px;height:280px;}
.project-description{float:right;padding:25px 25px 0 0;width:540px;}
.project-top .date{float:left;color:#8E8E93;font-size:13px;line-height:22px;width:200px;}
.project-top .arrows{float:right;width:55px;}
.project-description-text{padding-right:30px;line-height:24px;}


/*BRANDS AND SERTS*/
.brandsanserts{padding-top:20px;padding-bottom:50px;}
.serts-slider{width:1080px;margin:auto;}
.brands-slider{width:1160px;margin:auto;text-align:center;}
.sert-item{width:170px; float:left;margin:10px 5px;}

/*CATALOG*/
.catalog{padding-top:50px;}
.catalog a h2{color:#556771;text-decoration:none !important;}
.catalog-left{width:460px;float:left;}
.catalog-left h3{font-family:GilroyL;font-size:24px;padding-top:0;margin-top:0;}
.catalog-right{width:640px;float:right;}
.catalog-right h3{padding-left:10px;font-family:GilroyEB;color:#009ECE;font-size:24px;padding-top:0;margin-top:0;}
.catalog-item {width:250px;padding:30px;margin-left:10px;float:left;height:365px;text-align:center;}
.catalog-item img{display:block;margin:auto;width:200px;}
.catalog-cat-item{width:180px;padding:20px;height:165px;margin-right:15px;margin-bottom:15px;border-radius:6px; background:#fff;float:left;font-family:GilroyL;font-size:24px;line-height:26px;}
.catalog-cat-item b{font-family:GilroyEB;}
.catalog-cat-item.right{margin-right:0;}
.catalog-item-caption{font-size:18px;color:#009ECE;height:50px;}
.catalog-item-price{font-size:26px;padding:5px 0 10px 0;color:#959FA4;}
.cci-03{background:#fff url('img/catalog-bak-01.png') no-repeat bottom right; cursor:pointer;}
.cci-01{background:#fff url('img/catalog-bak-02.png') no-repeat bottom right; cursor:pointer;}
.cci-02{background:#fff url('img/catalog-bak-04.png') no-repeat bottom right; cursor:pointer;}
.cci-04{background:#fff url('img/catalog-bak-03.png') no-repeat bottom right; cursor:pointer;}


/*GARANT*/
.garanty{padding-top:30px;}
.garanty .wrapp{padding:10px;background:url('img/garanti.png') no-repeat top left;}
.g-item{padding:30px 25px;border-radius:8px;background:rgba(221, 235, 243, 0.5);border:1px dashed #009ECE;float:left;font-size:16px;}
.g-item b{color:#00A9D6;}
.g-item-1{width:265px;margin-right:15px;}
.g-item-2{width:360px;margin-right:15px;}
.g-item-3{width:280px;}

/*TESTIMONIALS*/
.testim{height:auto;padding-bottom:20px;}

/*FOOTER*/
footer{margin-top:60px;height:600px;background:#fff url('img/map.png') no-repeat bottom center;padding-top:60px;}
.footer-contacts{padding:40px;padding-top:20px;width:260px;line-height:24px;font-size:16px;}
.footer-contacts .numer{text-align:left;padding:0 0 30px 0;float:none;clear:both;}
.footer-contacts h3{font-size:22px;padding-top:20px;}   

form .primary-button{border:0;outline:0;}
form input[type='tel'], form input[type='text']{border:1px solid #CFD9DE;padding:0 20px; color:#556771;line-height:36px;width:220px;margin-bottom:10px;border-radius:8px;outline:none;}
form input:focus{outline:none;}
.t-input input[type='tel'], input[type='text']{
	border: none !important;
	padding: 0;
	margin: 0;
	width: 100% !important;
}

.bottomer{padding:30px 0 40px 0;}
.bottomer .copy{float:left;line-height:50px;}
.bottomer .navigation{float:right;}

/*MODAL*/
.modal{z-index:9999;position:fixed;top:50%;left:50%;margin-top:-240px;margin-left:-200px;box-shadow: 0 30px 81px -40px rgba(0, 0, 0, .2);background:#fff;
padding:60px 40px;display:block;width:400px; 
text-align:center;border-radius:8px;color:#556771;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:14px;}
.modal-label{padding:10px 0 10px 0;}
.modal .primary-button{padding:0;width:300px;line-height:50px;}
.modal input[type='tel'],.modal input[type='text']{width:260px;}

.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.5);    }
.modal-overlay-1{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.5);    }

.modal-video{width:811px;margin-left:-445px;margin-top:-300px;padding:40px;}

.catalog-description{padding-top:40px;}
.catalog-inner{padding-top:0px;}
.catalog-inner .catalog-item{ margin-bottom:30px;}
.filtrline select{margin-left:10px;}
.catalog-d-description{width:600px;text-align:justify;}
.catalog-d-link {display:block;}

.catalog_list_right .catalog-item{width:21%;margin-right:1%;margin-left:1%;padding:30px 1%;}
.catalog_filtered_left{width:15%;margin-right:1%;padding:0;float:left;overflow:auto;padding-bottom:40px;}
.catalog_list_right{width:82%;margin-left:2%;padding:0;float:right;}
 .catalog-inner .catalog-item .secondary-button{padding:15px 0;}
/* .filter_button{position:absolute;top:20px;}*/

.filter_label{padding:20px 0 10px 0;}
.filter_form input[type="text"]{width:38%;padding:0 5%;}
/*.catalog-description{background:url(img/catalog-r2.png) no-repeat  right;margin-top:60px;}*/
.filter_button{margin:auto;margin-top:20px;}

.catalog-nav-item{padding:20px;float:left;width:263px;height:140px;font-size:22px;border:1px #C0C7CB solid;line-height:24px;opacity:0.7;cursor:pointer;}
.catalog-nav-item.active{border:1px #009ECE solid;opacity:1;}
.catalog-nav-item-1{background:#fff url(img/catalog-bak-02.png) no-repeat bottom right;}
.catalog-nav-item-2{margin:0 10px 0 20px;background:#fff url(img/catalog-bak-04.png) no-repeat bottom right;}
.catalog-nav-item-3{margin:0 20px 0 10px;background:#fff url(img/catalog-bak-01.png) no-repeat bottom right;}
.catalog-nav-item-4{background:#fff url(img/catalog-bak-03.png) no-repeat bottom right;}


.catalog-in-op{float:right;width:420px;height:auto;margin-bottom:60px;}
.ciop-left{width:240px;text-align:left;float:left;}
.ciop-left .primary-button{margin-top:40px;}
.catalog-in-op .catalog-item-img{float:right;width:150px;height:200px;margin:auto;margin-bottom:20px;}

#product .s32{padding-top:0;margin-top:0;}
.prod-table {width:100%;}
.prod-table td{padding:5px 10px;}
.prod-table td:nth-child(1){width:70%;}
.prod-table tr:nth-child(2n){background:#E3EDF2;}
#product .project{padding-bottom:40px;}
#product .project-video{padding:80px;}
#product .project-description{float:right;padding:25px 25px 0 0;width:660px;}
#product{padding-top:40px;}
.price-title{font-size:14px;font-weight:400;font-family:'Open Sans', sans-serif;}
.descriptione{font-size:14px;font-weight:400;font-family:'Open Sans', sans-serif;line-height:16px;padding:0 40px 20px 0;}

.breadcrambs{text-align:left;width:100%;margin-bottom:30px;}

.inner-items-us-1{float:left;width:1040px;height:90px;margin:0 !important;}
.uslugyblock{padding:30px 40px;}
.uslugyblock ul {list-style: none}
.uslugyblock li::before {content: "•"; color: #01A3D2;font-size:16px;font-weight:700;padding-right:10px;}

.blog-left{width:25%;float:left;}
.blog-right{width:73%;float:right;}

/*OVERRIDERS*/
.no-left-padding{padding-left:0px;}
.hidden{display:none;}

.no-mobile{display:block;}
.no-desctop{display:none;}


@media only screen and (min-device-width : 1000px) and (max-device-width : 1540px) {
    .toper{padding:25px 15px;}
    .navigation{margin-left:50px;}
    .yandextop, .numer{margin-right:20px;}
    .first{background-size: 55%;}
    .video-button{top:180px;}
    .wrapp{width:94%;}
    .first .titleblock{padding-top:50px;}
    .buks {  position: absolute;  bottom: -380px;  right: 60px;}
    .uslugy-item {  width: 30%;  padding: 1%;  background-size: 60% !important;}
    .uslugy-item.center-item{margin-left: 2%;margin-right: 2%;}
    .hww-item-margin {  margin-right: 2%;}
    .hww-item {  width: 23%;}
    .about-item { width: 12%;  margin: 2%;}
    .catalog-nav-item {  width: 19%;  margin: 0 1% !important;}
    .catalog-inner .catalog-item{padding:1%;margin:1%;margin-top:30px;width:21%;}
    .catalog-inner .catalog-item .secondary-button{padding:15px 0;}
    .backgroundsmoke2 {top: 3700px;}
    
    .catalog_list_right .catalog-item{width:29%;margin-right:1%;margin-left:1%;padding:30px 1%;margin-top:0px !important;margin-bottom:30px !important;}
    .catalog_filtered_left{width:16%;margin-right:1%;padding:0;float:left;}
	.catalog_list_right{width:80%;margin-left:2%;padding:0;float:right;}

	.uslugy-header{margin:auto !important; width:1000px;}
}

/*MOBILE*/
@media all and (max-width: 441px) {
    
.backgroundsmoke1{width:100%; height:1300px; top:3300px;left:0;}
.backgroundsmoke2{width:100%; height:980px; top:5200px;left:0;}
.backgroundsmoke3{width:100%; height:450px; top:7450px;left:0;}

.mainwindow{width:100%;}
.wrapp{width:90%;margin:auto;position:relative;}
.wrapp1100, .wrapp1150, .wrapp1200{width:90%;}

.toper{padding:25px 20px 50px 20px;}
.yandextop{margin-right:0px;margin-top:10px;}
.yandextop img{width:120px !important;}
 .numer{float:right;margin-top:20px;}
 .callback{float:left;margin-top:20px;}
 .numer{color:#556771;font-family:GilroyEB;font-size:24px;text-align:right;margin-right:0px;}
.numer span{font-size:14px;font-family: 'Open Sans', sans-serif;font-weight:400;display:block;}


.primary-button{padding:15px 20px;text-decoration:none; border-radius:5px;background:#01A3D2;color:#fff;font-family:GilroyL;font-size:16px;text-align:center;line-height:20px;display:inline-block;border-bottom:3px solid #007899;}
.secondary-button{padding:15px 20px;text-align:center;line-height:20px;display:inline-block;color:#556771;font-size:14px;}

h1{font-size:23px;padding:0;margin:0;}
h2.s32{font-family:GilroyL;font-size:26px;line-height:30px;}
h2.s36{font-family:GilroyL;font-size:30px;}


.first{margin-top:20px;padding-bottom:80px;background:url(img/firstback.png) no-repeat bottom center;background-size:130%;height:600px;}
.first .titleblock{padding-top:10px; width:100%; }
.first .subheader{font-size:16px;line-height:20px;padding-top:10px;width:90vw;padding-bottom:30px;}
.video-button{position:absolute; top:390px;left:80px;padding:20px  0 30px 90px;background:url('img/videoplay.svg') no-repeat top left;color:#fff;display:inline-block;}
.buks{position:absolute; bottom:-520px;right:-5vw;width:90vw;}

.tree-left-1, .tree-left-2, .tree-right-1, .tree-right-2{display:none;}

.navigation{display:none;}

/**/
.quiz{height:auto;width:90vw;margin:auto;padding-top:130px;background:#fff url('img/quizmob.png') no-repeat top center;background-size:contain;}
.quiz h2{padding-top:40px;padding-left:0;background:url('img/line.jpg') no-repeat top left;margin:0px 0 0 30px;width:75vw;font-size:22px;}

.quiz-result-inner{padding:30px 0 30px 30px;width:75vw;}
.quiz-questions{padding:30px 0 30px 30px;width:80vw;}

.quiz-action{padding:0 0 40px 0; margin:0 auto;width:200px;}
.quiz-action .primary-button{margin-top:10px;}
.quiz-result-inner .primary-button{width:260px;padding:10px 0;}

/*USLUGY*/
.uslugy{padding-bottom:60px;}
.uslugy .wrapp{width:100vw;overflow:hidden;}
.mobwrapp{width:95vw;padding-left:5vw;overflow:auto;}
.uslugyline{width:240vw;}
.uslugyline .secondary-button{padding-left:0;}
.uslugy-item{float:left;height:160px;width:60vw;padding:30px;background: #fff url('img/us_01.png') no-repeat bottom right;background-size:contain;}
.uslugy-item.center-item{margin-left:5vw;margin-right:5vw;background: #fff url('img/us_02.png') no-repeat bottom right;background-size:contain}
.uslugy-item.r-item{ background: #fff url('img/us_03.png') no-repeat bottom right;background-size:contain}

/*TOOOLS*/
.useblock{width:100%;height:auto;padding-bottom:30px;}
.button-line{padding:25px 0 0 20px;}
.useblock .use-page h2{padding:0;background:none;margin:0px 0 0 20px;width:90%;font-size:26px;}
.useblock .subheader{padding-left:20px;padding-top:30px;font-size:16px;padding-bottom:10px;}
.use-list{margin-left:20px;margin-top:30px;width:90%;}
.use-list ul li{line-height:20px;margin:6px 0;padding-left:30px;background:url(img/check.png) no-repeat top left;min-height:30px;}
.use-direction{margin-left:20px;padding-top:20px;}
.useblock .primary-button, .useblock .thr-button{width:25%;padding:5px;}
.useblock .primary-button{margin-top:0;}
.useblock .center-item{margin-left:5px;margin-right:5px;}

/*ABOUT*/
.about{padding-top:40px;}
.about .wrapp{padding-left:0px;}
.about-item{float:left;width:120px;height:140px;margin:10px;font-size:14px;background:url('img/circle.png') no-repeat top left;padding:40px 0 0 30px;}
.about-item-num{color:#009ECE;font-family:GilroyEB;font-size:40px;}
.about-item-desc{line-height:20px;padding:20px 0 0 10px;}
.abitem-last{display:none;}


/*HOWWEWORK*/
.howwework{padding-top:40px;}
.hww-item{width:46%;float:left;padding-top:40px;position:relative;margin-bottom:20px;}
.hww-item .hww-item-cart{padding:20px;height:270px;font-size:14px;line-height:16px;}
.hww-item-margin{margin-right:2%;margin-left:2%;}
.hww-item-cart span{display:block;}
.hww-item-ico{position:absolute;top:0;left:30%;}

/*PROJECTS*/
.projects{padding-top:40px;}
.project{height:auto;width:100%;margin:auto;}
.projects .maincta{margin:30px 0;}
.project-video{clear:both;float:none;padding:25px 0;width:90%;margin:auto;height:auto;}
.project-video img{width:100%;}
.project-description{float:none;clear:both;padding:5px 0 30px 20px;width:90%;}
.project-top .date{float:left;color:#8E8E93;font-size:13px;line-height:22px;width:200px;}
.project-top .arrows{float:right;width:55px;}
.project-description-text{padding-right:0px;line-height:24px;height:190px;overflow:hidden;}


/*CATALOG*/
.catalog{padding-top:30px;overflow:auto;}
.catalog-left{width:100%;float:left;}
.catalog-left h3{font-family:GilroyL;font-size:24px;padding-top:0;margin-top:0;}
.catalog-right{width:100%;float:left;}
.catalog-right h3{padding-left:10px;font-family:GilroyEB;color:#009ECE;font-size:24px;padding-top:30px;margin-top:0;}
.catalog-item {width:210px;padding:5%;margin:0;margin-right:10px;float:left;height:365px;text-align:center;}
.catalog-item img{display:block;margin:auto;width:200px;}
.catalog-cat-item{width:40%;padding:4%;height:165px;margin-right:4%;margin-bottom:15px;border-radius:6px;float:left;font-family:GilroyL;font-size:24px;line-height:26px;background-size:contain;}
.catalog-cat-item b{font-family:GilroyEB;}
.catalog-cat-item.right{margin-right:0;}
.catalog-item-caption{font-size:18px;color:#009ECE;}
.catalog-item-price{font-size:26px;padding:5px 0 10px 0;color:#959FA4;}

.catalog-scroll{width:100%;overflow:auto;}
.catalog-item-line{width:550px;}

/*GARANT*/
.garanty{padding-top:30px;}
.garanty .wrapp{padding:10px;background:url('img/garanti.png') no-repeat top left;}
.g-item{padding:10px 5%;margin:0 0 10px 0;width:90%;border-radius:8px;background:rgba(221, 235, 243, 0.5);border:1px dashed #009ECE;float:left;font-size:16px;}
.g-item b{color:#00A9D6;}

/*TESTIMONIALS*/
.testim{height:auto;padding-bottom:20px;overflow:hidden;}

/*FOOTER*/
footer{margin-top:60px;height:600px;background:#fff url('img/mapmob.png') no-repeat top center;padding-top:260px;}

/*MODAL*/
.modal{z-index:9999;position:fixed;top:50%;left:50%; margin-left:-45vw;box-shadow: 0 30px 81px -40px rgba(0, 0, 0, .2);background:#fff;
padding:30px 10px;display:block;width:85vw; text-align:center;border-radius:8px;color:#556771;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:14px;}
.modal-label{padding:10px 0 10px 0;}
.modal .primary-button{padding:0;width:300px;line-height:50px;}
.modal input[type='tel'],.modal input[type='text']{width:260px;}
.modal-video{width:80vw;height:200px;top:70vh;left:50%; margin-left:-45vw;padding:10px;}
.modal-video img{width:100%;}
.modal-tnx{width:78vw;}

.breadcrambs{text-align:left;width:100%;margin-bottom:30px;}

.inner-items-us-1{float:none;width:75vw;height:90px;margin:0 !important;}
.uslugyblock{padding:30px 40px;}
.uslugyblock ul {list-style: none}
.uslugyblock li::before {content: "•"; color: #01A3D2;font-size:16px;font-weight:700;padding-right:10px;}

.uslugys .uslugy-item{clear:both;float:left;width:75vw;margin:0;margin-bottom:10px;}
.uslugys .uslugy-item .secondary-button{padding-left:0;}

.catalog-nav-item{width:40%;padding:3%;height:165px;margin:0;margin-right:3%;margin-bottom:15px;border-radius:6px;float:left;font-family:GilroyL;font-size:24px;line-height:26px;background-size:contain;}

.catalog-description{padding-top:0;}
.catalog-d-description{width:90%;}
.catalog-d-link{display:none;}

.filtrline select{margin:0 2% 20px 0;width:47%;}
.catalog-inner .catalog-item{width:41%;padding:3%;margin:0 2% 15px 1%;height:310px;}
.catalog-inner .catalog-item img{width:80%;}
.catalog-inner .catalog-item-caption{font-size:12px;}
.catalog-inner .primary-button{width:90%;padding:5px 0;}
.catalog-inner .catalog-item-price{font-size:20px;}

.testim img{width:200%;}



#product .s32{padding-top:0;margin-top:0;}
.prod-table {width:100%;}
.prod-table td{padding:5px 10px;}
.prod-table td:nth-child(1){width:70%;}
.prod-table tr:nth-child(2n){background:#E3EDF2;}
#product .project{padding-bottom:40px;height:auto;}
#product .project-video{padding:20px;text-align:center;}
#product .project-video img{width:80%;}
#product .project-description{float:left;padding:25px 25px 0 0;width:100%;}
#product{padding-top:40px;}
.price-title{font-size:14px;font-weight:400;font-family:'Open Sans', sans-serif;}
#product .s32{text-align:center;}
#product .project-description-text{height:auto;overflow:auto;}
.uslugy-item .s32{text-align:left !important;}
.uslugys .s32{text-align:left !important;}

.catalog-item-img{height:120px !important;}
.catalog-item-caption{height:35px;}

.catalog_filtered_left{clear:both;width:100%;/*display:none;*/}
.catalog_list_right{width:100%;}
.filter_label{font-weight:700;}

.blog-left{width:100%;float:none;clear:both;}
.blog-right{width:100%;float:none;clear:both;}

.no-desctop{display:block;}
.no-mobile{display:none !important;}
.hidden{display:none;}

.catalog-in-op{width:80vw;position:relative;}
.catalog-in-op .catalog-item-caption{text-align:center;line-height:20px;padding:30px 0px 20px 0px;}
.catalog-in-op .catalog-item-price{text-align:center;padding:0 0 10px 0;}
.catalog-in-op .primary-button{margin:auto;margin-top:180px;width:140px;margin-left:-30px;}
.catalog-in-op .ciop-left{position:absolute;top:0;left:50%;height:100%;width:200px;z-index:9999;margin-left:-100px;}
.catalog-in-op .catalog-item-img{position:absolute;top:0;left:50%;z-index:8888;margin-top:150px;margin-left:-75px;}
.quiz-q-title::before{  margin-bottom: 20px;
  float: left;
}
.filter_button a{font-size:16px;color:#556771;margin-bottom:20px; padding-bottom:3px; display:inline-block; border-bottom:1px dashed #556771;text-decoration:none;}
}

/*MOBILE small*/
@media all and (max-width: 370px) {
.hww-item .hww-item-cart{padding:10px;height:270px;font-size:12px;line-height:14px;}
  .hww-item h2{font-size:20px;}  
  .about-item{width:31%;font-size:12px;height:auto;}
  .callback{width:42%;}
  .callback a{width:90%;font-size:12px;}
  .numer{font-size:16px;}
  .numer span{font-size:12px;}
	.quiz-result-inner  input {width:180px !important;}
	.quiz-result-inner  button {width:180px !important;}
	.quiz-questions{width:90%;padding:10px;}
	.quiz-question{width:90% !important;}
	.uslugyline{width:265vw;}
}

@media all and (min-width: 371px) and (max-width: 400px) {
   .hww-item .hww-item-cart{padding:10px;height:270px;font-size:12px;line-height:14px;}
  .hww-item h2{font-size:20px;}  
  .about-item{width:31%;font-size:12px;height:auto;}
  .callback{width:45%;}
  .callback a{width:90%;font-size:12px;}
  .numer{font-size:22px;}
  .numer span{font-size:14px;} 
    
}

.amoforms_iframe{width: 100%; position: relative !important;height:315px !important;}

.amoforms_iframe > .amoforms-form{padding:0 !important;}
.amoforms_iframe > .amo-brand{display:none !important;}

.time-online:before{display:inline-block;margin-right:5px;height:10px;width:10px;border-radius:5px;background:#40DC19;content:'';}
.time-closed:before{display:inline-block;margin-right:5px;height:10px;width:10px;border-radius:5px;background:#FD3332;content:'';}

.hidden-mans, .hidden-cameras, .hidden-sbros, .hidden-formfactor, .hidden-energoz, .hidden-count {display:none;}


.ahidden{display:none !important;}
.modal-zakaz{z-index:99999;}
.modal-get-call{height: auto;}

.numer a{color:#556771;text-decoration:none;}

label.error{
display:block !important;
color:red;
font-size:12px;
margin:0px 0 10px 0;
}
input.error{margin-bottom:5px !important;background: #ffe6eb;}
input.valid.success-alert {
border: 2px solid #4CAF50;
color: green;
}

.underquiz{text-align:center;padding-top:20px;font-size:1.5em;}
.libra_item{padding-bottom:40px;}
.pagination .nav-links a{padding:5px; border-radius:3px; border:1px solid #eee;margin: 5px;color:#999;}