/*Cargo las fuentes*/

/*
font-family: 'Open Sans', sans-serif; 300,300i,400,400i,600,600i,700,700i,800,800i
font-family: 'Open Sans Condensed', sans-serif;
font-family:'Bebas Neue W01';
font-family:'Charter ITC W01';
font-family:'Charter ITC W01 Italic';
font-family:'Charter ITC W01 Bold';
font-family:'CharterITCW01-BoldItali';
font-family:'Charter ITC W01 Black';
font-family:'CharterITCW01-BlackItal';
font-family:'ITC Charter W01 Reg SC';
font-family:'ITC Charter W01 Bd SC';
font-family:'Myriad W01 Regular';
font-family:'Myriad W01 Sm Cnd It';
font-family:'Myriad W01 Lt It';
font-family:'Myriad W01 Cnd It';
font-family:'GillSansW04-LightItalic';
font-family:'OctinSportsW00-Black'; font-weight: normal;
*/
@import url(//db.onlinewebfonts.com/c/c7e7cb8728640008c488e7381270227a?family=OctinSportsW00-Black);
@import url(//db.onlinewebfonts.com/c/563b6f20c9f5045d12c9d0b1497b1e43?family=Bebas+Neue+W01);
@font-face {font-family: "Bebas Neue W01"; src: url("//db.onlinewebfonts.com/t/563b6f20c9f5045d12c9d0b1497b1e43.eot"); src: url("//db.onlinewebfonts.com/t/563b6f20c9f5045d12c9d0b1497b1e43.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/563b6f20c9f5045d12c9d0b1497b1e43.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/563b6f20c9f5045d12c9d0b1497b1e43.woff") format("woff"), url("//db.onlinewebfonts.com/t/563b6f20c9f5045d12c9d0b1497b1e43.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/563b6f20c9f5045d12c9d0b1497b1e43.svg#Bebas Neue W01") format("svg"); }
@font-face {font-family: "OctinSportsW00-Black"; src: url("//db.onlinewebfonts.com/t/c7e7cb8728640008c488e7381270227a.eot"); src: url("//db.onlinewebfonts.com/t/c7e7cb8728640008c488e7381270227a.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/c7e7cb8728640008c488e7381270227a.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/c7e7cb8728640008c488e7381270227a.woff") format("woff"), url("//db.onlinewebfonts.com/t/c7e7cb8728640008c488e7381270227a.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/c7e7cb8728640008c488e7381270227a.svg#OctinSportsW00-Black") format("svg"); }

@font-face { font-family: "noodle"; font-style: normal; font-weight: normal; src: url("fonts/noodle.ttf"); }
* { margin: 0; padding: 0; }
body { font-family: 'Open Sans'; line-height: 1.3em; font-size: 14px; color: #333; font-weight: normal; }
p { font-weight: 100; font-style: italic; }
h1 { font-size: 4em; line-height: 0.95em; font-family: 'OctinSportsW00-Black'; font-weight: normal; }
h2 { font-family: 'OctinSportsW00-Black'; font-weight: normal; font-size: 1.6em; line-height: 1.4em; }
h3 { font-family: 'Bebas Neue W01'; font-size: 50px; line-height: 0.9em; }
h4 { font-family: 'Bebas Neue W01'; font-size: 35px; line-height: 1em; font-weight: normal }
h5 { font-family: 'Bebas Neue W01'; font-size: 25px; line-height: 1em; font-weight: normal }
h6 { font-family: 'Bebas Neue W01'; font-size: 22px; line-height: 1em; font-weight: normal }
:root { --bgcol: #0e161c; --yellowcol: #f0b80e; --greencol: #00ff00; }

.homep a { color: #fff; }
.title { font-family: 'OctinSportsW00-Black'; font-size: 55px; font-weight: normal; line-height: 0.8em; }
.title strong { color: #f0b80e; font-weight: normal; }
.subtitle { font-family: 'Open Sans'; font-weight: lighter; line-height: 1.1em; font-size: 25px; font-style: italic; }
.desc-title { display: block; font-family: 'Open Sans'; font-weight: lighter; line-height: 1.1em; 
font-size: 25px; font-style: italic; width: 80%; }
.desc-title2 { display: block; font-family: 'Open Sans'; font-weight: bold; line-height: 1.1em; 
font-size: 18px; font-style: normal; width: 80%; }

.txtslider { display: block; position: relative;  width: 100%; height: 44px; overflow: hidden;  }
.txtslider ul { position: absolute; top:44px; list-style: none; }
#txtsliderul2 { top:352px; }

.yellow-btn { color: black; cursor: pointer; background-color: #f0b80e; padding: 10px; text-decoration: none; font-weight: bold; border-radius: 10px; margin-top: 10px; vertical-align: bottom; }
.hoverblack:hover { background-color: #000; color: #fff; }
.black-btn { color: white; background-color: black; cursor: pointer; padding: 10px; text-decoration: none; font-weight: bold; margin-top: 10px; vertical-align: bottom; }
.black-btn:hover { color: black; background-color: white; }
.yellow-btn2 { color: black; background-color: rgba(0, 0, 0, 0.2); padding: 13px 20px; font-weight: bold; border-radius: 10px; margin-top: 10px; vertical-align: bottom; font-size: 18px; }
.yellow-btn2:hover { cursor: pointer; }
.caja-yellow { border-radius: 8px; vertical-align: top; display: inline-block; width: 60px; height: 45px; z-index: 2; }
.caja-dark { position: absolute; vertical-align: top; display: inline-block; background-color: rgba(0, 0, 0, 0.5); border-radius: 8px; color: white; margin: 0px 5px; }
.caja-dark p { padding: 14px 15px; white-space: nowrap; }
.txt-contacta { font-family: 'Bebas Neue W01'; font-size: 2.5em; line-height: 0.9em; }
.caja-contacta { margin: 0% 0.5%; }
.caja-contacta-cont { padding: 55px 25px; }
.img-flotante { position: absolute; left: -60px; bottom: 0; z-index: 1; }
.empresas-txt { font-size: 20px; font-weight: 100; line-height: 1em; }
.backinline { padding: 1px 7px 1px 0px; background-color: #000; display: inline-block; clear: both; }
.fotofondo { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
.diagonal { position: absolute; background-color: #000; width: 2000px; height: 400px; right: 50%; margin-right: 190px; top: -130px; transform: rotateZ(10deg); z-index: 1; }
.bebas { font-family: 'Bebas Neue W01'; }
.oction { font-family: 'OctinSportsW00-Black' !important; }
.opensans { font-family: 'Open Sans' !important; }
.italica { font-style: italic; }
.supera { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; }
.colpad3 { padding: 10px 10px; }
.colpad4 { padding: 30px 10px; }
.clear { clear: both; }
.inline { display: inline-block; }
.mg-l-r-5 { margin-left: 5px; margin-right: 5px; }
.inlinetop { vertical-align: top; }
.supermenucol { padding: 25px 34px 25px 25px; }
.supermenucol2 { padding: 25px 34px 0px 25px !important; }
.pequemenu { width: 110px; }
.pequemenu ul li { width: 110px; }
.pequemenu ul li a { font-size: 14px; }
.socials { margin-top: 20px; margin-bottom: 40px; }
#socialimg { width: 15px; height: 15px; }
.page { width: 100%; position: relative; background-position: center; clear: both; background-size: cover; }
.pagefloat { width: 100%;  position: relative; height:350px; margin-top: -40px; display: block; z-index: 999; }
.perfect-bg { background-repeat: no-repeat; background-position: center; background-size: cover; }
.perfect-bgfoto { background-repeat: no-repeat; background-position: center; background-size: cover; }
.perfect-bgyoutube { background-repeat: no-repeat; background-position: center; background-size: cover; background-position: center; background-size: 150%; }
.font-info-cajas { font-family: 'Bebas Neue W01'; font-size: 3.5em; line-height: 0.9em; margin-top: 10px; }
.font-info-cajas2 { font-style: italic; letter-spacing: -2px; font-family: 'Open Sans'; font-size: 2.8em; line-height: 0.9em; }
.foto-riders { overflow: hidden; border-radius: 0px; width: 100%; top: 0%; position: absolute; }
.form-right { float: right !important; }
.bannerlogos { position: absolute; bottom: 0; padding: 35px; }
.uatop { color:#fff; top: 50px; display: block; position: relative; 
	font-size: 12px; left: 30px; }

/*FLECHAS NEGRAS SLIDESHOWS*/
.blackarrowl { background-image: url(../images/svg/fllb.svg) !important; }
.blackarrowr { background-image: url(../images/svg/flrb.svg) !important; }
.caja-oculta1 { display: none; }
.caja-oculta2 { display: none; }
.respcol15 { float: left; width: 15%; position: relative; }
.respcol20 { float: left; width: 19%; position: relative; }
.respcol23 { float: left; width: 23%; position: relative; }
.respcol25 { float: left; width: 25%; position: relative; }
.respcol29 { float: left; width: 29%; position: relative; }
.respcol30 { float: left; width: 30%; position: relative; }
.respcol31 { float: left; width: 31%; position: relative; }
.respcol32 { float: left; width: 32%; position: relative; }
.respcol33 { float: left; width: 33%; position: relative; }
.respcol35 { float: left; width: 35%; position: relative; }
.respcol40 { float: left; width: 40%; position: relative; }
.respcol45 { float: left; width: 45%; position: relative; }
.respcol50 { float: left; width: 50%; position: relative; }
.respcol55 { float: left; width: 55%; position: relative; }
.respcol60 { float: left; width: 60%; position: relative; }
.respcol63 { float: left; width: 63.5%; position: relative; }
.respcol65 { float: left; width: 65%; position: relative; }
.respcol66 { float: left; width: 66%; position: relative; }
.respcol68 { float: left; width: 68%; position: relative; }
.respcol70 { float: left; width: 70%; position: relative; }
.respcol75 { float: left; width: 75%; position: relative; }
.respcol85 { float: left; width: 85%; position: relative; }
.respcol100 { float: left; width: 100%; position: relative; }
.ancho-lanzadera { width: 45% !important; }
.img-startup { background-size: 40%; background-repeat: no-repeat; background-position: 110% 50%; }
.lan-pd { padding: 70px 0px 0px 20px; }
.rockets-pd { padding: 30px 0px; }
.rockets { width: 95% }
.pd-slider { padding: 220px 0px 110px 0px; }
.mg-t-slider { margin-top: 4px; }
.p-slider { margin-top: 10px; width: 50%; }
#reelback { position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.9); width: 100%; 
	height: 100%; top: 0%; left: 0%; display: none; transform: translateZ(400px); }
#reelwin { position: fixed; z-index: 999999; 
	background-color: #000; width: 1200px; height: 675px; 
	top: 50%; left: 50%; display: none; 
	transform: translateY(-50%) translateX(-50%) translateZ(440px); 
 }
.altura-slider-home { height: 620px; }
.altura-slider-main { height: 430px !important; }
.altura-mentors .oculta { display: none; }
.altura-mentors .visible { display: block; }
.auto-altura { height: auto !important; }
.auto-altura .visible { display: none; }
.auto-altura .oculta { display: visible; }
.block { display: block !important }
.img-pc-visible { display: block; }
.img-pc-oculto { display: none; }

/*--- CENTRADOS ---*/
.centrado800 { width: 800px; position: relative; left: 50%; margin-left: -400px; }
.centrado890 { width: 890px; position: relative; left: 50%; margin-left: -445px; }
.centrado900 { width: 940px; position: relative; left: 50%; margin-left: -470px; }
.centrado1000 { width: 1000px; position: relative; left: 50%; margin-left: -500px; }
.centrado1100 { width: 1050px; position: relative; left: 50%; margin-left: -525px; }
.centrado1150 { width: 1150px; position: relative; left: 50%; margin-left: -575px; }
.centrado1200 { width: 1200px; position: relative; left: 50%; margin-left: -600px; }
.centrado { width: 1200px; position: relative; left: 50%; margin-left: -600px; }
.centrado-menu { z-index: 10; width: 100%; height: 200px; position: absolute; top:0px; 
	left:0px; display: block;
background-image: linear-gradient(180deg, rgba(0, 0, 0,1) 0%, rgba(0, 0, 0, 0) 80%);  }

/*--- SOLO PARA TEXTOS ---*/
.centradotxt { width: 745px; position: relative; left: 50%; margin-left: -350px; }
.grayscale { filter: grayscale(100%); z-index: 3 }
.grayscale:hover { filter: grayscale(0%); z-index: 3 }
.sepia { filter: contrast(0.8) sepia(1) hue-rotate(12deg); transition: all .5s ease; background-position: center top; }
.sepia:hover { filter: none; }
.blue { filter: sepia(1) hue-rotate(172deg) brightness(0.2); }
.gold-scale { filter: contrast(0.8) sepia(1) hue-rotate(16deg); z-index: 3; }
.gold-scale:hover { -webkit-filter: sepia(0) hue-rotate(0deg); filter: sepia(0) hue-rotate(0deg); z-index: 3; }
.gray { opacity: 0.5 !important; }
.blackslider { position: absolute; opacity: 0.5; background-color: #000; z-index: 1; top: 0px; left: 0%; height: 100%; width: 100%; }
.container_exito_txt { padding: 50px 50px; color: white; float: left; margin-left: 190px; }
.container_exito_txt p { white-space: nowrap; }
.logos-exito { position: absolute; bottom: 0; top: 80px; left: 50%; margin-left: 240px; z-index: 2; filter: invert(1) brightness(100); }
.yellow_div { padding: 25px 20px; font-size: 1.3em; color: black; font-style: italic; }
.pd-180 { padding: 180px 0px; }
.pd-map { padding: 50px 0px 50px 0px }
.yellow-box { background-color: #ffca31; padding: 0px 5px; }
.mg-b-10 { margin-bottom: 10px; }
.mg-t-40 { margin-top: 40px; }
.mg-t-25 { margin-top: 25px; }
.mg-left-045 { margin-left: .45% !important; }
.pd-10-20 { padding: 10px 20px; }
.pd-0-35 { padding: 0px 35px; }
.pd-35-0 { padding: 35px 0px; }
.pd-50 { padding: 50px; }
.pd-25 { padding: 25px; }
.pd-0-45 { padding: 0px 45px; }
.mr-l-r { margin-left: 1%; margin-right: 1%; }
.half-box { height: 50%; border-radius: 10px; }
.bd-radius { border-radius: 10px; }
.w-normal { font-weight: normal; }
.op-07 { opacity: 0.7; }
.flecha-cont { display: inline-block; background-position: right center; background-repeat: no-repeat; background-size: 15px; }
.flecha-cont:hover { cursor: pointer; }
.movil-logo { z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 50px; display: none; }
.dorado:hover { color: #f0b80e !important; cursor: pointer; }
.yellow { color: #f0b80e !important; }
.white { color: #fff !important; }
.mentors-fotogran { right: 50px !important; width: 560px; }
.altura-mentors { height: 235px; }
#autor { position: fixed; bottom: 75px; right: 75px; color: white; font-family: 'Open Sans'; transform: translateZ(6em); z-index: 999999999999999999999; }
.homelineas { height: 0.7em; display: inline-block; }

/* reel */
.newreel { width: 99%; position: relative; border-radius: 20px; overflow: hidden; margin: auto; margin-bottom: 10px; background-color: #000; }
.newreelcont { width: 100%; position: relative; border-radius: 20px; overflow: hidden; transition: all 0.3s ease-in-out; }
.newreelcont img { height: 36px; margin-right: 5px; }
.newreelcont iframe { position: relative; border-radius: 20px; overflow: hidden; }
.newreel .videocont { position: absolute; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.newreel video { position: relative; width: 100%; filter: brightness(0.3); }
.newreelcont1 { padding: 45px 40px; font-family: 'Bebas Neue W01'; color: #fff; font-size: 40px; position: relative; z-index: 999; cursor: pointer; }
.inlinemid { display: inline-block; vertical-align: middle; }
.newreelcont2 { padding: 56.25% 0px 0px 0px; position: relative; display: block; }

/*Proyectos*/
.proyecto { position: relative; color: #fff; width: 101%; padding: 45px 0px 30px 0px; }
.proyblue { color: #fff; }
.proyyel { color: #000; }
.proyyel .yellow { color: #fff !important; }
.proycol1 { float: left; width: 15%; }
.proycol2 { float: left; width: 53%; }
.proycol3 { float: left; width: 32%; }
.proyvideo { width: 100%; height: 220px; position: relative; border-radius: 10px; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat; }
.proycolpad { width: 76%; }
.proycolpad2 { width: 95%; }
.galtriup { position: absolute; top: 0px; left: -1px; width: 100%; }
.galtridown { position: absolute; bottom: 0px; left: -1px; width: 100%; }
.img-gal { cursor: pointer; }
.img-galfoto { background-size: 170%; cursor: pointer; }
.proygal { cursor: pointer; }

/*BUSCADOR MENU*/
#searchmenu { position: absolute; width: 100%; height: 75px; 
	background-color: transparent; z-index: 999; right: 0px; z-index: 99999;}
#searchmenu nav { display: block; position: absolute; 
	height: 50px; clear: both; margin-top: 15px; right: 60px; }
#searchmenu nav ul { display: block; list-style: none; }
#searchmenu nav ul li { float: left; margin: 8px 8px 8px 8px; 
	padding: 0px; color: white; font-size: 10px; }
#searchmenu nav a { text-decoration: none; padding: 10px; display: block;   }
#searchmenu nav img { margin: 0px 0px 0px 0px; }
#searchmenu nav a:hover { color: #b7a177; transition: color .5s ease; }

/*PAYPAL*/
#paypalok { position: fixed; z-index: 9999; background-color: #fff; left: 50%; top: 50%; width: 500px; transform: translateX(-50%) translateY(-50%); padding: 40px; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.5); background-color: #f0b80e; }
#paypalok p { padding: 20px 0px; font-weight: normal; font-size: 1.2em; line-height: 1.3em; }

.swiperempty { position: absolute;top:50%; left: 50%; color:#fff; font-size: 19px; transform: translateX(-50%) translateY(-50%); }

/*MAINMENU*/
.img-slider-nomovil-bioware { right: -100px !important; top: 144px !important; }
.img-slider-nomovil { color: white; position: absolute; 
	right: -125px; top: 194px; display: block; z-index: 0; }
.img-esp-not { color: white; position: absolute; bottom: 78px; display: block; width: 100%; }
.botonmenu { width: 80px; height: 80px; position: absolute; z-index: 9999; right: 0; margin: 20px 20px; display: none; }
.page-menu { display: inline-block; position: absolute; z-index: 999; left: 50%; 
	transform: translateX(-50%) }
.navmenu { display: inline-block; text-align: left; position: relative; height: 70px; }
.mainmenu { margin-top: 60px; background-color: transparent; transition: margin-top 0.2s; 
	height: 70px; font-size: 1.05em; }
.mainmenu li { vertical-align: middle; text-align: center; display: inline-block; font-family: OctinSportsW00-Black; color: white; }
.mainmenu li ul { display: none; color: #000; position: absolute; list-style: none; font-size: 0.8em; top: 100%; z-index: 9999999; }
.mainmenu li:hover ul { display: block; }
.mainmenu li ul li { font-family: 'Open Sans' !important; font-style: italic; font-size: 1.2em; float: left; text-align: left; width: 200px; height: 100%; background-position: right center; background-repeat: no-repeat; }
.mainmenu li ul li a { color: #fff; padding: 5px 0em; }
.mainmenu li ul li ul { top: 0; position: relative; list-style: none; background-color: transparent; box-shadow: none; width: auto; }
.mainmenu li ul li:hover ul { display: block; }
.mainmenu li ul li ul li a { text-decoration: none; display: block; text-align: left; width: 100%; white-space: nowrap; font-size: 12px; }
.navimg { margin: 0; padding: 0; width: 135px; margin: 0px; position: relative; }
.navimg #logo { width: 100%; }

/*SUBMENU*/
.page-submenu { transition: all 0.5s ease-in-out; width: 500px; }
.submenu-show { margin-top: 0px; background-color: transparent; font-size: 0.9em; position: absolute; z-index: 99; left: 50%; transform: translateX(-50%) translateZ(1em); }
.submenu-hidden { margin-top: -250px; background-color: transparent; font-size: 0.9em; position: absolute; z-index: 99; left: 50%; transform: translateX(-50%) translateZ(1em); }
.subnavmenu { overflow: hidden; display: inline-block; text-align: left; position: relative; background-color: black; border-radius: 20px; }
.subnavmenu div { vertical-align: middle; text-align: center; display: inline-block; font-family: Open Sans; color: white; padding: 10px 8px; cursor: pointer; }
.subnavmenu div:hover { background-color: #f0b80e; color: black; }
.tri-submenu { background-color: black; width: 100px; height: 100px; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); bottom: 0px; }
.subpest-active { background-color: #f0b80e; color: black !important; }
.subpest-noactive { background-color: black; color: white !important; }

/* filter: drop-shadow(rgb(0, 0, 0) 0px 5px 6px); */
.supermenucol { padding: 20px 34px 20px 25px; display: block; }
.supermenucol2 { padding: 25px 34px 0px 25px !important; display: block; }
#formenu { background-color: #192a40; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.4); }
.nosotros-menu { width: 175px; left: -25px; }
.for-menu { width: 1060px/* 100%*/ ; transform: translateX(0%); left: 0px; }
.showcase-menu { width: 175px; left: 50%; top: 78%; transform: translateX(-50%) }
.supermenufor:hover { background-color: #192a40; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.4); }
.href { text-decoration: none; display: block; padding: 0px 0px 10px 0px; margin-bottom: 4px; border-bottom: 1px dotted #666; font-weight: bold; text-align: left; width: 100%; }
.mainmenu a { text-decoration: none; display: block; transition: color .5s ease; white-space: nowrap; font-size: 16px; }
.mainmenu a img { margin: 0px 0px; width: 110px; transform: translateZ(4em); }
.mainmenu a:hover { color: #f0b80e; }
.scroll-mainmenu { background-color: rgba(0, 0, 0, 1); height: 65px; position: fixed; margin-top: 0px; }
.menunosel a { color: #fff; padding: 1.4em 0.9em; }
.menusel a { color: #f0b80e; padding: 1.4em 0.9em; }
.menutri { background-image: url('images/svg/down-arrow.svg'); background-repeat: no-repeat; background-size: 10px; background-position: center 80%; }
.cursosel { color: #f0b80e !important; }
.cursonosel { color: #fff; }

/*menu para pag campus*/
.mainmenu-b a { color: black; transition: none; }
.mainmenu-b a:hover { color: white; }
.mainmenu-b a img {  }
.searchmenu-b nav ul li { color: black; }
.circle-b { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 120px; height: 120px; background-color: black; border-radius: 180px; z-index: -1; opacity: 0; visibility: hidden; transition: opacity 000ms linear, visibility 0s linear; }
.cirlce-b-show { opacity: 1; visibility: visible; transition: opacity 00ms linear, visibility 0s linear; }
.pd-main-slider { padding: 190px 0px 140px 0px; }
.pd-slider-news { padding: 170px 0px 80px 0px; }
#mainslider { position: relative; display: block; width: 100%; height: 750px; background-color: #000; z-index: 0; }
.homevideo { position: absolute; width: 100%; z-index: 0; opacity: 1; top:50%; }
.slidertxt { position: absolute; left: 50%; top: 50%; z-index: 3; transform: translateX(-50%) translateY(-50%); color: #fff; width: 100%; }
.slidertxt p { margin-top: 10px; margin-bottom: 40px; font-size: 1.2em; line-height: 1.2em; max-width: 680px; }
.slidertxtauto { position: relative; z-index: 3; color: #fff; width: 100%; padding: 160px 0px; }
.slidertxtauto p { margin-top: 10px; margin-bottom: 40px; font-size: 1.2em; line-height: 1.2em; max-width: 680px; }
.swiper-container { width: 100%; background-color: black; }
.swiper-pagination-bullet-active { opacity: 1; background: #ffffbd !important; }
.swiper-pagination-bullet { background: #fff; }
.pagination-mainslide { bottom: 110px !important; }
.swiper-button-prev { background-image: url(images/svg/fll.svg); position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; left: 50px; }
.swiper-button-next { background-image: url(images/svg/flr.svg); position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; right: 50px; }
.pos-a { position: absolute; right: 0; bottom: 12px; font-weight: bold; bottom: 25px; left: 50%; margin-left: 20px; }

/*RIBBON*/
.ribbon { height: 120px; z-index: 2; margin-top: -60px; box-shadow: 10px 10px rgba(0, 0, 0, 0.4); }
.alturaribbon { height: 120px; }
.swiper-empresa { background-position: center; background-repeat: no-repeat; background-size: cover; }

/*spanish experience */
.homeplay { position: absolute; right: 120px; top: 50%; color: #000; width: 200px; text-align: center; color: #fff; font-size: 22px; font-style: italic; font-weight: 100; line-height: 1.8em; cursor: pointer; }
.spaincol { float: left; width: 48%; margin: 1%; background-color: #008095; overflow: hidden; position: relative; height: 620px; border-radius: 20px; color: #fff; }
.pad2 { padding: 6%; position: relative; z-index: 0; }
.spaincolline { position: absolute; top: 0px; width: 100%; height: 12px; background-color: #f0b80e; z-index: 2; }
.spaincolimg { position: relative; width: 100%; height: 200px; background-size: cover; z-index: 0; }
.floatdiv { width: 900px; position: absolute; left: 50%; transform: translateX(-50%); }
.spaindiv { position: relative; width: 100%; height: 560px; display: block; z-index: 10; }
.spainfototxt { position: absolute; color:#fff; left:30px; bottom: 110px; width: 340px; text-shadow: 10px 10px 10px rgba(0,0,0,0.3); }
#alojamientos { position: relative; width: 100%; height: 260px; transform: translateZ(-5em);
	background-image: url(/images/alojamientos.jpg); background-repeat: no-repeat; background-size: 100%; }
.spainh1 { font-family: 'OctinSportsW00-Black'; margin-top: 4px;font-size: 45px; line-height: 0.87em; }
.spainsubtitle { font-weight: bold; font-size: 1.2em;  }
.cont-admision-txt2-pd a {  display: inline-block; text-decoration: underline; color:#000; font-weight: bold; }

/* instructors */
.instruc_play { margin-right: 100px; }

/*SlideShow casos de exito*/
.container_exito { height: 285px !important; }
.slide-exito { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: black; }
.whiteslider { position: absolute; opacity: 0.12; background-color: #fff; z-index: 1; top: 0px; left: 0%; height: 100%; width: 100%; }
.boxtxt2 { color: white; margin-left: 25px; width: 100%; position: absolute; top: 0%; left: 0%; transform: translateY(20%) translateX(-0%); text-align: left; font-size: 0.8em; line-height: 2em; }
.pagination-exito { bottom: 40px !important; }
.playdemo { display: inline-block; text-decoration: none; color: white; margin-top: 6px; cursor: pointer; }
.playdemo img { display: inline-block; vertical-align: middle; }
.playdemo small { display: inline-block; vertical-align: middle; }
.miniicon { background-position: right center; background-repeat: no-repeat; 
	padding-right: 22px !important; } /*fixed*/

.miniicon:hover { cursor: pointer; }
.slider-btn { font-family: Bebas Neue W01; font-size: 1.7em; font-weight: normal; display: inline-block; float: right; background-color: white; padding: 0.6em 1.0em; color: black; text-decoration: none; font-weight: bold; cursor: pointer; position: absolute; bottom: 175px; right: 0; }
.slider-btn:hover { color: white; background-color: black; }
.slider-btn2 { font-family: Bebas Neue W01; font-size: 1.7em; font-weight: normal; display: inline-block; background-color: white; padding: 0.6em 1.0em; color: black; text-decoration: none; font-weight: bold; cursor: pointer; position: relative; }
.slider-btn2:hover { color: white; background-color: black; }
.shadow-btn { box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2); -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
.compra-entrada { display: inline-block; padding-right: 25px; cursor: pointer; }
.telcol2 {position: relative; height: 390px; 
	-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 0.9em; 
	margin-left: .5%; margin-right: 0.5%; border-radius: 10px; }
.form2 h4 { color: white; padding: 25px 0px 15px 0px; }
.fullcenter { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.telcol { box-sizing: border-box; height: 175px; -moz-box-sizing: border-box; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; border: 4px solid transparent; font-size: 0.9em; font-family: 'Opens Sans'; margin-left: 1.5%; margin-right: 0%; }
.telcol h1 { font-size: 2em; white-space: nowrap; font-family: Bebas Neue W01; line-height: 1em; }
.pos-cero { position: absolute; top: 0; left: 0; transform: translateY(0%); }
.agotadas { background-color: #f0b80e; width: 150px; position: absolute; transform: rotateZ(-45deg); bottom: 18px; right: -45px; text-align: center; padding: 3px 0px; color: white; font-size: 0.73em; font-weight: bold; }
.agotadas2 { background-color: #f0b80e; width: 150px; position: absolute; transform: rotateZ(-45deg); bottom: 22px; right: -35px; text-align: center; padding: 6px 0px; color: white; font-size: 0.8em; font-weight: bold; }
.banda-idioma { width: 250px; position: absolute; transform: rotateZ(-45deg); bottom: 42px; right: -65px; text-align: center; padding: 6px 0px; color: white; font-size: 0.8em; font-weight: bold; }
.banda-idioma2 { width: 250px; position: absolute; transform: rotateZ(-45deg); bottom: 35px; right: -80px; text-align: center; padding: 3px 0px; color: white; font-size: 0.73em; font-weight: bold; }
.plus { float: right; margin: 22px 20px; cursor: pointer; }
.plus:hover { transform: scale(1.3); transition: all .1s ease-in-out; }
.plus img { width: 23px; height: 23px; }
.col-rotate1:hover { transform: perspective(1000px) rotateY(10deg); transform-origin: center; transform-style: preserve-3d; perspective: 0px; transition: ease 0.4s; }
.col-rotate2:hover { transform: perspective(1000px) rotateY(-10deg); transform-origin: center; transform-style: preserve-3d; perspective: 0px; transition: ease 0.4s; }
.col-scale:hover { transform: scale(1.015); }
.linea-top { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); height: 70%; width: 1px; background-color: black; }
.container-bottom { width: 100%; position: absolute; bottom: 0; height: 50px; z-index: 1; color: white; }
.bottom-nav { position: relative; display: inline-block; width: 100%; margin-left: -30px;}
.content-formacion, .content-formacion2 { float: left; padding: 15px 30px;  margin-bottom: 10px;
	font-weight: normal;  position: relative; }
.content-formacion:hover { color: #f0b80e; transition: background-color .5s ease; 
	cursor: pointer; }
.content-formacion2:hover { color: #f0b80e; transition: background-color .5s ease; cursor: pointer; }
.play-demos { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 50px; height: 50px; }
.play-demos2 { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 80px; height: 80px; }
.play-demos:hover { zoom: 1.1; transition: all .2s; cursor: pointer; }
.play-demos2:hover { zoom: 1.1; transition: all .2s; cursor: pointer; }
.pag-alumn .swiper-pagination-bullet-active { background-color: white !important; }
.pag-alumn .swiper-pagination-bullet { background-color: black; }
.pag-black .swiper-pagination-bullet-active { background-color: white !important; }
.pag-black .swiper-pagination-bullet { background-color: black !important; }
.cabecera-demos { height: 580px; }
.cabecera-projects { height: auto; }
.pag-gal .swiper-pagination-bullet-active { background-color: #f0b80e !important; }
.pag-gal .swiper-pagination-bullet { background-color: black; margin: 0px 4px; }
.galyoutube { background-size: 190% !important; }
.galvideo { background-size: 180% !important; }
.comillas2 { font-size: 16em; display: inline-block; position: absolute; font-family: noodle; margin-top: 0.0em; color: #ccb482; left: -12px }
.comillas3 { font-size: 16em; display: inline-block; font-family: noodle; margin-top: 0.25em; margin-bottom: -20px; color: white; left: -12px }
.pest-active { background-image: url(images/svg/down-arrow.svg); background-repeat: no-repeat; 
	background-size: 10px; background-position: center bottom; color: #f0b80e !important; }
.pest-no-active { background-image: url(); background-color: transparent; color: white; }
.video-demo { cursor: pointer; position: relative; padding-top: 75%/*antes era 56%*/ ; height: 0%; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; margin-right: 0; }
.img-metod { margin-top: 30px; cursor: pointer; position: relative; height: 175px; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; margin-right: 0; }
.curinfowin { border-radius: 10px; width: 320px; display: block; position: absolute; font-size: 0.94em; z-index: 9; transition: left .2s ease-in-out; transform-style: preserve-3d; overflow: hidden; }
.infotxt { color: black; padding: 20px; }
.infotxt strong { font-family: 'Bebas Neue W01'; font-size: 4em; line-height: 0.9em; font-weight: normal; color: #000; padding-bottom: 10px; margin: 0px; display: block; }
.curbot { background-color: #fff; margin: 0px; padding: 20px 20px; font-family: 'Bebas Neue W01'; color: #000; font-size: 22px; cursor: pointer; -webkit-transition: all .2; transition: all .2s; -ms-transition: all .2s; z-index: 9; position: relative; }
.curbot:hover { background-color: #000; transition: all 0.2s; color: white; }
.caja-cont-empleo { margin-bottom: 5px; margin-left: 10px; font-weight: bold; }
.caja-empleo { border-radius: 10px; height: 220px; }
.lista-caja-empleo { list-style: none; padding: 20px 0px 0px 20px; }

/*webinars*/
.caline { position: relative; display: block; clear: both; color: #fff; cursor: pointer; font-size: 0.9em; }
.caline2 { background-color: rgba(255, 255, 255, 0.05); }
.caline:hover { background-color: rgba(255, 255, 255, 0.12); }
.calcol { float: left; border-right: 1px dotted #888; padding: 1.5%; text-align: left; }
.calcol1 { width: 32%; }
.calcol2 { width: 43%; font-style: italic; }
.calcol3 { width: 10%; }
.calcol4 { width: 15%; }

/*containers de ofertas de trabajo*/
.cont-txt-empleos { position: absolute; width: 100%; bottom: 0; color: white; }
.left-text { float: left; padding: 25px 20px; font-weight: bold; }
.right-text { float: right; padding: 25px 20px; font-weight: bold; }
.bg-empleos { position: absolute; left: 0; width: 60%; height: 100%; }
.cont-oferta-txt { background-color: white; float: right; font-size: 12px; }
.title-ofertas { margin-bottom: 30px; }
.left-ofertas-txt { float: left; margin-bottom: 30px; }
.right-ofertas-txt { float: right; margin-bottom: 30px; }
.desc-ofertas { float: right; margin-bottom: 30px; text-align: right; width: 60%; }
.contact-ofertas { position: absolute; bottom: 0; font-size: 12px; padding: 20px 25px; }
.footer-ofertas { width: 100%; background-color: #2C3243; color: white; position: relative; }
.logo-ofertas { position: absolute; left: 10px; border-radius: 50%; width: 50px; top: 50%; transform: translateY(-50%); }
.vertical-line { width: 1px; height: 50%; background-color: black; }
.pag-3d .swiper-pagination-bullet-active { background-color: white !important; }
.pag-3d .swiper-pagination-bullet { background-color: black; }
.cont-img { height: 400px; top: 125px; left: 200px; position: absolute; margin-left: 150px; margin-top: 50px; z-index: 1; }
.cont-img2 { position: absolute; left: 50%; margin-left: 60px; margin-top: -140px; z-index: 1; }
.cont-img-estudiantes { position: absolute; left: 0%; margin-left: 0px; margin-top: 0px; z-index: 3; }
.cajas-flotantes { position: absolute; left: 50%; width: 320px; margin-left: 150px; z-index: 9999; margin-top: -124px; top: none; }
.swiper-3d-container { width: 350px; height: 242px; background-color: black; position: absolute; left: 75%; top: 155px; transform-origin: 50% 85%; transform: perspective(600px) rotate(0deg)  rotateX(15deg) rotateY(35deg) rotateZ(-4deg)scale(1.016); }
.cont-macs { padding: 100px 0px 10px 0px; position: relative; transform: translateZ(-1em); margin-left: -50px; }
.size-macs { height: 468px; width: 717px; background-size: 100%; }
.mes-temario { width: 30px; border-radius: 10px; padding: 10px 2px 60px 2px; margin-bottom: 2px; vertical-align: top; color: white; }
.contenidos-txt { line-height: 1.3em; font-size: 29px; font-weight: 100; font-style: italic; margin-bottom: 10px;
margin-top: 6px; }
.top-nomovil { top: -15px; }

/* cajitas de formacion que indican el temario de cada año */
.box-cursos { background-color: #f0b80e; margin-bottom: 10px; color: black; font-style: italic; position: relative; }
.num-anio-cursos { padding: 12px 0px 0px 5px; font-size: 2.3em; font-weight: bold; }
.er-cursos { position: absolute; font-weight: bold; top: 5px; left: 50%; transform: translateX(-50%); }
.anio-cursos { position: absolute; font-weight: 100; top: 17px; left: 60%; transform: translateX(-50%); font-size: 1.3em }
.info-cursos { color: #fff; line-height: 1.4em; font-size: 1.4em; padding: 5px; padding-left: 10px; display: block; }

/*FORMULARIO DE CONTACTO*/
input, textarea, select { border: 0px; border-bottom: 1px solid #333; color: #fff; background-color: transparent; width: 96%; padding: 16px 2%; font-size: 1em; font-family: Helvetica; }
#visitaform input { padding: 18px 2%; }
select { width: 102%; font-size: 1em; vertical-align: top; font-family: Helvetica; cursor: pointer; height: 45px; box-sizing: border-box; padding: 5px; }
.demoform select, .cursoform select { padding: 25px 2%; color: #999; width: 102%; font-size: 1em; vertical-align: top; font-family: Helvetica; background: url(images/select.png) no-repeat; background-position: right center; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; padding: 5px; }
.formbot { left: 50%; transform: translateX(-50%); margin-top: 15px; display: inline-block; font-family: 'Bebas Neue W01', 'Helvetica Neue'; position: relative; padding: 15px; background-color: transparent; color: #000; text-align: center; cursor: pointer; font-size: 2em !important; font-weight: bold; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#terms { position: fixed; top: 50%; left: 50%; width: 400px; padding: 20px; z-index: 9999999; font-size: 12px; border-radius: 6px; line-height: 16px; background-color: #000; padding: 40px; transform: translateY(-50%) translateX(-50%) translateZ(5em); display: none; overflow: scroll; width: 900px; height: 600px; background-color: #fff; color: #444; }
.termclose { position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 999; }
.termsclose img { position: relative; left: 95%; top: -12px; transform: translateX(0%); }
.termsclose:hover { cursor: pointer; }
.demo_prof { color: white; position: fixed; top: 50%; left: 50%; width: 400px; padding: 5px; z-index: 999999; font-size: 12px; border-radius: 6px; line-height: 16px; background-color: #0f1d29; transform: translateY(-50%) translateX(-50%) translateZ(5em); display: none; border-radius: 15px; }
.form-tematica { height: 42px; position: relative; width: 100%; color: white; background-image: url(images/select.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position-x: 100%; background-position-y: 50%; cursor: pointer; -webkit-appearance: none; border: none; padding-left: 15px; }
#visitform { padding: 0px 20px; color: #fff; }
#loginform { padding: 0px 20px; }
#franform input { color: #000; }
#visitform input, #visitform select, #visitform textarea { }
#loginform input, #loginform select, #loginform textarea { color: #000; }
#loginform input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
color: rgba(0, 0, 0, 0.4); }
#loginform input::-moz-placeholder {    /* Firefox 19+ */
color: rgba(0, 0, 0, 0.4); }
#loginform input:-ms-input-placeholder {    /* IE 10+ */
color: rgba(0, 0, 0, 0.4); }
#loginform input:-moz-placeholder {    /* Firefox 18- */
color: rgba(0, 0, 0, 0.4); }
#franformcont { position: relative; }
.loading { position: absolute; width: 103%; left: 0px; top: 0px; height: 110%; background-color: #fff; z-index: 10; background-position: center; background-repeat: no-repeat; background-image: url(images/loading.gif); background-size: 300px; display: none; }
.loadingb { position: absolute; width: 100%; left: 0px; top: 0px; height: 110%; z-index: 10; background-position: center; background-repeat: no-repeat; background-image: url(images/loadingb.gif); background-size: 400px; display: none; }
.loadingc { position: absolute; width: 100%; left: 0px; top: 0px; height: 110%; z-index: 10; background-position: center; background-repeat: no-repeat; background-image: url(images/loadingc.gif); background-size: 200px; display: none; }
.rgdp { padding: 20px 0px 0px 0px; font-style: italic; }
.rgpd a { color: inherit; color: #fff; }

/* CITAS */
.citawait { position: relative; text-align: center; padding: 80px 0px; }
#citasblock { color: #555; }
.sepnum { position: relative; }
.menucita { display: block; position: absolute; font-size: 1.2em; font-weight: 400; right: 20px; top: 28px; padding: 0px 35px 0px 0px; background-position: right 1px; background-repeat: no-repeat; }
.menuregion { background-image: url('images/svg/down-arrowb.svg'); cursor: pointer; background-size: 18px; }
.menuregiondesp { display: none; position: absolute; left: -20px; padding: 15px 0px 0px 0px; width: 250px; top: 18px; background-color: #fff; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.4); z-index: 9999; }
.menuregiondesp div { padding: 12px 20px; }
.menuregiondesp div:hover { background-color: #eee; }
.menulabel { background-image: url('images/svg/available.svg'); cursor: pointer; background-size: 25px; background-position: right top; }
.masbox { float: right; width: 31.7%; border-radius: 15px; position: relative; display: inline-block; text-align: center; padding-bottom: 15px; color: #5b5c5d; background-color: #f4f4f4; margin: 0.8%; padding: 15px 0px; }
.masbox img { margin-bottom: 10px; }
#calendar { position: relative; }
#calmap { display: block; width: 100%; position: relative; overflow: hidden; }
#caldays { position: relative; width: 10000px; }
.calday { float: left; text-align: center; border-right: 1px dotted #ccc; }
.calhour { padding: 5px 10px; border-radius: 10px; margin: 5px; }
.caldia { padding: 14px 17px; margin-bottom: 10px; font-weight: 100; font-size: 1.2em; text-align: center; border-bottom: 1px solid #999; }
.caldia small { display: block; font-size: 0.6em; }
.calsep { width: 100%; height: 4px; background-color: #eee; }
.finde { background-color: #eee; }
.free { background-color: #54be0b; color: #fff; cursor: pointer; }
.freesel { background-color: #0b8cbe; color: #fff; cursor: pointer; }
.nofree { text-decoration: line-through; color: #888; }
.free:hover { background-color: #0b8cbe; }
.horario { float: right; font-size: 0.9em; font-style: italic; }
#citacoms { padding: 1%; width: 98%; height: 50px; color: #000; background-color: #f2f2f2; }
#userdata { display: none; }
.citaavatar { background-position: center 10px; background-repeat: no-repeat; float: right; }
.citauser { font-size: 0.9em; font-style: italic; text-align: right; width: 100%; position: absolute; left: 50%; top: 50%; text-align: center; transform: translateX(-50%) translateY(-50%); }
.citafoto { width: 120px; height: 120px; position: relative; background-color: #ddd; display: block; border-radius: 100px; overflow: hidden; float: left; background-size: cover; }
.citachat { width: 65%; position: relative; padding: 2.8%; float: left; margin-left: 5%; margin-bottom: 4px; background-color: #0b8cbe; color: #fff; border-radius: 15px; }
.chatri { width: 20px; height: 20px; position: absolute; left: -18px; top: 14px; background-image: url(images/svg/triblue.svg); background-size: cover; }
#citaconfirm { text-align: center; }
.citastep { display: inline-block; background-color: #000; color: #fff; font-weight: bold; font-size: 1.8em; border-radius: 100px; padding: 8px 10px; vertical-align: middle; }
.citasteptxt { display: inline-block; font-size: 1.4em; max-width: 80%; border-radius: 100px; padding: 10px; vertical-align: middle; }
.citasep { width: 100%; height: 1px; border-top: 1px dotted #999; }
.citarrow { position: absolute; display: none; top: 50%; transform: translateY(-50%); width: 30px; cursor: pointer; opacity: 0.7; height: 30px; background-repeat: no-repeat; background-position: center }
.citarrowl { background-image: url(../images/svg/fllb.svg) !important; left: -50px; }
.citarrowr { background-image: url(../images/svg/flrb.svg) !important; right: -50px; }
.citarrow:hover { opacity: 1; }
#girl { position: relative; }
.citamap { position: absolute; right: 0px; width: 40%; height: 100%; background-size: cover; display: block; top: 0px; }
.citamap1 { background-image: url(images/svg/citamap_1.svg); }
.citamap2 { background-image: url(images/svg/citamap_2.svg); }

/*---  FOOTER  ---*/
#footcontact { position: fixed; width: 100%; bottom: 0px; font-size: 12px; font-style: normal !important;
	z-index: 9999; background-color: rgba(27, 47, 73, 0.95); 
	box-shadow: 0px -10px 18px rgba(0, 0, 0, 0.2); color: white;
	transform: translateZ(200px); }
.footclose { position: absolute; right: 20px; top: 10px; width: 40px; height: 100%; top: 0px; cursor: pointer; background-image: url(images/contact/close.svg); background-repeat: no-repeat; background-position: center; background-size: 25px; }
.footleft { float: left; padding: 20px 10px; }
#footcontact a { color: inherit; text-decoration: none; }
#footcontact a:hover { color: inherit; text-decoration: underline; }
.footright { float: right; padding: 20px 16px; 
	background-position: 18px center; background-repeat: no-repeat; 
	background-size: 25px; border-left: 1px solid #000; transition: all .2s ease-in-out; }
.fwhat { background-color: #f0b80e; background-image: url(images/contact/what.svg); color: black; }
.fsupport { background-color: #f0b80e; background-image: url(images/contact/support.svg); color: black; background-size: 20px; font-weight: bold; }
.fmail { background-image: url(images/contact/mail.svg); padding: 20px 26px 20px 52px; }
.fphone { background-image: url(images/contact/phonw.svg); }
.contact-nos { border-left: 1px solid #000; }
.homegif { position: absolute; left: 60%; top: -255px; display: block; }
.diagonal { position: absolute; background-color: #000; width: 300px; height: 600px; right: 50%; margin-right: 230px; top: -130px; transform: rotateZ(8deg); z-index: 1; opacity: 0.9; }
.rafa-img { position: absolute; z-index: 2; top: 10px; }
.box-empleos { height: 590px; width: 845px; }
.empleologo { position: absolute; width: 75px; height: 75px; bottom: 24px; left: 20px; background-color: #fff; background-size: 80%; background-position: center; background-repeat: no-repeat; border-radius: 50px; z-index: 999; }
.empleologo2 { display: inline-block; vertical-align: middle; width: 36px; height: 36px; bottom: 24px; left: 20px; background-color: #fff; background-size: 80%; background-position: center; background-repeat: no-repeat; border-radius: 50px; z-index: 999; margin-right: 10px; margin-left: 5px; }
#empleolist { width: 96%; margin: auto; padding-bottom: 20px; }
.empleoline { position: relative; color: #fff; font-size: 1.1em; font-style: italic; transition: all .2s ease-in-out; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 15px 0px; cursor: pointer; }
.empleocol1 { display: inline-block; vertical-align: middle; width: 22%; }
.empleocol2 { display: inline-block; vertical-align: middle; width: 50%; }
.empleocol3 { display: inline-block; vertical-align: middle; width: 20%; text-align: right; }
.empleoline:hover { background-color: rgba(255, 255, 255, 0.08); }
.pd-form-info-cajas { padding: 0px 25px !important; }
.cajas-pd-t { height: 0%; padding-top: 39%; }
.cajas-pd-t2 { height: 0%; padding-top: 79%; }
.info-cajas { position: absolute; top: 0%; }
.only-mobile { display: none; }
.filtro-onlymobile { display: none !important; }
.only-mobile-land { display: none; }
.only-mobile-inline { display: none; }
.only-mobile-land-inline { display: none; }
.only-tablet-inline { display: none; }
.only-tablet { display: none; }
.quipo { height: 212px; }
.ie { background-color: white; color: black; }
.map-aviones { background-repeat: no-repeat; background-position: center; background-size: 120%; }
.caja-cursos { height: 300px; margin-bottom: 10px; margin-right: 10px; height: 300px; }
.main-curso { padding: 50px 30px; }
.nowrap { white-space: nowrap; }
.pd-admision2 { padding: 130px 0px 100px 0px; }
.altura-admision { height: 485px; }
.admision-cajasflotantes { margin-left: 50px; position: absolute; left: 50%; }
.box-sliders-admi { position: absolute; top: 0; height: 485px; background-color: transparent; position: absolute; width: 55%; right: 0; overflow: hidden; }
.cont-btn-admision { position: absolute; left: 52%; transform: translateX(-50%); width: 165px; margin-top: 60px; z-index: 15; }
.btn-adm { color: black !important; background-color: white !important; }
.cont-slider-admision { top: 0; height: 485px; background-color: black; position: absolute; width: 100%; right: 0; overflow: hidden; }
.diagonal-slider-admision-izq { height: 100%; width: 150px; position: absolute; background-color: #f0b80e; z-index: 2; transform: skewX(-15deg); left: -85px; }
.diagonal-slider-admision-der { height: 100%; width: 80px; position: absolute; background-color: #f0b80e; z-index: 2; transform: skewX(-15deg); left: 102.5%; }
.slider-admision-txt { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; color: white; font-weight: bold; font-style: italic; font-size: 1.1em; display: none; }
.admision-map { position: absolute; width: 60%; left: 0px; top: -20px; height: 550px; z-index: 10; }
.cont-admision-2 { height: auto; background-color: white; position: relative; width: 550px; left: 45%; }
.diagonal-admision-izq { height: 100%; width: 200px; position: absolute; background-color: white; 
	transform: skewX(-15deg); left: -85px }
.diagonal-admision-der { height: 100%; width: 35%; position: absolute; background-color: white; 
	transform: skewX(-15deg); right: -15% }
.cont-admision-txt2 { transform: translateZ(2em); width: 92%; }
.cont-admision-txt2-pd { padding: 70px 0px 70px 70px; }
.pd-admision { padding: 70px 0px; }
.slider-activo { z-index: 10; right: 0; }
.slider-desactivo { z-index: -1; right: 3000px; }
.new { position: absolute; top: -4px; right: -4px; width: 70px; height: 70px; background-image: url(images/newcorner.svg); background-position: center; background-size: cover; z-index: 100; }
#empleowind { position: relative; border-radius: 15px; overflow: hidden; background-color: #fff; background-color: #eee; box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2); display: block; margin-bottom: 85px; }
.empleowinhead { height: 200px; position: relative; background-size: cover; }
.empleowinlogo { position: absolute; vertical-align: middle; width: 116px; height: 116px; bottom: 24px; left: 20px; background-color: #fff; background-size: 80%; background-position: center; left: 50%; top: 196px; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1); background-repeat: no-repeat; border-radius: 100px; z-index: 999; margin-right: 10px; margin-left: 5px; transform: translateX(-50%) translateY(-50%); }
.empleowindesc { padding: 50px; padding-bottom: 50px; padding-top: 60px; background-color: #eee; }
.sharethis-inline-share-buttons { float: left; }
.empleowindesc h1 { font-family: 'Bebas Neue W01'; font-size: 3.7em; }
.empleowindesc h4 { font-family: 'Open Sans'; font-style: italic; font-size: 2em; }
.empleowindesc h4 a { }

/* ipad fixes */
.homestxt60 { width: 60%; }
.homestxt70 { width: 70%; }

.onlymobile { display: none; }

.valoraciones { position: relative; margin-top: 10px; font-size: 1.1em; color:#000; transform: scale(0.7); transform-origin: left top; }
.valoraciones span { display: inline-block; vertical-align: middle; }

@media (max-width:480px) {
	.pagefloat { width: 100%;  position: relative; height:auto; margin-top: 0px; display: block; z-index: 999; }
	.pagefloat .centrado1000 { position: relative !important; }
	#alojamientos { height: 200px; background-size: 200%; }
	.spaincol { width: 100%; height: auto; }
	.spaincolimg { position: relative; width: 100%; height: 80px; background-size: cover; z-index: 0; }
	.homeplay { position: relative; right: 0px; top: 0%; color: #000; width: 100%; text-align: center; color: #fff; margin-top: -10px; margin-bottom: 70px; }
	.floatdiv { width: 90%; position: relative; left: 50%; transform: translateX(-50%); }
	.cajas-pd-t { height: auto; padding-top: 0px; margin-bottom: 10px; clear: both; }
	.caja-contacta { height: auto; margin-bottom: 10px; }
	.caja-contacta-cont { position: relative; top: 0px; padding: 55px 0px; width: 80%; left: 0%; transform: none; }
	.info-cursos { padding: 10px !important; }
	.instruc_play { margin-right: 0px; margin-bottom: 50px; }
	.newreelcont1 { padding: 35px 30px; font-family: 'Bebas Neue W01'; color: #fff; font-size: 20px; position: relative; z-index: 999; cursor: pointer; }
	.newreelcont img { height: 19px; }
	.homestxt60, .homestxt70 { width: 90%; }
	#calmap { overflow-x: scroll; }
	#userdata { display: none; }
	.citaavatar { float: right; }
	.citauser { text-align: right; float: right; margin-right: 20px; }
	.respcol70 { width: 100%; }
	.citastep { font-size: 1.8em; }
	.citasteptxt { font-size: 1em; }
	.citachat { width: 55%; }
	.menucita { display: block; position: relative; font-size: 1em; font-weight: 400; right: 0px; top: 10px; padding: 10px 35px 10px 0px; background-position: right center; background-repeat: no-repeat; background-size: 15px; }
	.menuregiondesp { width: 100%; top: 99%; }
	#paypalok { position: fixed; z-index: 9999; background-color: #fff; left: 50%; top: 50%; width: 82%; transform: translateX(-50%) translateY(-50%); padding: 40px; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.5); background-color: #f0b80e; }
	.empleocol1 { display: inline-block; vertical-align: middle; width: 22%; }
	.empleocol2 { display: inline-block; vertical-align: middle; width: 50%; }
	.empleocol3 { display: none; }
	.admision-map { left: 0; top: -50px; width: 100%; }
	.altura-admision { height: auto; }
	.box-sliders-admi { position: relative; width: 100% }
	.cont-btn-admision { margin-top: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); height: 100%; }
	.cont-slider-admision { width: 100%; position: absolute; }
	.slider-admision-txt { white-space: nowrap; }
	.cont-admision-2 {  position: relative; width: 100%; left: 0%; }
	.cont-admision-txt2 { width: 100%; background-color: rgba(255, 255, 255, 0.7); height: 100%; }
	.cont-admision-txt2-pd { padding: 50px 0px 100px 20px; }
	.cont-admision-txt2 p { width: 90%; }
	.cont-btn-admision { height: 0; }
	.pd-admision { padding: 60px 0px; }
	.rockets-pd { padding: 10px; }
	.rockets { width: 60%; position: relative; left: 50%; transform: translateX(-50%); }
	.rockets-ancho { width: 100%; margin-top: -50px; }
	.ancho-lanzadera { width: 100% !important; }
	.img-startup { background-image: none !important; }
	.lan-pd { padding: 10px 0px 20px 20px; }
	.nowrap { white-space: initial; }
	.caja-cursos { height: 350px; }
	.main-curso { padding: 0px 0px 30px 0px; }
	.map-aviones { background-position: 100%; background-size: 180%; }
	#autor { right: inherit; width: 100%; text-align: center; }
	.img-pc-visible { display: none; }
	.img-pc-oculto { display: block; }
	.filtro-onlymobile { display: block !important; }
	
	body { overflow-x: hidden; }
	.mainmenu-b a { color: white; }
	.altura-slider-home { height: 800px; }
	.altura-slider-main { height: auto !important; }
	.nofloat-movil { float: none !important; }
	.only-mobile { display: block; }
	.only-mobile-inline { display: inline-block; }
	.no-top { top: 0 !important; }
	.pos-a { position: relative; bottom: 0; left: 0; transform: translateX(0); }

	/*Videos*/
	#reelwin { width: 100%; height: 100%; }
	.reelclose { right: 85%; top: 20px; }
	.swiper-button-next, .slider-btn, .swiper-button-prev, .pd-180 a, .comillas, .homegif, .fmail, .fphone, .footleft, .circle-b, .img-slider-nomovil, .diagonal, .logos-exito, .oculto-movil, .nomovil, .img-esp-not { display: none; }
	.centrado, .centrado1000, .centrado1100, .centrado1150, .centrado890, .centrado900, .centrado800, .centradotxt { width: 82%; margin-left: 0px; transform: translateX(-50%) !important; margin-top: 0px; }
	.respcol15, .respcol35, .respcol25, .respcol45, .respcol29, .respcol23, .respcol30, .respcol31, .respcol33, .respcol50, .respcol40, .respcol32, .respcol65, .respcol66, .respcol68, .respcol20, .respcol55, .respcol63, .respcol35, .respcol75, .respcol60 { width: 100%; }
	.pagination-mainslide { bottom: 50px !important; }
	.movil-width, .movil-width p { width: 100% !important; }
	.movil-width-90 { width: 90% !important; }
	.blackslider-movil { position: absolute; opacity: 0.3; background-color: #000; z-index: 1; top: 0px; left: 0%; height: 100%; width: 100%; }
	.backinline { background-color: transparent; }
	.index-movil { z-index: 1; }
	.altura-logo-footer { height: 125px; }
	.font-size-movil { font-size: 42px; }
	.container_exito_txt { padding: 15px 0px; }
	.rafa-img { position: absolute; bottom: 0; top: 50px; z-index: 1; }
	.yellow_div { font-size: 1em; padding: 15px 15px; }
	.yellow_div p { width: 75%; }
	.pd-map { padding: 0px 20px 25px 5px; }
	.sin-mg { margin: 0px !important; }
	.left-0 { left: 0 !important; }
	.center-txt-movil { text-align: center !important; }
	.left-txt-movil { text-align: left !important; }
	.center-movil { position: absolute; top: 50%; left: 50% !important; transform: translateX(-50%) translateY(-50%) !important; }
	.center-x-movil { position: relative; left: 50% !important; transform: translateX(-50%) !important; }
	.cajas-flotantes { width: 100%; z-index: 99999; margin-top: 0; position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0px; top: 500px; display: none; }
	.demo_prof { width: 90%; }
	#mainform p { width: 95%; }
	
	.img-slider-movil { position: absolute; right: 0 !important; bottom: 0 !important; display: block; width: 100%; }
	.no-pd-movil { padding: 0 !important; }
	.no-pd-movil h4 { font-size: 45px; }
	.no-mr-movil { margin: 0 !important; }
	.mg-movil-120 { margin-top: -120px !important; }
	.bg-txt-movil { background-color: rgba(0, 0, 0, 0.6); border-radius: 10px; bottom: 10px; }
	.pd-movil-10 { padding: 10px !important; }
	.pd-movil-20 { padding: 20px !important; }
	.pd-movil { padding: 10px 10px 50px 10px !important; }
	.pd-movil-10-0 { padding: 10px 0px !important; }
	.pd-movil-20 { padding: 20px; }
	.pd-movil-0-10 { padding: 0px 10px !important; }
	.pd-movil-30 { padding: 30px !important; }
	.pd-movil-15-10 { padding: 15px 10px !important; }
	.pd-movil-50-0 { padding: 50px 0px !important; }
	.pd-movil-slider { padding: 220px 0px 15px 0px !important; }
	.mr-movil-b-8 { margin-bottom: 8px; }
	.mr-movil-b-70 { margin-bottom: 70px !important; }
	.mr-movil-b-50 { margin-bottom: 50px !important; }
	.mr-movil-b-20 { margin-bottom: 20px !important; }
	.mr-movil-t20 { margin-top: 20px !important; }
	.mr-movil-t30 { margin-top: 30px !important; }
	.mr-movil-t-30 { margin-top: -30px !important; }
	.mr-movil-t120 { margin-top: -120px !important; }
	.mr-movil-t150 { margin-top: 150px !important; }
	.mr-movil-t40 { margin-top: -40px !important; }
	.img-flotante { position: relative; left: 50% !important; transform: translateX(-50%); width: 250px; margin-bottom: 5px; }
	.img-chica { left: 0 !important; margin-top: 20px !important; width: 100%; }
	.cont-img { position: relative; left: 0% !important; margin-left: 0px; z-index: 0 }
	.cont-img2 { position: relative; left: 0%; margin-left: 0px; margin-top: -110px; z-index: 1; }
	.cont-img-estudiantes { position: relative; margin-top: 0; padding-top: 30px; }
	.movil-fl { float: left !important; }
	.height250 { height: 250px !important; }
	.curinfowin { position: relative; width: 98%; margin-bottom: 150px; }
	.lista-caja-empleo { padding: 20px 20px 0px 20px; }
	.caja-cont-empleo { color: black !important; }
	.swiper-3d-container { width: 200px; height: 110px; left: 40%; top: 35px; transform: perspective(600px) rotate(0deg) rotateX(13deg) rotateY(45deg) rotateZ(-5deg)scale(1.016); transform-origin: 40% 100%; }
	.cont-macs { padding: 50px 0px 10px 0px; position: relative; left: 50%; transform: translateX(-30%) scale(0.9); }
	.size-macs { height: 234px; width: 358px; }
	.ribbon { box-shadow: 0px 0px rgba(0, 0, 0, 0); }
	.cabecera-demos { height: auto; }
	.altura-mentors { height: auto; }
	.top-nomovil { top: 0px; }

	
	.box-empleos { }
	.vertical-line { width: 50%; height: 1px; }

	/* Convierto la linea en horizontal */

	/*MAIN MENU*/
	.img-movil { width: 100%; }
	.body { overflow-x: hidden; }

	.mainmenu li { display: block; width: 100%; }
	.mainmenu li ul { position: relative; top: 0; }
	.mainmenu li ul li { width: 100%; clear: both; background-color: grey; }
	.border-bottom { border-bottom: 1px solid black; }
	.mainmenu li ul li ul li a { text-align: center; color: rgb(50, 50, 50); margin-top: 10px; }
	.mainmenu li ul li ul li a img { width: 45px !important; }
	.navmenu { height: 550px; margin-top: 40px; width: 100%; }
	.menunosel a { padding: 1.4em 0em; }
	.supermenufor:hover { background-color: black; }
	.supermenucol { padding: 15px 0px; }
	.supermenucol2 { padding: 15px 0px !important; }
	#formenu { background-color: black; width: 100%; }
	#formenu li ul { display: none; }
	.submenul { display: block; }
	.pequemenu { width: 100%; }
	.menutri { background-image: none; }
	#formenu { background-color: #192a40; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.4); }
	.nosotros-menu { width: 100%; left: 0px; }
	.for-menu { width: 100%; left: 0px; }
	.showcase-menu { width: 100%; left: 0px; }
	.pequemenu { width: 100%; padding: 4px 0px 10px 0px; }
	.nosotros-menu ul li ul { width: 100%; display: block !important; }
	.nosotros-menu li ul li { width: 100%; display: block !important; }
	.nosotros-menu li { width: 100%; display: block !important; }
	.nosotros-menu ul { width: 100%; display: block !important; }
	.nosotros-menu ul li { width: 100%; display: block !important; }
	.showcase-menu { width: 100%; left: 0px; transform: translateX(0); }
	.showcase-menu ul li ul { width: 100%; display: block !important; }
	.showcase-menu li ul li { width: 100%; display: block !important; }
	.showcase-menu li { width: 100%; display: block !important; }
	.showcase-menu ul { width: 100%; display: block !important; }
	.showcase-menu ul li { width: 100%; display: block !important; }

	/*Mostrar u ocultar subcategorias del menu*/
	.navimg { margin: 0px; display: none !important; }
	.movil-logo { display: block; width: 110px; }
	.botonmenu { display: block; position: fixed; transform: translateZ(9em); }
	.bottom-cont-menu { display: none; }
	.mainmenu li ul { display: block }
	.href { padding: 5px 0px; margin: 0; border: none; text-align: center; }
	.menutri { background-position: center 15%; }
	.menutri2 { background-image: url('images/svg/down-arrow.svg'); background-repeat: no-repeat; background-size: 10px; background-position: center 85% !important; }
	.cajas-pd-t { height: auto; padding-top: 0%; }
	.cajas-pd-t2 { height: auto; padding-top: 0%; }
	.info-cajas { position: relative; top: 0%; }
	.half-box { height: 200px; }
	.foto-riders { position: relative; height: 200px; }
	.footclose { z-index: 9; }
	.cabecera-demos { height: 1200px; }
	.land-demos-txt { position: absolute; right: 0px; bottom: 0px; }
	.demos-img { position: absolute !important; bottom: 200px !important; left: 0 !important; top: inherit; }
	.container_exito_txt p { white-space: normal; }
	
	.nav-filtros { display: inline-block !important; float: none !important;  }
	.nav-mr { margin: 0px; }
	.land-btn-filtro { margin-top: 0px !important; background-color: #232e43; margin-bottom: 30px; }
	.altura-slider2 { height: auto !important; }
	.form-right { float: left !important; }
}
@media (min-width:481px) and (max-width:700px) {
	.pagefloat { height:500px;  }
	/* MOVILES LANDSCAPE */
	.homestxt60, .homestxt70 { width: 90%; }
	.img-slider-nomovil { width: 75%; display: none; }
	.respcol33, .respcol32 { width: 100%; margin: 0px; }
	.pd-admision2 { padding: 130px 100px; }
	.altura-admision { height: auto; }
	.box-sliders-admi { position: relative; width: 100% }
	.cont-btn-admision { margin-top: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
	.cont-slider-admision { width: 100%; position: absolute; }
	.slider-admision-txt { white-space: nowrap; }
	.cont-admision-2 {  position: relative; width: 100%; left: 0%; }
	.cont-admision-txt2 { width: 100%; background-color: rgba(255, 255, 255, 0.7); height: 100%; }
	.cont-admision-txt2-pd { padding: 100px 0px 100px 40px; }
	.cont-admision-txt2 p { width: 90%; }
	.admision-map { left: 0; top: 0; width: 100%; }
	.rockets-pd { padding: 10px; }
	.rockets { width: 50%; position: relative; left: 50%; transform: translateX(-50%); }
	.rockets-ancho { width: 100% }
	.ancho-lanzadera { width: 100% !important; }
	.img-startup { background-image: none !important; }
	.lan-pd { padding: 10px 0px 20px 20px; }
	.nowrap { white-space: initial; }
	.caja-cursos { height: 350px; }
	.map-aviones { background-position: 45%; background-size: 160%; }
	#autor { right: inherit; width: 100%; text-align: center; }
	.img-pc-visible { display: none; }
	.img-pc-oculto { display: block; }
	.mainform-width { width: 99%; }
	.filtro-onlymobile { display: none !important; }
	body { overflow-x: hidden; }
	.mainmenu-b a { color: white; }
	.altura-slider-home { height: auto !important; }
	.altura-slider-main { height: auto !important; }
	.nofloat-movil { float: none !important; }
	.altura-logo-footer { height: 125px; }
	.only-mobile-land { display: block; }
	.only-mobile-inline { display: inline-block; }
	.land-center { position: relative; left: 50%; transform: translateX(-50%); }
	
	.nav-filtros { display: inline-block !important; float: none !important;  }
	.pos-a { position: relative; bottom: 0; left: 50%; transform: translateX(-50%); }

	/*Videos*/
	#reelwin { width: 100%; height: 100%; }
	.reelclose { right: 85%; top: 20px; }
	.width-49-tablet { width: 49%; }
	.width-49-land { width: 49%; }
	.width-48-land { width: 48%; }
	.width-45-land { width: 45%; }
	.width-33-land { width: 33%; }
	.widthfull-land { width: 100% !important; }
	.index-tablet { z-index: 3; }
	.land-left-0 { left: 0 !important }
	.lan-r-0 { right: 0 !important; }

	/*Fotos Fancy*/
	#zoom { }
	.centrado-menu { z-index: 9; }
	.centrado, .centrado1000, .centrado1150, .centrado1100, .centrado890,.centrado800, .centrado900, .centradotxt, .centrado-menu { width: 82%; margin-left: 0px; transform: translateX(-50%) !important; margin-top: 0px; }
	.no-tablet, .no-land, .comillas, .diagonal, .swiper-button-next, .swiper-button-prev, .footleft, .fmail, .fphone, .img-slider-noland, .slider-btn, .logos-exito, .img-esp-not { display: none; }
	
	.footclose { z-index: 9; }
	.land-block { display: block; }
	.land-btn-filtro { margin-top: 0px !important; background-color: #232e43; }
	.respcol60 { width: 100%; }
	.top-nomovil { top: 0px; }
	.no-mr-moviland { margin: 0 !important; }
	.mr-movil-b-8 { margin-bottom: 8px; }
	.mr-land-b-100 { margin-bottom: 100px !important; }
	.mr-land-l-15 { margin-left: -15px; }
	.mr-movil-b-50 { margin-bottom: 50px !important; }
	.mr-land { margin: 5% 1% !important; }
	.sin-mg { margin: 0px !important; }
	.no-top { top: 0 !important; }
	.no-pd-movil { padding: 0 !important; }
	.no-pd-movil h4 { font-size: 45px; }
	.no-pd-land { padding: 0 !important; }
	.pd-movil-30 { padding: 30px !important; }
	.pd-land-10 { padding: 10px !important; }
	.pd-land-10-0 { padding: 10px 0px !important; }
	.pd-land-30 { padding: 0px 30px !important; }
	.pd-land-60-10 { padding: 60px 10px !important; }
	.pd-land { padding: 400px 0px 0px 0px !important; }

	/* para div conocelos en persona de mentors y demos */
	.pd-land2 { padding: 375px 0px 0px 0px !important; }

	/* para div exito */
	.pd-fl-land { padding: 18px 40px 40px 40px !important; }
	.pd-land-30-10 { padding: 30px 10px 0px 10px !important; }
	.pd-land-slider { padding: 205px 0px 15px 0px !important; }
	.alturaribbon { width: 50%; }
	.tablet-white-space { white-space: nowrap; }
	.land-white-space { white-space: nowrap; }
	.backinline { background-color: transparent; }
	.cajas-pd-t { height: 0% !important; padding-top: 72%; }
	.cajas-pd-t2 { height: auto !important; padding-top: 0%; }
	.infocajas-rel { position: relative !important; }
	.txt-size-land { font-size: 2em; }
	.cont-img { top: inherit; left: 0px !important; height: 300px; margin-left: 0px !important; margin-top: 0px !important; }
	.cont-img2 { position: relative; left: 0%; margin-left: 0px; margin-top: -110px; z-index: 1; }
	.quipo { height: 250px; }
	.land-demos-img { top: 100 !important; }
	.img-slider-movil { position: absolute; right: 0 !important; bottom: 0 !important; display: block; width: 65%; left: 50%; transform: translateX(0%); }
	.bottom-nav-style { z-index: 999; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.4); 
		margin-top: 20px; left: 50%; transform: translateX(-50%); 
		position: relative; top: 50px; width: 100%; background-color: #232e43; }
	.botonfiltro { display: block; margin: 0; left: 50%; transform: translateX(-50%); padding: 0 !important; }
	.img-flotante { position: relative; left: 50% !important; transform: translateX(-50%); width: 250px; margin-bottom: 5px; }
	.altura-mentors { height: auto; }
	.movil-fl { float: left !important; }
	.bg-txt-movil { position: absolute; right: -20px; background-color: rgba(0, 0, 0, 0.6); border-radius: 10px; bottom: 10px; }
	.land-exito-txt { position: absolute; bottom: 0; right: 150px; }
	.box-empleos { left: 0%; transform: translateX(0%); position: relative; }
	.caja-cont-empleo { color: black; }
	.lista-caja-empleo { padding: 20px; }
	.prof-img-demos { height: 250px !important; top: 320px !important; left: 120px !important }
	.cajas-flotantes { width: 75%; z-index: 99999; margin-top: 0; position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0px; top: 500px; display: none; }
	.cabecera-demos { height: 850px; }
	.land-demos-txt { background-color: rgba(0, 0, 0, 0) !important; position: absolute; right: 35px; bottom: 75px; }
	.curinfowin { width: 99%; margin-top: 20px; position: relative; }
	.curbot { margin-top: 70px; }
	.form-land-width { width: 100%; margin-bottom: 30px; }

	/*MAIN MENU*/
	#searchmenu nav { margin-left: 0px; right: 50%; transform: translateX(50%); margin-top: 10px; display: inline; width: 350px; }
	.img-movil { width: 100%; }
	.body { overflow-x: hidden; }
	.mainmenu li { display: block; width: 100%; }
	.mainmenu li ul { position: relative; top: 0; }
	.mainmenu li ul li { width: 100%; clear: both; background-color: grey; }
	.border-bottom { border-bottom: 1px solid black; }
	.mainmenu li ul li ul li a { text-align: center; color: rgb(50, 50, 50); margin-top: 10px; }
	.mainmenu li ul li ul li a img { width: 45px !important; }
	.navmenu { height: 550px; margin-top: 40px; width: 100%; }
	.menunosel a { padding: 1.4em 0em; }
	.supermenufor:hover { background-color: black; }
	.supermenucol { padding: 15px 0px; }
	.supermenucol2 { padding: 15px 0px !important; }
	#formenu { background-color: black; width: 100%; }
	#formenu li ul { display: none; }

	/*Mostrar u ocultar subcategorias del menu*/
	.navimg { margin: 0px; display: none !important; }
	.movil-logo { display: block; width: 110px; }
	.botonmenu { display: block; position: fixed; transform: translateZ(9em); }
	.bottom-cont-menu { display: none; }
	.nosotros-menu { display: none !important; }
	.href { padding: 5px 0px; margin: 0; border: none; text-align: center; }
	.menutri { background-position: center 15%; }
	.menutri2 { background-image: url('images/svg/down-arrow.svg'); background-repeat: no-repeat; background-size: 10px; background-position: center 85% !important; }
	.container_exito_txt p { white-space: nowrap; }
	.pd-form-prof { padding: 20px 0px 30px 170px !important; }
	.land-prof-form { position: absolute; left: 50px !important; transform: translateX(-50%); margin-bottom: 0; }
	.width-nav-filtros { width: 95px !important; }
	.width-nav-filtros2 { width: 145px !important; }
}
@media (min-width:701px) and (max-width:1067px) {
	
	/* TABLETS */
	.pagefloat { height:500px;  }
	.pd-admision2 { padding: 130px 150px; }
	.altura-admision { height: auto; }
	.pd-main-slider { padding: 190px 0px 90px 0px; }
	.box-sliders-admi { position: relative; width: 100% }
	.cont-btn-admision { margin-top: 0; left: 50%; top: 45%; transform: translateX(-50%) translateY(-50%); }
	.cont-slider-admision { width: 100%; position: absolute; }
	.slider-admision-txt { white-space: nowrap; }
	.cont-admision-2 { position: relative; width: 100%; left: 0%; }
	.cont-admision-txt2 { width: 100%; background-color: rgba(255, 255, 255, 0.7); height: 100%; }
	.cont-admision-txt2-pd { padding: 100px 0px 100px 40px; }
	.cont-admision-txt2 p { width: 70%; }
	.admision-map { left: 0; top: 0; width: 100%; }
	.ancho-lanzadera { width: 75% !important; }
	.img-startup { background-image: none !important; }
	.lan-pd { padding: 55px 0px 0px 20px; }
	.nowrap { white-space: initial; }
	.altura-slider-home { height: 700px; }
	
	.filtro-onlymobile { display: none !important; }
	.map-aviones { background-position: 20% center; background-size: 120%; }
	.img-esp-not { bottom: 0 }
	.mainmenu-b a { color: white; }
	body { overflow-x: hidden; }
	h5 { font-size: 20px; line-height: 1em; }
	.only-tablet-inline { display: inline-block; }
	.only-tablet { display: block; }
	.tablet-absolute { position: absolute; }
	.infocajas-rel { position: relative !important; }
	.pos-a { position: relative; left: 100%; bottom: 0px; margin-left: -100px; }
	.centrado-menu { z-index: 9; }
	.centrado, .centrado1000, .centrado1150, .centrado1100, .centrado890, .centrado800, .centrado900, .centradotxt { width: 82%; margin-left: 0px; transform: translateX(-50%) !important; margin-top: 0px; }
	.no-tablet, .diagonal, .footleft, .comillas, .swiper-button-next, .swiper-button-prev { display: none; }

	/*Videos*/
	#reelwin { top:50%; height: auto !important; }
	.reelclose { right: 95%; top: 20px; }

	/*Fotos Fancy*/
	#zoom { }

	/*MAIN MENU*/
	.movil-logo { margin-top: 75px; width: 110px; display: block; }
	.img-movil { width: 100%; }
	.width-49-tablet { width: 49%; }
	.width-23-tablet { width: 23%; }
	.width-55-tablet { width: 55%; }
	.tablet-width { width: 100%; }
	.mainform-width { width: 99%; }
	.body { overflow-x: hidden; }
	.mainmenu li { display: block; width: 100%; }
	.mainmenu li ul { position: relative; top: 0; }
	.mainmenu li ul li { width: 100%; clear: both; background-color: grey; }
	.border-bottom { border-bottom: 1px solid black; }
	.mainmenu li ul li ul li a { text-align: center; color: rgb(50, 50, 50); margin-top: 10px; }
	.mainmenu li ul li ul li a img { width: 45px !important; }
	.navmenu { height: 550px; margin-top: 40px; width: 100%; }
	.menunosel a { padding: 1.4em 0em; }
	.supermenufor:hover { background-color: black; }
	.supermenucol { padding: 15px 0px; }
	.supermenucol2 { padding: 15px 0px !important; }
	#formenu { background-color: black; width: 100%; }
	#formenu li ul { display: none; }
	#searchmenu nav { margin-left: 0px; right: 120px; transform: translateX(50%); display: inline; }
	.img-slider-nomovil { width: 75%; right: -40px; }

	/*Mostrar u ocultar subcategorias del menu*/
	.navimg { margin: 0px; display: none !important; }
	.botonmenu { display: block; position: fixed; transform: translateZ(9em); }
	.bottom-cont-menu { display: none; }
	.mainmenu li ul { display: block }
	.nosotros-menu { display: none !important; }
	.href { padding: 5px 0px; margin: 0; border: none; text-align: center; }
	.menutri { background-position: center 15%; }
	.menutri2 { background-image: url('images/svg/down-arrow.svg'); background-repeat: no-repeat; background-size: 10px; background-position: center 85% !important; }
	.txt-contacta { font-size: 2.2em; }
	
	.footclose { right: 6px; }
	.quipo { height: 250px; }
	.tablet-white-space { white-space: nowrap; }
	.tablet-float-t { float: right; }
	.tablet-l-50 { left: -50px !important; }
	.backinline { background-color: transparent; }
	.ribbon { width: 100%; height: 110px; }
	.alturaribbon { height: 110px; }
	.img-tablet-width { width: 100%; margin-top: 0px; }
	.logos-exito { margin-left: 150px; }

	/*MACS con slider*/
	.cont-macs { transform: scale(0.6); }
	.size-macs { width: 600px; }
	.swiper-3d-container { left: 70%; transform: perspective(600px) rotate(0deg) rotateX(15deg) rotateY(35deg) rotateZ(-4deg) scale(0.87); }
	.cont-img { margin-left: 0px; }
	.cont-img2 { left: 40%; margin-top: -100px; height: 90%; }
	.cont-img2 img { height: 130%; }
	.index-tablet { z-index: 3; }
	.mr-l-1 { margin-left: 0.5% !important; }
	.mr-t-60 { margin-top: -60px; }
	.mr-movil-t40 { margin-top: -40px !important; }
	.mr-movil-b-50 { margin-bottom: 50px !important; }
	.mr-tablet-b5 { margin-bottom: 5px !important; }
	.pd-movil-30 { padding: 30px !important; }
	.pd-tablet { padding: 300px 0px 0px 40px !important; }

	/* para div conocelos en persona de mentors y demos */
	.pd-tablet2 { padding: 375px 0px 0px 0px !important; }

	/* para div exito */
	.pd-l-200 { padding-left: 200px; }
	.pd-tablet-finan { padding: 25px 10px !important; }

	/*cajitas seccion financiacion*/
	.tablet-txt-mentors { width: 35%; margin-left: 50px; }
	.pd-demoreel { padding: 0px 50px !important; }
	.box-empleos { left: 50%; position: relative; transform: translateX(-50%); }
	.lista-caja-empleo { padding: 20px 20px 0px 20px !important; font-size: 0.75em }
	.caja-cont-empleo { font-size: 0.8em; }
	.cont-img-estudiantes { width: 50%; bottom: 50% !important; transform: translateY(10%); }
	.tablet-video-demos { padding-top: 88% !important; }
	.demos-img { height: 300px; top: inherit; left: 250px; bottom: 40px; }
	.bottom-nav-style { z-index: 999; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.4); margin-top: 20px; left: 50%; transform: translateX(-50%); position: absolute; top: 50px; width: 100%; display: none; background-color: #232e43; }
	.botonfiltro { display: block; margin: 0; left: 50%; transform: translateX(-50%); padding: 0 !important; }
	.img-chica { left: 50%; margin-left: 0px; bottom: 200px; }
	.img-chica img { left: 0px !important; }
	.tablet-left-becas { left: -70px !important; }
	.mr-movil-t40 { margin-top: 0px !important; }
	.altura-mentors { height: 235px; }
	.tablet-form-prof { left: -50px !important; position: relative; }
	.cajas-flotantes { width: 65%; z-index: 99999; margin-top: 0; position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0px; top: 450px; display: none; }
	.cajas-pd-t { height: 0% !important; padding-top: 42%; }
	.cajas-pd-t2 { height: auto !important; padding-top: 0%; }
	.info-cajas { position: absolute; top: 0%; }
	.campus-mr-tablet { margin-top: 50px !important }
	.container_exito_txt p { white-space: normal; }
	.nav-formacion { width: 100% !important; }
	.nav-filtros { display: inline-block !important; float: none !important;  }
	.nav-mr { margin: 0 !important; }
}
@media (min-width:701px) and (max-width:790px) {
	.footright { padding: 20px 20px 20px 48px; }
	.container_exito_txt p { white-space: normal; }
}
@media (max-width:1024px) {
	#terms { width: 85%; height: 65%; z-index: 99999999; transform: translateY(-50%) translateX(-50%) translateZ(25em); }
	.container_exito_txt p { white-space: normal; }
	.calcol1 { width: 100%; }
	.calcol2 { width: 100%; font-style: italic; }
	.calcol3 { width: 100%; }
	.calcol4 { width: 100%; }
	.proycol1 { float: left; width: 5%; opacity: 0; }
	.proycol2 { float: left; width: 90%; }
	.proycol3 { float: left; width: 5%; opacity: 0; }
	.caline { position: relative; display: block; clear: both; color: #fff; cursor: pointer; font-size: 1.4em; line-height: 1.45em; }
	.caline2 { background-color: rgba(255, 255, 255, 0.05); }
	.caline:hover { background-color: rgba(255, 255, 255, 0.12); }
	.calcol { float: left; border-right: none; padding: 1.5%; text-align: left; }
}
@media (min-width:1068px) and (max-width:1307px) {

	/*PORTATIL*/

	/*Videos*/
	#reelwin { top:50%; height: auto !important; }

	.reelclose { right: 95%; top: 20px; }

	/*Fotos Fancy*/
	#zoom { }
	.filtro-onlymobile { display: none !important; }
	.cont-macs { transform: scale(0.75); }
	.size-macs { width: 600px; }
	.swiper-3d-container { left: 55%; transform: perspective(600px) rotate(0deg) rotateX(15deg) rotateY(35deg) rotateZ(-4deg) scale(0.87); }
	.box-empleos { width: 80%; height: 100%; left: 50%; position: relative; transform: translateX(-50%); }
	.container_exito_txt p { white-space: normal; }
	.map-aviones { background-size: 140%; }
	.cont-admision-txt2 { width: 80%; }
	.cont-admision-txt2-pd { padding: 70px 0px 100px 60px; }
}
@media (max-width:1024px) {
	#formenu { background-color: #192a40; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.4); }
	.nosotros-menu { width: 100%; left: 0px; display: block !important; }
	.for-menu { width: 100%; left: 0px; }
	.showcase-menu { width: 100%; left: 0px; }
	.pequemenu { width: 100%; padding: 4px 0px 10px 0px; }
	.nosotros-menu ul li ul { width: 100%; display: block !important; }
	.nosotros-menu li ul li { width: 100%; display: block !important; }
	.nosotros-menu li { width: 100%; display: block !important; }
	.nosotros-menu ul { width: 100%; display: block !important; }
	.nosotros-menu ul li { width: 100%; display: block !important; }
	.showcase-menu { width: 100%; left: 0px; transform: translateX(0); }
	.showcase-menu ul li ul { width: 100%; display: block !important; }
	.showcase-menu li ul li { width: 100%; display: block !important; }
	.showcase-menu li { width: 100%; display: block !important; }
	.showcase-menu ul { width: 100%; display: block !important; }
	.showcase-menu ul li { width: 100%; display: block !important; }
	.menutri { background-image: none; }
	.pd-tablet3 { display: none; }
}
@media (min-width:480px) and (max-width:1024px) {
	#alojamientos { height: 200px; background-size: 200%; }

	.cajas-pd-t { height: 0px; padding-top: 530px; }
	.caja-contacta { height: 260px; }
	.caja-contacta-cont { position: absolute; top: 50%; padding: 0px; width: 80%; left: 50%; transform: translateX(-50%) translateY(-50%); }
}
@media (min-width:480px) and (max-width:804px) {
	.spaincol { width: 100%; height: auto; }
	.floatdiv { width: 90%; position: relative; left: 50%; transform: translateX(-50%); }
	.homeplay { position: absolute; right: 40px; top: 50%; color: #000; width: 200px; text-align: center; color: #fff; }

	

}

@media (max-width:804px) {
	.playalumnos { margin-top: 100px; }
	.nomovil { display: none; }
	.backalumnos { background-position: 13% 0px; }

}	

.backalumnos { .background-position: center 25%; }

/* SVG PARA LAS BARRAS Y LA CRUZ DEL MENU HAMBURGUESA*/
	.botonmenu svg { width: 80px; height: 80px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	.botonmenu  path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 40px; stroke-linecap: round; stroke: #fff; stroke-dashoffset: 0px; }
	.botonmenu  path#top, .botonmenu path#bottom { stroke-dasharray: 240px 950px; }
	.botonmenu  path#middle { stroke-dasharray: 240px 240px; }
	.cross path#top, .cross path#bottom { stroke-dashoffset: -650px; stroke-dashoffset: -650px; }
	.cross path#middle { stroke-dashoffset: -115px; stroke-dasharray: 1px 220px; }

.cenefa1 {
	background-image: url(/website/web_images/cenefa1.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 70px;
    background-position-y: 16px;
    background-size: 280px 2px;
}

.cenefa2 {
	background-image: url(/website/web_images/cenefa2.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 70px;
    background-position-y: 16px;
    background-size: 280px 2px;
}

.cenefa3 {
	background-image: url(/website/web_images/cenefa3.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 70px;
    background-position-y: 16px;
    background-size: 280px 2px;
}

.steps {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.columnBullet {
	width: 32%;
	display: inline-block;
	text-align: center;
}

.bulletNumberActive {
	display: inline-block;
    border-radius: 50%;
    background-color: #000;
    width: 35px;
    height: 35px;
    text-align: center;
    /* padding-top: 5px; */
    color: #f0b80e;
    line-height: 35px;
    font-weight: 700;
}

.bulletNumber {
	display: inline-block;
    border-radius: 50%;
    background-color: #c38c24;
    width: 35px;
    height: 35px;
    text-align: center;
    /* padding-top: 5px; */
    color: #f0b80e;
    line-height: 35px;
    font-weight: 700;
}

.labelStep {
    display: block;
    margin-top: 10px;
    font-weight: 100;
}

.regbot {
	width: 50%;
	display: inline-block;
}

.regbotright {
	border-bottom-left-radius: 0px !important;

}

.regbotleft {
	border-bottom-right-radius: 0px !important;
}

.reduxloading .reduxregform {
	opacity: 1 !important;
}

.step3 {
    display: flex;
    height: 300px;
}

.alturaExtra {
    height: 220px;
    display: block;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
}

.labelRedirigiendo {
	display: inline-block;
    align-self: flex-end;
    text-align: center;
    width: 100%;
    font-weight: 100;
    font-size: 14px;
}

.reduxloading2 {
	background-position: center !important;
	background-position-y: 60px !important;
}

.method, .methodTime {
	border-radius: 10px;
	border: 1px solid #000;
	height: 20px;
    padding: 24px;

	background-image: url(/website/web_images/bulletform.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 20px;
    margin-bottom: 10px;
    opacity: 0.3;
	cursor: pointer;
	display: flex;
}

.methodActive, .methodTimeActive{
	border-radius: 10px;
	border: 1px solid #000;
	background-image: url(/website/web_images/bulletcheckedform.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-position-x: 20px !important;
    opacity: 1 !important;
}	

.areaName {
	width: 49%;
	display: inline-block;
	font-size: 18px; 
    padding-left: 30px;
}

.areaLogos {
    width: 40%;
    display: inline-block;
    text-align: right;
    font-size: 20px;
}

.imgMethodLogos {
	float: right;
    margin-right: 5px;
}

.separador {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.imgIlustracionOK {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 70%;
}

.regbotCloseOk {
	width: 100% !important;
}

.regbotCloseOk:hover {
	color: #000 !important;
	background: linear-gradient(180deg, rgba(0,181,176,0) 10%, rgba(0,181,176,1) 150%) !important;
}

.titleShareFriends {
    display: block;
    margin-bottom: 10px;
}

.subtitleShareFriends {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.problemInvitation {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
}

#faqswin { background-color: #fff; z-index: 9999; left: 50%; top: 50%; width: 500px; margin-left: -250px; margin-top: -300px; position: fixed; color: #000; display: none; border-radius: 20px; }
#faqswin .boxtitbar2 { background-color: #fff; color: #000; border-top-left-radius: 20px; border-top-right-radius: 20px; }
#faqswin .continuarbot { background-color: #fff; background-image: linear-gradient(180deg, #fff 20%, #fff 120%); color: #000; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
#faqswin .continuarbot:hover { background-color: var(--yellowcol); background-image: none; color: #000; }
.pefil_col1 .nice-select { display: block; position: absolute; width: 110px; float: left !important; margin-top: 2px; color: #000; }

#faqswin .titdragbar2 {
    background-image: url(images/hamburguesa.png) !important;
    background-size: 30px !important;
	font-weight: 500;
	border-bottom: none !important;
    padding-bottom: 0px !important;
    background-position-y: 22px;
    font-size: 23px;
}

#faqswin .closebotw {
	background-image: url(/website/web_images/svg/close2.svg) !important;
    background-size: 20px !important;
    opacity: 1;
    top: 5px;
}

.winshadow { box-shadow: 10px 10px 30px rgba(0, 0, 0, .5); }

.perfilcont { padding: 30px 20px; }

.perfilcontamigos {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.imageFuryFeedback {
    position: absolute;
    top: 15px;
    width: 100px;
    left: 17px;
}

.col2 {
    float: right;
    width: 70%;
    margin-top: 10px;
    line-height: 20px;
    font-weight: 600;
    margin-right: 20px;
}

.selectorFeedback:focus {
	outline: none !important;
}

.selectorFeedback:after {
    content:'\25BC';
    display:inline-block;
    color:#000;
    background-color:#fff;
    margin-left:-17px;   /* remove the damn :after space */
    pointer-events:none; /* let the click pass trough */
}

.selectorFeedback {
    height: 45px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/css/images/select.png);
    background-position-y: 48%;
    background-repeat: no-repeat;
    padding: 12px 4%;
    line-height: 1.3em;
    width: 90%;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    background-color: #e5e5e5;
    border: none;
    background-position-x: 98%;
    /* margin-left: 20px; */
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}

.textareaFeedback:focus {
	outline: none !important;
}

.textareaFeedback {
    width: 82%;
    border-radius: 20px;
    display: block;
    position: relative;
    height: 120px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 20px;
    background: #e5e5e5;
    resize: none;
    border: 0px;
    color: #000;
}
.textareaFeedback::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
color: rgba(0, 0, 0, 0.4); font-size: 15px; }
.textareaFeedback::-moz-placeholder {    /* Firefox 19+ */
color: rgba(0, 0, 0, 0.4); font-size: 15px;}
.textareaFeedback:-ms-input-placeholder {    /* IE 10+ */
color: rgba(0, 0, 0, 0.4); font-size: 15px;}
.textareaFeedback:-moz-placeholder {    /* Firefox 18- */
color: rgba(0, 0, 0, 0.4); font-size: 15px;}

.col-1-cat {
    width: 30%;
    display: inline-block;
    margin-left: 40px;
}

.col-2-cat {
    width: 30%;
    display: inline-block;
    margin-left: 70px;
}

.listadoCategorias {
    width: 95%;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}

.inputCategoria {
    margin-bottom: 0px;
    cursor: pointer;
    padding-left: 40px;
    height: 30px;
    padding-top: 5px;
    font-size: 13px;
    float: left;
}

.bgInputCategoria {
    background-image: url(/css/images/select_category_2.svg);
    background-repeat: no-repeat;
    background-width: 69px;
    background-size: 30px;
}

.bgInputCategoriaActive {
    background-image: url(/css/images/select_category.svg);
    background-repeat: no-repeat;
    background-width: 69px;
    background-size: 30px;
}

.compartir_rrss {
    text-align: center;
    margin-top: 20px;
}

.labelCompartirRedes {
    margin-bottom: 10px;
    display: block;
}

.closebot { position: absolute; right: 0px; top: 0px; width: 64px; height: 64px; cursor: pointer; opacity: 0.5; background-position: center; background-size: 40%; background-repeat: no-repeat; }
.closebot:hover { opacity: 1; }
.closebotw { background-image: url(images/closew.svg); }

.boxtitbar2 { padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); cursor: move; }
.miniboxtitbar2 { padding: 10px; border-bottom: 0px solid rgba(0, 0, 0, 0.2); cursor: move; }
.titdragbar2 { background-image: url(images/icon_burguer1.svg); background-position: 30px center; font-size: 20px; font-weight: 100; background-size: 20px; background-repeat: no-repeat; text-align: center; }

.bloqueFondoFeedback {
    height: 180px;
    width: 90%;
    background: #f0b80d;
    /* margin-right: 20px; */
    padding-left: 20px;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 60px;
}

.continuarbot { position: relative; width: 100%; background-color: #570f14; padding: 25px 0px; font-size: 20px; color: #fff; font-weight: 100; font-weight: bold; transition: all 0.3s; background-image: linear-gradient(180deg, #0e161c 0%, #48441b 105%); cursor: pointer; }

.continuarbotFriends {
	background: linear-gradient(180deg, rgba(0,181,176,0) 10%, rgba(0,181,176,1) 150%) !important;
}

#blacklayer { position: fixed; width: 100%; display: none; height: 100%; top: 0px; 
	left: 0px; background-color: rgba(14, 22, 28, 0.88); z-index: 999; }

	/* modal SALL */
.swal-modal { background-color: var(--yellowcol); z-index: 9999999;
	padding: 20px 30px; border-radius: 20px; box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
 color:#fff !important; }
.swal-icon--warning__body, .swal-icon--warning__dot { background-color: #000; }
.swal-icon--warning { border-color: #000; 
	animation: none; }
.swal-button--confirm { background-color: #222; }

.regbotko {
	width: 100% !important;
}