/* Add here all your CSS customizations */



@media (max-width: 991px){
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
    background-color:#30C57A !important;
}
}




html body .tabs .nav-tabs li.active .green,
html.dark body .tabs .nav-tabs li.active .green
{
	color: #30C57A !important;
}
.color-green{
    color: #30C57A !important;
}
.ml{
    margin-left: 18px !important;
}
.lower{
	text-transform: lowercase !important;
}
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-3,
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 {
	
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 10%;
	
}
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-4,
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 {
	
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 35%;
	
}
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-5,
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 {
	
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 10%;
	
}

@media (max-width: 900px){
	.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-5,
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 {
	
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 35%;
	
}
}
@media (max-width: 900px){
	.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-3,
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 {
	
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 25%;
	
}
}