.text ul{margin-top: 15px}
.text li{
	font-size: 16px;
    font-family: "OpenSans-Light";
    margin-top: 5px;
    line-height: 1.66;
    list-style-image: url("../images/inp.png");
    margin-left: 22px;
}
.text .components{margin-top: 100px; margin-bottom: 150px;}
.text .components-item{display: flex;align-items: center;justify-content: space-between;padding-left: 15px;}
.text .components-item + .components-item{margin-top: 100px;}
.text .components-item .item-desc{max-width: 65%;}
.text .components-item h4{color: #3C712F;}
.text .components-item p{margin-top: 15px;}
.text .testes{width: 135%;transform: translateX(-15%);display: flex;align-items: center;justify-content: space-between;margin-top: 100px;}
.text sup{vertical-align: super; font-size: smaller;}



.text.about .wide h3{margin-top: 0;}
.text.about .about-wide{width: 150%;}
.text.about p.last{margin-top: 100px;}

@media screen and (max-width: 1024px){
	.text.about .about-wide{width: 100%;}
	.text .testes{width: 100%; transform: translateX(0); justify-content: space-evenly; flex-wrap: wrap;}
}
@media screen and (max-width: 768px){
	.text .components{margin-bottom: 30px; margin-top: 60px;}
	.text .components-item{flex-direction: column; justify-content: center;}
	.text .components-item .item-desc{max-width: 100%;}
	.text .testes{margin-top: 40px;}
	.text .testes img{width: 30%;}
	.text.about p.last{margin-top: 60px;}
	.text.about p{font-size: 14px;}
}
@media screen and (min-width: 768px){
	.text li{font-size: 12px;}
}
@media screen and (min-width: 1024px) {
	.text li{ font-size: 14px;}
}
@media screen and (min-width: 1280px) {
	.text li{ font-size: 16px;}
}


#submenus{
	position: absolute;
	top:0px;
	left:0;
	display: none;
}

.submenu{
	margin-top:20px;
	padding: 10px;
	background-color: rgba(0,0,0,0.2);
}

.submenu:last-child{
	margin-top:5px;
	
}

.submenu:hover{
	background-color: rgba(0,0,0,0.5);
}