/*   
Theme Name: CTtheme
Theme URI: 
Description: 
Author: Roman Kuznetsov
Author URI: 
Template: 
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/
html {width:100%;height:100%;margin:0;padding:0;font-size:10px;font-weight:300;}
body {width:100%;height:100%;margin:0;padding:0;font-size:1.6rem;font-family:Montserrat, sans-serif;font-optical-sizing:auto;font-weight:300;/*font-weight:400;color:#7a7b7b;*/color:#1e1f25;line-height:1.5;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--scrollbar-width:none;}
body::-webkit-scrollbar{width:0px;background-color:#fff}
body::-webkit-scrollbar-thumb{background-color:#f4e5cd}

h1,h3{font-weight:800;font-size:4.2rem;color:#008037}
h2{font-weight:700;font-size:3.2rem;color:#1e1f25}
.cln{display:none}

header#header{display:flex;position:fixed;top:0;left:0;width:100%;z-index:999;background-color:#008037;justify-content:center;}
nav#menu{width:90%;padding:15px 0;display:flex;justify-content:center;}
nav#menu div.menu-verhnee-menyu-container{width:100%;display:flex;justify-content:center;}
nav#menu ul{width:100%;padding:0;margin:0;display:flex;justify-content:space-between;}
nav#menu li {list-style:none;white-space:nowrap;display:block}
nav#menu li a {width:auto;padding:5px 5px 9px 5px;color:#fff;font-weight:500;text-decoration:none;position:relative;display:inline-block;white-space:nowrap;}
nav#menu li i.fas {color:#fff;float:left;display: inline-block;margin: 0.45em 0.5em 0 0;}
@media screen and (min-width: 1025px){
#logo,#menu-open,#menu-close{display:none}
}
@media screen and (max-width: 1024px){
header#header{width:calc(100% - 20px);padding:10px;justify-content:space-between;}
#logo,#menu-open,#menu-close{display:block}
#logo{color:#fff;font-weight:700;font-size:2.2rem;opacity:0}
nav#menu{display:none;}
nav#menu.active{display:block;width:300px;height:100%;padding:5%;position:fixed;top:0;overflow:auto;overflow-x:auto!important;background-color:#008037;z-index:1000;box-shadow:-7px 0px 20px 2px #000;}
.menu-icon {width:30px;height:30px;margin:0 .5em 0 0;color:#fff;text-align:right;font-size:24px;position:relative;display:block;vertical-align:middle;z-index:102;-webkit-transition:none;transition:none;}
.menu-icon span {position:absolute;top:5px;right:0;display:block;width:30px;height:2px;margin-top:0;background:#fff;font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.menu-icon span:before,.menu-icon span:after {position:absolute;right:0;width:30px;height:2px;background:#fff;content:" ";-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.68, 0, 0.265, 1);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transition-timing-function:cubic-bezier(0.68, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.menu-icon span:before {top:17px;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);}
.menu-icon span:after {bottom:-10px;-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px);}
#menu-close {width:100%;height:30px;}
#menu-close:after,#menu-close:before {content:'';position:absolute;top:2em;right:1em;width:30px;height:3px;background:#fff}
#menu-close:after {-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}
#menu-close:before {-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
nav#menu.active ul{flex-wrap:wrap}
#menu.active li {}
#menu.active li {width:100%;font-size:1.8rem;line-height:1.5;margin:1em 0 0 0;padding:0px;text-align:right}
#menu.active li a {font-size:2.4rem;padding:0!important;margin:0}
#menu.active li > a:after {background:#DFBC8D;}
}
#pagecontent{width:100%;height:auto;margin:0;padding:0;}
section{width:100%;height:auto;display:flex;justify-content:center;align-items:center;align-content:center;position:relative;/*background: #ffd60026;*/background:#cfb09985;}
section:nth-child(even){background:#cfb099c4}
section h1{animation:scale 3s forwards;opacity:0;filter:blur(5px);}
section h2{animation:scale 4s forwards;opacity:0;filter:blur(5px);}
@keyframes scale {100% {opacity:1;filter:blur(0);}}
section::after{content:'';width:100%;height:0px;border-bottom:2px dashed #6fa82f;position:absolute;bottom:0;left:0;z-index:0}
section::before{content:'';height:calc(100% + 3px);background-color:#6fa82f;position:absolute;z-index:0}
.bg-center::before{width:100%;top:40%;}
.bg-left::before{left:0}
.bg-right::before {right:0}
.bg-right-ext::before{width:20%;right:15%;}
.bg-right::before {width:24%;}
.bg-left::before{width:24%;}
@media screen and (min-width: 667px){
section::before{top:-2px;right:0;}
.section.bg-left .content-text{order: 1;}
}
.content{width:90%;height:auto;z-index:1;display:flex;justify-content:space-evenly;align-items:center;align-content:center;}
section.bg-center .content {flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content: space-around;}
section.bg-center .content h2,section.bg-center .content .blocks{width:100%;text-align:center}
.section .content-text{width:48%;}
.section .content-img{width:30%;display:flex;justify-content:center;align-items:center;align-content:center;}
.section .content-img div.img{width:100%;padding:50% 0 50% 0;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px}
.section .content-img img{border-radius:10px}
.img-parent {
width:100%;display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.img-grid{width:99%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px}
.grid2 .img1{grid-area: 1 / 1 / 3 / 2;}
.grid2 .img2{grid-area: 1 / 2 / 3 / 3;padding:100% 0 100% 0;}
.grid3 .img1 { grid-area: 1 / 1 / 2 / 2; }
.grid3 .img2 { grid-area: 2 / 1 / 3 / 2; }
.grid3 .img3 { grid-area: 1 / 2 / 3 / 3;padding:100% 0 100% 0;}
.grid4 .img-grid {padding: 50% 0;}
.grid4 .img1 { grid-area: 1 / 1 / 2 / 2; }
.grid4 .img2 { grid-area: 1 / 2 / 2 / 3; }
.grid4 .img3 { grid-area: 2 / 1 / 3 / 2; }
.grid4 .img4 { grid-area: 2 / 2 / 3 / 3; }
.section .content-text p{font-size:2.8rem;}

.section.bg-right .content-text,.section.bg-left.content-text{width:60%;}
section.bg-center .content .blocks{width:95%;display:flex;justify-content:space-around;}
section.bg-center .content .blocks .blocks-item{width:30%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
section.bg-center .content .blocks.blocks-slider{flex-wrap:wrap;margin:0 0 6.5em 0}
section.bg-center .content .blocks .owl-item .blocks-item{width:95%;}
section.bg-center .content .blocks .blocks-item .imgB {width:65%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:5%}
section.bg-center .content .blocks .blocks-item .imgB .toppad{width:100%;padding:0 0 100% 0;}
section.bg-center .content .blocks .blocks-item h4{width:100%;font-weight:600;font-size:2.2rem;color:#008037;margin:.5em 0 0 0}
section.bg-center .content .blocks .blocks-item p{width:100%;font-weight:400;font-size:1.8rem;margin:.2em 0 0 0}
section.bg-center h3{margin:0 0 1em 0}
.owl-stage-outer,.owl-nav{width:100%;}
.owl-nav{display:flex;justify-content:space-between;position:absolute;left:0;top:30%;}
.owl-prev,.owl-next{padding:0;margin:0;border:none!important;outline:none!important;background:none!important}
.owl-prev i:before,.owl-next i:before{font-style:normal;color:#fff;font-size:6rem}
.owl-prev i.left:before{content:'\2329'}
.owl-next i.right:before{content:'\232A'}
section.bg-center .content .blocks.topmargin{margin:3.3em 0 0 0}


#conacts p{font-size:2.2rem}
section#conacts::after{display:none}
i.fas {color:#008037;margin:0 .5em 0 0}
#conacts p a{color:#1e1f25;text-decoration:none}
#conacts p a:hover{text-decoration:underline}
#conacts .content{display:flex;justify-content:space-evenly;align-items:center;align-content:center;}
#conacts .content .content-text{width:33%;}
#conacts .content .content-img{width:30%;display:flex;justify-content:center;align-items:center;align-content:center;}
#conacts .content .content-img img{width:100%;border-radius:50%}

footer{width:100%;padding:10px 0;display: flex;justify-content: center;background:#008037;color:#fff}

#top{width:40px;height:40px;font-size:3rem;text-align:center;text-decoration:none;color:#008037;border:1px solid #008037;border-radius:4px;background:#fff;position:fixed;right:15px;bottom:15px;z-index:100}

#form-popup{display:none;width:100%;height:100vh;justify-content:center;align-items:center;align-content:center;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:11000}
#form-popup #form-message{width:100%;max-width:428px;padding:25px;position:relative;background:#fff;border:1px solid #908e7e;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;border-radius:4px;}
#form-popup .close {width:36px;height:36px;position:absolute;top:-10px;right:-10px;cursor:pointer;background-color:#fff;border:1px solid #908e7e;border-radius:50%;z-index:11002}
#form-popup .close:after,#form-popup .close:before {content:'';position:absolute;top:17px;right:5px;width:25px;height:2px;background:#000}
#form-popup .close:after {-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}
#form-popup .close:before {-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
.wpcf7-form-control{border:1px solid #008037;border-radius:4px;padding:10px 5px;}
.wpcf7-form-control.send{background:#008037;color:#fff}
@media screen and (max-width: 1024px){
#form-popup {height:100%;}
h2 {font-size:2.2rem;}
#section-4 h3 {font-size:2.6rem;}
.section .content-text p {font-size:2rem;}
section.bg-center h3 {font-size:2.4rem;text-align:center}
.content {width:99%;}
#conacts .content .content-text {width:45%;}
.bg-right-ext::before{width:20%;right:12.5%;}
.bg-right::before {width:24%;}
.bg-left::before{width:24%;}
.owl-nav {top:25%;}
}
@media screen and (max-width: 1023px){
section {height:auto;padding:3.5em 0 4em 0}
section.bg-center .content .blocks.topmargin {margin:1em 0 0 0;}
section.bg-center h3{align-content:center;font-size:1.9rem;}
.section .content-text p {font-size:1.8rem;}
}
@media screen and (max-width: 932px){
h2 {font-size:1.9rem;}
h3 {font-size:2.6rem;}
.section .content-text p {font-size:1.7rem;}
.bg-center::before {top:33%;}
.owl-nav {top:18%;}
}
@media screen and (max-width: 896px){
h2 {font-size:1.8rem;}
h3 {font-size:2.4rem;}
.section .content-text p {font-size:1.6rem;}
.bg-center::before {top:33%;}
section.bg-center .content .blocks .blocks-item h4 {font-size:1.8rem;}
section.bg-center .content .blocks .blocks-item p {font-size:1.6rem;}
.owl-nav {top:17%;}
}
@media screen and (max-width: 768px){
section#section-1{padding:5.5em 0 4em 0}
.section .content-img {width:38%;}
.section.bg-right .content-img,.section.bg-left .content-img {width:31%;}
.section .content-text {width:52%;}
#conacts p {font-size:2rem;}
#conacts .content .content-text {width:50%;}
.bg-right::before,.bg-left::before {width:22%;}
.bg-right-ext::before {right:12%;}
#section-5.bg-center::before {top:32.5%;}
#section-6.bg-center::before {top:35.5%;}
}
@media screen and (max-width: 667px){
h1 {font-size:3rem;}
h3 {font-size:2rem;}
h2 {font-size:1.6rem;}
.section .content-text p {font-size:1.6rem;}
#conacts p {font-size:1.6rem;}
section.bg-center .content .blocks .blocks-item .imgB {width:45%;}
.owl-nav {top:23%;}
#section-6 .owl-nav {top:31.5%;}
}
@media only screen and (orientation: portrait) and (max-width: 620px){
h1 {font-size:3.2rem;}
h3 {font-size:2.2rem;}
h2 {font-size:1.8rem;}
.section .content-text p {font-size:1.6rem;}
.content{height:100%;flex-wrap:wrap;align-content: space-evenly;justify-content: center;}
.section.bg-right .content-text,.section.bg-left.content-text,.section .content-text,#conacts .content .content-text {width:100%;}
.section .content-img,#conacts .content .content-img{width:95%;}
.bg-left::before,.bg-right::before,.bg-right-ext::before{width:100%;height:30%;bottom:0;left:0;right:0}
section.bg-center .content{align-content: center;}
section.bg-center .content .blocks {width:100%;}
section.bg-center .content .blocks .owl-item .blocks-item {width:100%;align-items:center;}
section.bg-center h3 {text-align:center}
section.bg-center .content h2{font-size: 2.2rem;}
.content{width:96%;}
#footermenu{width:90%;}
}
@media only screen and (orientation: portrait) and (max-width:450px){
.section.bg-right .content-img,.section.bg-left .content-img {width:95%;}
}
@media only screen and (orientation: portrait) and (max-width:430px){
section {padding:3.2em 0 3.8em 0}
section.bg-center .content .blocks.topmargin {margin: 1em 0 0 0;}
.bg-center::before {top:37.5%;}
.owl-nav {top:18%;}
#section-6 .owl-nav {top:19%;}
}
@media only screen and (orientation: portrait) and (max-width:414px){
.owl-nav {top:18%;}
#section-6 .owl-nav {top:20%;}
}
@media only screen and (orientation: portrait) and (max-width:390px){
.bg-center::before {top:38%;}
#section-5.bg-center::before {top:33%;}
#section-6.bg-center::before {top:36.5%;}
.owl-nav {top:17%;}
#section-6 .owl-nav {top:20%;}
}

@media screen and (min-width: 769px){
section{min-height:100vh;height:auto;}
}