@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
 
  --main-color: #8ab933;
  --main-color-hover: #7eaa2d;
  --second-color: #e3e3e3;
  --second-color-hover: #e3e3e3;
}
.wth{
	max-width:1180px;
	margin:0 auto;
	padding:0 10px;
}

.btn{
	display:inline-block;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	transition:0.3s;
	border-radius:30px;
	font-weight:500;
	outline:none;
	border:none;
	cursor:pointer;
}
.btn:hover{
	text-decoration:none;
}
.btnS{
	padding:7px 15px;
}
.btnM{
	padding:15px 25px;
}
.btnBgMain{
	color:#fff;
	background:var(--main-color);
}
.btnBgMain:hover{
	color:#fff;
	background:var(--main-color-hover);
}
.btnBgSecond{
	color:#222;
	background:var(--second-color);
}
.btnBgSecond:hover{
	color:#222;
	background:var(--second-color-hover);
}












/*Modal*/
.mdl{
	visibility:hidden;
	opacity:0;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background:#fff;
	padding:20px 10px;
	border-radius:4px;
	box-shadow: 0 0 20px rgb(0,0,0,0.1);
	z-index:9991;
	transition:0.3s;
}
.mdl.mdlS{
	width:600px;
}
.mdl.mdlM{
	width:800px;
}
.mdl.mdlX{
	width:960px;
}
.mdl.show{
	visibility:visible;
	opacity:1;
}

/**/
.mdl-ctn{
	
}
.mdl-ctn-hdr{
	font-size:20px;
	font-weight:500;
	margin:0 0 40px 0;
}
.mdl-ctn-bdy{
	
}
.mdl-ovl{
	visibility:hidden;
	opacity:0;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9;
	transition-duration: 0.3s;
    transition-delay: 0.1s;
	background:rgba(0,0,0,0.5);
}
.mdl-ovl.show{
	transition-duration: .3s;
	visibility:visible;
	opacity:1;

}
@media (max-width: 1023px) {
.mdl{
	padding:15px;
}
.mdl.mdlS{
	width:90%;
}
.mdl.mdlM{
	width:90%;	
}
.mdl.mdlX{
	width:90%;
}	
}




.scrl {
    overflow: hidden;
    overflow-y: auto;
}
.scrl::-webkit-scrollbar-button {
	width:2px;
	height:0px
}
.scrl::-webkit-scrollbar-track {
}
.scrl::-webkit-scrollbar-thumb {
	background-color: #e3e3e3;
}
.scrl::-webkit-scrollbar-thumb:hover{
}
.scrl::-webkit-resizer{
	width:2px;
	height:0px
}
.scrl::-webkit-scrollbar{
	width: 2px;
}