@font-face {
    font-family: "cute-aurora";
    src: url("fonts/CuteAurora.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
#logo a,
.font-primary  {
    font-family: 'cute-aurora' !important;
    word-spacing: -3px;
}


.frase {
    
    width: 30%;
    color: #ba007c;
    font-weight: bold;
    font-size: 18px;
}

#top-social li .ts-icon {
    width: 40px;
    text-align: center;
    font-size: 1.2rem;
}

.tazul {
        
        color: #3fb0ff !important;
        text-align: center;
    display: block;
    position: relative;
    margin: auto;
    width: auto;
    max-width: 425px;
        
    }

.tazul2 {
        
        color: #3fb0ff !important;
    
}
    
    .tverde {
         text-align: center;
    display: block;
    position: relative;
    margin: auto;
    width: auto;
    max-width: 425px;
        color: #b4d542 !important;
        
    }

.tverde2 {
        
        color: #b4d542 !important;
        
    }
    
    .trosa {
        
        color: #fc5170 !important;
        
    }
    
    .tamarillo {
        
        color: #ffc24d !important;
        
    }

.tnaranja {
     text-align: center;
    display: block;
    position: relative;
    margin: auto;
    width: auto;
    max-width: 425px;
   color: #ff993f !important;
}

.tnaranja2 {
     color: #ff993f !important;
    
}

.tnaranja::before, .tazul::before, .tverde::before {
  content: url(../images/mariposa.png);
    position: absolute;
    left: -189px;
    top: 0;
    z-index: 3;
}

.tnaranja::after, .tazul::after, .tverde::after {
  content: url(../images/adorno.png);
    position: absolute;
    right: -189px;
    top: 0;
    z-index: 3;
}
    
    .slider-caption p {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
    color: #6f6f6f;
}

.quienes {
   background-color: #fc5170;  
}

.mision {
   background-color: #fc5170;  
}

.vision {
   background-color: #3fb0ff;  
}

.valores {
   background-color: #b4d542;  
}

.quienes img, .mision img, .vision img, .valores img {
    
    max-width: 150px;
    display: block;
    margin: 20px auto;
}

.mision {
    
    background-color: #ff993f;  
}

.fbox-content h3 {
    font-size: 2rem;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 0;
    text-align: center;
    color: #fc5170;
}

.fbox-content h3 span.subtitle {
    display: block;
    margin-top: 5px;
    
    font-size: 18px;
    line-height: 20px;
}

.fbox-content p {
   
    color: #555;
}

.background-img {
	position: absolute;
	width: 250px;
	top: -70px;
	left: -10px;
	z-index: 1;
}

.background-img.pos-right {
	top: 10px;
	left: auto;
	right: -20px;
}

.float-anim {
	animation: float 4s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}

.redondo {
    border-radius: 25px;
    background-color: #ba007c;
    color: #FFF !important;
   
}

.redondo a:link, .redondo a:visited, .redondo h3 {
    
    color: #FFF !important;
    
}

.blanco {
    border-radius: 25px;
    background-color: #FFF;
    color: #000 !important;
     padding: 20px;
}

#copyrights {
    
    color:#ba007c;
}

.blanco h3 {
    
    color: #747373 !important;
}

.listas {
    list-style-type: none;
    line-height: 36px;
    
}

.listas .i-plain {
    width: 24px !important;
    height: 24px !important;
    font-size: 22px;
    line-height: 32px !important;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
    color:#ba007c;
}

.mimage {
    
    display: none;
}

.simage {
    
    display: block;
    width: 205px;
    height: auto;
    margin: 0 auto;
}

.whatsapp {
    position: fixed !important;
    width: auto;
    height: 40px !important;
    bottom: 35px;
    right: 80px;
    color: #FFF;
    text-align: center;
    font-size: 30px !important;
    line-height: 35px !important;
    z-index: 10000;
    padding: 0 10px !important;
}

.fa-icon-whatsapp:before {
    content: "\f232";
}

.whatsapp span {
    display: block !important;
    float: right !important;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    -moz-box-shadow: 0 0 5px #888888;
    -webkit-box-shadow: 0 0 5px #888888;
    background-color: #FFF !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    padding: 0 10px;
    position: relative;
}

.fa-icon-whatsapp {
    display: block !important;
    float: right !important;
    padding: 0;
    width: 50px;
}

[class^="fa-icon-"], [class*=" fa-icon-"] {
    display: inline-block;
    content: url(../images/whatsapp.png);
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@media (max-width: 1366px) {
    
    .slider-caption h2 {
    font-size: 2rem;
   
}
    .simage {
        
        width: 150px;
    }  
    
}

@media (min-width: 992px) {

.primary-menu {

        width: 100%;
    }

.menu-item {
    
    width: 16.5%;
    
}
    
    
/* Colors */

.menu-container > .menu-item.rosa:hover > .menu-link,
.menu-container > .menu-item.rosa.current > .menu-link { color: #ba007c !important; }
    
    
.menu-container > .menu-item.amarillo:hover > .menu-link,
.menu-container > .menu-item.amarillo.current > .menu-link
 { color: #ff993f !important; }
    
.menu-container > .menu-item.azul:hover > .menu-link,
.menu-container > .menu-item.azul.current > .menu-link { color: #80bce6 !important; }
    
.menu-container > .menu-item.verde:hover > .menu-link,
.menu-container > .menu-item.verde.current > .menu-link { color: #aed234 !important; }
    
.menu-container > .menu-item.canario:hover > .menu-link,
.menu-container > .menu-item.canario.current > .menu-link { color: #ffd04e !important; }
    
    
.menu-container > .menu-item.gris:hover > .menu-link,
.menu-container > .menu-item.gris.current > .menu-link { color: #848484 !important; }
    
/* Background Colors */


    
    .menu-container > .menu-item > .menu-link {
	letter-spacing: 0;
	font-weight: 500 !important;
	-webkit-transition: color .4s ease;
	-o-transition: color .4s ease;
	transition: color .4s ease;
}
    
    .rosa > a::after { 
    content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
    z-index: 1;
    border-top: solid 3px #ba007c;
    
    }
    
     .amarillo > a::after { 
    content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
    z-index: 1;
    border-top: solid 3px #ff993f;
    
    }

    
     .azul > a::after { 
    content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
    z-index: 1;
    border-top: solid 3px #80bce6;
    
    }
    
    
    
    .verde > a::after { 
    content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
    z-index: 1;
    border-top: solid 3px #aed234;
    
    }
    
    .canario > a::after { 
    content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
    z-index: 1;
    border-top: solid 3px #ffd04e;
    
    }
    
       .gris > a::after { 
    content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
    z-index: 1;
    border-top: solid 3px #848484;
    
    }

    
.menu-link::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 45%;

	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.1s;
	transition: transform 0.1s;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  border-top: 5px solid;
    z-index: 2
}

.menu-item:hover > .menu-link::before {
	-webkit-transform: scale3d(1, 3, 1);
	transform: scale3d(1, 3, 1);
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
    

.menu-item.current > .menu-link::before {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid;
    -webkit-transform: scale3d(1, 3, 1);
	transform: scale3d(1, 3, 1);
 
}
    

.menu-link {
        
        text-align: center;
    }
    
   
    
}

@media (max-width: 1024px) {
     .slider-caption h2 {
    font-size: 2rem;
  
} 
    
        .slider-caption {
        width: 50%;
        
    }
    
      .slider-caption p {
   
    font-size: 1rem !important;
 
}
    
    .menu-item {
        width: 16.4%;
    }

    
}

@media (max-width: 768px) {
    
    .frase {
    width: 90%;
    text-align: center;
    font-size: 18px;
}
    
    #primary-menu-trigger, #page-menu-trigger {
        color: #ba007c;
        
    }
    
     .slider-caption h2 {
    font-size: 1.7rem !important;
  
} 
    
    .slider-caption {
        width: 50%;
        
    }
    
      .slider-caption p {
   
    font-size: 1rem !important;
 
}
    
      .menu-item {
        width: 100%;
    }

.menu-container > .menu-item.rosa:hover > .menu-link,
.menu-container > .menu-item.rosa.current > .menu-link, .menu-container > .menu-item.rosa > .menu-link { color: #ba007c !important; border-top: solid 3px #ba007c }
    
    
.menu-container > .menu-item.amarillo:hover > .menu-link,
.menu-container > .menu-item.amarillo.current > .menu-link, .menu-container > .menu-item.amarillo > .menu-link  { color: #ff993f !important; border-top: solid 3px #ff993f }
    
.menu-container > .menu-item.azul:hover > .menu-link,
.menu-container > .menu-item.azul.current > .menu-link, .menu-container > .menu-item.azul > .menu-link { color: #80bce6 !important; border-top: solid 3px #80bce6 }
    
.menu-container > .menu-item.verde:hover > .menu-link,
.menu-container > .menu-item.verde.current > .menu-link, .menu-container > .menu-item.verde > .menu-link { color: #aed234 !important; border-top: solid 3px #aed234 }
    
.menu-container > .menu-item.canario:hover > .menu-link,
.menu-container > .menu-item.canario.current > .menu-link, .menu-container > .menu-item.canario > .menu-link { color: #ffd04e !important; border-top: solid 3px #ffd04e }
    
    
.menu-container > .menu-item.gris:hover > .menu-link,
.menu-container > .menu-item.gris.current > .menu-link, .menu-container > .menu-item.gris > .menu-link{ color: #848484 !important; border-top: solid 3px #848484 }
    
      .simage {
        
        width: 100px;
    }  
    
    
}
@media (max-width: 425px) {


    
    .slider-caption {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: flex-start;
        margin-top: 30px;

}
    
    .bimage {
         display: none;
        
    }
    
    .mimage {
    
    display: block;
}

    
}