/* ========================================================================== $BASE ========================================================================== */ /*@font-face{font-family: HelveticaNeueLTStd-LtEx_0;src: url(fonts/HelveticaNeueLTStd-LtEx_0.ttf);}*/ /*@font-face{font-family: HelveticaCdMed;src: url(fonts/HelveticaCdMed.ttf);} @font-face{font-family: HelveticaCdMed;src: url(fonts/HelveticaCdMed.ttf);}*/ @font-face { font-family: 'HelveticaNeueLTStd-LtEx_0'; src: url('fonts/HelveticaNeueLTStd-LtEx_0.eot'); src: local('☺'), url('fonts/HelveticaNeueLTStd-LtEx_0.woff') format('woff'), url('fonts/HelveticaNeueLTStd-LtEx_0.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-LtEx_0.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-Lt'; src: url('fonts/HelveticaNeueLTStd-Lt.eot'); src: local('☺'), url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Lt.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaCdMed', sans-serif; src: url('fonts/HelveticaCdMed.eot'); src: local('☺'), url('fonts/HelveticaCdMed.woff') format('woff'), url('fonts/HelveticaCdMed.ttf') format('truetype'), url('fonts/HelveticaCdMed.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_HelveticaCdMed', sans-serif; src: url('fonts/HelveticaCdMed.eot', sans-serif); src: local('☺'), url('fonts/HelveticaCdMed.woff') format('woff'), url('fonts/HelveticaCdMed.ttf') format('truetype'), url('fonts/HelveticaCdMed.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica-neue', sans-serif; src: url('fonts/HelveticaNeueLTPro-LtEx.eot'); src: local('☺'), url('fonts/HelveticaNeueLTPro-LtEx.woff') format('woff'), url('fonts/HelveticaNeueLTPro-LtEx.ttf') format('truetype'), url('fonts/HelveticaNeueLTPro-LtEx.svg') format('svg'); font-weight: normal!important; font-style: normal; } @font-face { font-family: 'helvetica-th', sans-serif; src: url('fonts/HelveticaNeueLTStd-Lt.eot'); src: local('☺'), url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Lt.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica-bd', sans-serif; src: url('fonts/HelveticaNeueLTStd-Bd.eot'); src: local('☺'), url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Bd.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica73ExtendedBold', sans-serif; src: url('fonts/helveticaextbd.eot'); src: url('fonts/helveticaextbd.eot') format('embedded-opentype'), url('fonts/helveticaextbd.woff') format('woff'), url('fonts/helveticaextbd.ttf') format('truetype'), url('fonts/helveticaextbd.svg#Helvetica73ExtendedBold') format('svg'); } @font-face {font-family: 'Conv_segoeuil';src: url('fonts/segoeuil.eot');src: local('☺'), url('../css/edu_ent/fonts/segoeuil.woff') format('woff'), url('../css/edu_ent/fonts/segoeuil.ttf') format('truetype'), url('../css/edu_ent/fonts/segoeuil.svg') format('svg');font-weight: normal;font-style: normal; } @font-face {font-family: 'helveticaextbd';src: url('fonts/helveticaextbd.eot');src: local('☺'), url('fonts/helveticaextbd.woff') format('woff'), url('fonts/helveticaextbd.ttf') format('truetype'), url('fonts/helveticaextbd.svg') format('svg');font-weight: normal;font-style: normal; } .preload{ position:absolute; left:-200000px} .activred{ background-position:bottom!important!important} html, body{ margin-top:2px; padding:none; color:#494949; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: sans-serif} header{ } footer{} .red{ color:red} a, input, ul, li, textarea{outline: none!important; border:0} a, a:active{ text-decoration:none; color:#666666; outline:none} a:hover{color:#999999} .activo, li.activo a, .desplegado{ color:#ff0000!important; background-position:bottom!important; outline:none!important} span{ display:none} p{ margin:0; padding:0} h1, h2, h3{ margin:0; padding:0; font-weight:normal; font-family: sans-serif!important} h2{ font-size:21px; color:#000000; margin-bottom:10px} h2 span{ display: inline-block; /*color: #F00*/ text-transform:uppercase!important} h3{ font-size:17px} ul{ padding:0; margin:0; list-style:none} li, nav li{ list-style:none; display:inline-block; margin:0px; padding:0px} .active, .current{ color:#FF0000; background-position:bottom} .float{ float:left; width:inherit} /* $NAVS */ nav.nav-top-left, .nav-top-right, .nav-footer{font-size:15px; color:#666666; margin-bottom:4px} nav.nav-top-right{ float:right } nav.nav-top-left{ position:absolute} nav.nav-top-left li, nav.nav-top-right li, nav.nav-footer li{ display:table-cell; vertical-align: middle; height:20px; padding:1px 9px; border-right:1px solid #e8e8e8; } nav.nav-top-left li:last-child, nav.nav-top-right li:last-child, nav.nav-footer li:last-child{ border:none} fotter{ text-align:center!important} nav.nav-top-left li:first-child, nav.nav-footer li:first-child{ padding-left:0px} nav.nav-top-right li:last-child{ padding-right:0px;} nav .cart{/** background:url(../img/des/nav_ico_cart.gif) right 2px no-repeat; padding-right:35px!important**/} nav .phone{/** background:url(../img/des/nav_ico_phone.gif) right 0px no-repeat; padding-right:20px!important**/} .iWidth{ float:left; width:1124px!important; overflow:hidden} /* $RED BAR */ .nav-red-wraper{ background-color:#ed0303!important; height:40px; } nav.nav-red{ color:#FFF;position:relative; z-index:99 } nav.nav-red ul{ float:left; width:780px} nav.nav-red li{ float:left} nav.nav-red h1{ float:left; width:180px; height:40px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/h1_fluenz.gif) 0px -2px;} nav.nav-red li a{height:40px; float: right; width:100px; background-position:center; cursor:pointer} nav.nav-red h1.title a{ display:block; height:inherit; width:180px} nav.nav-red li a{ background:no-repeat} nav.nav-red li a.store{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/btn_shopnow_redbar.gif)no-repeat center top; width:130px; ; float:right!important} nav.nav-red li a.languages{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_lang.gif) top center; width:130px } nav.nav-red li a.who{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_who.gif) top center; } nav.nav-red li a.support{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_sup.gif) no-repeat center -5px; display:block } nav.nav-red li a.login{ background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_log.gif) top center; float:right!important} nav.nav-red li a.org{ background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_org.gif) top center; display:none} nav.nav-red li a:hover{ background-position:bottom center!important; cursor: pointer!important} nav.nav-red li a.support:hover{ background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_sup.gif) no-repeat center -51px!important} nav.nav-red #desp_lang, nav.nav-red #desp_store{ position:absolute; left:180px; top:0px; width:130px; height:40px; display: block; opacity:0; z-index:100; overflow:hidden; font-size:16px; transition: all 0.5s ease; } nav.nav-red #desp_lang a, nav.nav-red #desp_store a{ float:left; width:inherit; height: inherit; padding: 10px 0 10px 0; text-align:center; border-bottom:1px solid #999999; color:#333333; display:block; background-color:#dcdbdb; opacity:0} nav.nav-red #desp_lang a:nth-child(2), nav.nav-red #desp_store a:nth-child(2){ padding-top:10px; background: #dcdbdb url(https://s3.amazonaws.com/fluenzwebmedia/img/des/menu_shad.png) repeat-x left -1px} nav.nav-red #desp_lang a:nth-child(2):hover, nav.nav-red #desp_store a:nth-child(2):hover{background:#b8b8b8 url(https://s3.amazonaws.com/fluenzwebmedia/img/des/menu_shad.png) repeat-x left -1px; color:#333333} nav.nav-red #desp_lang a:last-child, nav.nav-red #desp_store a:last-child{ border:0} nav.nav-red #desp_lang a:hover, nav.nav-red #desp_store a:hover{ background:#b8b8b8; color:#333333} nav.nav-red #desp_lang a:first-child{ opacity: 1; background:none; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_lang.gif) center bottom; z-index: 100; top: 0px; height: 40px; padding: 0px; border:0} nav.nav-red #desp_lang a:first-child:hover, nav.nav-red #desp_store a:first-child:hover{background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_red_lang.gif) center bottom; color:#333333; overflow:hidden} /*HOME*/ .pick #desp_lang, .pick #desp_store{ position:absolute; left:0px; top:0px; width:130px; height:40px; display: block; opacity:0; z-index:100; overflow:hidden; font-size:16px } .pick #desp_lang a, .pick #desp_store a{ float:left; width:inherit; height: inherit; padding: 10px 0 10px 0; text-align:center; border-bottom:1px solid #ffffff; color:#333333; display:block; background-color:#dcdbdb; opacity:0} .pick #desp_lang a:nth-child(1){ padding-top:30px; background: none} .pick #desp_lang a:hover{background:#b8b8b8; color:#333333} .pick #desp_lang a:nth-child(1):hover{ background:none} #desp_store{ left:829px!important; } nav.nav-red #desp_store a:first-child{ height:20px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/btn_shopnow_redbar.gif) no-repeat bottom center;} nav.nav-red #desp_store a:first-child:hover{ height:20px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/btn_shopnow_redbar.gif) no-repeat bottom center;} .shadow {-moz-box-shadow:0px 2px 5px 0px #666666;-webkit-box-shadow:0px 2px 5px 0px #666666;box-shadow:0px 2px 5px 0px #666666;} #desp_log{ position:absolute; right:0px; top:40px; width:263px; height:257px; padding: 25px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/login_bg.png) no-repeat; color:#333; font-size:17px; display:none} #anim{ display:none} /* $NAV LANDINGS */ .nav-landing{ font-size:15px; padding-top: 0; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bar_land_wrap.png) center bottom repeat-x; margin-bottom:-66px; float:left; width:100%; transition: all .2s ease } .nav-landing ul{ width:1024px} .nav-landing li{ padding:0px 11px; margin:0px; list-style:none; /*background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bar_land_ind.png) center top repeat-x*/ font-size:15px; text-transform:uppercase; cursor: pointer} .nav-landing li, x:-moz-any-link { margin-right:-5px;} .nav-landing li a{ height:35px; display: -moz-inline-stack; display: inline-block; vertical-align:middle; color:#000000; border:0; margin:0px; padding-top:24px} .nav-landing li a.active, .nav-landing li a.current, li.current a, .nav-landing li.current a.active:hover{ color:#FF0000!important; cursor:default; } .nav-landing li.current{ background-position: center bottom} .nav-landing li.btn-shopnow { padding:12px 0 0 0; margin-left:20px} .nav-landing li.btn-shopnow a{ width:122px; height:31px; padding:0; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_land_shopnow.gif); cursor:pointer; margin-bottom:-10px} .nav-landing li.btn-shopnow a:hover{ background-position:bottom} .shadow {box-shadow: 0px -5px 20px #000;} #navigations, #who-we-are #navigations.nav-landing li{ background:none} #navigations{ border-bottom:#d90000 solid 3px; background:#FFF; margin-bottom: -48px} #navigations ul{ text-align:center} #navigations .current{ color:#d90000!important} #our-linguistics{ background-color:#cc0000; color:#fff!important} #our-linguistics h1{ color:#fff} #our-linguistics .right{color:#000} #our-linguistics .left, #work-with-us .left{color:#fff!important} #work-with-us{ background:#000000} #work-with-us h1{ color:#FFFFFF} #work-with-us .left{ color:#fff} #work-with-us .right{margin-top: -34px; margin-left: -20px;} nav.wraper{} nav.backTop{ float:left; width:100%; height:24px; text-align: right; font-size:12px; padding-right:0; margin-top:0px; border-bottom: solid 1px #dbdcdf; margin-top:-24px;} nav.backTop a{ color:#a3a3a3; float: left; width: 100%; height: 24px;} nav.backTop span{ display:block; padding:0; padding-right:15px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/nav_arrow_backtop.png) no-repeat right top} nav.backTop a:hover{ opacity:0.5; cursor:pointer} nav.backTop a:hover span{} .parch{ margin-top:0px!important} #logIn{} #logIn h3{ margin-bottom:12px} #logIn .regular-input{ width:243px; height:12px; border:1px solid #999999; color:#b4b4b4; font-size:15px; padding:10px; margin-bottom:9px} input[type=checkbox] {visibility: hidden;} #logIn .check{height:12px; border:1px solid #999999; width:17px; height:17px} .login_area{ position:relative; width: 100%; float: right; padding-bottom: 10px; border-bottom: 1px solid #999; margin-bottom:10px} .btn_login, .btn_join{ width:133px; height:48px; float:right; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/login_btn.png) no-repeat; border:0; padding:0; outline:0} .btn_login{ margin-top:10px} .login_area h3{ position:absolute; top:15px} .btn_join{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/btn_register.png)} .btn_login:hover, .btn_join:hover{ background-position:bottom} .squaredOne {width: auto; height: 12x;position: relative; display:inline} .squaredOne label {cursor: pointer;position: absolute;width: 115px;height: 20px;left: 0px;top: 0px;padding-left:20px;background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/input_check.gif) no-repeat; font-size:12px; font-weight: bold; border-right:#999 solid 1px} .squaredOne label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;width: 11px;height: 11px;background: #F00;top: 3px;left: 3px;} .squaredOne label:hover:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);opacity: 0.3;} .squaredOne input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;} /* $FOLLOW-NAV */ .nav-landing { position: absolute; top: -60px; opacity: 0} .stabled{position: fixed;top:0px;padding-top: 0px;margin:0;z-index:1;box-shadow: 0px -5px 20px #000; opacity: 1} .boxactive{ margin-top:100px} /* $BOXES */ .header-container .box, ul.box, .banner .box{ padding:0} .box .half{ width:440px; float:left; padding:20px; padding-bottom:0} .box .full{ width:100%; float:left; margin-top:30px; overflow:hidden} #navigations{ transition: all .5s ease} .credit{position:absolute; font-size:15px; text-align:left; line-height:12px; bottom: 7px; left: 208px; width: 400px} .box{ width:960px; margin:auto; margin-bottom:0px; padding:50px; display:table; padding-top: 88px } .box h1{ float:left; width:inherit; height:31px; text-align:center; font-family:HelveticaNeueLTStd-LtEx_0!important; font-size:54px; color:#000000; margin-bottom:0px;} .nav-red-wraper h1{ margin:0!important } .box h1 span{ padding:2px 0px} .box h2{ margin-top:31px; font-size:21px} ul.lista li{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/list_red_dot.png) no-repeat 0px 8px; width:100%; padding-left:10px} ul.listaBig li{background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/squerered.gif); padding: 5px 0 0 20px;font-size: 15px;color: black;font-weight: bold} ul.listaBig{ padding-top:131px} #system .box h1{ line-height:50px} /* VERSION PRE IPHONE: HALF WIDTH 540px / H1 BG y cambio de fondo */ #mobile {} #mobile .box{/* background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bg_mobile.png) bottom right no-repeat */; height:667px!important} #mobile h1{ height: 70px; margin-top:80px} #mobile .half{ width:470px; margin-left:0px; padding-left:0} #why-fluenz h1{ background-position:0 -124px; margin-top: 17px;} #what-you-learn h1{ background-position:0 -155px} /* Nuevo h1 rojo */ #what-you-learn > h1{ width:inherit; height:75px; color:#fff; background-color:/*#E4E4E4*/ #fff; font-weight:normal!important; text-align:center; font-size:55px; padding-top:75px; font-family:HelveticaNeueLTStd-LtEx_0!important; color:#000} #what-you-learn .full{} #what-you-learn .full h3{ } #users{ padding-top:30px } #users .box{ margin-left:0; padding-left:0; padding-right:0} #users .more:hover{ opacity:.8; cursor:pointer } #users h4{text-align:center; width:100%; float:left; margin-top:8px; font-weight:normal; font-size:15px; color:444444} #users .success{ float:left; width:228px; height:228px; border:1px #ccc solid; margin:5px; position:relative} #users .success .cuote{ display: block; font-size:20px; color:#4e4e4e; margin:12px 3px 12px 12px; width:auto; height:auto; line-height:21px } #users .success .bajo{position: absolute;width: inherit;height: auto;background-color: #e5f5fa; bottom:0px;} #users .success .bajo img{ float:left} #users .success .bajo .users_nombre{ color:#249be7; font-size:15px; position:absolute; bottom:5px; left:125px; line-height:15px} #users .success .bajo .users_nombre span{ display:block; color:#4e4e4e; font-weight:normal} #users .success.review{ border-color:#e5e5e5; background-color:#e5e5e5; cursor:pointer} #users .success.review img{ margin:12px 0 -12px 12px} #users .success.review .bajo{ background:#e5e5e5 no-repeat 12px bottom ; background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_useramazon.png); top:143px} #users .success.review.norealn .bajo{background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_useramazon2.png)} #users .success.review .users_nombre{ left:12px; top:-20px } #users .success.review.norealn .users_nombre{top:2px } #users .thumbnail{ float:left; width:178px; height:178px; border: #CCC solid 1px; margin:6px; overflow:hidden;} #users .success.review .fecha, #users .success.review .complete{ visibility:hidden} #users .success.video{ cursor:pointer} #users .success.video .bajo{ height:30px; bottom:-2px; background:#cc0000; text-align:center; font-size:18px; color:#FFFFFF; padding-top:8px; padding-left:2px} /*#users .success.video .velo{ position:absolute; width:inherit; height:inherit; background:#000000 url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_users_play.png) center 65px no-repeat; opacity:.3; display: none}*/ #users .success.video .velo { position: absolute; width: inherit; height: inherit; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_users_play.png) center 65px no-repeat; opacity: .6; display: block!important;} #users .success.video .velo:hover{ opacity:.8} #users .success:hover{ border-color: #999} #users .review:hover .date{ color:#666} #users .reviews{ float:left; width:100%; height:18px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/users/users_stars.gif) no-repeat } #users .review div{ margin-bottom:7px; float:left;} #users .review a{ display:block} #users .date{ font-size:11px; font-style: italic; font-weight:normal; margin-bottom:20px!important} #users .goamazon{ color:#004b9e; font-size:13px; margin-bottom:3px!important} #users .review:hover .goamazon{ text-decoration:underline} #users .amazon{ width:89px; height:18px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/users/users_amazon.gif) no-repeat} #users h1{ background-position: 0px -93px;} #users .full{ margin-top:0} #users .review .plus{ position:absolute!important; width:25px; height:18px; bottom:10px; right:10px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/plus.png) no-repeat; opacity:.5; z-index:9; margin:0!important} #users .review:hover .plus{ opacity:1} .blocke .plus{ display:none} .panel_videos, .panel_review{float: left;background-color: #999999;width: 950px;margin: 5px;height: 450px; position:relative; display:none} .panel_videos .target, .panel_review .target{ position:absolute; width:34px; height:16px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_videopanel_target.png) no-repeat; top: -10px; display: none; left: 578px;} .panel_videos .close, .panel_review .close, #velo .close{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_close_vids.png) no-repeat; height:16px; width:16px; position:absolute; right:10px; top:10px; opacity:.7; cursor:pointer; z-index:99} .panel_review .close{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_close_revs.png)} .panel_videos .close:hover, .panel_review .close:hover, #velo .close:hover{ opacity:1} #velo .close{ top:40px; right:40px} .panel_review .target{position:absolute; width:34px; height:10px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_review_target.png) no-repeat; top: -10px; left: 336px;} .panel_review{ background-color:#FFF; border:1px solid #CCC} .panel_videos iframe{position: absolute;left: 155px;top: 43px} #tour{ background-color:#3c3b3b; color:#FFF} #tour .ls-wrapper .liquid-slider{ background-color:#3c3b3b!important;} #tour h1{ width:100%; text-align:center; margin-top:70px} #tour h3{ font-size:13px; width:100%; float:left; text-align:center; height:10px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/takeaquick.gif) center no-repeat; margin-top:10px; margin-bottom:-15px} #tour .full{ overflow:hidden; width:980px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bg_tour_thumbs.jpg) repeat-x bottom} #tour ul.minis{ display:block; overflow:hidden; width:4000px} #tour ul.minis li{ display:inline-block; display:inline} #tour .box{ margin:0; padding:0; margin-top: 29px;} #tour .ls-nav-left-arrow, #tour .ls-nav-right-arrow{ margin-top:230px!important} /* #tour .ls-nav-left-arrow, .left_ar{ left:9%;} #tour .ls-nav-right-arrow, .right_ar{ right:9%; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/arrow.png) no-repeat top right} */ /* DEJAR ESTE: DEMO-TOUR SIN FLECHAS #26F #tourSlide-wrapper .ls-nav-right-arrow, #tourSlide-wrapper .ls-nav-left-arrow{ display:none!important} */ .left_ar, .right_ar{ position:absolute!important; top:20px!important; margin:0!important; top:460px!important; } #why-fluenz{ background:#ff0000 url(https://s3.amazonaws.com/fluenzwebmedia/img/des/1x200.gif) repeat-x; position:relative; padding-top:210px;} #why-we .box, #why-we .full{ margin-top:0px!important; padding-top:0px!important; background: bottom right no-repeat} #why-fluenz-top{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/wwab_top.png) center; height:85px} #why-fluenz h1{background:/* url(https://s3.amazonaws.com/fluenzwebmedia/img/des/why-we-h1.png) */no-repeat!important; position:absolute; top:75px; width:912px; height:108px} #why-fluenz-top .box{ padding:0px!important;} #why-fluenz-top .half{ height:85px; padding:0; margin:0; cursor:pointer} #why-fluenz .seven{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/seven_num.png) no-repeat; /*padding-left:100px*/ background-position-x: -79px; padding-left: 25px; margin-top:33px!important; height:90px; color:#000000} #why-fluenz .seven.uno{} #why-fluenz .seven.dos{ background-position: -79px -90px} #why-fluenz .seven.tres{ background-position: -79px -180px} #why-fluenz .seven.cuatro{ background-position: -79px -270px} #why-fluenz .seven.cinco{ background-position: -79px -360px} #why-fluenz .seven.seis{ background-position: -79px -450px} #why-fluenz .seven.siete{ background-position: -79px -540px} .desplegable{ display:none; height:100%; width:inherit; float:left } .desplegable p{ margin-bottom:20px} #what-you-learn .half{ padding-bottom:0px} #what-you-learn h3{ margin-bottom:0px; color:#000000; } #why-fluenz .seven h2{ margin-top:0px!important} #what-you-learn .full, #faq .full{ border-bottom: #CCC 0px solid; background: no-repeat right bottom; margin-top:0} #what-you-learn .sensible a{ font-size:12px; color:#797979; position:relative; cursor:pointer} #what-you-learn .sensible a:before{ content:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/viewmore_wyl.png); margin-right:10px; position:absolute; left:-25px; top:0px} #faq .sensible{ float:left; width:inherit; height:31px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/arrow_acord.gif) top center no-repeat; margin:10px 0; cursor:pointer!important; } #what-you-learn .sensible, #faq .sensible{ float:left; width:inherit; height:31px; margin:10px 0; cursor:pointer; text-align:center } #what-you-learn .sensible{ margin:0; margin-top:30px!important} #what-you-learn h2{ text-transform: uppercase; font-size:26px!important; font-weight:bold; margin-top:50px!important} #what-you-learn h3{ font-size:18px; font-weight:bold; width:680px} #what-you-learn .full p{ font-size: 16px;color: #000000;margin-top: 20px;line-height: 24px;opacity: .8;} #what-you-learn .full > p{ width:680px;} #what-you-learn .lista{ margin-top:20px; } #what-you-learn .lista li{ font-size: 16px;color: #000000;margin-top: 10px;line-height: 24px; opacity: .8} /*LANG CHANGES*/ /* Spanish */ #what-you-learn .spanish.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanish_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .spanish.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanish_wyl_box_dos.jpg) no-repeat right 30px} #what-you-learn .spanish.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanish_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .spanish.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanish_wyl_box_cuatro.jpg) no-repeat right 30px} #what-you-learn .spanish.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanish_wyl_box_cinco.jpg) no-repeat right 30px} #what-you-learn .spanish.full.cuatro > p{margin-top: 40px;} /* SpanishSpain */ #what-you-learn .spanishspain.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanishspain_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .spanishspain.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanishspain_wyl_box_dos.jpg) no-repeat right 30px} #what-you-learn .spanishspain.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanishspain_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .spanishspain.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanishspain_wyl_box_cuatro.jpg) no-repeat right 30px} #what-you-learn .spanishspain.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanishspain_wyl_box_cinco.jpg) no-repeat right 30px} /* French */ #what-you-learn .french.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/french_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .french.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/french_wyl_box_dos.jpg) no-repeat right 30px} #what-you-learn .french.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/french_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .french.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/french_wyl_box_cuatro.jpg) no-repeat right 30px} #what-you-learn .french.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/french_wyl_box_cinco.jpg) no-repeat right 30px} /* Italian */ #what-you-learn .italian.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/italian_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .italian.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/italian_wyl_box_dos.jpg) no-repeat right 30px} #what-you-learn .italian.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/italian_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .italian.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/italian_wyl_box_cuatro.jpg) no-repeat right 30px} #what-you-learn .italian.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/italian_wyl_box_cinco.jpg) no-repeat right 30px} /* Mandarin */ #what-you-learn .mandarin.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mandarin_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .mandarin.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mandarin_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .mandarin.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mandarin_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .mandarin.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mandarin_wyl_box_cuatro.jpg) no-repeat right 30px; display:none} #what-you-learn .mandarin.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mandarin_wyl_box_cinco.jpg) no-repeat right 30px; display:none} /* German */ #what-you-learn .german.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/german_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .german.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/german_wyl_box_dos.jpg) no-repeat right 30px} #what-you-learn .german.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/german_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .german.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/german_wyl_box_cuatro.jpg) no-repeat right 30px} #what-you-learn .german.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/german_wyl_box_cinco.jpg) no-repeat right 30px} /* Portuguese */ #what-you-learn .portuguese.full.uno{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/portuguese_wyl_box_uno.jpg) no-repeat right 30px} #what-you-learn .portuguese.full.dos{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/portuguese_wyl_box_dos.jpg) no-repeat right 30px} #what-you-learn .portuguese.full.tres{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/portuguese_wyl_box_tres.jpg) no-repeat right 30px} #what-you-learn .portuguese.full.cuatro{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/portuguese_wyl_box_cuatro.jpg) no-repeat right 30px} #what-you-learn .portuguese.full.cinco{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/portuguese_wyl_box_cinco.jpg) no-repeat right 30px} /* NUEVA CAJA UNICA */ #what-you-learn .full{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/dl/unic_box.gif) no-repeat right 30px!important} #what-you-learn .box.wrap, #faq .box.wrap{width:100%; border-bottom: #CCC 1px solid; margin:0; padding:0; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bg_banners.jpg) center 132px repeat-x} #what-you-learn .box.wrap{ background:none} #what-you-learn .box.wrap .box, #faq .box.wrap .box{ padding:0} #faq .sensible{ background:none; position:absolute; margin: 0;position: absolute;top: 0px;} #faq .full{ position:relative; } #faq .box{ width:1250px!important} #faq .half{ width:585px; padding-top:0; padding-bottom:30px} #faq .questions-set.content h4, #faq .questions-set h4{ font-size:40px!important; font-weight:normal!important; color:#000000; margin:0px -20px 40px} #faq .questions-set h4{ font-size:30px!important; margin:-10px -20px 20px} #faq .questions-set{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/faq_ham_small.png) no-repeat 15px top} #faq .questions-set.content{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/faq_ham_big.png) no-repeat} #faq .questions-set{ width:inherit;} #faq .questions-set ul{ width:460px; margin:20px 0px 0px 130px; padding-top:30px} #faq .questions-set li{ width:460px; font-size:22px; margin-bottom:10px; color:#000000; line-height:30px; padding-left:17px} #faq .questions-set p{ display:inline} #faq li:before{ content:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/faq_fl1.png); margin-left:-32px; margin-right:17px} #faq li p:hover{ color:#636363; text-decoration:underline; cursor:pointer} #faq .questions-set li dl{ color:#666666; font-size:18px; margin:0px; height:auto; overflow:hidden } #faq .questions-set .viewmore, #faq .questions-set .viewmore:hover{ color:#FF0000; cursor:pointer} #faq .questions-set .viewmore:before{ content:none} #faq .questions-set .more{ height:auto; margin:0; padding:0} .footer-container{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bg_footer.png) repeat-x!important} .footer-container .box{ padding-top:15px; padding-bottom:15px} .footer-container .nav.nav-top-right{ margin-top:-10px } #demo{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/bg_testdrive.jpg) repeat-x} #demo .box{ margin-bottom:0px!important} #demo h1{ background-position:0 -186px; padding-bottom:0px!important} #demo .test_cosas{margin: 40px auto; width: 800px; float: left; margin-left: 61px} #demo .test_cosas .pic{ float:left; margin-right:30px; } #demo .test_cosas h3{ font-family:Conv_HelveticaCdMed; color:#000; font-size:26px; margin-top:50px; margin-bottom:10px; border-right: 1px solid red; float:left; padding-right:20px; margin-right:20px; height:28px; padding-top:12px} #demo .test_cosas p{ float:left; width:540px} #demo .test_cosas .launch_btn{ float:left; display: inline; background-color:#FF0000; width:119px; height:27px; color:#FFFFFF; font-size:15px; margin-top:53px; text-align:center; padding-top:6px; cursor:pointer; } #demo .test_cosas .launch_btn:hover{ background-color:#b90000} #cintillo .box{ padding: 25px 50px;} #cintillo{ background-color:#FFF} #cintillo .price{position: absolute;right: 128px;font-size: 50px;color: black; font-family:HelveticaNeueLTStd-LtEx_0} #everywhere .box{ height:566px} #cintillo_new{ position:absolute; width:714px; height:130px; bottom:0px; background: left top no-repeat; left:405px } #cintillo_new.spanish{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_spanish.png) } #cintillo_new.spanishspain{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_spanishspain.png); width:725px } #cintillo_new.french{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_french.png) } #cintillo_new.italian{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_italian.png) } #cintillo_new.german{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_german.png) } #cintillo_new.mandarin{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_mandarin.png) } #cintillo_new.portuguese{ background-image:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/cintillo_portuguese.png) } #cintillo_new .price{ position: absolute;right:49px;font-size: 45px;color: black; font-family:HelveticaNeueLTStd-LtEx_0; top:64px; font-weight:bold} #cintillo_new.spanish .price{ right:74px} #cintillo_new.spanishspain .price{ right:56px} #cintillo_new.italian .price{ right:134px} #cintillo_new.mandarin .price{ right:174px} #cintillo_new.french .price{ right:124px} #cintillo_new.german .price{ right:112px} #cintillo_new.portuguese .price{ right:142px} #cintillo_new.spanish .price:before{ content:'$75'} #cintillo_new.spanishspain .price:before{ content:'$75'} #cintillo_new.french .price:before{ content:'$75'} #cintillo_new.italian .price:before{ content:'$75'} #cintillo_new.german .price:before{ content:'$75'} #cintillo_new.mandarin .price:before{content:'$100'} #cintillo_new.portuguese .price:before{content:'$100'} /* */ #overview, #faq {padding-top: 30px; } #overview .box, #faq .box { margin-top:50px; margin-bottom:15px} #faq .box{ margin:0 auto!important} #faq h3{padding-top: 15px; height: 15px;} #faq h3:before{ content: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/squerered.gif); margin-right:10px} #faq .desplegable p{ margin:10px 0; width:800px; padding-left:20px} .wraper{ width:100%; float:left; display:block; margin:0; padding:0 } .wraper:last-child{ background:none} .moreq{height:100px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/arrowdown.gif) #F00 no-repeat center 50px; cursor:pointer} .moreq:hover{ background-color: #C00} .moreq h2{text-align:center; color:#FFFFFF; font-size:23px; padding-top:20px;} /* $BANNERS */ #banner{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_grad.png) repeat-x top center; height:390px; text-align:center; border:0; } #banner img{ margin-top: 40px; display: block; margin: auto;} #banner .box{ padding:0px; position:relative; height:390px} /* Queries */ .why_we_wraper{ background:#ea0909!important;} .seven_wraper{ display:none; background: #f2f2f2 url(https://s3.amazonaws.com/fluenzwebmedia/img/des/gradient_7r.png) repeat-x!important;} /* $INPUTS */ input[type=text], textarea, input[type=email], input[type=password]{ border-color:#FF0000 } input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus { border-color:#FF0000!important } /* 2nd Etapa*/ #fluenztrumps{ text-align: center; margin-bottom:0px} #fluenztrumps .box{ padding-top:60px;color:#525252; padding-bottom: 12px!important; } #fluenztrumps h2{ font-family:HelveticaCdMed; font-weight:normal; font-size:45px; float:left; margin-top:-7px; color:#333333; padding-left:130px } #fluenztrumps h3{ font-family:HelveticaCdMed; font-weight:normal; font-size:22px; float:left; color:#333333} #fluenztrumps #resumenes{ text-align:center; float:left; width:inherit; margin-top:50px; padding-top:7px} #fluenztrumps .resumen{ float:left; width:225px; height:auto; border-right: 1px #ccc solid; padding:0 7px; cursor:pointer } #fluenztrumps .resumen:last-child{ border:0; padding:0 0 7px 7px} #fluenztrumps .resumen .imagen{ float: left; margin-bottom:15px; border:0; outline:0} #fluenztrumps .resumen .titulo{ font-family:HelveticaCdMed; font-weight:normal; font-size:22px} #fluenztrumps .resumen .texto{ font-size:13px; margin-top:10px; line-height:18px } #overview .imagen{position:absolute; background:no-repeat; z-index:-1} /*LANG CHANGES*/ #overview .spanish{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_spanish.jpg)} #overview .spanishspain{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_spanishspain.jpg)} #overview .french{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_french.jpg)} #overview .italian{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_italian.jpg)} #overview .mandarin{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_mandarin.jpg)} #overview .german{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_german.jpg)} #overview .portuguese{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_portuguese.jpg)} #overview .fw_imac{ width:206px; height:239px; height: 239px; left: -219px; top:-55px} #overview .fw_iphone{ width:201px; height:227px; left:40px; top:60px; background-position:-206px 0 } #overview .text-box{ position:absolute; width:270px; height:auto; opacity:1} #overview .text-box h3{font-family:HelveticaCdMed; font-weight:normal; font-size:25px; color:#F00; margin-bottom:5px; line-height:25px} #overview .text-box p{ font-size:15px; } #overview .text-box .flecha{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_fw_flechas.png) no-repeat; position:absolute; width:420px; height:120px; opacity:1} #overview .real{top:116px; left:260px} #overview .real .flecha{ top:-5px; left:-3px;} #overview .every{top:116px; left:658px; text-align:right} #overview .every .flecha{ top: 173px; left: 228px; background-position:-137px -126px; width:120px; height:106px} #overview .every .fw_iphone {top: -54px; left: 240px} #overview .abanico{background:position:absolute; width:572px; height:320px; top: 228px;left: 300px; opacity:1} #overview .abanico.imagen{ background:none!important} #overview .nogames{ text-align:right; top: 299px; left: 11px} #overview .nogames .flecha{ top: 22px; left: -43px; background-position:-0px -122px ; width:136px; height:224px} #overview .useful{top: 469px; left: 276px;} #overview .useful .flecha{ top:150px; left:-98px; background-position: -0px -347px; width:386px; height:80px} #overview .useful .fw_pic1 {top: -3px;left: -169px; width:160px; height: 154px; background-position: -160px -240px} #overview .areyou{top: 579px; left: 593px; text-align:right} #overview .areyou .fw_pic2 {top: -35px; left: 277px; width:160px; height: 160px; background-position: -0px -240px} .relativi{ position:relative!important} #mobile { margin-bottom:30px} #mobile .box{overflow: hidden!important;margin: auto;padding: 0;width:960px; height:582px; position:relative; } #mobile > .box{float:left; display:inline} .mobile-slide{ width:960px; display: inline-block;float: left; background-color:#f6f8f8 } .mobile-slide .slide-centrado, .vid-center{height:555px; width:960px; margin:auto; position:relative;} .sld{ width:960px; height:582px; float:left; } .fle{ position:absolute; width:22px; height:44px;background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_slides_flechas.png); top:347px; opacity:.3; z-index:1; display:none} .fle.act:hover{opacity:.7 } .fle.act{ opacity:1; cursor:pointer} .fle.iz{ left:50px} .fle.der{ right:50px; background-position:-22px; } .iphone-text-1{position: absolute; width: 260px; top: 281px; left:-10px} .iphone-text-2{ float: left;width: 300px; z-index: 2;display: inline;margin: 63px 10px 30px!important} .iphone-text-2:first-child{ margin-top:82px} .iphone-text-1 h3, #mobile .iphone-text-2 h3{font-family: HelveticaCdMed;font-weight: normal;font-size: 25px;color: #F00;margin-bottom: 8px; line-height:27px; text-transform:capitalize; font-weight:normal!important} .iphone-text-2 p{ color:#000} .iphones{ position:absolute; width:693px; height:499px; right:0px; top:150px; } /*LANG CHANGES*/ .iphones.spanish{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanish_main_iphones.png);} .iphones.spanishspain{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/spanishspain_main_iphones.png);} .iphones.french{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/french_main_iphones.png);} .iphones.italian{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/italian_main_iphones.png);} .iphones.mandarin{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mandarin_main_iphones.png);} .iphones.german{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/german_main_iphones.png);} .iphones.portuguese{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/portuguese_main_iphones.png);} #mobile .devices{ width: 960px; height: 230px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/mobile_wib.jpg); left: -29px; top: 289px; z-index: -1; float: left; margin: auto;} #French #mobile .iphones{ position:absolute; width:693px; height:499px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/French/main_iphones.png); right:0px; top:150px; } #Spanish #mobile .devices{ position:absolute; width:738px; height:365px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/Spanish/mobile_wib.jpg); left: -40px;top: 289px;} #Spanishspain #mobile .devices{ position:absolute; width:738px; height:365px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/Spanishspain/mobile_wib.jpg); left: -40px;top: 289px;} #Italian #mobile .devices{ position:absolute; width:738px; height:365px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/Italian/mobile_wib.jpg); left: -40px;top: 289px;} #Mandarin #mobile .devices{ position:absolute; width:738px; height:365px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/Mandarin/mobile_wib.jpg); left: -40px;top: 289px;} #German #mobile .devices{ position:absolute; width:738px; height:365px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/German/mobile_wib.jpg); left: -40px;top: 289px;} #Portuguese #mobile .devices{ position:absolute; width:738px; height:365px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/Portuguese/mobile_wib.jpg); left: -40px;top: 289px;} /* $SUPPORT */ #support{} #support #support-form{ background-color:#e4e4e4!important;} #support #form{ width:980px; height:auto; margin:auto; padding:35px 0; float:left} #support .half{ margin:0!important; padding:0!important; width:50%} #support input, #support #form div.os{ width:475px; height:41px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:20px; text-indent:10px; font-weight:normal!important!important} #support textarea{ width:485px; height:220px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:20px; text-indent:10px; padding-top:10px} #support #form div.os{background: #fff; padding-top: 10px; height: 31px; position:relative; cursor:pointer; color: #999} #support #form div.os .flecha{ position:absolute; background:#cccccc url(https://s3.amazonaws.com/fluenzwebmedia/img/des/form_flecha.png) no-repeat center 16px; width:51px; height:42px; right:0px; top:0px; } #support #form div.os:hover{ color:#666666;} #support #desp_os{ position:absolute; left:0px; top:0px; width: inherit; height:41px; display: block; opacity:0; z-index:100; overflow:hidden; font-size:16px } #support #desp_os div{ float:left; width:inherit; height: inherit; padding: 10px 0 10px 0; text-align: left; border-bottom:1px solid #999999; color:#333333; display:block; background-color:#dcdbdb; opacity:0; text-indent:15px } #support #desp_os div:nth-child(2){ padding-top:15px; background: #dcdbdb url(https://s3.amazonaws.com/fluenzwebmedia/img/des/menu_shad.png) repeat-x left -1px} #support #desp_os div:nth-child(2):hover{background:#b8b8b8 url(https://s3.amazonaws.com/fluenzwebmedia/img/des/menu_shad.png) repeat-x left -1px; color:#333333} #support #desp_os div:last-child{ border:0} #support #desp_os div:hover{ background:#b8b8b8; color:#333333} #support #desp_os div:first-child{ opacity: 1; background:none; z-index: 100; top: 0px; height: 41px; padding: 0px; border:0; text-indent:-300px} #support #desp_os div:first-child:hover{ opacity:0; text-indent:-300px} #support #submit-form{ width:127px; height:28px; background-color:#FF0000; color:#FFFFFF; font-size:15px; float:right; margin-top:10px; padding-top:7px; text-align:center; font-weight:bold; cursor:pointer} #support #submit-form:hover{ background-color:#CC0000} .smalls{ font-size:11px; color:#666666} .p23{ font-size:23px!important; color:#000} #support .box{ padding-bottom:0px; padding-top:60px} #support .phonenchat{ float:left; margin-top:-22px} #support #chat{ margin-top:10px; position:relative; cursor:pointer} #support #chat:after{ content:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/support_chatlogo.gif); position:absolute; left:103px} #support #chat a{ color:#000000} #media ul.pro{ float: left; width:215px; border-right:1px solid #ccc; margin-right:20px; margin-bottom:20px; height:160px} #media ul.pro .red{ font-weight:bold} .tercio{ float:left; width:317px; height:263px; color:black} .abso-slides{ position:absolute; width:8000px } #thu{ /*width:940px; margin:auto; */overflow: hidden; height:79px; width:1152px; margin:auto; margin-top:40px; position:relative; position:relative; } #thu .thums{ width: 2652px; position:absolute; left:0px; margin-top:14px} #thu.backdrop{height:79px; } #thu a{ float:left; display:inline-block; margin:5px} #thu a img{ text-decoration:none; border:1px #000000 solid; !important; width: 70px; height: auto} #thu a:hover img{ /*border: 2px solid #666666!important*/; cursor: default} #thu a img.current, #thu a img.current:hover{ border-color: #FFF!important} #velo{ position: fixed; z-index:100; background:#FFF; width:100%; height:100%; margin:0; padding:0; left:0; top:0; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/velo_black.png); display:none } .sombra{-moz-box-shadow:1px 1px 3px 3px #ccc; -webkit-box-shadow: 1px 1px 3px 3px #ccc;box-shadow:1px 1px 2px 2px #848484;} .reviewBox{ width: 880px; height:380px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/review_amazon_logo.gif) no-repeat bottom right; padding:30px; } .review-text{ width:100%; height:275px; overflow:auto; padding-right:10px; margin-top:15px; font-size:13px; line-height:15px; text-align:justify} .review-text p{ margin-bottom:15px} .reviewBox h1{ float:left; font-size:30px; font-style:italic; color:#000000; margin-bottom:10px; clear:both; font-style:normal; text-align:left; line-height:26px; height:auto} .reviewBox .stars{ float:left; margin-bottom:10px; clear:both} /*.reviewBox .fecha{ font-size:11px; color:#666666; font-style:italic; margin-bottom:10px; float:left; width:100% }*/ .reviewBox .fecha{color: #249be7; font-size: 15px; left: 125px; line-height: 15px; margin-bottom: 6px;} .verif{ float:left; width:100%; float:left; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_useramazon.png) no-repeat; height:35px; margin-bottom:10px} .verif.norealn{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/main_useramazon2.png) no-repeat left -18px; height: 16px} #velo .imgTour{ width:950px; height:538px; margin:auto; position:fixed;z-index: 100; top:50%; left:50%; margin:-269px 0 0 -475px; cursor:pointer; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/loader.png) no-repeat center} .panel-wrapper img{} .panel-wrapper img:hover{} #velo .panel-wrapper img:hover{border: 2px #000000 solid; cursor: default} .direction{width:13%;height:100px;position:absolute;background-color:#000000;} .left{left:0;top:0;} .right{right:0;top:0;} .jspContainer{overflow: hidden;position: relative; width:100%; float:left} .jspContainer:focus{ outline:none; border:0; } .jspPane{position: absolute;} .jspPane:focus{ outline:none; border:0} .jspVerticalBar{position: absolute;top: 0;right: 0;width: 14px;height: 100%;background: red;} .jspCap{display: none;} .jspTrack{background: #999999;position: relative;} .jspDrag{background: #333333;position: relative;top: 0;left: 0;cursor: pointer;} .fl{ opacity:.3} .fl:hover{ opacity:1} #velo .ls-wrapper .ls-nav-right-arrow, #velo .ls-wrapper .ls-nav-left-arrow{} #tourSlide2{ opacity:1} #tourSlide3 .panel-wrapper{ width:960px; margin:auto; height:auto!important} #users h1{ width:100%} .blocke, .testimonial{pointer-events: none;cursor: default;} #navigations{ z-index:99!important} /*Version pre demo-tour #26F #tourSlide .ls-nav-left-arrow, #tourSlide .ls-nav-right-arrow{ display:none!important; visibility:hidden!important; } */ .review ul{ margin:10px 0px} .review li{ margin-bottom:10px} .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); border-radius: 0px;background-color:#cccccc;} .scroll::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color:#999999;} /* PRODUCTS */ #services{ float:left; margin-left:70px; margin-top:32px} #services ul li{ float:left; display:inherit; list-style:none; margin:0; padding:0; width:135px; height:190px; cursor:pointer } #services ul li p{ float:left; padding:10px; padding-top:0; text-align:center; font-size: 13px;line-height: 15px;margin-top: 8px; color: #797979; } #services ul li > div{ float:left; width: 111px; height: 104px; margin-bottom:13px; border-left:#FFF solid 1px} #services ul li > div > div{float:left; width: 125px; height: 124px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/products.gif) no-repeat;} #services ul li:first-child > div{ border:0} #services ul li.online > div > div{ background-position:0 -128px} #services ul li.flashcards > div > div{ background-position: 0px -254px } #services ul li.podcasts > div > div{ background-position: -6px -374px} #services ul li.updates > div > div{ background-position: 0px -500px } #services ul li.activation > div > div{ background-position: 0px -529px} #services ul li.commons > div > div{ background-position: 0px -4px} #services ul li.iphone > div > div{ background-position: 0px -615px} #access .smalls{ color:#000000; float:left; font-size:12px; line-height:18px; margin-top:50px} /*Deshabilitar*/ .desh{filter: url(filters.svg#grayscale); /* Firefox 3.5+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */; pointer-events: none; cursor: default; opacity:.4} .thanks{ width:inherit; margin:auto; text-align:center; font-size:15px; color:red; height:277px; width: inherit; margin: auto; text-align: center; font-size: 20px; color: red; text-align: center; float: left; position:relative; display:none } .thanks p{ position: absolute;top: 50%;margin-top: -45px;text-align: center;width: inherit;font-size: 25px} #our-company{ background-color:#edecec} #who-we-are p{ font-size:15px!important} #who-we-are .left{width: 513px; margin: 40px 40px 0 40px; color: black; font-size:15px; float:left} #who-we-are .right{width: 513px; margin: 40px 40px 0 40px; color: black; font-family:helvetica; font-size:15px; float:left; width: 325px;margin-left: 0; line-height:22px} #who-we-are #our-company .right{ color: red; } #users .testimonial .cuote { text-indent:19px} #users .testimonial .cuote:after{ content: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/closequote.gif); margin-left: 3px } #users .testimonial .cuote:before{ content: url(https://s3.amazonaws.com/fluenzwebmedia/img/des/openquote.gif); margin-left: -20px; margin-right: 3px; } #slider-mobile{ height:582px} #everywhere{ border-bottom:1px solid #ccc; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/allproducts_mobile.png) no-repeat center top; height:auto; float:left; width:100%} #everywhere .box{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/soniaandbox.jpg) no-repeat 90px bottom; width:1024px!important; position:relative; padding-bottom:0px} #everywhere .box h1{ font-size:45px; margin-top:215px; margin-bottom:30px } #everywhere .iphone-text-1{ position:relative; float:left; top:15px; left: 355px; width: auto; margin-top:20px} #everywhere p{ color: #666666!important; font-size:16px; width:570px} span.cap{ display: inline!important; text-transform:capitalize; } .coach h1{ margin-left:-20px} #portuguese .coach h1{ margin-left:-6px!important} #mandarin .coach h1{ margin-left:0px} #livechat-compact-container { display:none } #home{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/sonia_homepage_gradcomplete.jpg) repeat-x} #home #soniahome{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/sonia_homepage.jpg) 50% bottom no-repeat; height:1157px; opacity:0} #home #soniahome.strech{ height:1118px} #home h1{text-align: center; margin: 70px 40px;font-size: 80px;color: black; font-family:HelveticaCdMed; line-height: 50px; opacity:0} #home h1 span{ display:inline; font-size:36px;} #home #boxes{ background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/home_bg_box.jpg) repeat-x; } #home #boxes ul{ display: block; width:97%; margin:auto; margin-top:27px; text-align:center; padding-left:35px} #home #boxes ul li{ float:left;/* width:261px;*/ width:14%; position:relative; top:0!important; left:0!important; padding-bottom:40px} #home #boxes ul li:hover{ cursor:pointer; opacity:.9} #home #boxes ul li .langbox{} #home #boxes ul li .langtit{color: black; font-family:HelveticaCdMed; font-size:50px; margin-top: 240px;margin-bottom: 20px; font-weight:normal} #home #boxes ul li .langtit span{ font-size:33px; display:inline; margin-left:-5px} #home #boxes ul li .learnmore{color:#696969; font-family:HelveticaCdMed; font-size:25px} #home #boxes ul li img.scale{ top:0!important; left:0!important; width: 90%;height: auto;margin: 10px auto;} .float{ width:1110px!important; margin:auto} #portuguese #everywhere .box h1{ margin-left:40px} /* ========================================================================== NUEVO CAMBIO DE PRECIOS ========================================================================== */ .cintillo_price{position: absolute;right: 121px;top: 88px;font-size: 42px;color: black; font-family:HelveticaNeueLTStd-LtEx_0; font-weight:bold;} #spanishspain .cintillo_price:after{ content:'$75'} #spanish .cintillo_price:after{ content:'$75'} #mandarin .cintillo_price:after{ content:'$99'} #french .cintillo_price:after{ content:'$75'} #italian .cintillo_price:after{ content:'$75'} #german .cintillo_price:after{ content:'$75'} #portuguese .cintillo_price:after{ content:'$145';} #portuguese .cintillo_price{ right:100px} .btn_download{ float:left; width:103px; height:35px; background:url(https://s3.amazonaws.com/fluenzwebmedia/img/des/btn_download.gif) no-repeat; cursor:pointer} .btn_download:hover{ background-position:bottom} .tercio .btn_download{ margin:20px 0 0 20px} /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 480px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 1140px) { } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* all */ ::-webkit-input-placeholder { font-weight:normal!important } ::-moz-placeholder { font-weight:normal!important } /* firefox 19+ */ :-ms-input-placeholder { font-weight:normal!important } /* ie */ input:-moz-placeholder { font-weight:normal!important } /* individual: webkit */ #field2::-webkit-input-placeholder { font-weight:normal!important } #field3::-webkit-input-placeholder {font-weight:normal!important } #field4::-webkit-input-placeholder { font-weight:normal!important } /* individual: mozilla */ #field2::-moz-placeholder { font-weight:normal!important } #field3::-moz-placeholder { font-weight:normal!important } #field4::-moz-placeholder { font-weight:normal!important } #wisepop-main-container span{ display:block} #users .ls-responsive .ls-nav-right-arrow, #users .ls-responsive .ls-nav-left-arrow{ visibility:hidden} #wisepop_optin_error_optin-email{ width: 100%;position: absolute; top: 65px; font-size: 18px!important; color: red!important; font-weight: normal!important;} #ourPopUp{display:block!important} #cintillo_new > div{top:53px!important} .nav-landing li {padding: 0px 13px!important;} #press .box { position: relative; padding-top: 103px!important; } /*POP UP 72h*/ /* Download era llega a los landings */ #banner.dl{height: 608px ; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/dl/grad_dl.png) repeat-x bottom center;} #banner.dl .credit{ display: none} #banner.dl .sonia{ bottom: 0; left: -30px!important} #banner.dl .box{height: 608px ;} #banner.dl .screens{left: -21px!important; top:138px!important;} #french #banner.dl .screens{ left: -92px!important; } #navigations.nav-landing.dl{ display: none!important} #fluenztrumps.dl .box{padding-top: 50px!important; padding-bottom: 25px!important; } #imacVideo{ z-index: 9; width: 500px; height: 429px; transform: perspective( 264px ) scale(.59) scaleZ(.8) scaleX(0.78) scaleY(0.78) rotateY(-4.8deg) rotateX(0.4deg); margin-right: 0px; position: absolute; transform-origin: 230% 106%; top: -80px; left: -195px; -webkit-transform: perspective( 264px ) scale(.59) scaleZ(.8) scaleX(0.78) scaleY(0.78) rotateY(-4.8deg) rotateX(0.4deg); -webkit-transition: all .3s ease; -webkit-position: absolute; -webkit-transform-origin: 230% 106%; -moz-transform: perspective( 264px ) scale(.59) scaleZ(.8) scaleX(0.78) scaleY(0.78) rotateY(-4.8deg) rotateX(0.4deg); -moz-transition: all .3s ease; -moz-position: absolute; -moz-transform-origin: 230% 106%; -o-transform: perspective( 264px ) scale(.59) scaleZ(.8) scaleX(0.78) scaleY(0.78) rotateY(-4.8deg) rotateX(0.4deg); -o-transition: all .3s ease; -o-position: absolute; -o-transform-origin: 230% 106%; } h2.dl{ font-family: 'HelveticaNeueLTStd-Lt'; margin-top: 45px; font-size: 25px; z-index: 9999; margin-left: 0; } h2.dl a:hover{ color: red; text-decoration: underline} h2.dl a{ color: #f05252!important} #banner.dl h1{margin-top: -21px!important;width: 100%;margin-left: 0; font-family: sans-serif} #banner video{ width: 248%; height: auto; background: #2b353c } #banner .glare{ position: absolute; z-index: 999; right: 182px;top: 159px; opacity: .8} #banner .borde{ position: absolute; z-index: 95; right: -46px;top: 149px} #whats{ height: 222px; background: url(https://s3.amazonaws.com/fluenzwebmedia/img/dl/wi_grad.png)} #whats .crop{ width: 100%; height:98px; overflow: hidden; float: left; text-align:center; } #whats .box{ padding:0; padding-top: 30px } h5, #what-you-learn h2{ font-family: HelveticaNeueLTStd-LtEx_0; color: #323232; font-size: 22px;letter-spacing: 1px; text-transform: none} #what-you-learn .cap{ text-transform: none!important} #whats h5{ width: 100%;text-align: center;margin-top: 9px;margin-bottom: 30px;} #whats ul{ list-style: none; float: left; width: 100%; height: 38px; position: relative} #whats ul li{ position: absolute;color: white;text-shadow: 1px 1px 2px #8f959f;text-align: center;width: 148px;line-height: 14px;top: 3px;font-weight: bold;font-size: 14px;} #whats ul li.fluenz{left: -3px} #whats ul li.online{left: 152px} #whats ul li.iphone{left: 269px} #whats ul li.ipad{left: 382px} #whats ul li.android{left: 503px} #whats ul li.flahscards{left: 624px} #whats ul li.audio{left: 677px;width: 274px;top: 3px;} #whats ul li.audio2{left: 851px} .white-background.fede{ width: 100%; background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_Spanish-Latam.png); padding: 0; background-position: center!important;width: 100%!important; background-size: cover;} .fondo-tablet{ background-position: center!important; background: no-repeat} .white-background .fondo-tablet{ width: 100%!important; margin: auto} #spanish .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_Spanish-Latam.png);} #french .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_French.png);} #italian .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_German.png);} #german .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_German.png);} #mandarin .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_Mandarin.png);} #portuguese .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_Spanish-Latam.png);} #spanishspain .white-background.fede{background: center url(https://s3.amazonaws.com/fluenzwebmedia/img/des/tablet-user-pov_Spanish-Spain.png);} #really.box{padding: 30px; margin-top: 20px} #really.box img{ float: left; margin-right: 15px} #really.box h5{ margin: 0; margin-bottom: 5px} .really_blocks{ float: left; width: 260px; margin: 10px; font-size: 17px; color: #484848; } header .nav-top-right{ display: block} .nav-red-wraper{ margin-top: 6px} .footer-container, .lang-wraper{ overflow: hidden; min-width: 960px} #what-you-learn{ padding-top: 40px;} .box.fondo-tablet{width: 960px!important;margin: auto!important;padding: 0; background-image: none!important; color: white; padding-left: 0PX} .box.fondo-tablet h2{ font-family: HelveticaCdMed; font-size: 36px; color: white; margin-top: 51px;} .box.fondo-tablet p{ font-size: 18px; width: 260px} .box.fondo-tablet a{ margin: 0!important;margin-top: 10px!important;-moz-border-radius: 5px;border-radius: 5px;padding: 10px 18px;float: left;color: black; font-size: 15px} header{ -moz-margin-top:-10px} img, video {opacity:0; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari and Chrome */ -o-transition: opacity 1s; transition: opacity 1s; } #tour img, #users img, #jq_ez_bg img{ opacity: 1} #spanishspain #whats ul li.audio, #spanishspain #whats ul li.audio2{ display:none!important} #spanishspain #whats ul li.fluenz{ left: 96px} #spanishspain #whats ul li.online{left: 247px;} #spanishspain #whats ul li.iphone{left: 366px;} #spanishspain #whats ul li.ipad{ left: 481px} #spanishspain #whats ul li.android{ left: 600px} #spanishspain #whats ul li.flahscards{ left: 721px} /* OUR */ .crop { width: 100%; height: 98px; overflow: hidden; float: left; text-align: center; } .container {position: relativwidth: 100%;max-width: 100%;margin: 0 auto;padding: 0 20px;box-sizing: border-box; } .holders{width: 100%;float: left;text-align: center;margin: 0;} .holders.ligth{ background-color: #f6f6f6} .holders.lighter{ background-color: #fcfcfc; color: #525458;} .holders.tipoDark{ background-color: #4e585c; color: #b1b3b5} .holders.tipoDarker{ background-color:#41494d } .holders.tipoDark, .holders.tipoDarker, .holders.tipoDark a, .holders.tipoDarker a, .holders.tipoDarker li{ color: white} .boxes{ max-width: 1018px; height: 517px; background-color: #ffffff; box-shadow: 0px 3px 7px 0.00px rgba(0, 0, 0, 0.07); margin: 80px auto; z-index: 1} .holders.tipo1.otero3{ background: #f6f6f6 -9px 734px no-repeat;} .boxes > div{ float: left} .boxes .img{ height: 517px; width:54%; position: relative; overflow: hidden} .boxes.boxB .img{ float: right} .boxes .video{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/edu_ent/videoholder.jpg) no-repeat center 100%} .boxes video{ width: 443px;height: 238px;margin: 125px auto;} .boxes h3{ color: #000000; font: 300 40px / 33.06px Conv_segoeuil; width: 360px; margin-bottom: 30px; width: 377px} .boxes p{ color: #646363; font: 400 17px / 20px Arial, Helvetica, sans-serif; width: auto; text-align: left; margin-bottom: 20px} .boxes .texto{ position: absolute;bottom: 0;width: 92%;padding: 25px 35px;} .boxes.boxA .texto h3, .boxes.boxA .texto p, .boxes.boxA .texto img{ float: right; text-align: left; clear: both; width: 42%; } .boxes.boxB .texto h3, .boxes.boxB .texto p, .boxes.boxB .texto img, { float: left; text-align: left!important; clear: both} .boxes.boxA .texto h3, .boxes.boxB .texto h3{ line-height: 40px; color:#525458} .boxes.boxB img{ } .boxes.boxB h3{ text-align: left; width: 43%} .boxes.dark{ background: none; color: white!important; box-shadow: none; height: auto} .boxes.trans{ background: none; color: #525458; box-shadow: none; height: auto;} .boxes.trans h3{ width: 100%; color: rgba(78, 88, 92, 0.8);} .boxes.trans h2{ color: #525458;font: 300 48px / 46.06px SegoeUI;} .boxes.dark h2{ color: #ffffff;font: 300 48px / 46.06px SegoeUI;} .boxes.dark h3{ color: #bec7cd; font: 300 30px / 37.06px SegoeUI; width: 100%; font-size: 2.0em!important} .boxes.dark > div{ width: 100%; float: left; text-align: center} .boxes.dark p{ color: rgba(255, 255, 255, 0.79); float: left; width: 100%; text-align: center; margin-top: 30px} .boxes.devices{ margin-top: -75px; height: auto;padding: 23px 0 13px 0px;}; .boxes.boxA p, .boxes.boxB p{ width: 44%} .boxes.tel h3{margin-bottom: 12px;} .boxes.boxB p, .boxes.boxA p{ width: 40%} .boxes h4{ float: left; color: #525458; font: 100 15px / 17px helveticaextbd!important; text-transform: uppercase; width: 100%; text-align: left; line-height: 25px; margin-top: -3px; margin-left: 4px;} .boxes .texto h4{font-size: 14px!important;margin: 0;margin-bottom: 8px;color: red;} .boxes.boxA .texto h4{ text-align: right!important} .boxes p b{float: left;color: red; display: inline; margin-right: 7px} .boxes .texto.faq{ margin-bottom: 0px} .boxes .texto.faq b{margin-right: 7px;width: 106%;border-top: 1px solid #cbced2;padding: 3px 0; cursor: pointer} .boxes .texto.faq b:hover{ color: #ff3939; background: #f6f6f6} .boxes .texto.faq span{ display: none} .boxes .texto.faq span.desp{ display:block} .holders.tipoFranja .boxes{ background: none; height: auto; box-shadow: none; padding: 0; margin: 40px auto } .our { max-width: 1267px} .our > nav{ width: 100%; padding-bottom: 13px; position: relative; margin-top: 40px} .our > nav a{display: inline-block;width: 13.5%;margin: 4px 0.01%;height: 167px;background-color: #ffffff;transition: all .2s ease;box-shadow: 0px 3px 4px 0.00px rgba(0, 0, 0, 0.11);overflow: hidden; cursor: pointer!important} .our > nav a .act{ position: absolute; bottom: 20px; height: 5px; width: inherit; background-color: #ff0000; opacity: 0; transition: all .2s ease; } .our > nav a:hover, .our > nav a.active{ cursor: pointer; box-shadow: 0px 3px 29px 0.00px rgba(0, 0, 0, 0.42);} .our > nav a:hover .act, .our > nav a.active .act{ opacity: 1} .our > nav a span{ float: left; width: auto;padding: 10px; display: block} .our > nav a img{ opacity: .85; transition: all .2s ease;} .our > nav a:hover img, .our > nav a.active img{ opacity: 1} /* .our.ajax{ background-color: #ffffff; margin-top: -65px; border-bottom: #ff0000 solid 5px} */ .our nav p{ display: none} .our.ajax{background-color: #ffffff;margin-top: -102px;max-width: 1223px;border-top: #ff0000 solid 2px; min-height: 650px; position: relative; display: table} .our.ajax h1 span{float: none!important;display: inline-block;font-size: 35px;margin-top: -10px;} .our.ajax h1{padding-top: 47px;text-align: left;margin-left: 247px;margin-bottom: -20px; color: #525458; font-size: 3.5rem; font-family: Conv_segoeuil, sans-serif!important; font-weight: bold} .our.ajax ul#levels{ transition: all .3s ease; float: left; border-right: solid 1px #dee0e1; background: #fff;height: 100%;min-height: 100%;position: absolute; top: 0;left: 0;bottom: 0;width: 205px; padding-top: 0px } .our.ajax h5{ color: #fff; font: 100 48px / 20px SegoeUI!important; display: inline-block; padding: 21px; margin-right: 20px; float: left; margin: 0 } .our.ajax span{ float: left; display: table-cell; vertical-align: middle} .our.ajax li.levels{ list-style: none;font: 400 20px / 40px SegoeUI;display: inline-block;border-bottom: solid 1px #dee0e1;width: 100%;text-align: left;cursor: pointer;background: transparent;position: relative;padding: 30px 0px 10px 0px;text-indent: 10px; margin-bottom: -5px} .our > h2{ float: left;width: 100%;height: 31px;text-align: center;font-family: HelveticaNeueLTStd-LtEx_0!important;font-size: 54px;color: #000000!important;margin-bottom: 0px;margin-bottom: 60px;} .our.ajax li.levels{ font-family: HelveticaNeueLTStd-LtEx_0!important;} .our.ajax li.levels:hover h5, .our.ajax li.levels.active h5{color: #dee0e1;} .our.ajax li.levels:hover, .our.ajax, li.levels.active{ background-color: #fff!important; color: #dee0e1;} .our.ajax li.levels.active h5{ color: #dee0e1} .our.ajax li.levels.active:after{content: url('https://s3.amazonaws.com/fluenzwebmedia/img/edu_ent/our_arrow2.gif');right: -16px;position: absolute;top: 15px; display: none} .our ul#bullets{float: left;position: relative;margin-left: 250px;margin-top: 40px;padding-right: 30px; margin-bottom: 40px;} .our.ajax li.levels:hover, .our.ajax li.levels.active{ background-color: #b1b4b8!important;} .our.ajax li.levels.active h4{ color: white!important} .our.ajax h3{ color: #525458!important;text-align: left;width: 90%!important;line-height: 40px;font-weight: normal!important;font-family: Conv_segoeuil, sans-serif!important;font-size: 40px;margin-top: 20px; } .our ul#clA, .our ul#clB{float: left;width: 49%; display: inline; margin: 0;} .our ul#clA li, .our ul#clB li{ float: left; color: #646363; font: 400 17px / 25px 'Conv_segoeuil'; font-weight: normal!important; text-align: left; clear: both; padding-left: 20px; -webkit-font-smoothing: auto!important; font-weight: normal!important; background: url('https://s3.amazonaws.com/fluenzwebmedia/img/edu_ent/bullet.gif') no-repeat left 8px; list-style: none; margin-bottom: .8rem;} .our ul#clA h4, .our ul#clB h4{font: 300 20px / 33.06px Conv_segoeuil!important; margin-left: 0} .our .more{cursor: pointer; display: inline-table; width: 100%} .our .more span{padding: 0 10px; background: white; margin-left: 43%} .our .more:hover{ opacity: 1} .more_cont{ overflow: hidden; transition: all 1s ease!important; height: 1px; padding-top: 35px; border-top: 1px solid #dee0e1; float: left; width: 99%; margin-top: 35px; margin-bottom: -48px;} .our .desp{ height: auto; margin-bottom: 30px;} .our .desp + a{ display: none} .clear{ width: 100%; float: left} /* HOLYDAYS 2015 */ #banner.dl{background: url(https://s3.amazonaws.com/fluenzwebmedia/img/holidays15_bg.jpg) repeat-x bottom center;} .ligths{ display: none} #banner.dl h1{ color: #0082bc; font-family: sans-serif}