/*-- Use For Custom Styling --*/

@media screen and (max-width: 767px)
{    
	.fancybox-slide:before {         
		height: 30% !important;}     
	.fancybox-slide>* {                 
		padding: 10px !important;         
		width: 350px !important;
		background-color: #fff; !important}  
	
	
	
.video-app{
    position: absolute;
    top: -5%;
    max-height: 235px;
    left: 25%;
    max-width: 420px;
    overflow: hidden;}

}	




.btn-hvr-TWITTER .btn-hvr-effect {
    background-color: #1DA1F2;
    border-color: #1DA1F2;
    color: #ffffff;
}

.btn-hvr-FACEBOOK .btn-hvr-effect {
    background-color: #4267B2;
    border-color: #4267B2;
    color: #ffffff;
}

.btn-hvr-LINKEDIN .btn-hvr-effect {
    background-color: #0077B5;
    border-color: #0077B5;
    color: #ffffff;
}



.btn-hvr-INSTAGRAM .btn-hvr-effect {
    background: #d6249f;
    border-color: #d6249f;
    color: #ffffff;
}


.btn-hvr-THREADS .btn-hvr-effect {
    background-color: #000;
    border-color: #000;
    color: #ffffff;
}


.btn-hvr-YOUTUBE .btn-hvr-effect {
    background-color: #ff0b3d;
    border-color: #ff0b3d;
    color: #ffffff;
}


.btn-hvr-TIKTOK .btn-hvr-effect {
    background-color: #00f7ee;
    border-color: #00f7ee;
    color: #ffffff;
}

p.cajas {font-size: 16px;}

p.cajas strong {font-size: 20px;}

.main-title p {font-size: 16px; line-height: 20px;}

a.btn-setting {font-size: 18px; line-height: 18px;  margin-top: 12px;}

h1 span {color: #747a81;}

h2 span {text-transform: none; font-size: 2rem; }

h3 span {text-transform: none; font-weight: 200; font-size: 1.3rem; color: #489c8a;}

.caja-verde {background-color:#489c8a; color: #fff; font-weight: 500 !important;}

h2.text-green {color: #489c8a;}

h3.categoria-arriba {font-weight: 600; font-size: 1.8rem; color: #489c8a; text-align: center; margin-bottom: 30px; }
h3.categorias {font-weight: 600; font-size: 1.8rem; color: #489c8a; text-align: center; margin: 60px 0 30px 0; }

p.notas {font-size: 14px;}




.accordion-two .accordion-box .accordion-header h6 {
  cursor: pointer;
  padding: 20px 20px 16px;
  margin-bottom: 0;
  text-transform: uppercase;
  background-color: #f2f2f2;
color: #489c8a;
	font-weight: 400;
	font-size: 1.4em;
}

.accordion-two .accordion-box .accordion-header h6[aria-expanded="true"] {
  color: #489c8a;
	font-weight: 800;
  border-bottom: 1px solid rgba(0,0,0,.125);
}




.feature-item .icon {
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 30px;
	
	line-height: 50px;
}