@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,600');
body {background-color:#fff; font-size:17px; color:#4d5767; font-family: 'Raleway', sans-serif; font-weight:300;  line-height:27px; margin: 0; letter-spacing: 0.2px;}

/*HEADER*/
#header-scroll {width: 100%; height: 50px; border-bottom: solid 1px #dddee1; background-color: #fff; position: fixed; top: 0; display: none; z-index: 199}
#header-scroll .menu ul li, #header-scroll .menu ul li a {color:#282828;}
#header-scroll .menu ul ul li a:hover {background-color: #f5f5f5; color: #4d5767;}
#header-scroll .menu ul {margin: 5px 0;}
#header-scroll .menu ul ul {margin: 0;}
#header-scroll .menu ul ul li a {background-color:#fff;}
#header-scroll .menu ul li:hover {border-bottom: solid 2px #4d5767;}
#header-scroll .selected {border-bottom: solid 2px #f2575f;}
#header-scroll .logomobile {display: none !important}
#header-scroll .menu {width: 91%}
.logomobile {display: none; position: absolute; top: 11px; left: 3%; width: 80px;}
.logomobile img {width: 100%;}
.logo {float: left; width: 140px; margin: 10px 30px 0 0;}
.logo img, .logo-footer img, .logo-scroll img {width: 100%;}
.logo-scroll {float: left; width: 70px; margin: 10px 30px 0 0;}
.menu.black ul li {color: #4d5767;}
.menu.black ul li:hover {border-bottom: solid 2px #4d5767;}
.menu.black ul a {color:#4d5767; text-decoration:none;}
.menu.black .selected {border-bottom: solid 2px #4d5767;}
.menu.black ul ul li a {float:none; width:185px; display: block; background-color: #fff; color: #4d5767; text-align: left;  padding: 10px 25px; font-size: 17px; }
.menu { float: left; width: 85%; height: 45px;}
.menu ul {list-style:none; position:relative; float:left; margin: 22px 0; padding:0; width: 100%; font-weight: 400; font-size: 17px; z-index: 999;}
.menu ul li {display: inline; position:relative; padding-bottom: 8px; margin: 0 8px; color: #fff;}
.menu ul li:hover {border-bottom: solid 2px #fff;}
.menu.black ul li:hover {border-bottom: solid 2px #4d5767;}
.menu ul a {color:#fff; text-decoration:none;}
.menu ul ul{display:none; position:absolute; top:100%; left:-3px; padding:0; margin: 0; box-shadow: 0 0 2rem rgba(0,0,0,.1); border: 1px solid #ebeaeb; border-radius: 4px; background-color: #fff; width: auto;}
.menu ul ul li a {float:none; width:185px; display: block; color: #4d5767; text-align: left;  padding: 10px 25px; font-size: 17px; }
.menu ul ul li {padding: 0;  margin: 0 !important; }
.menu ul ul li a:hover {background-color: #f5f5f5; color: #4d5767;}
.menu ul li:hover > ul{display:block}
.menu li:last-child {float: right; border: none !important;}
.menu ul ul li:last-child {float: none; border: none !important;}
.selected {border-bottom: solid 2px #fff;}
.menu li:nth-child(2){padding-bottom: 8px;}
a.subselected {background-color: #f7969b !important; color: #fff !important;}
.language {margin: 2px 0 0 0 !important;font-size: 13px;}
.menu .button-indie {text-transform: none}
.mean-nav .button-indie {padding: 0; border: 0; background: none;}
.menu .button {float: left; margin: 0; padding: 2px 12px; font-size: 16px;}
.social {border-bottom: solid 0px #fff !important;}
.social img {margin-left: 4px; width: 20px; margin-bottom: -5px;}
.black .social {display:none}
.black .social.dark {display:inline}
.black .social {display:none}
.black .social.dark {display:inline}
.social {display: block}
.social.dark {display: none}
#header-scroll .social {display:none}
#header-scroll .social.dark {display:inline}

/*END HEADER*/

/*BIG BANNER IMAGES*/
#lightSlider li {background-repeat: no-repeat; background-position: center top; height: 450px; background-size: cover}
#lightSlider li a {display: block; height: 450px;}
#lightSlider li a:hover {background-color: rgba(0, 0, 0, 0.1);}
#slider {width: 100%; margin: 20px 0 50px 0; height: 450px; position: relative;}
#slider ul {padding: 0; margin: 0;}
.biginfo {max-width: 550px; float: right; margin: 220px 2% 0 0; text-align: center;}
.biginfo p {font-size: 26px; line-height: 34px; font-weight: 500; margin-bottom: 10px}
.biginfo.bigger {margin: 150px 2% 0 0; max-width: 650px;}
.biginfo.bigger p {font-size: 36px; line-height: 44px; font-weight: 600;}
.campus {background-image: url(../img/bannerbig-campus.gif); color: #fff;}
.campus p {text-shadow: 1px 1px 2px #565656;}
.otono19 {background-image: url(/learning/2017/img/banner-otono19.jpg);}
.bbpoegame2 {background-image: url(/learning/2017/img/banner-allan-poe-nightmare2.gif);}
.julesverne {background-image: url(/learning/2017/img/banner-verne.jpg);}
.bannercrearvideojuegos {background-image: url(/learning/2017/img/banner-crear-videojuegos.jpg);}
.bannervernesteam {background-image: url(/learning/2017/img/banner-verne-steam.png);}
.bannerkids {background-image: url(/learning/2017/img/banner-curso-creacion-videojuegos-ninos.png);}
.bannerknowledge {background-image: url(/learning/2017/img/banner-knowledge.png);}
.bannerblogbn {background-image: url(/learning/2017/img/banner-blog-blancoynegro.jpg);}
.bannerblognarrativo {background-image: url(/learning/2017/img/banner-blog-disenador-narrativo.jpg);}
.bannertarjetaregalo {background-image: url(/learning/2017/img/banner-tarjeta-regalo.jpg);}
.bannernarrativedesign {background-image: url(/learning/2017/img/banner-curso-disenador-narrativo.jpg);}
.bannerwinter22 {background-image: url(/learning/2017/img/Banner-winter22.png);}
.bannerDesign {background-image: url(../img/banner-big-design.gif); color: #fff;}
.cursovr {background-image: url(../img/banner-big-vr.jpg); color: #fff;}
.evde {background-image: url(../img/bb-el-viajede-de-elisa.jpg); color: #fff;}
.concursocomic4 {background-image: url(../img/banner-big-concurso-comic4.jpg); color: #fff;}
.bbverano18 {background-image: url(../img/banner-big-verano18.gif); color: #fff;}
#slider .button {font-size: 20px;}
#slider .cursovr .button {background: #f2575f;}
#slider .cursovr .button:hover {background: #f7969b; }


/*END BIG BANNER IMAGES*/

/*FOOTER*/
.footer {width: 100%; margin-top: 70px; padding: 15px 0 10px 0; background-color:#f5f5f5; display: table; color: #fff;}
.footer a {color: #454545 !important}
.footer a:hover {color: #1264a3 !important}
.footer p, .footer ul {font-size: 15px; line-height: 20px; font-weight: 400; color: #454545}
.footer h3 {margin-top: 0; font-size: 24px;}
.social-footer {width: 100%; margin: 15px 0; text-align: center;}
.social-footer img {margin-left: 15px !important; width: 25px !important;}
.footer .x3 img {border: 0;}
.footer-text {float: left; width: 45%; font-size: 15px; margin: 20px 0 0 15px; color: #fff;}
.language {padding-left: 30px; font-weight: 600}
.help {float: left; width: 25%; text-align: center; margin: 5px;}
.help p {font-size: 15px; line-height: 20px}
.footer .mid {color: #fff; font-size: 20px; line-height: 28px; margin: 0; font-weight: 200; text-transform: uppercase;}
.logo-footer {float: left; width: 145px;}
#mc_embed_signup{clear:left; font:14px; width:100%;}
#mc_embed_signup input.email {width: 250px !important; margin-bottom: 10px !important;}
#mc_embed_signup .button {background-color: #f2575f !important;-webkit-appearance: none !important;}
#mc_embed_signup .button:hover {background-color: #f7969b !important;}
#mc_embed_signup form {text-align: center !important;}
.footerx2.left {width: 80%;}
/*END FOOTER*/



.imgauto {width: auto !important; max-width: 100%;}
.content {max-width: 1180px; margin: 0 auto; padding: 0 10px}
.clear {clear:both;}
.break {clear: both; display: none;}
.hidden {display: none !important;}
.mobileon {display: none !important}
.mobileoff {display: block}
.x3 {float: left; width: 29%; margin: 14px 4.2% 15px 0;}
.x3 img {width: 100%;}
.x3 p {margin-top: 0;}
.left {float: left !important}
.right {float: right !important;}
.bigbannerColor {width: 100%; height: 600px; background-image: url(../img/background-DigitalColour.jpg); background-repeat: no-repeat; background-position: center top;}
.guionhero {width: 100%; height: 600px; background-image: url(../img/Curso-guion-videojuego-hero.jpg); background-repeat: no-repeat; background-position: center top;}
.guionhero h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0;}
.guionhero p {text-align: center; margin: 0; font-size: 24px; line-height: 32px;}

.gamejamhero {width: 100%; height: 600px; background-image: url(../img/gamejam-gametopia-background.png); background-repeat: no-repeat; background-position: center top;}

.designhero {width: 100%; height: 600px; background-image: url(../img/curso-diseno-videojuegos-hero.jpg); background-repeat: no-repeat; background-position: center top;}
.designhero h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0;}
.designhero p {text-align: center; margin: 0; font-size: 24px; line-height: 32px;}

.designnarrativehero {width: 100%; height: 600px; background-image: url(../img/background-narrative-design-live-hero.jpg); background-repeat: no-repeat; background-position: center top;}
.designnarrativehero h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0;}
.designnarrativehero p {text-align: center; margin: 0; font-size: 24px; line-height: 32px;}

.bigbannerTester {width: 100%; height: 600px; background-image: url(../img/background-gametester.jpg); background-repeat: no-repeat; background-position: center top;}
.bigbannerTester h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.bigbannerTester p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}
.marketinghero {width: 100%; height: 600px; background-image: url(../img/curso-marketing-videojuego-hero.jpg); background-repeat: no-repeat; background-position: center top;}
.marketinghero h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0;}
.marketinghero p {text-align: center; margin: 0; font-size: 24px; line-height: 32px;}
.Unityhero {width: 100%; height: 600px; background-image: url(../img/Curso-unity-videojuegos-hero.jpg); background-repeat: no-repeat; background-position: center -55px;}
.Unityhero h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.Unityhero p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}
.Childrenhero {width: 100%; height: 600px; background-image: url(../img/Curso-creacion-videojuegos-ninos-hero.jpg); background-repeat: no-repeat; background-position: center -55px;}
.Childrenhero h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.Childrenhero p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}

.bigbannerconcursonivel18 {width: 100%; height: 600px; background-image: url(../img/background-concurso-nivel18.gif); background-repeat: no-repeat; background-position: center top;}
.bigbannerconcursonivel18 h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.bigbannerconcursonivel18 p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}
.bigbannerregalar {width: 100%; height: 600px; background-image: url(../img/background-regalar.gif); background-repeat: no-repeat; background-position: center -30px;}
.bigbannerregalar h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.bigbannerregalar p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}
.bigbannerfaq {width: 100%; height: 600px; background-image: url(../img/background-faq.jpg); background-repeat: no-repeat; background-position: center top;}
.bigbannerfaq h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.bigbannerfaq p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}
.bigbannerLibroArte {width: 100%; height: 600px; background-image: url(../img/background-libro-arte.jpg); background-repeat: no-repeat; background-position: center top;}
.bigbannerLibroArte h1, .bigbannerLibroDiseno h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0;}
.bigbannerLibroArte, .bigbannerLibroDiseno p {text-align: center; margin: 0; font-size: 24px; line-height: 32px;}
.bigbannerLibroDiseno {width: 100%; height: 600px; background-image: url(../img/background-libro-diseno.jpg); background-repeat: no-repeat; background-position: center top;}
.bigbannerpromoSept17 {width: 100%; height: 600px; background-image: url(../img/background-ofertas-sept17.jpg); background-repeat: no-repeat; background-position: center top;}
.bigbannerpromoSept17 h1 {text-align: center; font-size: 44px; line-height: 52px; margin: 25px 0 10px 0; color: #fff;}
.bigbannerpromoSept17 p {text-align: center; margin: 0; font-size: 24px; line-height: 32px; color: #fff;}



.headline {max-width: 500px; margin-top: 50px;}
.headline p {font-size: 24px; line-height: 32px;}
#color .headline {color: #fff !important}
.breaking {width: 100%; display: table; margin-top: 25px;}
.breaking-img {float: left; width: 29%; margin-right: 50px;}
.breaking-img img {width: 100%;}
.breaking-list {float: left; width: 64%;}
.breaking-list ul {list-style:none;}
.breaking-list li {margin: 15px 0;padding: 0 0 5px 45px;background: url(../img/bullet.png) no-repeat;background-size: 30px; font-size: 20px;}
.teacher {width: 100%; margin: 20px 0; display: table}
.teacher-img {float:left; width: 23%; margin-right: 15px;}
.teacher-img img {width: 100%}
.teacher-bio {float:left; width: 74%;}
.teacher-bio .big {margin-bottom: 0;}
.list {list-style: none; margin-left: 0; padding-left: 1.2em; text-indent: -1.2em; margin-top: -5px;}
.list li:before {content: "-"; display: block; float: left; width: 1.2em;}
.list li {margin-bottom: 5px;}
.img-right { float:right; margin-left:35px; margin-bottom:15px;}
.img-left { float:left; margin-right:35px; margin-bottom:15px;}
.video-container {position: relative; padding-bottom: 53.7%; padding-top: 30px; height: 0; overflow: hidden; width:100%; margin: 0 auto 0 auto;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: 0;}
.bundle {width: 96%; display: table; border: solid 1px #d4d4d4; padding: 2%; margin-bottom: 40px;}
.bundle-img {float: left; width: 20%; margin-right: 15px;}
.bundle-text {float: left; width: 76%;}
.bundle-img img {width: 85%;}
.featured1 {float: left; width: 30%; padding: 1%;}
.featured2 {float: left; width: 60%; padding: 1%; margin-top: -20px;}
.featured2 .destacado {font-size: 22px;}
.featured1 img, .featured2 img {width: 100%;filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);}
.featured1 img:hover, .featured2 img:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray;}
.remodal h3 {font-size: 38px !important; line-height: 46px !important; color: #000; margin: 0;}
.remodal p {font-size: 24px; line-height: 30px; color: #000;}
.remodal img {width: 100%; margin-bottom: 10px;}
/*.remodal {background: #ffc136 !important;}*/
.remodal {background: #fff !important;}
.reason-why { margin-top:40px;}
.reason-why li { width:29%; position: relative; display: inline-block; list-style-type: none; margin: 0 4% 0 0;}
/*.reason-why img:hover { zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}*/
.reason-why ul { text-align: center; width: 100%; padding: 0;}
.reason-why .destacado { margin:10px 0 -10px 0;}
.reason-why ul li {vertical-align: top;}
.reason1, .reason2 {width: 90px; height: 85px; background-image: url('../img/icons.png'); background-repeat: no-repeat; margin: 0 auto; background-size: 400px;}
.reason1 {background-position: 0 0;}
.reason2 {background-position: -105px 0;}
.reason-why .price {font-size: 70px; line-height: 78px; font-weight: 200px; color: #50bbff; margin: -15px 0 0px 0; }
.reason-why .mid {margin: 5px 0 -15px 0; font-weight: 400; text-transform: uppercase; color: #4d5767; font-size: 22px }
.reason-why li img {width: 80px;}
.euro {font-size: 50px;}
.take .button {margin: 10px 0 0 0}
.take .button-ghost {margin: 0px 0 0 25px; padding: 9px 10px; border: solid 1px #999;}
.x3 h3 {margin: 10px 0;}
.x2 {float: left; width: 44%; padding: 1%; margin: 0 2% 0 0;}
.video-temario {float: left; width: 62%; margin-top: 10px;}
.video-temario img {width: 100%;}
.img-campus {float: left; width: 30%; margin-right: 20px;}
.img-campus img {width: 100%;}
.campus-text {float: left; width: 67%;}
.blog img {border: 0;}
#registro form {width: 60%}
#guion .video-container {padding-bottom: 52.2%; }
iframe {border: 0;}
.x3 a img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}
.tks {width: 300px; margin: 0 auto;}
.tks-concurso {width: 500px}
.tks img {width: 100%;}
.subline {border-bottom: solid 1px #dedede; margin-top: 70px;}
.bundle .x2 {text-align: center;}
#charNumber {height: 15px; border: 0; resize: none;}
#metodo-inicio {display: table; width: 100%; background-color:#F2575F; color: #fff !important;}
#m70 {display: table; width: 100%; background-color:#50BBFF; color: #fff !important;}
#m70 .x3 p {font-size: 24px;}
#m70 .x3 .big {font-size: 70px; font-weight: 600; margin: 30px 0;}
#objetivos {display: table; width: 100%; background-color:#3361A0; color: #fff !important;}
#indiecamp {display: table; width: 100%; background-color:#667EA0; color: #fff !important; padding-bottom: 50px;}
#mision {display: table; width: 100%; background-color:#4FC2B4; color: #fff !important; padding-bottom: 70px;}
#metodo h1 {text-align: center; font-weight:200; margin-top: 50px;}
#metodo .mid {color: #fff !important; font-weight: 300;}
#metodo h2 {text-align: center; font-weight:300;}
#metodo .x3 {width: 31%; margin: 1%; text-align: center}
#metodo .x3 img {border: 0; max-width: 150px !important}
#metodo h2 {margin-bottom: 50px;}
#metodo .footer {margin-top: 0;}
.ojetivos-img {max-width: 700px; margin: 10px auto 50px auto;}
.ojetivos-img img {width: 100%}
.indie-img {width: 25%; margin: 10px 20px;}
.indie-img img {width: 100%;}
.indie-text {width: 70%;}
.indie-text .mid {font-weight: 600 !important; margin-bottom: -15px;}
#mision .center.mid {max-width: 700px; margin: 40px auto}
#mision .button {background-color: #3361A0;}
#mision a.button:hover {background-color: #6883A7;}
#mision a {color: #fff;}
#mision a:hover {color: #e9e9e9;}
#home h1 {font-weight: 200; text-align: center; margin-bottom: 0;}
#home h3 {font-size: 20px; line-height: 28px;}
#home .x3.blog {border-radius: 4px; overflow: hidden}
.slogan {font-size: 21px; line-height: 29px; text-align: center}
.booktext {margin-left:  5%; margin-right: 5%; text-align: justify}

.courseitem {display: inline-block; vertical-align: top; width: 30%; margin: 2% 3% 2% 0; overflow: hidden; box-shadow: 0 8px 24px 0 rgba(0,0,0,.1),0 8px 12px -8px rgba(0,0,0,.2);
border-radius: 8px;}
.courseitem a {text-decoration: none}
.courseitem img {width: 100%}
.courseitem h2 {font-size: 28px; line-height: 36px; font-weight: 600; margin-top: 4px; text-align: left; padding: 0 12%; color: #4d5767 !important}
.courseitem p {color: #4d5767 !important; padding: 0 12%}
.courseitem:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s;}

.gamegallery .courseitem h2, .gamegallery .courseitem p {padding: 0 6%; text-align: left;}
/*
.item {width: 29%; margin: 1.5%; padding: 5px; text-decoration: none; color: #4d5767 !important; height: 320px; position: relative; box-shadow: 0 8px 24px 0 rgba(0,0,0,.1),0 8px 12px -8px rgba(0,0,0,.2);
border-radius: 8px;}
*/


.item h2 {font-size: 26px; line-height: 34px; font-weight: 400; margin-top: 4px; text-align: center; width: 96%; padding: 0 2%;}
.item p {text-align: right; width: 95%; position: absolute; bottom: 0;}
.item img {width: 100%;}
.itemprice {font-size: 20px; padding: 6px 10px; border-radius: 4px; background-color: #2DBD78; color: #fff;}
.item:hover {background: #f6f6f6; transition: all 0.5s;}
.offer {background-color: #2DBD78; color: #fff !important;}
.offer:hover {background-color: #38D087; transition: all 0.5s;}
.great {background-color: #fdb53f; color: #fff !important;}
.great:hover {background-color: #f7969b; transition: all 0.5s;}
.offer .itemprice {background: none; font-weight:600; padding: 0 10px;}
.great p {background-image: url(../img/star.png); background-repeat: no-repeat; background-size: 30px; background-position: 5px 0; text-align: left; padding-left: 45px; margin-top: 20px;}
.great .itemprice {background: none; font-weight:600; float: right; margin-right: 45px; padding: 0 10px; border: solid 1px #fff;}
#home .reason-why .mid {text-transform: none; font-weight: 600; font-size: 20px; text-align: left; margin-bottom: 0; color: #4d5767}
#home .reason-why li {width: 21%; margin: 0 3% 0 0; text-align: center;}
#home .reason-why p {text-align: left; margin-top: 2px;}
#home .reason-why img {width: 75px;}

strong {font-weight: 600}
.responsive img {width: 100%}
.unity h3 {font-size: 28px; line-height: 36px;}
.unitybundle {background-color: #667ea0; color: #fff; text-align: center; margin: 0 !important; padding: 2%; cursor: pointer}
.unitybundle2 {background-color: #3361a0; color: #fff; text-align: center; margin: 0 !important; padding: 2%; cursor: pointer;}
.unitybundle, .unitybundle2 {text-decoration: none; color: #fff !important;}
.unitybundle h4, .unitybundle2 h4 {font-size: 26px; line-height: 34px;}
#unity h4 {font-size: 26px; line-height: 34px;}
.unitybundle:hover, .unitybundle2:hover {background-color: #abb6d0; color: #fff !important;}
.unitybundle-img {float: left; width: 29%; text-align: center;}
.unitybundle-img img {width: 200px;}
.unitybundle img, .unitybundle2 img {width: 85px; border: 0;} 
.reservation {padding: 1%; background-color: #f2575f; color: #fff;}
.concursoindie img {width: 50%;}
#blog h1 {margin: 80px 0 10px 0; text-transform: uppercase; font-weight: 600;}
#blog .slogan {text-align: left; margin-top: 0;}
#blog #courses {margin-top: 80px;}
.blogbig {width: 97%; border-radius: 5px; border: solid 1px #DEDEDE; display:inline-block; overflow: hidden; margin-top: 20px;}
.blogbig h2 {font-size: 32px; line-height: 40px; font-weight: 400; margin-top: 4px; text-align: left; width: 95%;}
.blogbig p {width: 95%;}
.blogbig img {float: left; width: 66%; margin-right: 2%;}
#beyond .blogbig img {width: 65%;}
.blogbig img:hover, .blogitem img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s;}
.blogtag {height: 22px; padding: 3px 10px; background: #aaa; font-size: 12px; line-height: 22px; font-weight: 700; text-transform: uppercase; color: #fff; display: inline; border-radius: 3px;}
.blogbigtext {margin-top: 30px;}
.blogbig a, .blogitem a {text-decoration: none; color: #4d5767 !important;}
.blogbig a:hover, .blogitem a:hover {color: #73829a !important;}
.blogitem {display: inline-block; vertical-align: top; width: 31%; margin: 2% 1.5% 0 0; border-radius: 5px; border: solid 1px #DEDEDE; overflow: hidden;}
.blogitem img {width: 100%}
.blogitemtext {position: relative; padding: 5%;}
.blogitemtext p {margin-top: 8px}
.blogitem .blogtag {position: absolute; top: -35px}
.blogitem h2 {font-size: 20px; line-height: 28px; font-weight: 600; margin-top: 4px; text-align: left; width: 95%;}
.blogbigimage {width: 100%; height: 450px; background-position: center; background-size: cover; margin-top: 20px}
#blogin h1{text-align: center; font-size: 45px; line-height: 53px; font-weight: 600; margin-bottom: 0;}
#blogin .footer, #blog .footer {margin-top: 0;}
.blogtagin {margin: -15px auto 20px auto; text-align: center; display: inline-block ;}
#blogin .blogtag {font-size: 14px;}
a.blogtag {text-decoration: none; color:#fff !important}
.rule {width: 184px; border-bottom: 4px solid; border-top: none; border-left: none; border-right: none; border-color: #50bbff; margin: 30px auto;}
.postcontent {max-width: 800px; margin: 0 auto;}
.postcontent img {width: 100%; }
.postcontent h2 {font-size: 26px; line-height: 34px; font-weight: 500; margin: 40px 0 -10px 0;}
.postcontent h3 {margin-bottom: -15px}

blockquote {margin: 80px 0; padding: 40px; font-size: 26px; line-height: 44px; font-weight: 500; color: #50bbff; text-align: center; position: relative}
blockquote:before {content: ""; background: #50bbff; position: absolute; top: 0; left: 35%; height: 2%; width: 35%;}
blockquote:after {content: ""; background: #50bbff; position: absolute; bottom: 0; left: 35%; height: 2%; width: 35%;}
.socialcolor {width: 180px; margin: 40px auto; display: table;}
.socialcolor img {float: left; width: 45px; margin-right: 15px;}
.socialcolor img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7; transition: all 0.3s;}
.author {width: 85%; margin: 20px auto; text-align: center;}
.author img {width: 100px;}
.author p {color: #8492a6; font-size: 17px; line-height: 22px;}
.authorname {font-size: 22px !important; font-weight: 500; margin-top: 5px; color:#4d5767 !important;}
.related {width: 100%; padding: 40px 0; background-color: #f0f1f5; display: table;}
.relateditem {float: left; width: 22.5%; margin: 2% 1.5% 0 0; border-radius: 5px; border: solid 1px #DEDEDE; overflow: hidden; background-color: #fff;}
.relateditem img {width: 100%}
.relateditem .blogitemtext {padding: 0 5%;}
.relateditem h3 {font-size: 22px; line-height: 30px; font-weight: 400; margin-top: 2px; text-align: left; width: 95%;}
.relateditem a {text-decoration: none; color: #4d5767 !important;}
.relateditem a:hover {color: #73829a !important;}
.adtester {background-color: #56bcfc;}
.adunity {background-color: #38649a;}
.addesign {background-color: #f2575f;}
.addkids {background-color: #65d1c1;}
.adguion {background-color: #f2575f;}
.adtester .button {background-color: #fff;}
.adtester a.button {color: #000 !important;}
.adtester a.button:hover {background-color: #f0f1f5; color: #000 !important;}
.blogad {width: 100%; border-radius: 10px; display: table; margin: 30px 0; overflow: hidden}
.blogadtext {float: left; width: 45%; padding: 3%; color: #fff;}
.blogadimg {float: right; width: 45%; margin-bottom: -10px;}
.blogad p {margin-top: 0;}
.blogadtext h3 {margin-bottom: 5px;}
#courses {width: 100%; display: table; background-color: #2DBD78;color: #fff; padding: 10px 0 20px 0;}
.courses-img {float: left; width: 30%;margin: 0 3% 0 6%;}
.courses-img img {width: 100%;}
.courses-text {float: left;width: 61%;}
#courses p, #relationship p {font-size: 20px;line-height: 28px;}
.courses-text .button {background-color: #3361A0;}
.courses-text .button:hover {background-color: #668ABB;}
.blogformacion {background-color: #667ea0 !important;}
.blogunity {background-color: #3361a0 !important;}
.blogdiseno {background-color: #f2575f !important;}
.blogkids {background-color: #65d1c1 !important;}
.blogguion {background-color: #f2575f !important;}
.blogmarketing {background-color: #f2575f !important;}
.blogconcursos {background-color: #fdb53f !important;}
.blogvr {background-color: #3361a0 !important;}
.blogtester {background-color: #50bbff !important;}
.blogproyectos {background-color: #000 !important;}
.videoWrapper { overflow:hidden; position: relative; padding-bottom: 56.30%; /* 16:9 */ height: 0; margin-bottom: 20px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
video {width: 100%;}
.caption {font-size: 16px; text-align: center; font-style: italic; margin: -15px 0 30px 0;}
/*#Concurso .x3 {text-align: center;}*/
.faq li { padding-bottom: 15px; }
.faq li.q {border-bottom: 1px #ddd solid; cursor: pointer;}
.faq li.q img {margin: 9px 15px 0 0; float: left; border: 0 !important;}
.faq li.a {display: none;}
.rotate {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.faq { list-style: none;}
#unity .faq {margin-bottom: 25px;} 
.faq.programa h3 {font-size: 18px; line-height: 28px; font-weight: 500;}
.faq.programa {padding: 0; margin: 0;}
.faq.programa li.a {padding-left: 20px}
.faq.programa li.q img {margin-top: 9px; width: 10px; float: left}
.faq.programa li {padding: 0px;}
.certificado img {width: 100%;}
.cert {background-color: #56bcfc; background-image: url(../img/certificado-background.gif); background-size: cover; background-repeat: no-repeat; background-position: center top; color: #fff; text-align: center; padding-bottom: 10px;border: dashed 1px #fff;} 
.cert-gold {background-color: #eeab4b; background-image: url(../img/certificado-background-gold.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top; color: #000; text-align: center; padding-bottom: 10px;border: dashed 1px #fff;} 
.cert-kids {background-color: #65d1c1; background-image: url(../img/certificado-background-kids.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top; color: #fff; text-align: center; padding-bottom: 10px;border: dashed 1px #fff;} 
.cert img, .cert-gold img, .cert-kids img  {width: 100%;}
.cert-logo {width: 200px; margin: 0 auto; padding: 30px 0 10px 0;}
.cert-curso {width: 200px; margin: 0 auto}
.cert-kids .cert-curso {width: 250px; margin: 50px 50px 0 120px; float: left;}
.cert-kids .cert-text {width: 85%; margin: 50px 0 0 0; text-align: left;}
.cert-text {width: 85%; margin: 0 auto;}
.cert-text p {font-size: 22px; line-height: 30px; margin: 5px auto;}
.cert-x3 {float: left; width: 30%; padding: 1%;} 
.cert-x3 img {width: 185px;}
.cert-code {margin-top: 70px;}
.cert-kids .cert-code {margin-top: 195px;}
.cert-kids .sign {margin-top: 123px;}
.cert-sobresaliente {font-size: 30px;}
.cert-horas {font-size: 18px;}
#certificado h2 {margin-top: 15px;}
.sign p{ margin-top: 0;}
.cert-info {margin: 2px auto;}
.comic-frecuencia {float: left; width: 35%; margin-right: 2%; margin-top: 30px;}
.comic-frecuencia img {width: 100%;}
.comic-frecuencia-text {float: left; width: 60%; margin-top: 10px;}
.videounity {width: 70%; margin: 0 auto; padding-top: 20px;}
.game-big {float: left; width: 30%; margin: 0 5% 0 10%; text-align: center;}
.game-big img {width: auto; max-height: 450px;}
#work #header {background-image: none;}
#work #header p {color: #fff;}
#work h2 {margin: 10px 0;}
#work h1 {font-size: 34px; line-height: 42px; color: #fff; margin-top: 35px;}
.gamework {width: 100%; display: table; margin-top: 35px; height: 460px;}
.game {width: 40%; margin: 0 3%; text-align: center;}
.gamecasetext {width: 53%;}
.gamecase {width: 100%; display: table; margin: 30px 0; padding-bottom: 30px; border-bottom: solid 1px #d1d1d1}
.gamecase img {width: 100%;}
.gamemobileup img {width: auto; max-height: 350px;}
#workint #header {background-image: none; background-color: #50bbff; padding-bottom: 60px;}
/*
#workint #header a {color: #fff !important;}
#workint #header a:hover {color: #d7d7d7 !important;}
*/
#workint h1, #workint #header p {color: #fff;}
#workint .gamework {height: auto;}
#workint .resp {width: 100%;}
.game-big-mobile {float: left; width: 44%; margin: 0 3% 0 3%; text-align: center;}
.game-big-mobile img {width: 100%;}
.game-big-text {float: left; width: 49%; margin-top: 20px;}
#work #header {background-color: #000;}
.fancybox img {width: 100%;}
.fancybox {float: left; width: 29%; margin: 2%;}
.tajetaregalobig {float: left; width: 57%; margin-right: 1%; display: table;}
.tajetaregalsmall {float: left; width: 42%; display: table;}
.tajetaregalobig img, .tajetaregalsmall img {width: 100%}
.x3.unity .button {margin-right: 20px;}
.gamegallery {width: 100%; margin: 3% 0; display: table; background-color: #f5f5f5; padding: 0 0 3% 0; text-align: center;}

#design h2, #guion h2, #marketing h2, #unity h2 {text-align: center}
.explanation {width: 80%; margin: 15px auto 20px auto; text-align: center}
.pack {width: 100%; padding: 10px 0; margin: 25px 0; background-color: #ebeaeb; display: table}
.pack img {width: 100%}
.teacherinfo {width: 80%; margin: 10px auto;}
.certificadogold {width: 100%; display: table;}
.certificadogold h3 {font-weight: 600; font-size: 24px; line-height: 32px;}
.certificadogold img {width: 80%}
.certificacion-info {margin-top: 50px;}
.video img {width: 100%}
.video img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}
.video h3 {font-weight: 600; font-size: 24px; line-height: 32px;}
.tajetaregalopdf {float: left;  width: 25%; margin: 2% 2% 0 0}
.tajetaregalopdf img {width: 100%;}
.tajetaregalopdfinfo {float: left;  width: 70%;}
#regalar h3 {font-weight: bold; margin-bottom: 0;}

#gamejam h1 {text-align: center; margin: 35px 0 50px 0; line-height: 50px; font-weight: 300}
#gamejam h2 {text-align: center;}
#gamejam h3 {text-align: center; font-size: 24px; line-height: 32px; font-weight: 400;}
#gamejam .x2, #gamejam .x3 {text-align: center;}
#gamejam .x2 img, #gamejam .x3 img {width: 100%;}
#gamejam .x2 h3, #gamejam .x3 h3, #gamejam .x2 .big, #gamejam .x3 .big {margin-top: 0; font-weight: bold}

.jamguia {float: left; width: 42%; margin: 2%; padding: 2%; background-color: #3361A0; text-align: center; color: #fff; min-height: 380px;}
.jamdiscord {width: 92%; padding: 2%; background-color: #F2575F; text-align: center; color: #fff; margin: 0 auto;}
.jamdiscord img {max-width: 300px;}
.jamguia h2, .jamdiscord h2 {margin-top: 0;}
.jamguiaimg  {float: left; width: 50%; text-align: center;}
.jamguiaimg img {width: 70%}
.jamguiabtn {float: left; width: 50%; text-align: left; margin-top: 110px}
.reason-why.tutoresjam li img {width: 100%;}
.reason-why.tutoresjam ul {text-align: left;}
.marketingjam img {width: 300px;}
.premiojam {width: 80%; margin: 20px auto}
.premiojam h3 {text-align: left !important; color: #fff; font-size: 28px !important; line-height: 36px !important; font-weight: 400 !important;}
.premiojamtext {width: 75%; color: #fff;}
.premiojamtext a {color: #fff !important}
.premiojamtext a:hover {color: #f0f1f0 !important}
.premiojamimg {width: 23%; margin-top: 50px;}
.premiojamimg img {width: 100%;}
.premiojamcontent {width: 100%; display: table; background-color: #fdb53f; padding-bottom: 2%; margin: 30px 0;}
.premiojamcontent h2, .premiojamcontent p, .premiojamcontent ul  {color: #fff;}
.apuntatejam {text-align: left !important; margin-bottom: -15px;}
.colaboradorjam {text-align: center; width: 100%; padding: 0; margin-bottom: 100px;}
.colaboradorjam li { position: relative; display: inline-block; list-style-type: none; margin: 0 5% 0 0;}
.colaboradorjam li img {height: 50px;}
.lovejam {width: 50px; margin: 100px auto 0 auto;}
.lovejam img {width: 100%}
.footerx2 ul {text-align: left; padding: 0}
.footerx2 li { position: relative; display: inline-block; list-style-type: none; margin: 0 1% 2% 0;}
.horariojam {width: 35px; margin: 10px 10px 0 0;}
.menujam {text-align: center; width: 100%; padding: 0; margin: 30px 0;}
.menujam li { position: relative; display: inline-block; list-style-type: none; margin: 0 1% 2% 0;}
#registrojam h1 {margin-top: 50px; text-align: center;}
#registrojam h2 {margin: 0 0 30px 0;}
.x2.unity img {width: 100%;}
.x2.unity .button {margin-right: 6px;}
.infopromo {font-size: 19px; line-height: 27px;}
.webinar-img {float: left; width: 44%; padding: 12% 3% 0 3%; background-color: #c4e0f8; margin-top: 40px;}
.webinar-img img {width: 100%; margin-bottom: -8px;}
.webinar-text {float: left; width: 44%; padding: 0 3%; margin-top: 40px;}
.webinar-text h2 {text-align: left !important; margin-top: 10px;}
.webinar-text h3 {margin-bottom: -15px; font-weight: 600}
.webinar-calendar {float: left; width: 30px; margin-left: 15px}
.webinar-calendar-dates {float: left; width: 82%} 
.masterclass img {width: 100%;}
.masterclass li { width:19%; position: relative; display: inline-block; list-style-type: none; margin: 0;}
.masterclass ul { text-align: center; width: 100%; padding: 0;}
.masterclass-name { font-size: 22px; font-weight: 600;}
.masterclass p {width: 90%; margin: 5px auto; text-align: left !important;}
.masterclass ul li {vertical-align: top;}
#children .reason-why li img {width: 120px;}
#children h2 {text-align: center}
.playandroid .x2 {float: right}
.playandroid img {width: 75%}
.playandroid h3 {font-weight: 600; font-size: 24px; line-height: 32px;}
#children .teacherinfo {float:left; width: 48%; }
#children .certificadogold .x2 {float: left;}

/*BLOG BEYOND*/
.beyondheader {background-color: #fdb53f; color: #000; padding-bottom: 25px;}
.beyondlogo {float: left; width: 150px;}
.beyondlogo img {width: 100%}
.beyondh1 {float: left; width: 75%; margin-top: 80px;}
.beyond {font-weight: bold;}
.beyondheader h1 {font-weight: 200; font-size: 60px; margin-bottom: 0;}
.beyondheader .slogan {text-align: left;}
.beyondtitle {width: 65%; margin: 30px auto; display: table;}
#blogbeyond .blogbig {border: none; border-radius: 0;}
#blogbeyond .blogbig h2 {font-size: 38px; line-height: 46px; font-weight: 600;}
#blogbeyond .blogtag, #blogbeyondin .blogtag {background: none; color: #000; padding: 0;}
#blogbeyond a.blogtag, #blogbeyondin a.blogtag {color: #000 !important;}
#blogbeyond a.blogtag:hover, #blogbeyondin a.blogtag:hover {color: #535d6f !important;}
#blogbeyondin .blogtagin {margin: 30px auto 20px auto}
#blogbeyond {color: #000;}
#blogbeyond .button, #blogbeyondin .button {background-color: #fdb53f}
#blogbeyond a.button:hover, #blogbeyondin a.button:hover {background-color: #fed187}
#blogbeyond .blogbig a, #blogbeyond .blogitem a, #blogbeyond .game1 a {color: #000 !important}
#blogbeyond .blogbig a:hover, #blogbeyond .blogitem a:hover, #blogbeyond .game1 a:hover {color: #535d6f !important}
.game1 {width: 100%; display: table; background-color: #000; margin-top: 80px;}
.game1 .content {position: relative; height: 300px;}
.game1img {float: left; position: absolute; bottom: 0; left: 0; max-width: 550px; margin-bottom: -8px;}
.game1img img, .game2 img {width: 100%;}
.game1 .gamecta {float: right; width: 35%; margin: 30px 10% 0 0; font-size: 20px; line-height: 28px; color: #000;}
.game1 .gamecta img {width: 250px;}
.game1 .gamecta p {margin: 5px 0; color: #fff;}
.game0 {width: 100%; display: table; background-color: #fdb53f; margin-top: 80px;}
.game0 .content {position: relative; height: 300px;}
.game0img {float: left; position: absolute; bottom: 0; left: 0; max-width: 550px; margin-bottom: -8px;}
.game0img img, .game2 img {width: 100%;}
.game0 .gamecta {float: right; width: 35%; margin: 30px 10% 0 0; font-size: 20px; line-height: 28px; color: #000;}
.game0 .gamecta img {width: 250px;}
.game0 .gamecta p {margin: 5px 0; color: #fff;}
.game2 {width: 100%; display: table; background-color: #50bbff;}
.game2 .content {position: relative; height: 300px;}
.game2img {float: right; position: absolute; bottom: 0; right: 0; max-width: 600px; margin-bottom: -8px;}
.game2 .gamecta {float: left; width: 35%; margin: 30px 0 0 10%; font-size: 20px; line-height: 28px; color: #000;}
.game2 .gamecta p {margin: 5px 0; color: #fff;}
.game2 .gamecta img {width: 250px;}
#blogbeyondin h1 {text-align: center;}
#blogbeyondin {color: #000;}
#blogbeyondin blockquote {color: #737373; font-style: italic; margin: 30px auto}
#blogbeyondin blockquote:before, #blogbeyondin blockquote:after {background: none;}
.bigletter {float: left; font-size: 60px; font-weight: 500; padding-top: 6px; margin-left: -5px; margin-right: 7px; letter-spacing: -.03em; line-height: .83;}
#blogbeyondin .rule {border-color: #fdb53f}
#blogbeyond .footer {margin-top: 0;}
#blogbeyond .blogitem {border-radius: 0; border: none;}
#blogbeyond .blogitem .blogtag {position: relative; margin: 0; background: none; top: auto;}
#blogbeyond .blogitemtext {padding: 0 5% 5% 5}
.beyondheader a {color: #000 !important;}
.beyondheader p a {color: #9B5B00 !important; text-transform: uppercase; font-size: 14px; text-decoration: none; font-weight: 500; margin-right: 20px;}
.beyondcategory:hover {color: #663100 !important}
/*.beyondheader .menu.black ul ul li a {color: #fff !important}*/
#blogbeyondin .postcontent a {color: #9B5B00 !important;}
#blogbeyondin .postcontent a:hover {color: #663100 !important;}
#blogbeyond .blogdiseno, #blogbeyondin .blogdiseno {background-color: transparent !important}
#blogbeyond .blogguion, #blogbeyondin .blogguion {background-color: transparent !important}
.blogverne {background-color: #4a9a96;}
.wishlist {text-align: center; margin-top: 60px;}
.wishlist h3 {font-size:20px;line-height:30px;font-weight: 400;}
#blogin .postcontent .wishlist a {color: #4A9A96 !important;}
#blogin .postcontent .wishlist a:hover {color: #fff !important;}
#blogin .postcontent .wishlist .btn-steam, #blogbeyondin .postcontent .wishlist .btn-log {margin: 50px 20px 10px 20px;}
/*END BLOG BEYOND*/




/*ADMIN BLOG*/
.login {width: 300px; text-align: center; margin: 100px auto 0 auto;}
.login img {width: 150px; margin-bottom: 20px;}
.login .button {width: 85%; margin: 0;}
.bloglist {margin-top: 40px;}
.bloglistitem {width: 100%; margin: 10px 25px 0 0; border-bottom: solid 1px #f0f1f5; display: table; padding: 10px 0;}
.blogname {float: left; width: 60%;}
.bloglistitem .button, .bloglistitem .button-indie {float: right; padding: 2px 10px; font-size: 15px; margin: 0px 10px;}
a.button-ghost.logout {float: right !important; padding: 2px 10px; font-size: 15px;margin-top: 15px;}
#admin h1 {text-align: center; margin-top: 30px;}
#admin .x2 {width: 48%; padding: 0; margin: 0 2% 0 0;}
#admin .x3 {width: 31.3%; padding: 0; margin: 0 2% 0 0;}
#formarticle {margin-top: 30px;}
#formarticle .select-style select {width: 100%;}
#formarticle textarea {padding: 1%; height: 600px; width: 98%;}
textarea#seodescription.descripcion {height: 50px !important;}
#admin .button-ghost {float: left; padding: 7px 24px;margin: 10px 20px 0 0;}
/*END ADMIN BLOG*/


/*BUTTONS*/
.button{padding: 8px 24px; text-align: center; font-size: 16px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; background-color: #2dbd78; font-weight: 600;}
a.button {text-decoration: none; color: #fff !important; text-transform: uppercase;}
a.button:hover {background-color: #7cd6ab; color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.button-indie{padding: 5px 16px; text-align: center; font-size: 16px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0; background-color: #f2575f; border: solid 1px #fff;}
a.button-indie {text-decoration: none; color: #fff !important; text-transform: uppercase;}
a.button-indie:hover {background-color: #f7969b; color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.button-ghost {padding: 8px 24px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-align: center; font-size: 18px; margin: 4px auto; border: solid 1px #696969;}
a.button-ghost  {text-decoration: none; color:#696969 !important; text-transform: uppercase;}
a.button-ghost:hover {background: #2dbd78 !important; color:#fff !important; border: solid 1px #0b9c53; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.button-input { background-color: #2dbd78; width: 180px; height: 45px; padding: 6px; display: inline-block; font-size: 16px; text-align: center; color: #fff; font-weight: bold; margin-top:0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-appearance: none !important; border:0px; cursor:pointer; }
a.button-input {text-decoration: none; color:#fff !important;}
.button-input:hover { background-color: #7cd6ab;}

.btn-ghost {padding: 8px 24px; border-radius: 5px; color: #fff; text-align: center; font-size: 18px; margin: 4px auto; border: solid 1px #fff;}
a.btn-ghost  {text-decoration: none; color:#fff !important; text-transform: uppercase;}
a.btn-ghost:hover {background: #fff !important; color:#4d5767 !important; border: solid 1px #fff; transition: all 0.3s;}

.btn-steam {padding: 8px 20px 8px 40px; text-align: center; font-size: 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; font-weight: 500; border: solid 1px #4A9A96; background-image: url(/learning/2017/img/steam.svg); background-repeat: no-repeat; background-size: 25px; background-position: 8px center;}
a.btn-steam {text-decoration: none; color: #4A9A96 !important; text-transform: uppercase;}
a.btn-steam:hover {background-color: #4A9A96; color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.btn-log {padding: 8px 20px 8px 40px; text-align: center; font-size: 15px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0; font-weight: 500; border: solid 1px #4A9A96; background-image: url(/learning/2017/img/log.svg); background-repeat: no-repeat; background-size: 25px; background-position: 8px center;}
a.btn-log {text-decoration: none; color: #4A9A96 !important; text-transform: uppercase;}
a.btn-log:hover {background-color: #4A9A96; color:#fff !important; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

/*END BUTTONS*/

/*LINKS*/
a img {text-decoration: none;border: 0 none;}
a:link {color:#50bbff;}      /* unvisited link */
a:visited {color:#50bbff;}  /* visited link */
a:hover {color:#92d4ff;}  /* mouse over link */
a:active {color:#50bbff;}  /* selected link */
.roll:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}
/* END LINKS*/

/*FONTS*/
h1 {line-height: 48px; font-size: 42px; margin-top: 0; font-weight: 400;}
h2 {line-height: 44px; font-size: 36px; font-weight: 200; margin: 40px 0 5px 0;}
h3 {font-size:20px;line-height:28px; font-weight: 400; margin-bottom: 5px;}
h4 {font-size:22px;line-height:30px; font-weight: 400; margin-bottom: 5px;}
.center {text-align: center !important}
.big {font-size: 28px; line-height: 36px; font-weight: 300;}
.small {font-size: 15px; line-height: 20px;}
.top30 {margin-top: 30px;}
.top0 {margin-top: -5px;}
.b0 {margin-bottom: 3px;}
.green {color: #2dbd78}
.price {font-size: 40px;}
.mid {font-size:26px; line-height: 34px; color: #50bbff; font-weight: bold;}
.medium {font-size:22px; line-height: 30px; font-weight: 400;}
.large {font-size:19px; line-height: 27px; font-weight: 400;}
.textLeft {text-align: left;}
.legal { font-size:13px !important;}
.strike {text-decoration: line-through;}
.blue {color: #50bbff}
/*END FONTS*/

/*SCROLL TO TOP*/
.cd-top {display: inline-block;height: 40px; width: 40px;position: fixed;bottom: 90px;right: 5%;/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(../img/scroll-top.png) no-repeat center 50%; background-size: 85%; visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
/*FIN SCROLL TO TOP*/

/*MOBILE NAV*/
.slicknav_menu {position: fixed; top: 0;left: 0px; background: none !important; z-index: 200; display: none; height: 40px; font-size: 25px !important;}
.slicknav_btn {background: none!important; margin: 0 !important; padding: 0 !important; float: none !important;}
.slicknav_nav {font-size: 17px !important; background-color: #fff; border: solid 1px #E6E4E4; width: 300px !important;}
.slicknav_nav a {padding: 3px 8px; margin: 2px; color: #000 !important;}
.slicknav_nav li {border-bottom: solid 1px #E6E4E4;} 
.slicknav_menu .slicknav_menutxt {display: none !important;}
.slicknav_menu .slicknav_icon-bar {background-color: #000 !important; height: 0.125em !important;}
.slicknav_nav a.subselected {color: #fff !important;}
.slicknav_menu .slicknav_icon{background-color: #fff !important; padding: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; margin: 0px !important; box-sizing: initial !important;}
/*END MOBILE NAV*/

/*CSS OLD DELETE IN FUTURE */
/*FORMULARIOS*/
.registro{ width:52%; float:right;}
.registro-doble{ width:100%;}
.select-style {border: 1px solid #ccc;width: 100%;height:35px;border-radius: 3px;overflow: hidden;background: #fff url("../img/icon-select.png") no-repeat 95% 50%;margin-bottom:15px;}
.select-style-imput {border: 1px solid #ccc;width: 100%;height:35px;border-radius: 3px;overflow: hidden;background-color:#fff;margin-bottom:15px;}
.select-style-imput input[type='text'], .select-style-imput input[type='email'], .select-style-imput input[type='password'], .select-style-imput input[type='date']{padding: 5px 8px;width: 130%;border: none;box-shadow: none;background: #fff;background-image: none;-webkit-appearance: none;font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #999;}
textarea {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #999; width:100%; height:90px;border-radius: 3px; border: 1px solid #ccc;box-shadow: none;background: #fff;background-image: none;-webkit-appearance: none;}
.select-style select { padding: 5px 5px; width: 115%; border:none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 14px; color: #999; font-size: 16px; }
/*FIN FORMULARIOS*/
.col2-left {float: left; width: 45%;} 
.boton-registro{display: block;height: 24px;width: 250px;padding: 12px;background: #2dbd78;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;color: #fff;text-align: center;font-size: 20px ;margin-top:4px;float:left;}
a.boton-registro {text-decoration: none; color:#FFF !important;}
a.boton-registro:hover {background: #7cd6ab;}
.img-center {max-width: 500px; margin: 0 auto;}
.img-center img {width: 100%}
#color .registro .big {line-height: 46px; font-size: 38px; font-weight: 400;} 
.cursos {margin-top:0px;}
.cursos li { width:15%; position: relative; display: inline-block; list-style-type: none; margin: 0 4% 2.6% 0;}
.cursos li img {width: 70%; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.cursos li img:hover {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cursos ul { text-align: center; width: 100%; padding: 0;}
.cursos .destacado { margin:10px 0 -10px 0;}
.cursos ul li {vertical-align: top;}
.cursos li p {line-height: 25px}
.transition {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.destacado { font-size:26px !important; line-height:34px !important;font-weight:normal; margin: 0;}
.boton-remodal-ok{
	display: block;
  height: 24px;
  width: 180px;
  padding: 10px 10px 10px 10px;
  background: #2dbd78;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin: 4px 0 0 20px;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
    border: solid 1px #fff;
}
a.boton-remodal-ok {text-decoration: none; color:#FFF !important;}
a.boton-remodal-ok:hover {background: #7cd6ab;}

.boton-remodal-ko{
	display: block;
  height: 24px;
  width: 180px;
  padding: 10px 10px 10px 10px;
  background: #f2575f ;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin: 4px 0 0 20px;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}
a.boton-remodal-ko {text-decoration: none; color:#FFF !important;}
a.boton-remodal-ko:hover {background: #f7969b;}
/*END CSS OLD DELETE IN FUTURE */



/*PAGINATION*/
.pagination {display: inline-block; padding-left: 0; margin: 20px 0;border-radius: 4px}
.pagination>li {display: inline}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;
color: #fff;cursor: default;background-color: #2dbd78; border-color: #2dbd78}
.pagination>li>a, .pagination>li>span {position: relative; float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #2dbd78;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #23527c;background-color: #eee;border-color: #ddd}

/*END PAGINATION*/





@media only screen and (max-width: 1160px) {
    .biginfo {width: 360px;}
    .social, .social.dark {display: none !important;}
    .unitybundle, .unitybundle2 {height: 360px;}
    .blogbig .button {display:none;}
    .menu ul li {margin: 0 6px;}
    .logomobile {display: block;}
    .logo {display: none;}
    .menu ul {margin: 12px 0 0 130px;}
    #header-scroll .menu {width: 89%}
    .jamguiaimg {width: 100%; float: none;}
    .jamguiaimg img {width: 40%;}
    .jamguiabtn {width: 100%; float: none;text-align: center;margin-top: 20px;}
    .cert-kids .cert-text {width: 55%; float: left};

}
@media only screen and (max-width: 980px) {
    #color .headline {max-width: 350px;}
    .bundle-img {width: 25%}
    .bundle-text {width: 70%}
    .help {width: 35%;}
    .reason-why li, .cursos li {margin: 0 2% 2.6% 0;}
    .reason-why li { width:45%;}
    .reason-why .price {margin-bottom: 0px;}
    .video-temario, .temario {width: 96%;}
    .guionhero {height: 550px; background-position: center 30px; background-color: #fff;}
    .designhero {height: 550px; background-position: center 30px; background-color: #fff;}
    .bigbannerTester {height: 550px; background-size: 2000px; background-position: center 50px; background-color: #20bdfc;}
    .marketinghero {height: 540px; background-position: center 30px;}
    .Unityhero {height: 540px; background-size: 2000px; background-position: center top;}
    .Childrenhero {height: 540px; background-size: 2000px; background-position: center top;}
    .bigbannerConcursoNivelOculto {height: 540px; background-size: 1600px; background-position: center 170px; background-color: #50bbff}
    .bigbannerfaq {height: 540px; background-size: 2200px; background-position: center top; background-color: #023b66}
    .logo {margin: 10px 10px 0 0;}
    .menu ul li {margin: 0 10px;}
    #registro form {width: 96%;}
    .indie-img {width: 98%; text-align: center; margin: 0;}
    .indie-img img {max-width: 285px;}
    .indie-text {width: 98%;}
    .item {width: 45%; height: auto;}
    .item p {position: relative;}
    .break {display: block;}
    .footer .x3 {width: 45%}
    #slider {width: 100%; margin: 0 0 30px 0; height: auto; position: relative}
    .biginfo, .biginfo.bigger {max-width: none; width: 70%; float: none; margin: 70% auto 0 auto; text-align: center;}
    .biginfo p, .biginfo.bigger p {font-size: 22px; line-height: 30px;}
    .autumn18 {background-image: url(/learning/2017/img/banner-promociones-otono18-mobile.jpg); color: #fff;}
    .bannerconcursonivel18 {background-image: url(/learning/2017/img/banner-concurso-nivel18-mobile.gif);}
    .bannertarjetaregalo {background-image: url(/learning/2017/img/banner-tarjeta-regalo-mobile.jpg);}
    .bannernarrativedesign {background-image: url(/learning/2017/img/banner-curso-disenador-narrativo-mobile.jpg);}
    .bannerwinter22 {background-image: url(/learning/2017/img/Banner-winter22-mobile.png);}
    .cursovr {background-image: url(../img/banner-big-vr-mobile.jpg); color: #fff;}
    .concursocomic4 {background-image: url(../img/banner-big-concurso-comic4-mobile.jpg); color: #fff;}
    .evde {background-image: url(../img/bb-el-viajede-de-elisa-mobile.jpg); color: #fff;}
    #lightSlider li {background-size: 980px; padding-bottom: 10px; height: 750px}
    #lightSlider li a {padding-bottom: 8px; height: 750px}
    #header-scroll {display: none !important;}
    .game1img, .game2img, .game0img  {max-width: 450px; margin-bottom: -8px;}
    .game1 .gamecta {margin: 30px 1% 0 0;}
    .game0 .gamecta {margin: 30px 1% 0 0;} 
    .beyondh1 {margin-top: 60px;}
    .beyondlogo {width: 150px;}
    .beyondtitle {width: 90%; margin: 10px auto;}
    .game1img, .game2img {max-width: 450px; margin-bottom: -8px;}
    .game1 .gamecta {margin: 30px 1% 0 0;} 
    .game2 .gamecta {margin: 30px 0 0 3%;}
    .game0 .gamecta {margin: 30px 1% 0 0;} 
    .game-big {width: 98%; margin: 0;}
    .game, .gamecasetext {width: 98%; margin: 0;}
    .game img {width: 75%;}
    .gamework {height: auto;}
    .gamemobileup img {width: 35%; max-height: none;}
    .game-big-text {margin-top: 0;}
    #header {background-image: none; padding-bottom: 20px;}
    .selected.language {width: 15% !important}
    .bbpoegame2 {background-image: url(/learning/2017/img/banner-allan-poe-nightmare2-mobile.gif);}
    .julesverne {background-image: url(/learning/2017/img/banner-verne-mobile.jpg);}
    .bannercrearvideojuegos {background-image: url(/learning/2017/img/banner-crear-videojuegos-mobile.jpg);}
    .bannervernesteam {background-image: url(/learning/2017/img/banner-verne-steam-mobile.png);}
    .bannerkids {background-image: url(/learning/2017/img/banner-curso-creacion-videojuegos-ninos-mobile.png);}
    .bannerknowledge {background-image: url(/learning/2017/img/banner-knowledge-mobile.png);}
    .bannerblognarrativo {background-image: url(/learning/2017/img/banner-blog-disenador-narrativo-mobile.jpg);}
    .blogbig img {width: 55%}
    .blogbigtext {margin-top: 0;}
    #blogbeyond .blogbig h2 {font-size: 30px; line-height: 38px;}
    .courseitem { width: 46%;}
    /*CSS OLD DELETE IN FUTURE */
    .registro, .otros-cursos, .col2-right, .col2-left {width:100%}
    /*END CSS OLD DELETE IN FUTURE */
    .tajetaregalopdf, .tajetaregalopdfinfo {width: 46%; float: none,}
    .jamguia {min-height: 460px;}
    .footerx2.left, .footerx2.right {float: none !important; margin: 20px 0;}
    .masterclass li {width:32%;}
    .cert-kids .cert-curso {width: 200px; margin: 0 auto; float: none;}
    .cert-kids .cert-text {width: 95%; margin: 0 auto; text-align: center; float: none;}
    
}
@media only screen and (max-width: 750px) {
    .menu {display: none;}
    .slicknav_menu {display: block;}
    #color .bigbannerColor{ background-image: url(../img/background-DigitalColour-mobile.jpg); height: 600px; padding:15px 0; background-size: 750px; background-position: center -225px;}
    #color .headline {max-width: 100%;}
    #color .headline .green {color: #fff;}
    .logo, .button-indie {display: none;}
    .logo-scroll {margin: 10px 0 0 55px;}
    .breaking-img {margin-right: 10px;}
    .mobileon {display: block !important}
    .mobileoff {display: none}
    .guionhero, .designhero, .bigbannerTester, .marketinghero, .Unityhero, .Childrenhero, .bigbannerconcursonivel18, .bigbannerregalar, .bigbannerfaq, .bigbannerpromoSept17{margin-top:0; padding-top: 5px;}
    .gamejamhero {background-size: 1200px; height: 350px; background-position: center 30px;}
    .relateditem {width: 48%;}
    .blogadtext {width: 37%}
    .blogadimg {width: 55%;}
    .blogitem {width: 47%;}
    .blogbigtext {padding: 3%;}
    .blogbig img {width: 100%}
    .beyondlogo {float: none;width: 140px;margin: 0 auto;}
    .beyondtitle {width: 100%; margin: 0 auto;}
    .beyondh1 {width: 100%; text-align: center; margin: 0;}
    .beyondh1 .slogan {text-align: center;}
    .beyondheader h1 {font-size: 45px; line-height: 53px;}
    .game1 .gamecta, .game2 .gamecta, .game0 .gamecta {float: none; margin:  15px 0 0 0; width: 98%; text-align: center;}
    .game1img, .game2img, .game0img {position: relative; margin: 0 auto -8px auto; float: none}
    .game1 .content, .game2 .content, .game0 .content {height: auto;}
    .jamguia, .jamdiscord {width: 96%; float: none; margin: 2% 0; padding: 2% 2% 50px 2%;}
    .jamguiaimg img {width: 60%;}
    .webinar-img {float: none; width: 100%; padding: 40px 0 0 0; margin-top: 40px; text-align: center}
    .webinar-img img {width: 65%;}
    .webinar-text {float: none; width: 100%; padding: 0; margin: 0;}
    #children .teacherinfo {float:none; width: 99%; display: table; }
}

@media only screen and (max-width: 630px) {
    h1 {font-size: 42px; line-height: 50px;}
    h2 {font-size: 34px; line-height: 42px;}
    .x3, .x2, .teacher-bio, .breaking-list, .bundle-text, .img-campus, .campus-text {width:96%;}
    .x3, .x2 {margin: 15px 0;}
    .teacher-img, .breaking-img {float: none; width: 50%; margin: 0 auto;}
    .teacher-img, .breaking-img {float: none; width: 50%; margin: 0 auto;}
    .bundle-img {float: none; width: 80%; margin: 0 auto;}
    .featured1, .featured2 {width: 97%;}
    .social {float: left; width: 100%; margin: 25px 0;}
    .breaking-list ul {padding: 0;}
    .help {width: 100%; margin: 0;}
    .reason-why li, #home .reason-why li { width:98%; margin: 0;}
    #color .bigbannerColor{ background-image: url(../img/background-DigitalColour-mobile.jpg); height: 600px;  padding:15px 0; background-size: 630px; background-position: center -125px;}
    .guionhero {height: 440px; background-size: 850px; background-position: center 120px; background-color: #fff; margin-top: 0px; padding-top: 5px;}
    .designhero {height: 440px; background-size: 850px; background-position: center 120px; background-color: #fff; margin-top: 0px; padding-top: 5px;}
/*    .bigbannerTester {height: 420px; background-size: 1700px; background-position: center 50px; background-color: #20bdfc; margin-top: 0px; padding-top: 5px;}*/
    .marketinghero {height: 440px; background-size: 850px; background-position: center 120px; margin-top: 0px; padding-top: 5px;}
    .bigbannerConcurso {height: 460px; background-size: 1300px; background-position: center 170px; margin-top: 0px; padding-top: 5px;}
    .guionhero h1, .designhero h1, .bigbannerColor h1, .bigbannerTester h1, .marketinghero h1, .Unityhero h1,.Childrenhero h1, .bigbannerConcurso h1, .bigbannerconcursonivel18 h1, bigbannerregalar h1, .bigbannerpromoSept17 h1, .bigbannerfaq h1, #gamejam h1 {font-size: 36px; line-height: 44px;}
    .guionhero p, .designhero p, .bigbannerColor p, .bigbannerTester p, .bigbannerMarketing p, .Unityhero p, .Childrenhero p, .bigbannerconcursonivel18 p, bigbannerregalar p, .bigbannerpromoSept17 p {font-size: 22px; line-height: 30px;}
    .guionhero h1 {margin-top: 6px;}
    .tks {width: 200px;}
    .tks-concurso {width: 300px}
    #metodo .x3 {width: 98%;}
    .logomobile {display: block;}
    .item {width: 92%; margin: 10px 0; height: auto;}
    #mc_embed_signup input.email {width: 100% !important;}
    .footer .x3 {width: 98%}
    .Unityhero {background-position: center 55px}
    .Childrenhero {background-position: center 55px}
    .biginfo, .biginfo.bigger {width: 85%;}
/*    .lSSlideOuter .lSPager.lSpg {display: none;}*/
    .bigbannerTester {height: 440px; background-size: 950px; background-position: center 200px; background-color: #50BBFF; margin-top: 0px; padding-top: 5px;}
    .bigbannerLibroArte, .bigbannerLibroDiseno {background-position: center 150px; background-size: 1850px;}
    .bigbannerpromoSept17 {background-position: center 200px; background-size: 1600px; background-color: #fdb53f;}
    #blogin h1 {font-size: 35px; line-height: 43px;}
    blockquote {margin: 40px 0;font-size: 22px; line-height: 30px;}
    .blogadimg, .relateditem {width: 100%;}
    .blogadtext {width: 95%;}
    .courses-text {width: 98%;}
    .courses-img {width: 98%; margin: 0;}
    #blog h1 {margin: 10px 0 10px 0;}
    .blogitem {width: 94%; margin: 4% 1.5% 0 0;}
    .x2.cursotemario {margin: 0;}
    .cert-x3 {float: none; width: 98%; padding: 0%;} 
    .cert-text p {font-size: 16px; line-height: 26px; margin: 5px auto;}
    .sign {margin-top: 50px;}
    .cert-kids .sign {margin-top: 50px;}
    .cert-kids .cert-code {margin-top: 70px;}
    .comic-frecuencia-text, .comic-frecuencia {width: 98%; float: none;}
    .bigbannerconcursonivel18 {background-size: 240%; height: 400px; background-color: #51a2e5; background-position: center bottom; }
    .bigbannerregalar {background-size: 240%; height: 450px; background-color: #51a2e5; background-position: center bottom; background-image: url(../img/background-regalar-mobile.gif)}
    .videounity {width: 100%;padding-top: 10px;}
    .gameinfo {margin: 470px auto 30px auto;}
    .game img {width: 100%;}
    .gamemobileup img {width: 55%; max-height: none;}
    .game-big-mobile, .fancybox, .game-big-text {width: 98%; margin: 0;}
    .tajetaregalobig, .tajetaregalsmall {float: none; width: 98%;}
    #lightSlider li {background-size: 680px; height: 550px}
    .courseitem { width: 98%; margin: 2% 0}
    .explanation {width: 95%}
    .certificadogold img {width: 85%}
    .tajetaregalopdf, .tajetaregalopdfinfo {width: 98%; float: none,}
    .premiojam {width: 98%}
    .premiojamtext {width: 98%}
    .premiojamimg.left, .premiojamimg.right {width: 60%; margin: 0 auto -20px auto; float: none !important;}
    .colaboradorjam li {margin: 0 0 8% 0}
    .footerx2 li {display: block;}
    .menujam li {display: block;}
    .footerx2.left {width: 100%;}
    .designnarrativehero {height: 720px; background-position: center bottom;}
    .masterclass li {width:49%;}
    #children .video {margin: 0;}
    .cert-kids {background-image: url(../img/certificado-background-kids-mobile.jpg)} 
}

@media only screen and (max-width: 450px) {
    #lightSlider li {height: 450px; background-size: 500px;}
    #lightSlider li a {height: 450px;}
}


@media only screen and (max-width: 370px) {
    .bigbannerpromoSept17 {background-position: center 250px;}
    #lightSlider li, #lightSlider li a {height: 390px}
    
}