html {height:100%; }
body {height:100%; position: relative; background: #fff; } 

@font-face { font-family: nunito ; src: url(../fonts/Nunito-Regular.ttf); } 
@font-face { font-family: nunitobold; src: url(../fonts/Nunito-Bold.ttf); } 
@font-face { font-family: nunitolight; src: url(../fonts/Nunito-Light.ttf); } 


h2 { font-family: nunito, sans-serif; font-size: 60px; line-height: 70px; padding: 0px 0px; margin: 10px 0px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; }

h3 { font-family: nunito, sans-serif; font-size: 40px; line-height: 55px; padding: 0px 0px; margin: 10px 0px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; }

h3 violeta { color: #5E366A;  }

p { font-family: nunitolight, sans-serif; font-size: 20px; color: #fff; line-height: 30px; padding: 0px 0px; margin: 10px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; }

p violeta { color: #5E366A; }
p violeta a:link { text-decoration:none; color:#5E366A!important; }
p violeta a:visited { text-decoration:none; color:#5E366A!important;  }

p strong {font-family: nunitobold !important; }

p tachado { text-decoration: line-through; }

p small { font-size: 15px; color:#5E366A;}
p small a:link { text-decoration:none; color:#5E366A!important;  }
p small a:visited { text-decoration:none; color:#5E366A!important; }

.btn { font-family: nunitolight !important; font-size: 20px; color: #5E366A; background:#0CCA98; transition: all 0.3s ease 0s; border-radius: 0px; padding: 5px 30px; margin: 25px 0px;}

.btn:link, .btn:visited { text-decoration:none; color: #5E366A !important; }
.btn:hover { background:#fff; color:#0CCA98!important;}


@media screen and (max-width: 991px){

h2 { font-size: 40px; }	
h3 {  }	
p {  }

}	




/*///////////////////////////////////////////////////////////////// */




.link_arriba { position:fixed; bottom:60px; right:50px; z-index: 4; opacity:1; display:none; }
.link_arriba:hover { opacity:0.5 }
.link_arriba img {height: 50px;}

@media screen and (max-width: 991px){
.link_arriba { bottom:70px; right:20px; }
.link_arriba img {height: 50px;}	
}




/*///////////////////////////////////////////////////////////////// */




.nav { background: #fff; padding: 0px; z-index: 5;}

.navbar-brand {padding:10px 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.navbar-brand_achicar {padding:0px 0px;}

.nav-logo { height: 60px; width: auto; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; margin-top:-5px; }
.nav-logo_achicar {height: 50px; width: auto;}
.nav-item {padding:0px 10px;}

.navbar-nav .active { color: #000!important; }
.navbar-nav a { text-decoration: none; cursor: pointer; }
.navbar-nav a:link { font-family: nunito; font-size: 18px; color: #5E366A; text-decoration: none; }
.navbar-nav a:visited { color: #5E366A; }
.navbar-nav a:hover { color: #000;}

.nav_redes a {display: inline;}
.nav_redes img { height:25px; width: auto; margin-top: 8px; }

.dropdown-menu { border: 0px; background: #5E366A; }
.dropdown-menu a:link {  color:#fff;  } 
.dropdown-menu a:visited {  color:#fff;  } 
.dropdown-menu a:hover {color:#0CCA98; background: none; }
.dropdown-item { display: block }
.dropdown-toggle {padding-left: 0px !important;}

.dropdown .nav-link {display: inline-block; }

.mostrar_achicado {display: none !important; }



@media screen and (max-width: 991px){	
.navbar { padding: 0px; margin: 0px; min-width: 100%; text-align: center; display: block; }
.nav-logo { height: 50px; }
.navbar-brand { padding:25px 0px; margin-left: 10px;}
.navbar-brand_achicar {padding:15px 0px;}

.navbar-toggler { float:right; position: absolute; right: 25px; top: 25px; background-color:transparent; border:0px solid rgba(0,0,0,0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.navbar-toggler_achicar {top: 20px;}

.navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(94, 54, 106, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h32M4 15h32M4 23h32'/%3E%3C/svg%3E")}

.navbar-nav { text-align: center; padding:0px; margin: 0px; }
.nav-item { padding: 10px 0px; background: #5E366A ; display:block !important; }
.nav_redes a { padding: 0px 10px !important; }
.nav_redes img { margin: 10px 0px; }

.navbar-nav a:link {color:#fff !important;}
.navbar-nav a:visited {color:#fff !important;}
.navbar-nav a:hover {color:#fff !important;}
.navbar-nav .active { color:#fff !important; }

.ocultar_achicado {display: none !important; }
.mostrar_achicado {display: inline-block !important; }

}




/*///////////////////////////////////////////////////////////////// */




.vacio { background: #fff; height:70px;}

@media screen and (max-width: 991px){
.vacio { height:95px; }
}	




/*///////////////////////////////////////////////////////////////// */




.inicio { height: calc( 100% - 70px); }
.swiper-wrapper, .swiper-slide, .swiper-slide .container {padding: 0px; height: 100%; }
.swiper-slide .row { height: 100%; text-align: center; }

.slide_01 { background: #AE9AB4; background-image: url("../img/MagaNatural_Inicio_01.jpg"); background-position: center; background-size: cover;  }
.slide_02 { background: #AE9AB4; background-image: url("../img/MagaNatural_Inicio_02.jpg"); background-position: center; background-size: cover; }

.slide_overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(94, 54, 106, 0.3); z-index: 1;}

.slide_data { width: 100%; text-align:center; z-index: 2; }
.slide_data_on { text-align:center;  max-width: 40%; display: inline-block;}
.slide_data_on img { height: 120px; margin: 20px 0px;}


  /* Cambiar color al bullet del Slider */
.swiper-pagination-bullet{background:#fff;opacity:.5}
.swiper-pagination-bullet-active{background:#fff;opacity:1}
  /* Cambiar color a las flechas del Slider (Cambiar %23fff por %23colorhexa)*/
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); opacity: 0.5; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");opacity: 0.5; }
.swiper-button-next:hover, .swiper-button-prev:hover {opacity:1;}


@media screen and (max-width: 991px){

.inicio { height: calc(100% - 95px);}
.slide_data_on { text-align:center;  max-width: 80%; display: inline-block; }	

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ display: none; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ display: none;}
}




/*///////////////////////////////////////////////////////////////// */




.separador { background:#5E366A; padding: 120px 0px; }
.separador .container {}
.separador .container .row {}
.separador_item { text-align: center; padding: 0px 40px;}

.news-textito { text-align: center; padding-bottom: 40px; }

.form-newsletter { font-family: nunito; font-size:20px; color: #5E366A; padding:15px 30px; margin:0px 0px; border : none; background: #fff; border: 0px ; border-radius: 0px; }
.form-newsletter:focus {color:#5E366A; outline: 0; background:#fff; -webkit-box-shadow: none; box-shadow: none; }
.form-newsletter::placeholder { color: #333!important; opacity: 0.5!important;}

.newsletter-submit { font-family: nunitolight !important; font-size: 20px; color: #5E366A; background:#0CCA98; transition: all 0.3s ease 0s; border-radius: 0px; padding: 15px 30px; margin: 0px 0px; border: 0px; }

.newsletter-submit:hover { background:#fff; color:#0CCA98!important;}


@media screen and (max-width: 991px){

.separador { padding: 60px 20px; }
.separador .container {}
.separador_item { text-align: center; padding: 50px 0px;}

}




/*///////////////////////////////////////////////////////////////// */



.sobre_mi { background:#E6E6E6; background-image: url("../img/textura.png"); padding: 150px 0px;}
.sobre_mi .container {  }
.sobre_mi .container .row { }
.sobre_mi_img_on {width: 80%; background:#5E366A; border-radius: 50%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }
.sobre_mi_img_on img {width:100%; height:auto; opacity: 0.7; border-radius: 50%;}

@media screen and (max-width: 991px){
.sobre_mi { padding: 150px 20px; }
.sobre_mi_img { text-align: center; padding: 0px 50px 50px 50px; }
.sobre_mi_img_on { width:100%; text-align: center; }
.sobre_mi_img_on img {}
.sobre_mi_txt h3 { text-align: center; }
.sobre_mi_txt p { text-align: justify; }
}




/*///////////////////////////////////////////////////////////////// */




.cursos { height:100%; }
.cursos .row { height:100%; }

.cursos-item { height:100%; padding:0px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; }

.cursos-item:hover .cursos-item-img { transform: scale(1.1); }

.cursos-item-data {width: 50%; position: absolute; z-index: 3; text-align: center;}

.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(94, 54, 106, 0.4); z-index: 2; transition: transform 1s;}

.cursos-item-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: transform 1s; z-index: 1; }

.cursos-item-img-1 { background-image: url("../img/MagaNatural_Curso_1.jpg"); background-position: center; background-size: cover;  }
.cursos-item-img-2 { background-image: url("../img/MagaNatural_Curso_2.jpg"); background-position: center; background-size: cover;  }
.cursos-item-img-3 { background-image: url("../img/MagaNatural_Curso_3.jpg"); background-position: center; background-size: cover;  }
.cursos-item-img-4 { background-image: url("../img/MagaNatural_Curso_4.jpg"); background-position: center; background-size: cover;  }
.cursos-item-img-5 { background-image: url("../img/MagaNatural_Curso_5.jpg"); background-position: center; background-size: cover;  }
.cursos-item-img-6 { background-image: url("../img/MagaNatural_Curso_6.jpg"); background-position: center; background-size: cover;  }


@media screen and (max-width: 991px){

.cursos { height:auto; }
.cursos .row { height:auto; }
.cursos-item {height:auto; display: inline-block; }
.cursos-item-data {width: 100%; position: relative; z-index: 3; padding:120px 20px 100px 20px;  }

.cursos-item:hover .cursos-item-img { transform: scale(1); }

}




/*///////////////////////////////////////////////////////////////// */




.contacto {height: calc(100% - 50px); background: #E6E6E6; background-image: url("../img/textura.png");}
.contacto .container {height: 100%; }
.contacto .container .row { height: 100%; }

.contacto_data { display: flex; align-items: center; justify-content: center; position: relative; }
.contacto_data_on { position: absolute; padding-top:0px; }

.contacto_data_on img { height:25px; margin-top:-2px; padding-right: 10px ;}

.contacto_formulario { padding: 0px 0px 0px 0px; display: flex; align-items: center; justify-content: center; position: relative;}
.contacto_formulario_on { width:100%; position: absolute; padding: 80px 0px 0px 0px;}

.form-control { font-family:nunito; font-size:20px; color: #5E366A; padding:20px 15px; margin:10px 0px; border : none; background: #fff; border: 0px ; border-radius: 0px;  }
.form-control:focus {color:#5E366A; outline: 0; background:#fff; -webkit-box-shadow: none; box-shadow: none; }
.form-control::placeholder { color: #333!important; opacity: 0.5!important;}

.newsletter_check { padding-top: 5px;}
.newsletter_check p { display: inline; padding-left: 10px;}

.g-recaptcha { padding: 0px; margin: 5px 0px; overflow:hidden; }

@media screen and (max-width: 991px){

.contacto { height:auto; }
.contacto .container {height:auto;  }
.contacto .container .row { height:auto; }

.contacto_data { display: inline-block; align-items: none; justify-content: none; position: relative; text-align: center; }
.contacto_data_on { position: relative; padding:100px 0px 30px 0px; }

.contacto_formulario { display: inline-block; align-items: none; justify-content: none; position: relative;}
.contacto_formulario_on { position: relative; padding: 30px 20px 30px 20px;}

.form-control { text-align:center;}
}




/*///////////////////////////////////////////////////////////////// */




.footer { text-align: center; height:50px; background: #E6E6E6; overflow:hidden; background-image: url("../img/textura.png"); } 
.footer p {padding-top: 10px; }
.footer img {height:30px; padding: 0px 0px 0px 5px; margin-top: -5px; }

@media screen and (max-width: 768px){
.footer { height:auto; padding:0px 0px 10px 0px; } 
.footer p {padding: 0px 0px 0px 0px; line-height:1em; }	
}




/*///////////////////////////////////////////////////////////////// */




.subdominio_curso {  background: #E6E6E6; background-image: url("../img/textura.png"); padding-top: 70px; }
.subdominio_curso .row { }
.subdominio_curso_foto { padding-top: 25px; }
.subdominio_curso_foto img { width:100%; height:auto; }
.subdominio_curso_info { padding-bottom: 100px}

@media screen and (max-width: 768px){
.subdominio_curso {  padding-top: 0px; }
.subdominio_curso { overflow: hidden; }
.subdominio_curso_foto { }
.subdominio_curso_info { padding-top: 20px; padding-bottom: 75px; }
}




/*///////////////////////////////////////////////////////////////// */





.contacto_subdominios {background: #E6E6E6; background-image: url("../img/textura.png"); padding-top:100px;}
.contacto_subdominios_data_on img { height:25px; margin-top:-2px; padding-right: 10px ;}




/*///////////////////////////////////////////////////////////////// */




.cursos_subdominios {}
.cursos_subdominios .row { }
.cursos-item-subdominio { height:350px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; }
.cursos-item-subdominio:hover .cursos-item-img { transform: scale(1.1); }

.subdominio_curso_info a { margin: 10px 0px 20px -42px; }

@media screen and (max-width: 991px){
.cursos-item-subdominio { height:250px;}
.cursos-item-subdominio:hover .cursos-item-img { transform: scale(1); }
}	




/*///////////////////////////////////////////////////////////////// */




.gracias { height: 100%; background: #AE9AB4; background-image: url("../img/MagaNatural_Inicio_01.jpg"); background-position: center; background-size: cover; padding: 50px 0px 0px 0px; overflow: hidden;}
.gracias .row {height:100%; text-align: center; padding: 0px; } 
.gracias_on {z-index: 2;}