*{margin:0;padding:0;}

@font-face {
	font-family: Montserrat-Medium;
	src:url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
	font-family: Montserrat-SemiBold;
	src:url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: Montserrat-Regular;
	src:url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
	font-family: Montserrat-ExtraBold;
	src:url(../fonts/Montserrat-ExtraBold.ttf);
}
body {background: url(grid_noise.png);}
.wrap{
	max-width:1366px;
	display:flex ;
	margin:0 auto;
	
}
.left-body{
	width:255px;
	height:100%;
	background: #52ac49;
	position: fixed;
	-webkit-box-shadow: 10px 0px 37px -24px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 0px 37px -24px rgba(0,0,0,0.75);
	box-shadow: 10px 0px 37px -24px rgba(0,0,0,0.75);
}
.mlinks{
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.mlinks img {
	height: 40px;
	margin: 0 10px;
}
.left-body p{
	text-align: center;
	margin-top: 20px
}
.left-body p a{
	font-size: 10px;
	font-family: Montserrat-Regular;
	color: #eee;
	text-decoration:none;
}
.left-body p a:hover{text-decoration:underline;}
.m-logo, .m-menu-link, .m-menu {display: none;}
.logo img {height: 100px;}
.right-body {
	margin-left: 255px;
	width:1111px;
	max-width:1111px;
	background: url(bg1.png);
}
.menu a {
	text-decoration: none;
}
.top-menu {
	background: #52ac49;
	width:100%;
	height:100px;
	display: flex;
	position: sticky;
	top:0;
	z-index: 10;
	-webkit-box-shadow: 0px 10px 37px -24px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 37px -24px rgba(0,0,0,0.75);box-shadow: 0px 10px 37px -24px rgba(0,0,0,0.75);
}
.top-menu a {
	color:#fff;
	text-decoration:none;
}
.top-menu-block {
	font-family: Montserrat-Regular;
	color:#fff;
}
.top-menu-block i {
	margin-right: 10px;
}
.top-menu-block {
	width:33.3%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.menu-block {
	padding: 25px;
	text-align: left;
	border-bottom: 1px solid #7bbe71;
	margin:0 20px;
}
.menu-block i {
	font-size: 20px;
	margin-left: 20px;
}
.menu-block a{
	font-family: Montserrat-Regular;
	color:#fff;
	font-size: 18px;
}
.menu-block:hover{
	background:#7bbe71;
	transition: 0.8s;
}

ul.xoxo, #quadmenu_widget-4{list-style-type:none;}
li.quadmenu-dropdown-right a{border-bottom:1px solid #7bbe71 !important;}

h1 {
	font-family: Montserrat-ExtraBold;
	font-size: 34px;
	max-width: 600px;
	text-transform:uppercase;
}
.slider {
	background: url(slide1.jpg) no-repeat;
	background-size: contain;
	max-width:1111px;
	height: 600px;
	padding:50px 50px 0 50px;
 
}
.slider span {
	color: #52ac49;	
	font-family: Montserrat-Medium;
	font-size:24px;
	letter-spacing: 1.2px;
	line-height: 40px;
}
.slider ul {
	margin-top: 15px;

}
.slider ul li {
	font-family: Montserrat-Medium;
	font-size: 18px;
	line-height: 45px;
	list-style: none;
	

}
.slider ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f14a";
    color:#00AE3E;
    margin-right: 10px;
    font-size: 20px
}

button {
	padding: 20px 40px;
	border:4px solid #52AC4A;
	font-family: Montserrat-SemiBold;
	background: transparent;
	text-transform: uppercase;
	margin-top: 40px;
	cursor:pointer;
}
button i{
	margin-left: 20px;	
}
button:hover {
	background:#7bbe71;
	transition: 0.8s;
}
h2, h3 {
	font-family: Montserrat-ExtraBold;
	font-size: 28px;	
	text-transform:uppercase;	
}
.title-line {
	height: 6px;
	width: 90px;
	margin-top:8px;
	background: #7bbe71;
}
.right-body-cont {
	margin:0 40px;
}
.products {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px 0 60px 0;
}
.product {
	width: 150px;
	height: auto;
}
.product img{
	width: 100%;
	border:4px solid #7bbe71;
}
.product img:hover{
	transition: 0.5s;
	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-o-transform: scale(1.1);
}
.product a{
	font-family: Montserrat-SemiBold;
	text-align: center;
	margin-top: 15px;
	text-decoration:none;
	color:#000;
}
.partners{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.partners img{
	height:50px;
	margin:20px 30px 50px 0;
}
.partners1 img{
	height:50px;
	margin:20px 0 10px 0;
}

.licences {
	margin-top: 40px;
	padding-bottom: 100px;
}


.cat-content {padding: 40px}
.cat-content, .cat-content p, .cat-content ul {
	font-family: Montserrat-Regular;
	line-height: 24px;
}
.cat-content p a{
	color:#52AC4A;
}
.cat-content p a:hover{
	color:#000;
}

.cat-content ul {
	margin:10px 30px; 
}
.cat-content h1, .cat-content h2, .cat-content h3 {
	margin-top: 20px;
	line-height:35px;

} 
.cat-content>.title-line {
	margin-bottom: 20px;
}
.cat-content-lr {
	display: flex;
	justify-content: space-between;
}
.cat-content-l {
	width: 40%;
}

.cat-content-l img{
	width: 90%;
	border:4px solid #52AC4A;
}
.cat-content-r {
	width: 60%;	
}
.properties-line {
	border-bottom: 1px dashed #52AC4A;
	display: flex;
	margin:20px 0 0 0;
}
.properties-l {
	width: 60%;
	font-family: Montserrat-Regular;
}
.properties-r {
	width: 40%;
	font-family: Montserrat-SemiBold;
	text-align: right;
}
.cat-content-r h4 a{
	font-size: 16px;
	text-transform: uppercase;
	font-family: Montserrat-ExtraBold;
	color:#52AC4A;	
}
.properties h3 {
	font-size: 18px;
	text-transform: uppercase;
}
.properties h4{
	font-size: 18px;
	text-transform: uppercase;
	font-family: Montserrat-ExtraBold;
}

.properties button {
	margin-bottom:20px;
}


.table-line {
	font-family: Montserrat-Regular;
	color: #000;
	padding:7px 20px;
	display: flex;
	border-bottom: 1px dotted #777;
}
.table-line-head {
	background: #52AC4A;
	font-family: Montserrat-Regular;
	color: #fff;
	padding:7px 20px;
	display: flex;
}
.table1-col1 {width:76%}
.table1-col2, .table1-col3 {width:13%;text-align: center;font-family: Montserrat-Regular;}
.table1-col3 {font-family: Montserrat-Regular;}

/*------------CF 7----------------------*/


.wpcf7-form p {
	display:flex;
	flex-direction:column;
	align-items:center;
	line-height:2px;
}
.wpcf7-form-control-wrap{
	line-height:10px;
}
.wpcf7-form-control-wrap input {
	height:45px;
	width:100%;
	max-width:480px;

	border:none;
	margin-top:20px;
	padding:3px 10px 0 10px;
	font-family: Montserrat-Regular;
	font-size:20px;
	color:#000;	
	background:#E7E7E7;
	text-align:center !important;
}
.wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
	font-family: Montserrat-Regular;
	font-size:20px;
	color:#000;


}
.wpcf7-form-control-wrap textarea {
	width:100%;
	max-width:480px;
	height:100px;

	border:none;
	margin-top:20px;
	font-family: Montserrat-Regular;
	font-size:20px;
	color:#000;	
	padding:5px 10px;
	text-align:center !important;
	background:#E7E7E7;
}
.wpcf7-submit {
	margin-top:20px;
	height:45px;

	border:3px solid #fff;
	padding:0 30px;
	color:#fff;
	text-transform:uppercase;
	font-family: Montserrat-Regular;
	font-size:20px;
	background:none;
	text-align:center;
	cursor:pointer;
	text-align:center !important;
}
.wpcf7-submit:hover {
	background:#00679D;
}
.wpcf7-not-valid-tip {
	background:#71c3e1;
	padding:10px !important;
	border-radius:10px;
	color:#000 !important;
	max-width:480px;
	text-align:center;
}
.wpcf7-mail-sent-ok{ 
	background:#63eb63;
	padding:10px !important;
	border-radius:10px;
	color:#398f14 !important;

	text-align:center;
	font-family: Montserrat-Regular;
	font-size:20px;
	margin:10px 0 0 0 !important;
}

.wpcf7-validation-errors {
 	border-radius:10px;
	padding:10px !important;
	font-family: Montserrat-Regular;
	font-size:20px;
	max-width:480px;
}
.popmake-title {
	font-family: Montserrat-Regular !important;
	font-size:20px !important;
	color:#fff !important;
	text-align:center !important;
	line-height:22px;
}

/*-----------------------Adaptive-------------------------*/

@media (max-width: 1300px) {
.product {width: 18%;}
.product img{width: 100%;}
h1, h2, h3 {font-size: 30px}
.slider ul li {font-size: 16px;line-height: 35px;}
.slider ul li:before{height: 20px;width: 20px;background-size: 20px}
.slider {height: 550px}
}
@media (max-width: 1100px) {
.top-menu-block, .menu-block a {font-size: 16px}
.slider ul li {font-size: 14px;line-height: 25px;}
.slider ul li:before{height: 15px;width: 15px;background-size: 15px;left:-20px;top:4px;}
.slider {height: 500px}
}
@media (max-width: 1024px) {
.left-body {display: none;}
.right-body {margin-left:0;}
.slider {background-size: cover;}
.slider ul li {font-size: 16px;line-height: 35px;}
.slider ul li:before{height: 20px;width: 20px;background-size: 20px;left:-30px;top:7px;}
.top-menu {flex-direction: column;align-items: center;justify-content: center;}
.top-menu-block {font-size: 16px;line-height: 24px;justify-content: flex-end;width:100%;margin-right:40px;}
.m-logo {display: block;position: fixed;top:0;left:100px;z-index: 20;}
.m-logo img {height: 100px}
.m-menu-link {display: block;position: fixed;left:32px;top:30px;z-index:30}
.m-menu-link i, .m-menu-close {color:#fff;font-size: 40px;cursor: pointer;}
.m-menu-close {padding:30px 0 0 35px;}
.m-menu {display: flex;flex-direction: column;height: 100vh;width: 355px;background: #52ac49;position: fixed;top:0;z-index: 60;transform: translateX(-130%);transition: 0.2s;	-webkit-box-shadow: 10px 0px 37px -24px rgba(0,0,0,0.75);-moz-box-shadow: 10px 0px 37px -24px rgba(0,0,0,0.75);box-shadow: 10px 0px 37px -24px rgba(0,0,0,0.75);}
.m-menu_active {transform: translateX(0%);}
.menu-block a {text-decoration: none;}
.m-menu>.menu-block{padding: 25px 25px 25px 5px;margin:0 20px;}
.mlinks{justify-content: flex-start;margin-left: 10px;margin-bottom: 20px}
.m-menu p a {font-size: 10px;font-family: Montserrat-Regular;color: #eee;text-align: left;margin: 20px;text-decoration: none;}
.mob-menu-blocks {margin-top: 35px}
}
@media (max-width: 853px) {
.product {width: 30%;margin:0 0 20px 0;}
.products {justify-content: space-around;}
}
@media (max-width: 700px) {
.slider {background: url(mob-slider-bg.jpg) no-repeat;background-size: cover;padding-bottom: 30px}
.slider-mob-bg {background: rgba(255,255,255,0.7); padding:30px;border-radius: 10px}
.slider ul li {	font-family: Montserrat-SemiBold;}
button {background: #52AC4A;color:#fff;font-size:16px;}
h2, h3 {margin-top: 40px;font-size: 26px}
.title-line {height: 4px;width: 80px}
}
@media (max-width: 700px) {
.top-menu-block {display: none;}
.slider {height: auto;padding: 15px;}
.slider-mob-bg {padding:30px;}
}
@media (max-width: 480px) {
h1, h2, h3 {font-size: 18px !important;text-align: center;}
.right-body-cont {margin:0 20px;}
.title-line {margin:0 auto;margin-top:5px;}
.slider-mob-bg {display: flex;flex-direction: column;}
.slider-mob-bg span {font-size: 20px;line-height: 24px;text-align: center !important;margin-top: 5px}
.slider ul li {font-size: 14px;line-height: 30px}
.slider ul li:before{height: 20px;width: 20px;background-size: 20px;left:-30px;top:5px;}
.product {width: 43%}
.product p {margin-top: 5px;font-size: 16px}
.m-menu {width: 100%}
.cat-content-lr {flex-direction:column;align-items:center}
.cat-content-l {width:100%;}
.cat-content-l img{width:100%;}
.cat-content-r {width:100%;}
.partners{flex-direction:column;align-items:center; margin-bottom:60px;}
.partners img{
	width:200px;
	height:auto;
	margin:20px 0 0 0;
}
.widget-area, #quadmenu_widget-4 {margin-top:23px;}
}
@media (max-width: 375px) {
h1, h2, h3 {font-size: 22px;text-align: center;}
.mob-menu-blocks>.menu-block{padding: 20px}
}
@media (max-width: 320px) {
h1, h2, h3 {font-size: 18px;text-align: center;}
.mob-menu-blocks>.menu-block{padding: 20px}
.slider-mob-bg span {font-size: 16px;}
.top-menu {height: 81px}
.m-logo img{height: 81px}
.m-menu-link i, .m-menu-close {font-size: 34px;}
.m-menu-link {left:35px;top:24px;}
.m-menu-close {padding:25px 0 0 37px;}
.mlinks {margin-top: 15px}
.mob-menu-blocks>.menu-block{padding: 17px}
.quadmenu-item {height:40px !important;}
}