@charset "UTF-8"; 
/*********************** GOOGLE FONTS ***********************/
/*
	@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap');
*/

p, body, a, li, .primary { font-family: 'Poppins', sans-serif; }
h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; }

p { color: #58585a; font-size: 16px; font-weight: 400; text-align: justify; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background:#fff; padding: 0; margin: 0; }
section { /*padding-top: 50px;*/ background: #fff;position: relative }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; }
p { color: #58585a; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

::placeholder { color: #3d3f40; }
.principal { color: #35cd84; }
.secundario {color: #f34f98; }
.light { color: #fff; }
.justify { text-align: justify !important; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.mayus { text-transform: uppercase; }
.inline{ display: inline-block; }
.sombreado { text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
.empty { width: 100%;height: 10px }
.hidden { opacity: 0;visibility: hidden;z-index: 0;background-color: #fff; }
.visible { opacity: 1;visibility: visible;z-index: 10;background-color: #fff; }
.movil { display: none; }
.desktop { display: block; }
.onlymovil { display: none; }
/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; 

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); 

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); 
*/

/*********************** CLEAR ***********************/

.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.clear300 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }
			
/*********************** FORMULARIOS ERROR ***********************/

label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** COLUMNAS ***********************/

.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col22 li { width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(even) { width: 75%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(odd) { width: 25%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(even) { width: 55%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(odd) { width: 45%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(odd) { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(even) { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.vertical-align { display: table; width: 100%; }
.vertical-align2 { display: table; width: 100%; }
.vertical-align3 { display: table; width: 100%; }
.vertical-align li { float: none; display: table-cell; vertical-align: middle; height: auto; }
.col2mix li:first-child { width: 33.33%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mix li:nth-child(2) { width: 66.66%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.full li { float: left; width: 100% !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.Col3mix li { width: 30%;float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.Col3mix li:nth-child(1) { width: 40%;float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
 
 
 /*********************** HEADER ***********************/
header { width: 100%;position: fixed;top: 0px;background-color: rgba(255,255,255,1);z-index: 800;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.header_chico { background-color: rgba(255,255,255,.9);box-shadow: 0px 0px 10px rgba(0,0,0,.5) }
.TopHeader { background-color: #2d2c72;padding: 5px 0px; }
.colstop li:nth-child(1) { width: 70%;float: left;}
.colstop li:nth-child(2) { width: 30%;float: left; }
.colstop p { margin: 0;font-size: 14px;text-align: right;color: #fff; }
.colstop a { display: inline-block;font-size: 14px;color: #fff;float: right; }
.colstop li:nth-child(2) .fa { background-color: #fff;width: 16px;height: 16px;font-size: 10px;color: #2d2c72;line-height: 16px;text-align: center;margin: 0px 3px;position: relative;top: -2px;border-radius: 50%; }
.colstop li:nth-child(2) a:nth-child(3) { margin-right: 10px }
.logo { width: 15%;float: left; }
.logo img { width: 110px;margin: 10px 0px; }
.menu { width: 85%;float: left;margin-top: 15px; }
.menu li { float: none; display: inline-flex; width: auto; padding: 20px 29.5px; }
.menu li a { line-height: 1; font-size: 15px; color: #2d2c72; font-weight: 500; }
.menu li a:hover { color: #5975db }
.menu .menu_activo a { color: #5975db }

.btn_movil { width: 40px;height: 30px;float: right;margin-top: 30px;cursor: pointer;position: relative; }
.btn_movil span { width: calc(100% - 6px);border: 3px solid #5975db;float: right;margin: 2px 1px 2px 0px; }

/*********************** FOOTER ***********************/
footer { background-color: #202020;padding: 30px 0px 5px 0px; }
.LogoFooter { width: 140px; margin: 10px auto; }
.Address { color: #fff;text-align: left;line-height: 1.2;padding-left: 20px;position: relative;font-size: 16px; }
.Address::before { content: '\f041';font-family: 'FontAwesome';position: absolute;left: -5px;font-size: 30px;top: 5px; }
.Phones { text-align: right;color: #fff;line-height: 1.2;font-size: 16px; }
.Phones .fa { position: relative;left: -40px;top: 10px;color: #202020;background-color: #fff;width: 25px;line-height: 25px;height: 25px;text-align: center;border-radius: 50%; }
.Sociales { width: 80px;float: right;margin: 10px 0px; }
.Sociales a { width: 25px;height: 25px;color: #202020;background-color: #fff;float: right;text-align: center;margin: 0px 5px;border-radius: 50%; }
.Sociales a:hover {  }
.Copy { margin: 10px 0px 5px 0px; }
.Copy p, .Copy a { color: #fff;font-size: 12px;line-height: 1;margin: 0px;text-align: right; }
.Copy a:hover { color: #2d2c72; }
.Copy p a { display: inline-block }
.Copy a.Aviso { text-align: left; }
.Copy a:hover { color: #5975db; }

.CalltoContacto { background-image: url('https://universo.edu.mx/img/inicio/backseu.jpg');padding: 100px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.CalltoContacto h3 { text-align: center;color: #fff;font-size: 40px;line-height: 1;margin: 20px 0px; }
.CalltoContacto p { font-size: 16px;text-align: center;color: #fff;line-height: 1;margin: 10px auto;width: 80%; }
.CalltoContacto a { width: 180px;background-color: #fff;text-align: center;font-size: 14px;color: #2d2c72;border-left: 6px solid #5975db;line-height: 1;padding: 10px 0px;margin: 40px auto 20px auto; }

#FormFoot { width: calc(100% - 100px);background-color: rgba(255, 255, 255, 0);padding: 0px;margin: 0px auto; }
#FormFoot ::placeholder { color: #fff; }
#FormFoot .medio { width: calc(50% - 10px);float: left; }
#FormFoot .medio:nth-child(odd) { margin-right: 20px; }
#FormFoot input { width: calc(100% - 14px);border: 1px solid rgba(255,255,255,0);height: 30px;padding-left: 10px;color: #fff;background-color: rgba(255,255,255,.5); }
#FormFoot textarea { width: calc(100% - 14px);border: 1px solid rgba(255,255,255,0);height: 130px;resize: none;padding-left: 10px;padding-top: 10px;color: #fff;background-color: rgba(255,255,255,.5); }
#FormFoot select { width: 100%;border: 1px solid rgba(255,255,255,0);height: 34px;padding-left: 10px;color: #fff;background-color: rgba(255,255,255,.5); }
#FormFoot option { color: #000; }
#FormFoot input#submitFoot { background-color: #5975db;padding-left: 0px;width: 100%;font-size: 14px;height: 40px;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#FormFoot input#submitFoot:hover, #FormFoot input#submitFoot:disabled { background-color: #c52328; }

/*********************** SLIDER ***********************/
.MainSlide2 { height: 650px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
.slider{ overflow: hidden; margin: auto; width: 100%; height: auto; position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top:}
.slider ul { display: flex; padding: 0; width: 200%; animation: cambio 32s infinite;}
.slider li {width: 100%; list-style: none; }
.slider img { width: 100%;}

@keyframes cambio{

	0% {margin-left:0;} 45% {margin-left:0;} 50% {margin-left:-100%;} 100% {margin-left:-100%;}
}

.MainSlide { height: 650px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
.SlideChico { height: 350px;background-position: center top; }
.MainSlide .TextSlider { width: 70%;margin: 0 15%;position: absolute;top: 160px; }
.SlideChico .TextSlider { top: 60px; }
.MainSlide .TextSlider h1 { font-size: 30px;line-height: 1;margin: 0;color: #fff;font-weight: 400;width: 500px; }
.MainSlide .TextSlider h1 span { font-size: 60px;display: block;margin: 20px 0px;font-weight: 600; }
.SlideChico .TextSlider h1 { font-size: 26px }
.SlideChico .TextSlider h1 span { font-size: 50px; }
.MainSlide .TextSlider a { color: #2d2c72;background-color: #fff;padding: 10px 0px;border-left: 6px solid #5975db;width: 120px;text-align: center;font-size: 14px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.MainSlide .TextSlider a:hover { width: 140px; }
.Cheatea { cursor: pointer;position: fixed;right: 0px;top: 150px;bottom: auto;z-index: 801;width: 90px;height: 80px;background-color: #2d2c72;color: #fff;font-size: 11px;line-height: 1;text-align: center; }
.Cheatea .fa { display: block;font-size: 30px;line-height: 55px; }
.Cheatea:hover {  }

.Float { background-color: #2d2c72;width: 300px;position: fixed;right: 0px;top: 150px;z-index: 801; }
.CerrarFloat { width: 30px;height: 30px;line-height: 30px;text-align: center;background-color: rgba(0,0,0,.5);color: #fff;cursor: pointer; }
.CerrarFloat:hover { background-color: rgba(255,255,255,.8);color: #000 }
.ContFloat #FormFloat { width: calc(100% - 40px);margin: 30px auto; }
.ContFloat #FormFloat ::placeholder { color: #fff; } 
.ContFloat #FormFloat input { width: calc(100% - 14px);background-color: rgba(255,255,255,.4);border: 1px solid rgba(255,255,255,0);height: 30px;padding-left: 10px;color: #fff; }
.ContFloat #FormFloat select { width: 100%;background-color: rgba(255,255,255,.4);border: 1px solid rgba(255,255,255,0);height: 34px;padding-left: 10px;color: #fff; }
.ContFloat #FormFloat option { color: #000; }
.ContFloat #FormFloat textarea { width: calc(100% - 14px);background-color: rgba(255,255,255,.4);border: 1px solid rgba(255,255,255,0);height: 100px;resize: none;padding-left: 10px;padding-top: 10px;color: #fff; }
.ContFloat #FormFloat input#submitFloat { background-color: #5975db;padding-left: 0px;width: 100%;font-size: 14px;height: 40px;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.ContFloat #FormFloat input#submitFloat:hover, .ContFloat #FormFloat input#submitFloat:disabled { background-color: #c52328; }

/*********************** INICIO ***********************/
.Inicio-01 { padding: 60px 0px }
.Areas h3 { font-size: 20px;line-height: 1;color: #2d2c72;margin: 0 auto;width: 130px;position: relative; }
.Areas h3 img { position: absolute;width: 80px;left: -90px;top: -20px; }

.Inicio-02 { background-color: #fff;padding: 30px 0px }
.Inicio-02::before { content: '';background-color: #d1d3d4;width: 100%;height: 60%;position: absolute; }
.Inicio-02 h2 { color: #2d2c72;text-align: center;text-transform: uppercase;font-size: 40px;margin: 20px 0px;line-height: 1; }
.BackOferta { position: relative;width: calc(100% - 30px);margin: 0 auto;height: 550px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.CoverOferta { position: relative;overflow: hidden;margin: 15px 0px }
.DescOferta { position: absolute;bottom: 0px;width: calc(100% - 30px);margin: 0 15px;background-color: rgba(45, 44, 114, .9);-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.DescOferta h3 { color: #fff;margin: 20px 0px 15px 0px;text-align: center;font-size: 26px;line-height: 1; }
.DescOferta p { text-align: center;font-size: 16px;color: #fff;width: calc(100% - 60px);margin: 0 auto;line-height: 1; }
.DescOferta a { width: 150px;margin: 15px auto 30px auto;background-color: #fff;padding: 10px 0px;text-align: center;border-left: 6px solid #5975db;font-size: 14px;line-height: 1;color: #2d2c72; }

.Inicio-03 { padding: 80px 0px;background-image: url('https://universo.edu.mx/img/inicio/backazul.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center; }
.Inicio-03 h4 { font-size: 30px;line-height: 1;margin: 30px auto;width: 600px;text-align: center;color: #fff; }
.Inicio-03 a { width: 150px;background-color: #fff;text-align: center;font-size: 14px;color: #2d2c72;border-left: 6px solid #5975db;line-height: 1;padding: 10px 0px;margin: 20px auto; }

.BlogSeccion { padding: 30px 0px 0px 0px; }
.BlogSeccion h2 { color: #2d2c72;text-align: center;text-transform: uppercase;font-size: 40px;margin: 20px 0px;line-height: 1; }
.CoverRelated { width: calc(100% - 50px);margin: 25px auto;position: relative; }
.CoverRelated .DestRelated { width: 100%;height: 250px;background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative; }
.CoverRelated .ContRelated { width: calc(100% - 40px);position: relative;background-color: #e6e7e7;margin: 0 auto;top: -50px;padding: 20px 0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverRelated .ContRelated h4 { text-align: center;font-size: 16px;color: #28333e;width: calc(100% - 80px);margin: 0 auto;line-height: 1;font-weight: 400;height: 50px; }
.CoverRelated .ContRelated a { text-align: center;border: 2px solid #222d39;color: #222d39;width: 150px;margin: 15px auto 20px auto;padding: 5px 0px; }
.CoverRelated:hover .ContRelated { background-color: #818181; }
.CoverRelated:hover .ContRelated h4 { color: #fff; }
.CoverRelated:hover .ContRelated a { border: 2px solid #fff;color: #fff; }

/*********************** NOSOTROS ***********************/
.Nosotros-01 { background-color: rgba(210, 207, 204, .5);padding: 100px 0px; }
.Nosotros-01::before { content: '';position: absolute;width: 50%;height: 100%;top: 0px;left: 0px;background-size: cover;background-repeat: no-repeat;background-position: center left;background-image: url('../img/nosotros/nosotros-ceu.jpg'); }
.Nosotros-01 p { color: #2d2c72;margin: 20px 30px 20px 40px; }
.Nosotros-01 img { width: 90% }
.Nosotros-02 { padding: 30px 0px; }
.Nosotros-02 h2 { color: #2d2c72;position: relative;font-size: 30px;text-align: center;width: 170px;margin: 20px 30px 20px 40px;border-left: 6px solid #5975db; }
.Nosotros-02 p { color: #2d2c72;margin: 20px 30px 20px 40px; }
.Nosotros-03 { background-image: url('../img/nosotros/back-nosotros.jpg');padding: 30px 0px 40px 0px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.Nosotros-03 h2 { color: #2d2c72;position: relative;font-size: 30px;text-align: center;width: 170px;margin: 20px auto 40px auto;border-left: 6px solid #5975db; }
.Nosotros-03 h4 { color: #2d2c72;text-align: center;font-size: 20px;margin: 10px 0px; }
.Nosotros-03 img { width: 80px;margin: 0 auto; }

/*********************** PLANES ***********************/
.Planes-01 { padding: 50px 0px 30px 0px } 
.Planes-01 p { color: #2d2c72;margin: 10px 0px 20px 30px; }
.PlanesImg { width: 80%;margin: 0 auto }
.Planes-Medio { width: 45%;float: left;margin: 30px 2.5%;}
.Planes-Medio h4 { font-size: 20px;line-height: 1;color: #2d2c72;margin: 0px 40px 0px 10px;width: 130px;position: relative;float: right; }
.Planes-Medio h4 img { position: absolute;width: 80px;left: -90px;top: -20px; }

/*********************** OFERTA ***********************/
.Oferta-01 { padding: 30px 0px }
.Oferta-01 img { width: 65%;margin: 0 auto; }
.Oferta-Cont h3 { color: #2d2c72;font-size: 40px;line-height: 1;margin: 10px 0px 20px 0px; }
.Oferta-Cont p { color: #2d2c72;/*width: 80%;*/margin: 10px 0px;font-size: 16px; }
.Oferta-Cont .MostrarInfo { width: 150px;background-color: #fff;text-align: center;font-size: 14px;color: #2d2c72;border-left: 6px solid #5975db;line-height: 1;padding: 10px 0px;margin: 20px 0px;box-shadow: 0px 0px 5px rgba(0,0,0,.2);cursor: pointer; }
.Oferta-Cont .MostrarInfo:hover { background-color: rgba(45, 44, 114, .74);color: #fff }
.EsGris { background-color: #ddd;padding: 30px 0px 30px 0px;position: relative; }
/*.EsGris::after { content: '';background-image: url('../img/planes/back-SuInfo.png');position: absolute;width: calc(0% + 80px);height: 80px;background-size: 80px;background-repeat: no-repeat;background-position: center center;left: calc(50% - 40px);bottom: -40px;z-index: 1; }*/
.EsAzul { background-color: #ddd;padding: 10px 0px 30px 0px;position: relative; }
/*.EsGris .col2 li:nth-child(2), .EsAzul .col2 li:nth-child(2) { padding-left: 20px; }*/
/*.EsAzul::before { content: '';background-color: #2d2c72;position: absolute;width: 50%;right: 0px;height: 100%;top: 0px; }*/
.SuInfo h3 { font-size: 26px;color: #2d2c72;line-height: 1;margin: 20px 0px;width: 60%; }
.SuInfo .EsGris h4 { font-size: 26px;;color: #2d2c72;line-height: 1;margin: 20px 0px; }
.SuInfo .EsAzul h4 { font-size: 26px;color: #2d2c72;line-height: 1;margin: 20px 0px;width: 60%; }
.SuInfo p { color: #202020;font-size: 16px;width: 90%;margin: 10px auto;text-align: left; }
.SuInfo .Lista { position: relative;padding-left: 30px; }
.SuInfo .Doble { width: 70%; }
.SuInfo .Lista::before { content: '';background-color: #5975db;width: 7px;height: 7px;position: absolute;left: 6px;top: 9px; }
.SuInfo .Gris { color: #585858; }
/*.SuInfo .Blanco { color: #fff; }
.SuInfo { display: none; }*/

/*********************** ACTIVIDADES ***********************/
.Actividades-01 { padding: 30px 0px }
.Actividades-01 .col2 .desktop { display: table-cell }
.Actividades-01 .col2 .movil { display: none }
/*.Actividades-01::before { content: '';background-color: rgba(207, 207, 207, .5);position: absolute;width: 100%;right: 0px;height: 50%;bottom: 0px; }*/
.Actividades-01 h3 { float: left;padding-left: 30px;color: #2d2c72;font-size: 40px;line-height: 1;margin: 20px 0px 20px 30px;width: calc(100% - 60px); }
.Actividades-01 p { text-align: left;width: calc(100% - 60px);float: left;margin: 10px 0px 0px 30px;padding-left: 30px; }
.Actividades-01 .Invertida h3 { float: right;padding-right: 30px;text-align: right;padding-left: 0px;margin: 20px 30px 20px 0px }
.Actividades-01 .Invertida p { text-align: right;padding-left: 0px;padding-right: 30px;margin: 10px 30px 0px 0px }
.Actividades-01 .MostrarInfo { width: 150px;background-color: #fff;text-align: center;font-size: 14px;color: #2d2c72;border-left: 6px solid #5975db;line-height: 1;padding: 10px 0px;margin: 20px 0px 20px 60px;box-shadow: 0px 0px 5px rgba(0,0,0,.2);cursor: pointer;float: left; }
.Actividades-01 .MostrarInfo:hover { background-color: rgba(45, 44, 114, .74);color: #fff }

.Actividades-01 .Invertida .MostrarInfo { float: right;margin: 20px 60px 20px 0px; }

.Actividades-01 h4 { font-size: 22px;line-height: 1;color: #2d2c72;width: 200px;margin: 15px 0px 15px 40px; }
.Actividades-01 img { margin: 30px 0px }
.Actividades-01 .Lista-01 { position: relative;color: #2d2c72;margin: 12px 0px 13px 40px;font-size: 14px;line-height: 1; padding-left: 25px; }
.Lista-01:before { content: '';background-color: #5975db;width: 7px;height: 7px;position: absolute;left: 6px;top: 4px;  }
.Actividades-01 .SuInfo { padding: 30px 0px; background-color: #cfcfcf }


/*********************** INSTALACIONES ***********************/
.Instalaciones-01 { padding: 30px 0px;background-color: #ebebeb; }
.Instalaciones-01 h3 { width: 250px;position: relative;line-height: 1;font-size: 26px;color: #2d2c72;text-align: left;margin: 30px 0px 30px 30px;border-left: 6px solid #5975db;padding-left: 20px;height: 80px; }
.Instalaciones-01 h3 span { font-size: 14px;display: block;font-weight: 300; }
.Instlaciones-ninios { width: 130%;position: relative;left: -27%; }

.ContGal { height: 260px;float: left;width: calc(25% - 10px);margin: 5px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.ContGal.Grande { width: calc(50% - 10px);height: 530px;float: right; }
.ContGal.Mediano {width: calc(50% - 10px);}
.ContGal h4 { color: #2d2c72;font-size: 18px;line-height: 1;width: 150px;margin: 0px;position: absolute;text-align: right;right: 10px;bottom: 20px;background-color: rgba(255,255,255,.8);padding: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,.5); }
.ContGal h4::before { content: '';height: calc(100% - 4px);border: 2px solid #5975db;position: absolute;top: 0px;right: 0px; }
.ContGal h4 span { line-height: 1;font-weight: 300;font-size: 12px;display: block; }

/*********************** CONTACTO ***********************/
.Contacto-01 { padding: 40px 0px; }
.Contacto-01 .NoDatos h3 { color: #2d2c72;width: calc(100% - 100px);margin: 20px auto;font-size: 30px;line-height: 1;border-left: 6px solid #5975db;padding-left: 20px; }
.Contacto-01 .NoDatos p { color: #2d2c72;width: calc(100% - 100px);margin: 15px auto;font-size: 16px; }
.Datos { width: 33%;float: right; }
.Datos h3 { color: #2d2c72;margin: 20px 0px 20px 10px;font-size: 30px;line-height: 1;padding-left: 20px;border-left: 6px solid #5975db; }
.Datos p { color: #2d2c72;margin: 15px 0px 15px 30px;font-size: 14px;position: relative;text-align: left }
.Datos a { color: #2d2c72;margin: 5px 0px 5px 30px;font-size: 16px;position: relative;font-weight: 600; }
.Datos .fa { position: absolute;left: -25px;top: 2px;width: 20px;height: 20px;line-height: 20px;background-color: #5975db;text-align: center;color: #fff;border-radius: 50%;font-size: 12px; }
.MapCont { width: 65%;float: right;height: 390px;margin-right: 2%; }

#FormCont { width: calc(100% - 100px);margin: 10px auto; }
#FormCont ::placeholder { color: #2d2c72; }
#FormCont .medio { width: calc(50% - 10px);float: left; }
#FormCont .medio:nth-child(odd) { margin-right: 20px; }
#FormCont input { width: calc(100% - 14px);border: 1px solid #e5e5e5;height: 30px;padding-left: 10px;color: #2d2c72;background-color: #e5e5e5; }
#FormCont textarea { width: calc(100% - 14px);border: 1px solid #e5e5e5;height: 130px;resize: none;padding-left: 10px;padding-top: 10px;color: #2d2c72;background-color: #e5e5e5; }
#FormCont select { width: 100%;border: 1px solid #e5e5e5;height: 34px;padding-left: 10px;color: #2d2c72;background-color: #e5e5e5; }
#FormCont option { color: #000; }
#FormCont input#submitCont { background-color: #5975db;color: #fff;padding-left: 0px;width: 100%;font-size: 14px;height: 40px;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#FormCont input#submitCont:hover, #FormFoot input#submitCont:disabled { background-color: #c52328; }

section.Aviso { padding: 30px 0px }
.Aviso h2 { color: #2d2c72;text-align: center;text-transform: uppercase;font-size: 40px;margin: 20px 0px;line-height: 1; }

/*********************** BLOG ***********************/
.ColBlogs { width: calc(70% - 20px);padding: 0px 10px;float: left; }
.Blogs, .Posts { padding: 30px 0px }
.Blogs h3 { color: #2d2c72;margin: 10px 0px;font-size: 30px;line-height: 1;text-transform: uppercase;position: relative;border-left: 6px solid #5975db;padding-left: 20px; }
.SideBarBlog { width: calc(30% - 20px);padding: 0px 10px;float: left; }
.ContenidoFeed { margin: 20px 0px;background-color: rgba(255,255,255,.1);padding: 20px 0px }
.SinResultados { margin: 20px 0px;background-color: rgba(255,255,255,.1);padding: 20px 0px }
.SinResultados p { padding-left: 20px;color: #28333e; }
.SinResultados p span { font-weight: 600 }
.SinResultados a { border-radius: 10px;width: 250px;padding: 10px 0px;margin-left: 20px;background-color: #2d2c72;color: #fff;text-align: center;text-transform: uppercase;font-size: 14px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.SinResultados a:hover { width: 270px; }
.DestacadaBlog { height: 250px;width: calc(100% - 44px);background-position: center center;background-size: cover;background-repeat: no-repeat;border: 2px solid #fff;margin: 0 auto;box-shadow: 0px 0px 5px rgba(0,0,0,.4);border-radius: 5px;position: relative;z-index: 0;cursor: pointer }
.Recuadro { background-color: rgba(45, 44, 114, .7);position: absolute;bottom: 0px;width: calc(100% - 40px);padding: 15px 20px;z-index: 1 }
.Fecha { width: 33.33%;float: left;font-size: 14px;color: #fff;line-height: 1;margin: 0px;text-align: center; }
.CateBlog { width: 33.33%;float: left;font-size: 14px;line-height: 1;color: #fff;margin: 0px;text-align: center; }
.Recuadro .Vistas { width: 33.33%;float: left;font-size: 14px;color: #fff;line-height: 1;margin: 0px;text-align: center; }
.CateBlog .fa, .Fecha .fa, .Recuadro .Vistas .fa { margin-right: 5px; }
.CateBlog:hover { color: #fff }
.Tags { width: calc(100% - 44px);margin: 10px auto; }
.Tags a { font-size: 10px;float: left;padding: 5px 10px;text-align: center;color: #000;background-color: #fff;border-radius: 10px;text-transform: capitalize;margin: 3px 3px;font-weight: 500; }
.Tags a:hover { color: #fff;background-color: #fff; }
.Tags span { float: left;font-size: 14px;display: block;width: 100%;color: #fff;font-weight: 600;margin-bottom: 10px; }
.ContenidoFeed h4 { color: #2d2c72;margin: 20px 20px 10px 20px;font-size: 20px;line-height: 1;text-transform: uppercase;padding-left: 15px;border-left: 6px solid #5975db; }
.DescripcionFeed p { margin: 10px 20px 20px 20px;color: #28333e;font-size: 14px; }
.DescripcionFeed li { color: #fff;font-size: 14px;margin: 10px 20px 20px 0px;text-align: justify; }
.ContenidoFeed .VerMas { background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.3);padding: 10px 0px;text-align: center;color: #2d2c72;font-size: 14px;width: 200px;float: right;border-left: 6px solid #5975db;margin: 10px 20px 0px 20px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.ContenidoFeed .VerMas:hover, .ContenidoFeed .VerMas:disabled { background-color: rgba(45, 44, 114, .6);color: #fff; }
.Autor { margin: 10px 20px 20px 20px;font-size: 14px;color: #fff;text-align: right;font-weight: 600; }

.SideBarBlog h4 { color: #fff;font-size: 26px;margin: 10px 0px;line-height: 1;font-weight: 600 }
#BuscarBlog input { width: calc(70% - 10px);height: 40px;padding-left: 10px;-webkit-appearance: textfield;border: 1px solid #414042;background-color: rgba(255,255,255,.8) }
#BuscarBlog input#SearchBlog { background-color: #5975db;width: 30%;border: none;position: relative;top: 0px;color: #fff;font-size: 11px;line-height: 1;cursor: pointer;padding-left: 0px;text-transform: uppercase;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
#BuscarBlog input#SearchBlog:hover { background-color: #414042; }
.SidebarCats a:first-child { margin-top: 10px; }
.SidebarCats span { font-family: 'Montserrat', sans-serif;font-weight: 400; }
.SidebarCats a { padding: 15px 10px 15px 15px;position: relative;display: block;color: #2d2c72;border-left: 6px solid #5975db;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.3);margin-bottom: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.SidebarCats a:hover { background-color: rgba(45, 44, 114, .6);padding: 15px 10px 15px 25px;color: #fff; }
.Share { border-bottom: 1px solid #fff;border-top: 1px solid #fff;padding: 10px 0px;width: 80%;margin: 0 auto; }
.Share h5 { text-align: center;font-size: 16px;line-height: 1;margin: 0px;color: #fff;text-transform: uppercase;} 
.ShareContent { width: 300px;margin: 20px auto;background-color: rgba(0,0,0,.2);border-radius: 5px; }
.ShareContent a { width: calc(25% - 10px);float: left;margin: 5px;background-color: rgba(255,255,255,.5);text-align: center;padding: 10px 0px;color: #414042; }
.ShareContent a:hover { background-color: rgba(255,255,255,.8) }
.Resultados-titulo { font-size: 16px;color: #28333e;line-height: 1; }
.Resultados-titulo span { font-weight: 600 }

.RelatedPost { background-image: url('../img/backgrounds/main-seccion-05.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center;padding: 50px 0px; }
.RelatedPost h3 { color: #fff;margin: 0 0 30px 0;text-align: center;font-size: 40px;line-height: 1;text-transform: uppercase; }
.CoverRelated:hover .DestRelated { background-blend-mode: multiply;background-color: rgba(0,0,0,.3); }
.DestRelated { height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center center;border: 2px solid #fff;border-radius: 5px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverRelated { width: calc(95% - 10px);margin: 10px auto;padding: 5px; }
.CoverRelated h4 { text-align: center;color: #2d2c72;text-transform: uppercase;margin: 10px 0px;font-size: 18px; }
.CoverRelated .ReadMore { background-color: #fff;width: 120px;margin: 20px auto;padding: 7px 0px;color: #2d2c72;box-shadow: 0px 0px 5px rgba(0,0,0,.3);border-left: 6px solid #5975db;text-align: center;font-size: 14px;text-transform: uppercase;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.CoverRelated .ReadMore:hover { background-color: #5975db;color: #fff;}

.Comentar { width: 100%;margin: 0px auto;background-color: #eeefef;padding: 10px 0px; }
#Comments { width: calc(80% - 20px);padding: 10px;margin: 10px auto 30px auto;border-radius: 10px; }
#Comments .Titulo { text-align: left;font-size: 16px;line-height: 1;margin: 10px 0px 20px 0px;font-weight: 500;color: #2d2c72;text-transform: uppercase; }
#Comments textarea { width: calc(100% - 14px);border: 1px solid #2d2c72;background-color: #fff;height: 70px;padding-top: 10px;padding-left: 10px;color: #2d2c72;resize: none; }
#Comments input:nth-child(2) { margin-right: 10px; }
#Comments input { height: 25px;padding-left: 10px;border: 1px solid #2d2c72;background-color: #fff;color: #2d2c72;width: calc(50% - 18px);float: left }
#Comments input#submitComment { width: 150px;padding-left: 0px;cursor: pointer;height: 25px;background-color: #2d2c72;color: #fff;border: none;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#Comments input#submitComment:hover, #Comments input#submitComment:disabled { width: 160px;background-color: #5975db }
.Hide { display: none; }

.Subtitulo { text-align: left;font-size: 16px;line-height: 1;margin: 10px 0px 20px 0px;font-weight: 500;color: #585858;text-transform: uppercase; }
.ComentarioCont { width: 80%;margin: 0 auto }
.Comentario { background-color: #fff;border-radius: 10px;padding: 15px 10px;margin: 10px 0px;width: calc(100% - 20px); }
.Comentario p { font-size: 14px;line-height: 1;margin: 0px 10px;color: #585858;padding: 10px;border-radius: 5px;position: relative;float: left;width: calc(100% - 30px); }
.Comentario .FechaComment { color: #2d2c72;font-size: 10px;position: absolute;bottom: -5px;left: 10px; }
.Comentario .TituComment, .Respuesta .TituComment { margin: 5px 0px;font-size: 14px;color: #2d2c72;line-height: 1;font-weight: 600; }
.Respuesta { width: 70%;float: right;text-align: right;margin: 5px 0px;  }
.Respuesta p { text-align: right }
.Respuesta .FechaComment { right: 10px }

/*********************** PAGINADOR BLOG ***********************/
.pagination { padding-left: 0; border-radius: 4px;margin: 20px auto;display: table;width: 100%; display: table; }
.pagination > li { display: inline;width: auto!important;padding: 0!important;float: none !important; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #2d2c72; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #2d2c72; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #2d2c72; border-color: #2d2c72; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

/*********************** MEDIAS QUERIES ***********************/

@media screen and (min-width: 320px) and (max-width: 479px) {
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	.onlymovil { display: block; }
	
	header { position: fixed; }
	.header_chico .TopHeader { display: none; }
	.header_chico { background-color: #fff; }
	.colstop li:nth-child(1) { display: none; }
	.colstop li:nth-child(2) { width: 80%;margin: 5px 10%; }
	.colstop a { margin: 0px 10px }
	.colstop p { text-align: center;font-size: 12px; }
	.logo { width: 35%; }
	.logo img { width: 80px; }
	.btn_movil { width: 30px;height: 25px;margin-top: 25px; }
	.btn_movil span { border: 2px solid #5975db; }
	.menu { display: none;width: 100%;margin-top: 0px; }
	.menu li { width: 100%;padding: 0px;display: block; }
	.menu li a { display: block;padding-left: 0px;padding: 10px 0px;text-align: center;font-size: 14px; }
	.menu li a br { display: none; }

	.Cheatea { top: auto;right: auto;left: 5px;bottom: 5px;width: 50px;height: 50px;font-size: 0px; }
	.Cheatea .fa { line-height: 50px; }
	.Float { top: auto;bottom: 5px;left: 5px;right: auto;width: calc(100% - 80px); }

	.MainSlide2 { height: 150px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
	.MainSlide { height: 300px;margin-top: 115px; }
	.SlideChico { height: 200px; }
	.MainSlide .TextSlider { width: 90%;margin: 0 5%;top: 150px; }
	.SlideChico .TextSlider { top: 70px; }
	.MainSlide .TextSlider h1 { font-size: 16px;width: 100%;text-align: center;color: #2d2c72 }
	.MainSlide .TextSlider h1 span { font-size: 30px;line-height: 1;margin: 10px 0px; }
	.SlideChico .TextSlider h1 span { font-size: 20px;width: 80%;margin: 10px auto; }
	.SlideChico .TextSlider h1 br { display: none; }
	.MainSlide .TextSlider a { width: 100px;font-size: 12px;padding: 5px 0px;margin: 10px auto;color: #ffffff;background-color: #5975db;border-left: 6px solid #2d2c72; }
	.SlideChico .TextSlider h1 { color: #fff; }
    #FormFoot input { height: 25px; }
    #FormFoot select { height: 29px; }
    #FormFoot textarea { height: 50px; }
    #FormFoot input#submitFoot { height: 25px; }
	#FormFoot { width: calc(100% - 30px); padding: 15px; }

	.Inicio-01 { padding: 30px 0px }
	.Inicio-01 .col4 li { width: 50%; }
	.Areas h3 img { position: relative;width: 60px;left: auto;top: auto;margin: 10px auto; }
	.Areas h3 { font-size: 16px;width: 90%;margin: 10px auto;text-align: center; }
	.Areas h3 br { display: none; }
	
	.Inicio-02 h2 { font-size: 24px;margin: 10px auto; }
	.CoverOferta { height: 400px; }
	.DescOferta h3 { margin: 10px 0px;font-size: 20px; }
	.DescOferta p { font-size: 14px;width: calc(100% - 20px); }
	.DescOferta a { width: 120px;font-size: 12px;padding: 5px 0px;margin: 10px auto; }
	
	.Inicio-03 { padding: 20px 0px }
	.Inicio-03 h4 { font-size: 18px;width: 85%;margin: 10px auto;font-weight: 500; }
	.Inicio-03 a { width: 120px;font-size: 12px;padding: 5px 0px;margin: 10px auto; }
	
	.Nosotros-01 { padding: 50px 0px }
	.Nosotros-01::before { background-blend-mode: color;background-color: rgba(255,255,255,.6);width: 100%;background-position: center; }
	.Nosotros-01 p { width: 90%;margin: 20px auto;font-size: 14px; }
	.Nosotros-03 h2, .Nosotros-02 h2 { width: 120px;text-align: center;margin: 10px auto;font-size: 22px;text-transform: uppercase; }
	.Nosotros-02 p { margin: 20px auto;font-size: 14px;width: 90%; }
	.Nosotros-03 .col6 li { width: 50%; }
	.Nosotros-03 img { position: relative;width: 60px;left: auto;top: auto;margin: 10px auto; }
	.Nosotros-03 h4 { font-size: 16px;width: 90%;margin: 10px auto;text-align: center; }

	.Planes-01 p { width: 90%;margin: 15px auto;font-size: 14px; }
	.Planes-Medio { margin: 10px 2.5%; }
	.Planes-Medio h4 img { position: relative;width: 60px;margin: 10px auto;left: auto;top: auto; }
	.Planes-Medio h4 { text-align: center;font-size: 16px;width: 100%;margin: 10px auto; }
	.Planes-Medio h4 br { display: none }
	
	.Oferta-01 { padding: 15px 0px }
	.EsGris .col2 li:nth-child(2), .EsAzul .col2 li:nth-child(2) { padding-left: 0px; }
	.Oferta-Cont h3 { text-align: center;font-size: 24px;margin: 20px 0px;text-transform: uppercase; }
	.Oferta-Cont p { margin: 10px auto;width: 85%;font-size: 13px; }
	.SuInfo .EsAzul h4, .SuInfo .EsGris h4, .SuInfo h3 { width: 100%;font-size: 22px;margin: 10px auto; }
	.EsGris::after { width: calc(0% + 60px);height: 60px;background-size: 60px;left: calc(50% - 30px);bottom: -30px; }
	.SuInfo .Lista { padding-left: 15px; }
	.SuInfo p { font-size: 14px;margin: 10px auto; }
    .SuInfo .Lista::before { left: 1px;top: 6px; }
	.SuInfo .Doble {  }
	.SuInfo .Blanco { color: #2d2c72 }
	.EsAzul::before { display: none; }
	
	.ContGal.Grande, .ContGal.Mediano, .ContGal { width: calc(100% - 10px);height: 180px }
	.ContGal h4 { font-size: 14px;width: 120px; }
	.ContGal h4 span { font-size: 10px; }

	.Actividades-01 h3 { font-size: 22px;text-transform: uppercase;margin: 10px 0px;text-align: center;padding-left: 0px;width: 100%;float: none; }
    .Actividades-01 .Invertida h3 { float: none;padding-right: 0px;text-align: center;margin: 10px 0px; }
    .Actividades-01 .Invertida .MostrarInfo, .Actividades-01 .MostrarInfo { margin: 10px auto;float: none; }
	.Actividades-01 .Lista-01 { margin: 15px 0px; }
	.Actividades-01 .col2 .desktop { display: none }
	.Actividades-01 .col2 .movil { display: block }
	
	.MapCont, .Datos, .col2mixta li:nth-child(odd), .col2mixta li:nth-child(even) { width: 100%;float: left; }
	#FormCont { width: calc(100% - 50px); }
	.Contacto-01 .NoDatos h3 { font-size: 22px;width: calc(100% - 50px);text-transform: uppercase; }
	.Contacto-01 .NoDatos p { width: calc(100% - 50px);font-size: 14px; }
	
	.Datos h3 { font-size: 22px;margin: 40px 0px 20px 0px;text-transform: uppercase; }
	.Datos p br { display: none }
	.MapCont { height: 250px; } 
	
	.CalltoContacto h3 { font-size: 22px; }
	.CalltoContacto a { margin: 20px auto }
	.CalltoContacto p { font-size: 14px; }
	.CalltoContacto { padding: 30px 0px }

	footer .col3 li { width: 100%;float: left; }
	.LogoFooter { margin: 20px auto; }
	.Phones, .Address { text-align: center;width: 300px;margin: 30px auto 10px auto;font-size: 14px; }
	.Phones br, .Address br { display: none; }
	.Phones .fa { left: -10px;top: 0px; }
	.Address::before { top: -45px;left: 50%; }
	.Sociales { width: 80px;float: none;margin: 20px auto 10px auto; }
	.Copy { margin: 5px auto;width: calc(100% - 50px); }
	.Copy a.Aviso, .Copy p, .Copy a { text-align: center;margin: 5px 0px;font-size: 10px; }

}
@media screen and (min-width: 480px) and (max-width: 669px) {
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	.onlymovil { display: block; }
	
	header { position: fixed; }
	.header_chico .TopHeader { display: none; }
	.header_chico { background-color: #fff; }
	.colstop li:nth-child(1) { display: none; }
	.colstop li:nth-child(2) { width: calc(0% + 300px);margin: 5px calc(50% - 150px); }
	.colstop p { text-align: center;font-size: 12px; }
	.colstop a { margin: 0px 10px }
	.logo { width: 35%; }
	.logo img { width: 80px; }
	.btn_movil { width: 30px;height: 25px;margin-top: 25px; }
	.btn_movil span { border: 2px solid #5975db; }
	.menu { display: none;width: 100%;margin-top: 0px; }
	.menu li { width: 100%;padding: 0px;display: block; }
	.menu li a { display: block;padding-left: 0px;padding: 5px 0px;text-align: center;font-size: 14px; }
	.menu li a br { display: none; }

	.Cheatea { top: auto;right: auto;left: 5px;bottom: 5px;width: 50px;height: 50px;font-size: 0px; }
	.Cheatea .fa { line-height: 50px; }
	.Float { top: auto;bottom: 5px;left: 5px;right: auto;width: calc(100% - 10px);height: calc(100% - 10px); }
	.ContFloat #FormFloat textarea { height: 40px }
	.ContFloat #FormFloat input { height: 25px; }
	.ContFloat #FormFloat select { height: 29px; }
	.CerrarFloat { position: absolute; }
	.ContFloat #FormFloat { width: calc(100% - 90px); }

	.MainSlide2 { height: 150px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
	.MainSlide { height: 300px;margin-top: 115px; }
	.SlideChico { height: 200px; }
	
	.SlideChico .TextSlider { top: 70px; }
	.MainSlide .TextSlider  { top: 210px; }
	.MainSlide .TextSlider h1 { font-size: 16px;width: 100%;color: #2d2c72; }
	.MainSlide .TextSlider h1 span { font-size: 30px;line-height: 1;margin: 10px 0px; }
	.SlideChico .TextSlider h1 span { font-size: 20px;width: 80%;margin: 10px auto; }
	.SlideChico .TextSlider h1 br { display: none; }
	.MainSlide .TextSlider a { width: 100px;font-size: 12px;padding: 5px 0px;color: #ffffff;background-color: #5975db;border-left: 6px solid #2d2c72; }
	.SlideChico .TextSlider h1 { color: #fff; }
	.SlideChico .TextSlider { top: 80px }

    #FormFoot input { height: 25px; }
    #FormFoot select { height: 29px; }
    #FormFoot textarea { height: 50px; }
    #FormFoot input#submitFoot { height: 25px; }
	#FormFoot { width: calc(100% - 30px); padding: 15px; }

	.Inicio-01 { padding: 30px 0px }
	.Inicio-01 .col4 li { width: 50%; }
	.Areas h3 img { position: relative;width: 60px;left: auto;top: auto;margin: 10px auto; }
	.Areas h3 { font-size: 16px;width: 90%;margin: 10px auto;text-align: center; }
	.Areas h3 br { display: none; }
	
	.Inicio-02 h2 { font-size: 24px;margin: 10px auto; }
	.CoverOferta { height: 400px; }
	.DescOferta h3 { margin: 10px 0px;font-size: 20px; }
	.DescOferta p { font-size: 14px;width: calc(100% - 20px); }
	.DescOferta a { width: 120px;font-size: 12px;padding: 5px 0px;margin: 10px auto; }
	
	.Inicio-03 { padding: 20px 0px }
	.Inicio-03 h4 { font-size: 18px;width: 85%;margin: 10px auto;font-weight: 500; }
	.Inicio-03 a { width: 120px;font-size: 12px;padding: 5px 0px;margin: 10px auto; }
	
	.Nosotros-01::before { background-blend-mode: color;background-color: rgba(255,255,255,.6);width: 100% }
	.Nosotros-01 p { width: 90%;margin: 20px auto;font-size: 14px; }
	.Nosotros-03 h2, .Nosotros-02 h2 { width: 120px;text-align: center;margin: 10px auto;font-size: 22px;text-transform: uppercase; }
	.Nosotros-02 p { margin: 20px auto;font-size: 14px;width: 90%; }
	.Nosotros-03 .col6 li { width: 50%; }
	.Nosotros-03 img { position: relative;width: 60px;left: auto;top: auto;margin: 10px auto; }
	.Nosotros-03 h4 { font-size: 16px;width: 90%;margin: 10px auto;text-align: center; }

	.Planes-01 p { width: 90%;margin: 15px auto;font-size: 14px; }
	.Planes-Medio { margin: 10px 2.5%; }
	.Planes-Medio h4 img { position: relative;width: 60px;margin: 10px auto;left: auto;top: auto; }
	.Planes-Medio h4 { text-align: center;font-size: 16px;width: 100%;margin: 10px auto; }
	.Planes-Medio h4 br { display: none }
	
	.Oferta-01 { padding: 15px 0px }
	.EsGris .col2 li:nth-child(2), .EsAzul .col2 li:nth-child(2) { padding-left: 0px; }
	.Oferta-Cont h3 { text-align: center;font-size: 24px;margin: 20px 0px;text-transform: uppercase; }
	.Oferta-Cont p { margin: 10px auto;width: 85%;font-size: 13px; }
	.SuInfo .EsAzul h4, .SuInfo .EsGris h4, .SuInfo h3 { width: 100%;font-size: 22px;margin: 10px auto; }
	.EsGris::after { width: calc(0% + 60px);height: 60px;background-size: 60px;left: calc(50% - 30px);bottom: -30px; }
	.SuInfo .Lista { padding-left: 15px; }
	.SuInfo p { font-size: 14px;margin: 10px auto; }
    .SuInfo .Lista::before { left: 1px;top: 6px; }
	.SuInfo .Blanco { color: #2d2c72 }
	.EsAzul::before { display: none; }
	
	.ContGal.Grande, .ContGal.Mediano, .ContGal { width: calc(100% - 10px);height: 230px }
	.ContGal h4 { font-size: 14px;width: 120px; }
	.ContGal h4 span { font-size: 10px; }

	.Actividades-01 h3 { font-size: 22px;text-transform: uppercase;margin: 10px 0px;text-align: center;padding-left: 0px;width: 100%;float: none; }
    .Actividades-01 .Invertida h3 { float: none;padding-right: 0px;text-align: center;margin: 10px 0px; }
    .Actividades-01 .Invertida .MostrarInfo, .Actividades-01 .MostrarInfo { margin: 10px auto;float: none; }
	.Actividades-01 .col2 .movil { display: block }
	
	.Actividades-01 .Lista-01 { margin: 15px 0px; }
	.Actividades-01 .col2 .desktop { display: none }
	
	.MapCont, .Datos, .col2mixta li:nth-child(odd), .col2mixta li:nth-child(even) { width: 100%;float: left; }
	#FormCont { width: calc(100% - 50px); }
	.Contacto-01 .NoDatos h3 { font-size: 22px;width: calc(100% - 50px);text-transform: uppercase; }
	.Contacto-01 .NoDatos p { width: calc(100% - 50px);font-size: 14px; }
	
	.Datos h3 { font-size: 22px;margin: 40px 0px 20px 0px;text-transform: uppercase; }
	.Datos p br { display: none }
	.MapCont { height: 250px; } 
	
	.CalltoContacto h3 { font-size: 22px; }
	.CalltoContacto a { margin: 20px auto }
	.CalltoContacto p { font-size: 14px; }
	.CalltoContacto { padding: 30px 0px }
	
	footer .col3 li { width: 100%;float: left; }
	.LogoFooter { margin: 20px auto; }
	.Phones, .Address { text-align: center;width: 300px;margin: 30px auto 10px auto;font-size: 14px; }
	.Phones br, .Address br { display: none; }
	.Phones .fa { left: -10px;top: 0px; }
	.Address::before { top: -45px;left: 50%; }
	.Sociales { width: 80px;float: none;margin: 20px auto 10px auto; }
	.Copy { margin: 5px auto;width: calc(100% - 50px); }
	.Copy a.Aviso, .Copy p, .Copy a { text-align: center;margin: 5px 0px;font-size: 10px; }

}
@media screen and (min-width: 670px) and (max-width: 1023px) {
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	
	header { position: fixed; }
	.header_chico .TopHeader { display: none; }
	.header_chico { background-color: #fff; }
	.colstop li:nth-child(1) { width: 100%; }
	.colstop li:nth-child(2) { width: 40%;margin: 5px 30%;}
	.colstop a { margin: 0px 10px }
	.colstop p { text-align: center;font-size: 12px; }
	.logo { width: 25%; }
	.menu { display: none;width: 100%;margin-top: 0px; }
	.menu li { width: 100%;padding: 0px;display: block; }
	.menu li a { display: block;padding-left: 0px;padding: 10px 0px;text-align: center;font-size: 16px; }
	.menu li a br { display: none; }
	
	.Cheatea { top: 180px; }
	.Float { top: 180px }
	
	.MainSlide2 { height: 300px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
	.MainSlide { height: 400px;margin-top: 155px; }
	.SlideChico { height: 300px; }
	.MainSlide .TextSlider { width: 90%;margin: 0 5%;top: 260px; }
	.SlideChico .TextSlider {top: 120px  }
	.MainSlide .TextSlider h1 { font-size: 18px;width: 60%;color: #2d2c72; }
	.SlideChico .TextSlider h1 { text-align: center; }
	.MainSlide .TextSlider h1 span { font-size: 40px; }
	.SlideChico .TextSlider h1 span { font-size: 28px;text-align: center;margin: 10px 0px; }
	.SlideChico .TextSlider h1 br { display: none; }
	.MainSlide .TextSlider a { color: #ffffff;background-color: #5975db;border-left: 6px solid #2d2c72; }
	.SlideChico .TextSlider h1 { color: #fff; }

	.col4 li { width: 50%; }
	.Inicio-01 { padding: 30px 0px }
	.Areas h3 img { position: relative;width: 80px;left: auto;top: auto;margin: 10px auto; }
	.Areas h3 { font-size: 18px;width: 70%;margin: 10px auto;text-align: center; }
	.Areas h3 br { display: none; }
	
	.Inicio-02 .col3 li { width: 50%; }
	.Inicio-02 .col3 li:nth-child(3) { margin: 0px 25%; }
	.Inicio-02 h2 { font-size: 36px; }
	.Inicio-03 { padding: 30px 0px; }
	.Inicio-03 h4 { font-size: 24px;width: 80%; }
	
	.Nosotros-01 { padding: 20px 0px; }
	.Nosotros-01::before { width: 60%; }
	.Nosotros-01 p { font-size: 14px; }
	.Nosotros-02 p { font-size: 14px; }
	.Actividades-01 h3, .Nosotros-03 h2, .Nosotros-02 h2 { font-size: 26px;width: 150px; }
	.Nosotros-03 .col6 li { width: 33.33%;float: left }
	.Nosotros-03 h4 { font-size: 18px; }
	
	.Planes-01 .col2 li { width: 100%;float: left; }
	.PlanesImg { width: 450px;margin: 20px auto; } 
	.Planes-01 p { width: 80%;margin: 10px auto; }
	.Planes-Medio h4 { width: 110px;font-size: 18px; }
	.Planes-Medio h4 img { width: 60px;left: -70px;top: -15px; }

	.Oferta-01 img { width: 90%; }
	.Oferta-Cont h3 { font-size: 34px;margin: 10px 0px; }
	.Oferta-Cont p { width: 90%;font-size: 14px; }
	.SuInfo h3 { font-size: 26px;margin: 10px 0px;width: 90%; } 
	.SuInfo .EsGris h4 { font-size: 24px;margin: 10px 0px }
	.SuInfo .Lista { padding-left: 20px; }
	.SuInfo .Doble { width: 80%; }
	.SuInfo p { font-size: 14px;margin: 8px auto; }
	
	.ContGal.Grande { height: 260px }
	.ContGal { width: calc(50% - 10px); }
	

	.Actividades-01 .col2 .desktop { display: table-cell; }

	#FormCont { margin: 30px auto 50px auto;width: calc(80% - 100px) }
	.Contacto-01 .NoDatos h3 { width: calc(80% - 130px);margin: 20px auto;font-size: 26px; }
	.Contacto-01 .NoDatos p { width: calc(80% - 100px);font-size: 14px; }
	.Datos h3 { font-size: 26px; }

	.CalltoContacto h3 { font-size: 26px; }
	.CalltoContacto { padding: 20px 0px }
	.CalltoContacto .col2 li { width: 100%;float: left }
	#FormFoot { width: calc(80% - 30px); padding: 15px; }
	
	footer .col3 li { width: 100%;float: left; }
	.LogoFooter { margin: 20px auto; }
	.Phones, .Address { text-align: center;width: 300px;margin: 30px auto 10px auto; }
	.Phones br, .Address br { display: none; }
	.Phones .fa { left: -10px;top: 0px; }
	.Address::before { top: -45px;left: 50%; }
	.Sociales { width: 80px;float: none;margin: 20px auto 10px auto; }
	.Copy .col2 li { width: 100%; }
	.Copy a.Aviso, .Copy p, .Copy a { text-align: center;margin: 5px 0px; }
}


@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.contenedor { width: 1080px; }
	.movil { display: none; }
	
	.menu li a { font-size: 15px; }
	.menu li { padding: 20px 15px; }

	.MainSlide2 { height: 500px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
	.MainSlide { height: 600px; }
	.SlideChico { height: 300px; }
	.MainSlide .TextSlider { width: 85%;margin: 0 7.5%; }
	.MainSlide .TextSlider h1 { font-size: 26px; }
	.MainSlide .TextSlider h1 span { font-size: 50px; }
	.BackOferta { height: 500px; }
	.Inicio-03 h4 { width: 60%; }
	.PlanesImg { width: 90%;margin: 0 auto }
	

}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
	.contenedor { width: 960px; }
	.colstop p, .colstop a { font-size: 12px; }
	
	.MainSlide2 { height: 500px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;margin-top: 130px }
	.MainSlide { height: 500px;margin-top: 125px; }
	.SlideChico { height: 300px; }
	.MainSlide .TextSlider { top: 110px; }
	.SlideChico .TextSlider { top: 70px }
	.MainSlide .TextSlider h1 { font-size: 22px; }
	.MainSlide .TextSlider h1 span { font-size: 44px; }
	.SlideChico .TextSlider h1 span { font-size: 38px;margin: 10px 0px; }
	
	.Areas h3 { font-size: 18px;width: 110px; }
	.Areas h3 img { width: 60px;left: -70px;top: -15px; }

	.Inicio-02 h2 { font-size: 34px; }
	.BackOferta { height: 450px; }
	.DescOferta h3 { margin: 10px 0px 5px 0px;font-size: 24px; }
	.DescOferta p { font-size: 14px; }
	.DescOferta a { margin: 15px auto }
	
	.Inicio-03 { padding: 60px 0px }
	.Inicio-03 h4 { font-size: 26px;width: 70%; }
	
	.Address, .Phones { font-size: 14px; }
	.Copy p, .Copy a { font-size: 10px }
	
	.Nosotros-01 { padding: 30px 0px }
	.Nosotros-03 h4 { font-size: 18px; }
	
	.Planes-01 p { font-size: 14px; }
	.Planes-Medio h4 { width: 110px;font-size: 18px; }
	.Planes-Medio h4 img { width: 60px;left: -70px;top: -15px; }
	
	.Oferta-Cont h3 { font-size: 36px; }
	.Oferta-Cont p { font-size: 14px; }	
	.SuInfo h3 { width: 80%;font-size: 26px;margin: 15px 0px; }
	.SuInfo p { font-size: 14px; }
	.SuInfo .EsAzul h4 { width: 80%;font-size: 26px;margin: 15px 0px; }
	
	.ContGal { height: 230px; }
	.ContGal.Grande { height: 470px; }
	.ContGal h4 { font-size: 16px; }
	
	.Actividades-01 h3 { font-size: 26px;margin: 10px 0px 10px 40px; }
	.CalltoContacto h3 { font-size: 26px; }
	.CalltoContacto { padding: 50px 0px }
	
	.Contacto-01 .NoDatos h3 { font-size: 26px; }
	.Datos h3 { font-size: 26px; }
	.MapCont { width: 58%; }
	.Datos { width: 40%; }
	
}
@media (min-width: 1440px){
	.movil { display: none; }
}

#loader-wrapper { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000; }
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 3px solid #3498db;z-index: 1500; }    
#loader:before { content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border: 3px solid #e74c3c; }
#loader:after { content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border: 3px solid #f9c922; }

/* change border to transparent and set only border-top to a solid color */
#loader { border: 3px solid transparent;border-top-color: #5975db;border-bottom-color: #5975db; /* #3498db; */ }
#loader:before { border: 3px solid transparent;border-top-color: #fff;border-bottom-color: #fff; /* #e74c3c;*/ }
#loader:after { border: 3px solid transparent;border-top-color: #2d2c72;border-bottom-color: #2d2c72;background-image: url('../img/header/favicon.png');	background-position: center;background-size: 80%;background-repeat: no-repeat;  /* #ff8c5d;*/ }

#loader { border-radius: 50%; }
#loader:before { border-radius: 50%; }
#loader:after { border-radius: 50%; }
#loader { z-index: 1001; }

#loader { -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite; }
#loader:before { -webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite; }

#loader-wrapper .loader-section { position: fixed;top: 0;width: 51%;height: 100%;background: #202020;z-index: 1000; }
#loader-wrapper .loader-section.section-left { left: 0; }
#loader-wrapper .loader-section.section-right { right: 0; }
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%); } 
.loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%); }
.loaded #loader { opacity: 0; }
.loaded #loader-wrapper { visibility: hidden; }
.loaded #loader { opacity: 0;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.3s 0.3s ease-out; transition: all 0.3s 0.3s ease-out; }
.loaded #loader-wrapper { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 0.6s ease-out; transition: all 0.3s 0.6s ease-out; }
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.loaded #loader-wrapper { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }

/* include this only once */
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
	@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}