/* css document typografy */
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');
body{font-family:'Mulish', sans-serif;font-size:14px;font-weight:normal;line-height:1.5;margin:0;padding:0;}
img{border:none;}
p{margin:0;padding:0;}
a{text-decoration:none;}
.blue{color:#193cc0;}
.white{color:#fff;}
.yellow{color:#f0d500;}
.black{color:#000;}
.font-size12{font-size:12px;}
.font-size16{font-size:16px;}
.font-size18{font-size:18px;}
.font-size20{font-size:20px;}
.font-size24{font-size:24px;}
.font-size30{font-size:30px;}
.bold{font-weight:bold;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.clear_right{clear:right;}
.clear_left{clear:left;}
h1{margin:10px 0;font-size:24px;font-weight:bold;}
h2{margin:10px 0;font-size:16px;font-weight:bold;}
h3{font-size:14px;}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:10px;}
/* CSS Document */
#page{background:#fff;height:auto;width:100%;min-height:900px;min-width:1000px;}
.container_1600{height:auto;width:1600px;margin:0 auto;}
#sidebar{background:#3d4764;height:77px;width:100%;padding-top:23px;position:relative;}
#sidebar ul.menu{background:url(../img/main/logo.png) no-repeat 15px center;height:53px;width:460px;margin:0 0 0 200px;padding-left:90px;text-align:right;list-style:none;position:absolute;left:50%;}
#sidebar ul.menu li{margin:0 15px;padding:13px 0;display:inline-block;}
#sidebar ul.menu li:last-child{margin-right:0;}
#sidebar ul.menu li a{color:#e2d4c9;font-size:18px;text-transform:uppercase;}
#sidebar ul.menu li.current a, #sidebar ul.menu li a:hover{color:#fff;}
.hr-top{background:url(../img/main/banner.jpg) no-repeat top center #3d4764;height:400px;width:100%;position:relative;}
.hr-logo{width:450px;padding:50px 0 0 100px;}
.hr-photo{position:absolute;top:0;left:50%;z-index:1;}
.hr-contact{background:#3d4764;height:250px;width:calc(50% - 430px);margin-left:315px;padding:50px 0 50px 115px;border-top-left-radius:175px;border-bottom-left-radius:175px;position:absolute;top:525px;left:50%;z-index:2;color:#e2d4c9;font-size:18px;}
.hr-contact a{color:#e2d4c9;}
.hrc-name{font-size:24px;text-transform:uppercase;margin:30px 0 20px;}
.hrc-insta{background:url(../img/main/ico-insta.png) no-repeat left center;padding:5px 0 5px 47px;margin-bottom:15px;}
.hrc-phone{background:url(../img/main/ico-whatsap.png) no-repeat left center;padding:5px 0 5px 47px;margin-bottom:15px;}
.hrc-mail{background:url(../img/main/ico-mail.png) no-repeat left center;padding:5px 0 5px 47px;}
.hr-bottom{background:#e2d4c9;padding:25px 0;}
.hr-desc{width:550px;padding:25px 0 75px 50px;color:#3d4764;}
.hr-desc h1{margin:10px 0 25px;font-size:22px;font-weight:normal;text-transform:uppercase;}
.hr-desc p{margin-bottom:25px;font-size:16px;}
.service-top{padding:25px 0;color:#3d4764;}
.service-top h1{text-align:center;margin:50px 0 100px;font-size:24px;font-weight:normal;text-transform:uppercase;}
.sct-img{display:inline-block;width:800px;}
.sct-desc{display:inline-block;width:696px;padding-left:100px;vertical-align:top;}
.sctdli{padding:25px 0 0 100px;margin-bottom:25px;font-size:24px;}
.sctd-1{background:url(../img/uslugi/1-ico.png) no-repeat 6px bottom;}
.sctd-2{background:url(../img/uslugi/2-ico.png) no-repeat 8px bottom;}
.sctd-3{background:url(../img/uslugi/3-ico.png) no-repeat left bottom;}
.sctd-4{background:url(../img/uslugi/4-ico.png) no-repeat 5px bottom;}
.sctd-5{background:url(../img/uslugi/5-ico.png) no-repeat left center;}
.sctd-6{background:url(../img/uslugi/6-ico.png) no-repeat left bottom;}
.sctd-7{background:url(../img/uslugi/7-ico.png) no-repeat 15px bottom;}
.sctd-8{background:url(../img/uslugi/8-ico.png) no-repeat 10px bottom;margin-bottom:0;}
.sctd-8_1{padding:0 0 50px 100px;font-size:18px;}
.sctd-9{font-size:18px;}
.ct-top{background:#3d4764;padding:25px 0;}
.service-center{padding:25px 15px;color:#e2d4c9;}
.service-center h2{text-align:center;margin:50px 0;font-weight:normal;font-size:30px;text-transform:uppercase;}
.service-center p{margin-top:30px;font-size:20px;}
.service-center p span{width:30px;display:inline-block;}
.scc-left{width:756px;padding-left:40px;display:inline-block;vertical-align:top;}
.scс-right{width:700px;padding:0 0 0 100px;display:inline-block;vertical-align:top;}
.ct-bottom{background:#e2d4c9;padding:25px 0;}
.service-bottom{padding:25px 0;}
.service-bottom h2{text-align:center;margin:50px 0;font-weight:normal;font-size:30px;text-transform:uppercase;}
.service-bottom p{margin-top:30px;font-size:20px;}
.service-bottom p span{width:30px;display:inline-block;}
.scb-left{width:756px;padding-left:40px;display:inline-block;vertical-align:top;float:left;}
.scb-right{width:800px;display:inline-block;vertical-align:top;float:right;}
.ct-contact{background:#3d4764;padding:25px 0;color:#e2d4c9;}
.ct-contact h1{text-align:center;margin:50px 0 100px;font-size:24px;font-weight:normal;text-transform:uppercase;}
.ct-contact p{font-size:20px;margin-bottom:25px;}
.ct-contact a{color:#e2d4c9;}
.ctct-left{width:49%;text-align:center;display:inline-block;vertical-align:top;}
.ctct-right{width:49%;display:inline-block;vertical-align:top;}
#cforms_start_page{width:350px;}
#cforms_start_page label[for="name"], #cforms_start_page label[for="phone"], #cforms_start_page label[for="message"]{display:none;}
#name, #phone, #message{background-color:#3d4764;color:#e2d4c9;border-radius:0;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #e2d4c9;font-size:20px;}
#name::placeholder, #phone::placeholder, #message::placeholder{font-size:20px;color:#e2d4c9;}
#cforms_start_page span.ui.small.text{font-size:14px;}
#cforms_start_page label[for=politika]{color:#e2d4c9;}
#cforms_start_page div[data-vtype="button"]{margin:30px 0 0;padding:1px;}
#cforms_start_page button{background:#3d4764;margin:15px auto;padding:20px 40px;display:block;border:1px solid #e2d4c9;border-radius:15px;text-transform:uppercase;font-size:20px;font-weight:normal;color:#e2d4c9;}
.ctct-map{margin-top:50px;}
.blogproject{background:#e2d4c9;padding:10px 0;}
.bgpt-item{display:none;width:100%;max-width:1600px;margin:0 auto 100px;position:relative;}
.bgpt-item.item-act{display:block;}
.bgpt-item img{text-align:center;}
.bgpt-info{background:url(../img/proekt/bg-transperence.png) repeat;height:300px;width:500px;padding:60px 50px 0;margin-top:-180px;position:absolute;top:50%;left:0;text-align:center;color:#3d4764;}
.bgpt-info h2{font-size:30px;font-weight:normal;}
.bgpt-info p{font-size:18px;}
.bgpt-info p.readmore a{background:#3d4764;height:30px;width:250px;padding:15px 12px;display:inline-block;border-radius:10px;font-size:18px;text-transform:uppercase;text-align:center;color:#e2d4c9;}
.ico-real{background:url(../img/proekt/ico1.png) no-repeat center;height:39px;width:39px;margin:15px auto;display:block;}
.ico-3d{background:url(../img/proekt/ico2.png) no-repeat center;height:39px;width:39px;margin:15px auto;display:block;}
#ptfilter{width:550px;margin:0 auto;padding:50px 0;}
.ptf-ul{margin:0;padding:0;list-style:none;}
.ptf-ul li{display:inline-block;height:25px;padding:10px 0 5px 50px;font-size:16px;color:#3d4764;text-transform:uppercase;cursor:pointer;}
.ptf-real{background:url(../img/proekt/ico1.png) no-repeat center left;margin-right:40px;}
.ptf-3d{background:url(../img/proekt/ico2.png) no-repeat center left;}
.item-pageproject{background:#e2d4c9;padding:10px 0;text-align:center;color:#3d4764;}
.item-pageproject div[itemprop="articleBody"]{width:100%;max-width:1600px;margin:0 auto;}
.item-pageproject .page-header{width:500px;margin:0 auto;}
.item-pageproject h1{font-size:24px;font-weight:normal;}
.item-pageproject .page-header p{font-size:18px;}
.item-pageproject .ph-dopinfo{margin:50px 0;text-transform:uppercase;}
.item-pageproject img{width:auto;margin-bottom:40px;}
#canvas{
filter: grayscale(1);
-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
}
#footer{background:#3d4764;height:auto;min-height:50px;padding:60px 10px;}
.copyrignt{text-align:center;color:#e2d4c9;font-size:24px;}
.copyrignt a{color:#e2d4c9;}
.ct-politika{max-width:1600px;margin:0 auto;padding:10px 15px;}

@media (max-width:1600px){
.container_1600{width:100%;}
#sidebar ul.menu{margin:0 0 0 0;left:auto;right:50px;}
.hr-photo{width:50%;overflow:hidden;}
.bgpt-item img{width:100%;}
.item-pageproject img{width:100%;}
.sct-img{width:50%;}
.sct-img img{width:100%;}
.sct-desc{width:calc(50% - 104px);padding: 0 25px 0 75px;}
.scc-left{width:calc(50% - 44px);}
.scс-right{width:calc(50% - 100px);padding: 0 25px 0 75px;}
.scb-left{width:calc(50% - 44px);}
.scb-right{width:50%;}
.scb-right img{width:100%;}
}
@media (max-width:1400px){
.hr-contact{width:270px;margin-left:0;left:auto;right:0;}
.hr-desc{width:calc(50% - 75px);}
}
@media (max-width:1200px){
.hr-logo{padding:50px 0 0 50px;}
}
@media (max-width:1100px){
.hr-logo{padding:50px 0 0 30px;}
}
@media (max-width:999px){
#page{min-width:auto;}
.hr-top{height:auto;}
.hr-logo{width:100%;margin-bottom:34px;padding:50px 0 0 0;text-align:center;}
.hr-photo{width:100%;position:relative;left:auto;text-align:center;}
.hr-contact{width:50%;top:auto;bottom:0;}
.hr-desc{width:calc(100% - 30px);padding:25px 15px;}
.service-top h1{margin:0 0 30px;}
.sct-img{width:100%;text-align:center;}
.sct-img img{width:auto;}
.sct-desc{width:calc(100% - 30px);padding:0 15px;}
.service-center h2, .service-bottom h2{margin:25px 0;}
.ct-contact h1{margin:0 0 30px;}
.bgpt-info{margin-top:-158px;padding:15px 15px 0;}
.copyrignt{font-size:18px;}
#footer{padding:25px 10px;}
}
@media (max-width:800px){
.service-top{padding:25px 15px;}
.sct-img img{width:100%;}
.sctdli{font-size:20px;}
.sctd-8{padding:31px 0 0 100px;}
.sctd-8_1{font-size:16px;}
.sctd-9{font-size:16px;}
.service-center h2, .service-bottom h2{margin:0;font-size:24px;}
.scc-left{width:calc(100% - 30px);padding:0 15px;}
.scс-right{width:calc(100% - 30px);padding:0 15px;}
.service-bottom{padding:25px 15px;}
.scb-left{width:calc(100% - 30px);padding:0 15px;}
.scb-right{width:100%;margin-top:20px;}
#ptfilter{padding:25px 15px;}
.bgpt-info{height:auto;margin-top:0;}
.bgpt-info{width:calc(100% - 30px);position:relative;}
.bgpt-info h2{font-size:24px;}
}
@media (max-width:759px){
.ctct-left{width:calc(100% - 30px);padding:0 15px;}
.ctct-right{width:calc(100% - 30px);padding:0 15px;}
#cforms_start_page{margin:10px auto 0;}
}
@media (max-width:699px){
.hr-photo{direction:rtl;}
.hr-photo img{width:100%;min-width:540px;}
.hr-contact{height:200px;width:60%;padding:5px 0 20px 75px;bottom:20px;}
.hrc-name{margin:15px 0 10px;}
.hrc-insta{margin-bottom:10px;}
.hrc-phone{margin-bottom:10px;}
.item-pageproject .page-header{padding:5px 15px;}
}
@media (max-width:619px){
#sidebar ul.menu{width:calc(100% - 100px);padding:0 10px 0 90px;right:0;}
#sidebar ul.menu li{margin:0 12px;}
.bgpt-item{margin:0 auto 50px;}
.bgpt-info h2{font-size:20px;margin:0;}
.bgpt-info p{font-size:16px;}
.bgpt-info p.readmore a{height:20px;width:175px;padding:10px 5px 15px;font-size:16px;}
#ptfilter{width:calc(100% - 30px);}
.ptf-ul li{margin-right:25px;}
.item-pageproject .ph-dopinfo{margin:25px 0;}
}
@media (max-width:539px){
#sidebar ul.menu li{margin:0 7px;}
#sidebar ul.menu li a{font-size:16px;}
.hr-contact{font-size:16px;}
.hrc-name{font-size:18px;}
.hr-desc h1{font-size:20px;}
.service-top h1{font-size:20px;}
.sctdli{font-size:18px;}
.service-center h2, .service-bottom h2{font-size:20px;}
.service-center p, .service-bottom p{margin-top:20px;font-size:18px;}
.ct-contact h1{font-size:20px;}
.ct-contact p{font-size:18px;}
#name, #phone, #message{font-size:18px;}
.item-pageproject .page-header{width:calc(100% - 30px);}
.item-pageproject h1{font-size:20px;}
.item-pageproject .page-header p{font-size:16px;}
}
@media (max-width:479px){
#sidebar{height:100px;padding-top:0;}
#sidebar ul.menu{background:url(../img/main/logo.png) no-repeat center 5px;height:45px;width:calc(100% - 20px);padding:55px 10px 0;text-align:center;}
.hr-logo img{width:400px;}
.sct-desc{width:100%;padding:0;}
.sctdli{height:auto;min-height:46px;padding:0 0 0 60px;margin-bottom:15px;}
.sctd-1{background:url(../img/uslugi/1-ico.png) no-repeat 6px center/ 32px;}
.sctd-2{background:url(../img/uslugi/2-ico.png) no-repeat 6px center / 36px;}
.sctd-3{background:url(../img/uslugi/3-ico.png) no-repeat left center / 44px;min-height:26px;}
.sctd-4{background:url(../img/uslugi/4-ico.png) no-repeat 5px center / 36px;}
.sctd-5{background:url(../img/uslugi/5-ico.png) no-repeat left center / 51px;}
.sctd-6{background:url(../img/uslugi/6-ico.png) no-repeat left center / 51px;}
.sctd-7{background:url(../img/uslugi/7-ico.png) no-repeat 8px center / 28px}
.sctd-8{background:url(../img/uslugi/8-ico.png) no-repeat 6px center / 39px;padding:11px 0 0 60px;}
.sctd-8_1{padding:0 0 25px 60px;}

}
@media (max-width:419px){
#sidebar ul.menu li{margin:0 4px;}
#sidebar ul.menu li:first-child{margin:0 5px 0 0;}
#sidebar ul.menu li:last-child{margin:0 0 0 5px;}
#sidebar ul.menu li a{font-size:14px;}
.hr-logo img{width:300px;}
.hr-photo{direction:unset;}
.hr-photo img{position:relative;left:-70px;display:inline-block;}
.hr-contact{height:160px;width:calc(100% - 30px);padding:5px 15px;border-top-left-radius:0;border-bottom-left-radius:0;position:relative;}
.hrc-name{margin:0 0 10px;}
.ptf-ul li{font-size:14px;}
}


