@charset "UTF-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline} html{line-height:1} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} input { outline: 0; border:none; } caption,th,td{text-align:left;font-weight:normal;vertical-align:middle} q,blockquote{quotes:none} q:before,q:after,blockquote:before,blockquote:after{content:"";content:none} a img{border:none} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} .icon,footer .grape>i,footer .grape:hover>i,footer.small .mute:hover>i,footer.small .mute>i,footer.small .unmute:hover>i,footer.small .unmute>i,.welltrade,.page-home .logo,.page-inner .down,.page-inner .up,.page-about aside .logo{background-repeat:no-repeat;display:inline-block} ::-webkit-scrollbar { display: none; } .hide { display:none; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){ .icon,footer .grape>i,footer .grape:hover>i,footer.small .mute:hover>i,footer.small .mute>i,footer.small .unmute:hover>i,footer.small .unmute>i,.welltrade,.page-home .logo,.page-inner .up,.page-about aside .logo{background-image:url('../img/icon2x-s566f34b3f9.png');background-size:325px 115px}} @font-face{font-family:"Glober";src:url('fonts/fontfabric_glober.regular-webfont.eot?1397917835');src:url('fonts/fontfabric_glober.regular-webfont.eot?&1397917835#iefix') format("embedded-opentype"),url('fonts/fontfabric_glober.regular-webfont.woff?1393597284') format("woff"),url('fonts/fontfabric_glober.regular-webfont.ttf?1397917835') format("truetype");font-weight:normal;font-style:normal} @font-face{font-family:"Glober";src:url('fonts/fontfabric_glober.bold-webfont.eot?1397917835');src:url('fonts/fontfabric_glober.bold-webfont.eot?&1397917835#iefix') format("embedded-opentype"),url('fonts/fontfabric_glober.bold-webfont.woff?1393597284') format("woff"),url('fonts/fontfabric_glober.bold-webfont.ttf?1397917835') format("truetype");font-weight:bold;font-style:normal} @font-face{font-family:"Glober";src:url('fonts/fontfabric_glober.semi.bold-webfont.eot?1393597284');src:url('fonts/fontfabric_glober.semi.bold-webfont.eot?&1393597284#iefix') format("embedded-opentype"),url('fonts/fontfabric_glober.semi.bold-webfont.woff?1393597284') format("woff"),url('fonts/fontfabric_glober.semi.bold-webfont.ttf?1397917835') format("truetype");font-weight:600;font-style:normal} html,body{height:100%;font:500 12px/1.4 Poppins;background-color:#000000} #main{height:100%} .vcenter{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column} .vcenter>*{-webkit-flex-shrink:0;flex-shrink:0} .outprinc { position: absolute; display: inline-block; width: 100%; bottom: 0; } .h_img { background-size: contain; display: inline-block; width: 100%; height:auto; vertical-align: bottom; background-repeat: no-repeat; opacity: 1; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; -moz-transition-delay: 2s; -o-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; } .in .h_img { opacity: 0; } .marker b>s, .marker b>s img { position: absolute; width: 80%; height: 80%; top: 0; left: 0; margin: 10%; } .marker b>s img { width: 60%; height: 60%; margin: 20%; } .marker b>span>i, .marker b>span>i>i, .marker b>span>i>i>i, .btn-black { -webkit-border-radius: 50% 0 50%; -moz-border-radius: 50% 0 50%; border-radius: 50% 0 50%; } .marker b>span>i>i>i, .btn-black.back { -webkit-border-radius: 0 50% 0; -moz-border-radius: 0 50% 0; border-radius: 0 50% 0; } .page-home .logo{ width: 100%; text-align: center; height:12%;-moz-transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;-o-transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;-webkit-transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0.5s;transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;position:absolute; margin:0 auto; top:15px;z-index:105; background: none;} .page-home .logo img { position: relative; display: inline-block; vertical-align: top; height:100%; width:auto;} .btn-black{width:36px;height:36px;background-color:#000000;} .btn-black.white{background-color:#f4f4f4;} .btn-black.grey{background-color:#333;} .clear10, .clear30, .clear20 { position: relative; display: block; height: 10px; width: 100%; z-index: -1; } .clear20 { height: 20px; } .clear30 { height: 30px; } .formul.emp { padding-top: 60px; } .mobile .websites.iphone #iphone, .mobile .websites.imac #imac { z-index: 13; } .wid80 { width: 80%; margin: 0 auto; } @media all and (false){ ::-webkit-scrollbar{width:12px;height:12px} ::-webkit-scrollbar-track{background:#5b6a23} ::-webkit-scrollbar-thumb{background:#a9b354} } .btn{display:inline-block;vertical-align:middle;text-align:center;text-decoration:none;cursor:hand;cursor:pointer;} .btn-gray{width:36px;height:36px;background-color:#4b3c48} .btn-cross{line-height:40px;font-size:13px;position:relative;font-weight:bolder;letter-spacing:1px; opacity: 0.9;} .btn-cross.active{opacity: 1;} .btn-cross.chi{line-height:20px;padding: 0 10px !important; font-size: 0.9em;} .btn-cross.white{color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} .btn-cross.black{color:#000;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);} .btn-cross>.hover{position:absolute;left:0;right:0;top:-20px;opacity:0;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:opacity 0.3s ease,-moz-transform 0.3s ease,top 0.3s ease;-o-transition:opacity 0.3s ease,-o-transform 0.3s ease,top 0.3s ease;-webkit-transition:opacity 0.3s ease,-webkit-transform 0.3s ease,top 0.3s ease;transition:opacity 0.3s ease,transform 0.3s ease,top 0.3s ease} .btn-cross>.hover+span{top:0;-moz-transition:opacity 0.3s ease,-moz-transform 0.3s ease,top 0.3s ease;-o-transition:opacity 0.3s ease,-o-transform 0.3s ease,top 0.3s ease;-webkit-transition:opacity 0.3s ease,-webkit-transform 0.3s ease,top 0.3s ease;transition:opacity 0.3s ease,transform 0.3s ease,top 0.3s ease;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)} .btn-cross:hover .hover{top:0;opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)} .btn-cross:hover .hover+span{top:20px;opacity:0;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)} .btn-cross>span{position:relative;z-index:6} .btn-cross:hover{ opacity: 1; padding: 0 !important;} .btn-cross:hover:before, .btn-cross:hover:after, .btn-cross.active:before, .btn-cross.active:after { opacity: 0.5;} .btn-cross.white:before,.btn-cross.white:after{background-color:#ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.5); } .btn-cross.black:before,.btn-cross.black:after{background-color:#000000; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .btn-cross:before,.btn-cross:after{position:absolute;left:0;top:50%;width:100%;height:1px;content:"";-moz-transition:-moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color 0.6s ease;-o-transition:-o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color 0.6s ease;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color 0.6s ease;transition:transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color 0.6s ease} .btn-cross:hover:before, .btn-cross.active:before{-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)} .btn-cross:hover:after, .btn-cross.active:after{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)} .btn-cross:before{-moz-transform:translateY(-21px);-ms-transform:translateY(-21px);-webkit-transform:translateY(-21px);transform:translateY(-21px)} .btn-cross:after{-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px)} .btn-cross.chi:hover, .btn-cross.chi.active { padding: 0 !important; opacity: 1;} .btn-cross.chi:hover:before, .btn-cross.chi.active:before, .btn-cross.chi:hover:after, .btn-cross.chi.active:after { top: 50%;} .btn-cross.chi:before{top:80%;} .btn-cross.chi:after{top:15%;} .btn-stripe{line-height:36px;font-size:11px;font-weight:bold;color:rgba(255,255,255,0.9);padding:0 20px;position:relative;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} .btn-stripe:hover{color:#fff} .btn-stripe:hover:before,.btn-stripe:hover:after{background-color:#fff;height:20px} .btn-stripe:before,.btn-stripe:after{position:absolute; border-right:1px solid rgba(0, 0, 0, 0.5); background-color:rgba(255,255,255,0.5);left:50%;width:1px;height:10px;content:"";margin:8px 0;-moz-transition:height 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:height 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition:height 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:height 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)} .page-inner .btn-stripe { border-color: rgba(255,255,255,0.5); color:rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); } .page-inner .btn-stripe:hover{color:#ffffff} .page-inner .btn-stripe:hover:before, .page-inner .btn-stripe:hover:after {background-color:#ffffff;} .page-inner .btn-stripe:before, .page-inner .btn-stripe:after{background-color:rgba(255,255,255,0.5);} .btn-stripe:after{bottom:50%;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform:translateX(-8px) skewX(45deg);-ms-transform:translateX(-8px) skewX(45deg);-webkit-transform:translateX(-8px) skewX(45deg);transform:translateX(-8px) skewX(45deg)} .btn-stripe:before{-moz-transform-origin:center top;-ms-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top;-moz-transform:translateX(8px) skewX(45deg);-ms-transform:translateX(8px) skewX(45deg);-webkit-transform:translateX(8px) skewX(45deg);transform:translateX(8px) skewX(45deg);top:50%} .btn-fb,.btn-vk{font-size:18px;padding:0;width:36px} .btn-vk{font-size:16px} .btn-group{display:inline-block;vertical-align:middle;font-size:0} .btn-group .btn+.btn{border-left:none} .btn-next:before,.btn-next:after,.btn-prev:before,.btn-prev:after,.btn-close:before,.btn-close:after{position:absolute;content:"";left:50%;height:10px;width:1px;background-color:#ffffff} .btn-next.white:before,.btn-next.white:after,.btn-prev.white:before,.btn-prev.white:after,.btn-close.white:before,.btn-close.white:after{background-color:#000} .btn-next>i,.btn-prev>i,.btn-close>i{position:absolute;content:"";top:50%;right:12px;width:0;height:1px;margin-top:-1px;background-color:#c1bfc2;-moz-transition:width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition:width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)} .btn-next:hover>i,.btn-prev:hover>i,.btn-close:hover>i{width:12px;background-color:#fff} .btn-next.white:hover>i,.btn-prev.white:hover>i,.btn-close.white:hover>i{width:12px;background-color:#000} .btn-next:hover:before,.btn-next:hover:after,.btn-prev:hover:before,.btn-prev:hover:after,.btn-close:hover:before,.btn-close:hover:after{background-color:#fff} .btn-next.white:hover:before,.btn-next.white:hover:after,.btn-prev.white:hover:before,.btn-prev.white:hover:after,.btn-close.white:hover:before,.btn-close.white:hover:after{background-color:#000} .btn-next:before,.btn-prev:before,.btn-close:before{bottom:50%;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;-moz-transform:translateX(6px) rotate(-45deg);-ms-transform:translateX(6px) rotate(-45deg);-webkit-transform:translateX(6px) rotate(-45deg);transform:translateX(6px) rotate(-45deg)} .btn-next:after,.btn-prev:after,.btn-close:after{top:50%;margin-top:-1px;-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:translateX(6px) rotate(45deg);-ms-transform:translateX(6px) rotate(45deg);-webkit-transform:translateX(6px) rotate(45deg);transform:translateX(6px) rotate(45deg)} .btn-prev>i{left:12px;right:auto} .btn-prev:before{bottom:50%;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;-moz-transform:translateX(-7px) rotate(45deg);-ms-transform:translateX(-7px) rotate(45deg);-webkit-transform:translateX(-7px) rotate(45deg);transform:translateX(-7px) rotate(45deg)} .btn-prev:after{top:50%;-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top;-moz-transform:translateX(-7px) rotate(-45deg);-ms-transform:translateX(-7px) rotate(-45deg);-webkit-transform:translateX(-7px) rotate(-45deg);transform:translateX(-7px) rotate(-45deg)} .btn-close:before,.btn-close:after{top:50%;margin-top:-8px;height:16px;-moz-transform-origin:center center;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;-moz-transition:-moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;-o-transition:-o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition-delay:0.1s;transition:transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s} .btn-close:before{-moz-transition:-moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:-o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)} .btn-close:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .btn-close:hover:before{-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)} .btn-close:hover:after{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)} footer{z-index:50;position:absolute;right:10px;bottom:10px} footer .btn-group+.btn-group{margin-left:3px} footer a{cursor:pointer} footer a .iconos { margin-left: 5px; width: 15px; height: 15px; } footer .grape>i{vertical-align:-2px;margin:0 -2px;background-position:-171px -20px;width:84px;height:12px} footer .grape:hover>i{background-position:-87px -20px;width:84px;height:12px} footer.small .mute,footer.small .unmute,footer.small .lang{padding:0 !important;width:36px} footer.small .mute:hover>i{background-position:-45px -20px;width:14px;height:11px} footer.small .mute>i{background-position:-59px -20px;width:14px;height:11px;vertical-align:-1px} footer.small .unmute:hover>i{background-position:-73px -20px;width:7px;height:11px} footer.small .unmute>i{background-position:-80px -20px;width:7px;height:11px;vertical-align:-1px} .welltrade{position:absolute;left:20px;bottom:20px;background-position:0 0;width:88px;height:15px} footer.privacidadF { position: fixed; } .hamburger{position:fixed;left:0;padding:20px 10px 20px 5px;top:0;display:none;cursor:pointer;border-radius: 0 50px 0; -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; background: rgba(0,0,0,0.8); } .hamburger>i{width:17px;display:block;height:3px;background-color:#000;z-index:10;-moz-transition:-moz-transform 0.3s ease;-o-transition:-o-transform 0.3s ease;-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease} .hamburger.black {background:rgba(255,255,255,0.5);} .hamburger.white>i{background-color:#ffffff;} .hamburger>i.mid{width:21px;} .hamburger>i+i{margin-top:3px;} .hamburger>i{-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom} .hamburger>i+i+i{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top} .hamburger.white.active{ padding-left: 10px; background: #000; } .hamburger.black.active{ padding-left: 10px; background: #fff; } .hamburger.active>i{width:21px;} .hamburger.active>i{-moz-transform:translateY(-2px) rotate(45deg);-ms-transform:translateY(-2px) rotate(45deg);-webkit-transform:translateY(-2px) rotate(45deg);transform:translateY(-2px) rotate(45deg)} .hamburger.active>i+i{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)} .hamburger.active>i+i+i{-moz-transform:translateY(2px) rotate(-45deg);-ms-transform:translateY(2px) rotate(-45deg);-webkit-transform:translateY(2px) rotate(-45deg);transform:translateY(2px) rotate(-45deg)} .marker{ text-transform: uppercase; position:absolute;z-index:5;text-align:center;min-width:77px;bottom:0;font-size:11px;white-space:nowrap;font-weight:bold;text-decoration:none;color:#ffffff;letter-spacing:1px;display:none; opacity: 0.9; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); -moz-transition:-moz-transform 0.6s ease,opacity 0.6s ease;-o-transition:-o-transform 0.6s ease,opacity 0.6s ease;-webkit-transition:-webkit-transform 0.6s ease,opacity 0.6s ease;transition:transform 0.6s ease,opacity 0.6s ease} .marker.alt { color: #000000; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); } .marker.hidden{opacity:0;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)} .marker.currentHidden{opacity:0;-moz-transform:scale(2);-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2)} .marker b{position:relative;display:block;width:55px;height:55px;margin:0 auto 10px} .marker b>s{position:absolute;left:50%;margin-left:-9px;margin-top:-1px;top:50%;width:17px;height:1px;background-color:#ffffff;} .marker.alt b>s{background-color:#000000;} .marker b>s+s{width:1px;height:17px;margin-top:-9px;margin-left:-1px} .marker i{-moz-transition:-moz-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:-o-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity cubic-bezier(0.175, 0.885, 0.32, 1.275);display:block;box-shadow:0 0 0 2px #ffffff;width:55px;height:55px} .marker.alt i { box-shadow:0 0 0 2px #000000; } .marker b>span{display:block;position:relative} .marker b>span>i{opacity:0.7;-moz-transform:rotate(45deg) scale(0.8);-ms-transform:rotate(45deg) scale(0.8);-webkit-transform:rotate(45deg) scale(0.8);transform:rotate(45deg) scale(0.8)} .marker b>span>i>i{-moz-transform:scale(0.79);-ms-transform:scale(0.79);-webkit-transform:scale(0.79);transform:scale(0.79);opacity:0.5} .marker b>span>i>i>i{-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}@-webkit-keyframes main-marker-hover-animation{from,to{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}80%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}}@-moz-keyframes main-marker-hover-animation{from,to{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}80%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}}@-ms-keyframes main-marker-hover-animation{from,to{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}80%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}}@keyframes main-marker-hover-animation{from,to{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}80%{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-webkit-transform:scale(0.95);transform:scale(0.95)}} .page-home{height:100%;position:relative; background-position: center; background-repeat: no-repeat; background-color:#000000;background-size:auto 100%;-moz-transition:opacity 2s ease,left 0.6s ease-out;-o-transition:opacity 2s ease,left 0.6s ease-out;-webkit-transition:opacity 2s ease,left 0.6s ease-out;transition:opacity 2s ease,left 0.6s ease-out;opacity:1;overflow:hidden} .page-home.out{-moz-transition:opacity 1.5s ease 0.3s,left 0.6s ease-out;-o-transition:opacity 1.5s ease 0.3s,left 0.6s ease-out;-webkit-transition:opacity 1.5s ease,left 0.6s ease-out;-webkit-transition-delay:0.3s,0s;transition:opacity 1.5s ease 0.3s,left 0.6s ease-out;opacity:0} .page-home footer{-moz-transition:bottom 1s ease 1s;-o-transition:bottom 1s ease 1s;-webkit-transition:bottom 1s ease;-webkit-transition-delay:1s;transition:bottom 1s ease 1s} .page-home.in{opacity:0} .page-home.in footer{bottom:-80px} .page-home.in .logo{top:-200px} .page-home.in .hire{bottom:-200px} .page-home .center{ /* max-width:131vh; */ height:100%;margin:0 auto;position:relative} /*------------------------- Generales --------------------------*/ .no_dis { display: none !important; } .helper { position: relative; display:inline-block; height:100%; vertical-align:middle; } .iconos { position: relative; display: inline-block; vertical-align: middle; background: none; width: 20px; height: 20px; } .iconos img { position: absolute; top:0; left: 0; width: 100%; height: 100%; margin: 0; -webkit-filter: drop-shadow( 0px 1px 1px #000); filter: drop-shadow( 0px 1px 1px #000); } .iconos.sC img { -webkit-filter: drop-shadow( 0px 1px 1px #fff ); filter: drop-shadow( 0px 1px 1px #fff ); } .iconos.tra9 img { opacity:0.9; filter: alpha(opacity=90); } .iconos.tra8 img { opacity:0.8; filter: alpha(opacity=80); } .active .iconos img, .iconos:hover img, a:hover .iconos img { opacity:1.0; filter: alpha(opacity=100); } .page-inner.afiliados aside:before, .page-inner.afiliados .intro:before, .afiliados .terdata:before { width: 100%; height: 100%; top: 0; left: 0; content: ""; position: absolute; z-index: 0;} .page-inner.afiliados.vip aside:before, .afiliados .terdata:before { background: url('../img/afiliados/bgWhite.jpg') repeat; opacity: 0.3; } .page-inner.afiliados aside:before, .page-inner.afiliados .intro:before, .page-inner.afiliados .btn-black, .afiliados.vip .seccion.crear h1, .afiliados.vip .seccion.crear2 h1 { background: url('../img/afiliados/bgBlack.jpg') repeat; } .afiliados .terdata:before { opacity: 0.3; } .page-inner.afiliados aside:before { opacity: 0.6; } .col-1 { width: 100%; height: 100%; } .col-2 { width: 50%; height: 100%; } .col-3 { width: 33%; display: inline-block; height: 50%; vertical-align: top; } .row-2 { height: 50%; width: 100%; padding: 8%; } .col-2.row-2 { width: 50%; height: 50%; padding: 4%; } .tcenter { text-align: center !important;} .col-2.row, .col-1.row { padding: 4%; } .loading { position: relative; width: 100%; height: 38px; display: none; } .loading.white { background: url('../img/preloadW.gif') center no-repeat; } .loading.grey { background: url('../img/preloadG.gif') center no-repeat; } .loading.black { background: url('../img/preloadB.gif') center no-repeat; } .fon14 { font-size: 14px !important; } .fon12 { font-size: 12px !important; } /*------------------------- Afiliados --------------------------*/ .page-inner.afiliados, .page-inner.afiliados main>div { background-color: #000; } .page-inner.afiliados aside { -webkit-box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.5); -moz-box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.5); box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.5); } .page-inner.afiliados aside>div, .afiliados .intro h1 { z-index: 1; } .afiliados .intro { padding: 10px 0 50px 0; } .page-inner.afiliados .evefor { max-width: 40%; z-index: 10; background: none; } .page-inner footer.sociosF { background: none; } .afiliados .vip { position: absolute; top: 5px; left: 10px; letter-spacing: 1px; font-family: 'Verdana', Sans-serif; font-size: 40px; font-weight: bold; color: #333; color: rgba(220,220,220, 0.1); text-shadow: 1px 2px 3px rgba(220,220,220, 0.1); line-height: 1em; } /*------------------------- Login --------------------------*/ .formul { position: relative; margin: 0 auto; width: 70%; } .seccion, .seccion .out, .vistra { -moz-transition: visibility 0s, opacity 0.5s linear; -webkit-transition: visibility 0s, opacity 0.5s linear; -o-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear; visibility: visible; opacity: 1; } .seccion { display:inline-block; } #af_login { position: relative; display: inline-block; width: 100%; } .afiliados { text-align: center; } .afiliados .formul h1 { font-size: 28px; padding:0 0 30px 0; color: rgba(255,255,255, 0.8); text-shadow: 1px 1px 3px rgba(0,0,0, 0.2); z-index: 1; white-space:nowrap; } .Cmetal1 { color: rgba(220,220,220, 0.5); background-image: linear-gradient(rgb(220,220,220) 28%, rgb(103,103,103) 40%, rgb(220,220,220) 54%); text-align: center; -webkit-background-clip:text; -webkit-text-fill-color: transparent; } .afiliados .sendform, .afiliados .sendalta { margin-top: 20px !important; width: auto !important; } option.inactivos, option.activos.inactivex { display: none; } option.inactivos.active { display: block; } /*------------------------- Registro --------------------------*/ .afiliados .menu { position: absolute; top: 20px; width: 100%; box-sizing: border-box; text-align: center; z-index: 100; } .afiliados .menu ul { position: relative; padding: 0; margin: 0; } .afiliados .menu li { position: relative; display: inline-block; width: 33%; } .afiliados .menu.fifty, .afiliados .menu.thirty { position: relative; top: 0; margin-bottom: 15%; } .afiliados .menu.fifty li { width: 50%; } .afiliados .menu.thirty li, .afiliados.vip .crear .menu li { width: 25%; } .afiliados .menu.thirty li, .afiliados.vip .crear .menu.bloqdos li { width: 49.5%; } .afiliados .menu.thirty li, .afiliados.vip .crear .menu.bloqcinco li { width: 19.5%; } .afiliados .menu .btn, .goto .btn { width: auto !important; cursor: hand; cursor: pointer; } .afiliados #reg_form>h1 { padding:0 0 10px 25px; } .afiliados .no_dis1 { position:absolute !important; left:-200%; top: -300%; } .afiliados .no_dis2 { position:absolute !important; top: -50%; left: 25%;} .afiliados .seccion.no_dis1, .afiliados .seccion.no_dis1 .out, .afiliados .seccion.no_dis2 .out, .afiliados.vip .seccion.no_dis1.crear { opacity: 0; z-index: -1; visibility: hidden;} .goto div { display: inline-block; } .exito_msj { position: relative; width: 100%; } .exito_msj i { width: 20px; height: 20px; margin-left: 5px; } .afiliados .terdata { position: relative; width: 85%; height: 85%; margin: 0 auto; -webkit-box-shadow: inset 0px 0px 6px 3px #000; -moz-box-shadow: inset 0px 0px 6px 3px #000; box-shadow: inset 0px 0px 6px 3px #000; -webkit-border-radius: 50px 0 50px; -moz-border-radius: 50px 0 50px; border-radius: 50px 0 50px; overflow: hidden; color: rgba(220,220,220, 0.7); } .afiliados .terdata .out { position: relative; padding: 3% 5% 0 5%; box-sizing: border-box; width:100%; height: 92%; overflow: auto; margin:2% 0 5% 0; text-align: justify; } .afiliados .terdata .evefor { position: absolute; top: 0; right: 10px; width: 12%; } .afiliados .terdata .out h1 { font-size: 20px; font-weight: bold; text-align: center; color: rgba(220,220,220, 0.9); padding:10px 0; } #term_data h1 { padding:10px 0 20px 0; } #term_data h1:first-child { padding-bottom:0; } .afiliados .terdata .out p { padding-bottom: 10px; line-height: 1.2em; } .afiliados .terdata .out p.bol { font-weight: bold; color: rgba(220,220,220, 0.9); padding-top: 10px; } .afiliados .terdata .out p.cen { text-align: center; } .afiliados .terdata .out p a { color: rgba(220,220,220, 0.7); } /*------------------------- Información --------------------------*/ #inf_form { width: 80%; padding: 0; } #inf_form p { margin: 20px 0; } #inf_form .out { width: 100%; margin: 0 auto; } #inf_form .respuesta { font-size: 18px; } #inf_form .respuesta i { width: 20px; height: 20px; margin-right: 5px; padding-top: 30px; } #inf_formO .out { padding: 3% 10% 0 10%; } #inf_formO p { text-align: center; font-size: 16px; margin: 10px 0; } #inf_formO p .iconos { width: 10%; height: 50px; opacity: 0.5; margin:0 15px 15px 0; } /*------------------------- VIP --------------------------*/ .page-inner.afiliados.vip main { width: 400px; } .page-inner.afiliados.vip aside { right: 400px; } .page-inner.afiliados.vip aside:before { -webkit-box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.8); -moz-box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.8); box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.8); } .afiliados.vip .menu { padding-right: 30px; } .afiliados.vip .crear .menu { padding-right: 0; } .afiliados.vip .menu li { width: 20%; } .afiliados.vip.crear .menu.negocios li { width: 16.6%; } .afiliados.vip .menu .hire { padding: 0 10px; } .afiliados.vip .menu .icn, .afiliados.vip .menu .icn.active:before, .afiliados.vip .menu .icn.active:after { display: none; } .afiliados.vip .menu .icn i { width: 20px; height: 20px; } .afiliados.vip .menu .icn.active i { width: 30px; height: 30px; } .afiliados.vip .menu.uno { padding: 0; } .afiliados.vip .menu.uno li { width: 100%;} .afiliados.vip .menu.uno .hire { padding: 0 20px; } .afiliados.vip form {position: relative;} .afiliados.vip .secciones { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .afiliados.vip .seccion.crear, .afiliados.vip .seccion.crear2 { position: absolute; padding-top: 80px; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .trans { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .afiliados.vip .seccion.crear h1, .afiliados.vip .seccion.crear2 h1 { position: relative; width: 150%; font-size: 24px; padding: 10px 0; line-height: 100%; text-transform: uppercase; font-weight: bold; right: 25%; -webkit-box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.8); -moz-box-shadow: inset -7px 0px 7px 0px rgba(0,0,0, 0.8); box-shadow: 0 0 20px 1px rgba(0,0,0, 0.8); } .afiliados.vip .seccion.no_dis1.crear h1, .afiliados.vip .seccion.no_dis1.crear2 h1 { right: 50%; } .afiliados.vip .seccion.no_dis1.crear .content, .afiliados.vip .seccion.no_dis1.crear2 .content { opacity: 0; } .afiliados.vip .seccion.crear .content, .afiliados.vip .seccion.crear2 .content { position: relative; box-sizing: border-box; width: 100%; height: 100%; padding-bottom: 44px; opacity: 1; } .afiliados.vip .seccion .content i { width: 20px; height: 20px; padding-right: 17px; margin-right: 10px; border-right: 1px dotted #666; } .afiliados.vip .seccion.crear .content form i, .afiliados.vip .seccion.crear2 .content form i { padding-right: 7px; margin-right: 0; } .afiliados.vip .seccion.crear .content .row, .afiliados.vip .seccion.crear2 .content .row { position: relative; text-align: left; box-sizing: border-box; -webkit-box-shadow: inset 0 0 12px 2px rgba(0,0,0, 0.5); -moz-box-shadow: inset 0 0 12px 2px rgba(0,0,0, 0.5); box-shadow: inset 0 0 12px 2px rgba(0,0,0, 0.5); } .afiliados.vip .seccion.crear2 .content .row.noshad { box-shadow:none; } .afiliados.vip .seccion.crear .content .row.corrido, .afiliados.vip .seccion.crear2 .content .row.corrido { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } .afiliados.vip .seccion .content h2 { font-size: 22px; padding-bottom: 5px; border-bottom: 1px dotted #666; margin-bottom: 5px; } .afiliados.vip .seccion.crear .content p, .afiliados.vip .seccion.crear2 .content p { padding: 5px 0 10px 0; font-size: 12px; } .afiliados.vip .seccion.crear .content p .date, .afiliados.vip .seccion.crear2 .content p .date { font-size: 12px; } #vip_gen p.msj, #vip_gen p.notis { padding: 0; font-size: 14px; text-align: center; line-height: 1.1em; } #vip_gen p.notis { padding: 10px 0; } #vip_gen .etiq_onoff { position: relative; display: block; padding-top: 5px; } #vip_gen .etiq_onoff form { position: relative; display: inline-block; text-align: left; } #vip_gen .etiq_onoff form { position: relative; display: inline-block; text-align: left; } #ck_dominio input, #ck_dominio label { padding-left: 0; text-align: center; } #ck_dominio .domain { font-weight: normal; } #vip_gen .content #ck_dominio i{ padding: 0; border: none; margin-right: 5px; } #ck_dominio label span { font-style: italic; font-weight: normal; } #ck_dominio label, #ck_dominio p { font-size: 14px; } .page-inner.vip .max800 { display: none; } #vip_sol h3 { text-align: center; padding: 10px 0 0; } #vip_sol h3 + p { padding:0 0 20px; } #vip_sol h3.sinsal { border-bottom: 1px dotted #666; border-top: 1px dotted #666; font-size: 24px; } #vip_sol p.sinsal { margin: 20px auto; } #vip_sol p { line-height: 1em; } #vip_sol p.mercado { font-size: 12px; } #vip_sol p.last { line-height: 18px; } #vip_sol p i { width: 18px; height: 18px; padding: 0; border: none; margin: 0 3px 0 10px; } .colvipp .saldos div { border-right: 1px dotted #666; text-align: center; margin: 10px 0; } .colvipp .saldos div.last { border:none; } .colvipp .saldos div label { display: block; min-height: 60px; } .colvipp .saldos div span { display: block; font-size: 24px; padding:0 0 15px 0; } #vip_gen .saldos div span { font-size: 38px; } .solmsj .wid85 { margin: 30px auto; width: 85%; opacity: 1; z-index: 1; } .solmsj form div { width: 100%; margin: 15px auto; } .solform { position: relative;width: 85%; margin: 0 auto; } #af_pago { width: 80%; margin: 10px auto 20px auto; } #af_pago label { text-align: center; } .result3 #af_pago { width: 80%; margin: 0 auto; } .result3 .appboton { margin: 0 auto; } #ck_dominio { padding-top: 15px; } .ck_dominio { position: relative; padding: 15px 0 20px 0;} .ck_dominio .sendform { top: 0;} .vistra { text-align: center; } .crear .vistra { text-align: left; } .vistra.no_dis1 { opacity: 0; visibility: hidden; } #vip_per .vistra, #vip_neg .vistra { position: relative; text-align: left; } #vip_per .vistra p, #vip_neg .vistra p { padding: 0 0 5px 0; font-size: 14px; width: 100%; } #vip_neg .vistra p.desc { white-space: normal; overflow: auto; } #vip_per form h3, #vip_per .vistra h3 { font-size: 16px; padding: 4px 0; margin: 10px 0; border-bottom: 1px dotted #666; border-top: 1px dotted #666; } .afiliados.vip .editar { position: relative; } .afiliados.vip .vistra div.out { position: absolute; right: 0; top: 5px; cursor: pointer; width: 85px; text-align: center; } .afiliados.vip .seccion .content .vistra div i { border: none; margin:0 3px 0 0; padding: 0; text-align: center; } #bloquebus { position: relative; margin-top: 20px; } .bloquebusP { overflow-y: scroll; } .bloqbus { position: relative; padding-bottom: 20px; } .bloqbus .imagen { background: rgba(255,255,255,0.2); position: absolute; right: 0; width: 130px; height: 85px; text-align: center; border-radius: 25px 0; overflow: hidden; border: 1px dotted #666; top:64px; } .afiliados.vip .seccion .content .bloqbus.vistra .imagen i { position: relative; height: 80%; width: 100%; margin: 7% 0 0 0; } .afiliados.vip .seccion .content .bloqbus.vistra .imagen i.bus img { width: 100%; height: 100%; } .afiliados.vip .vistra div.out.uno { text-align: right; } .afiliados.vip .vistra div.out.dos { right: 35px; } .bloqbus.active i.arriba, .bloqbus.active p, .bloqbus.active .dos, .bloqbus.active .imagen { display: inline-block !important; } .bloqbus .dos, .bloqbus i.arriba, .bloqbus.active i.abajo, .bloqbus p, .bloqbus .imagen { display: none !important; } #new_bus .outer { position: relative; padding-bottom: 30px; } #new_bus form { top: 15px; } #new_bus .out { position: absolute; top: 2px; left: 120px; width: 85px; text-align: center; } #new_bus .dos, #new_bus.active .uno { display: none; padding-right: 100px; } #new_bus .uno { font-size:20px; } #new_bus .uno, #new_bus.active .dos { display: inline-block; } #new_bus .imagen { background: rgba(255,255,255,0.2); overflow: hidden; border: 1px dotted #666; position: absolute; top: -2.2%; right: 0; width: 30%; height: 12%; text-align: center; border-radius: 25px 0; } #new_bus .imagen input { position: absolute; top: -40px; } #new_bus .imagen i, #new_bus .imagen i img { cursor: pointer; border: none; padding: 0 !important; position: relative; height: 100%; width: 100%; } #new_bus .imagen i.fondo { position: absolute; top: 0; left: 0; } #new_bus .imagen i.fondo img { height: 80%; margin-top: 8%; } #new_bus .imagen i.bus { opacity: 0.4; } #new_bus .imagen form.active i.no_dis { display: inline-block !important; } #new_bus .imagen form.active i.si_dis { display: none !important; } #new_bus .ajax.file { top: 0; position: relative; width: 100%; height: 100%; } #vip_neg .row { overflow-x:hidden; overflow-y: auto; } .no_opa { position: absolute; opacity: 0; height: 1px; width: 1px; padding: 0; margin: 0; } #vip_his .bloques { margin-bottom:25px; } /* background: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -moz-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -ms-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -o-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -webkit-radial-gradient(center, circle, rgba(0,0,0,.35), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle, rgba(255,255,255,.2), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #202020, #000); background-size: 10px 10px, 10px 10px, 100% 100%; background-position: 1px 1px, 0px 0px, center center; /* background: -webkit-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -moz-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -ms-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: -o-radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background: radial-gradient(center, circle, rgba(255,255,255,.35), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 21%), -webkit-radial-gradient(center, circle, rgba(0,0,0,.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0); background-size: 10px 10px, 10px 10px, 100% 100%; background-position: 1px 1px, 0px 0px, center center; */ .afiliados.vip .vip { position: relative; top: auto; left: auto; font-size: 36px; letter-spacing: 0; } .afiliados.vip .vip span { display: block; padding-bottom: 30px; font-size: 26px; } .afiliados.vip .evefor { position: relative; margin-top: 10%; } /*------------------------- EVENTOS --------------------------*/ .outvideo { position: relative; width: 100%; height: 100%; } .websites { position: relative; text-align: center; } .websites .imac, .websites .iphone { cursor: pointer; } .websites .imac { position: relative; display: inline-block; width: 90%; z-index: 0; } .websites.imac .imac { width: 100%; z-index: 10; cursor: default; } .websites .iphone { position: absolute; height: 60%; width: 18.5%; bottom: 0; left: 5%; z-index: 1; overflow: hidden; } .websites .iphone .backtel { position: relative; height: 100%; width: auto; z-index: 11; } .websites .iphone .back { position: absolute; height: 76.5%; bottom: 12.3%; left: 7%; z-index: 6; } .websites .imac .backtel { position: relative; height: auto; width: 100%; z-index: 11; } .websites .imac .back { position: absolute; width: 84.5%; height: auto; top: 5%; left: 8%; z-index: 6; } .websites.imac .iphone { width: 21%; } .websites .prin:before, .websites .prin:after { position: absolute; content: ''; width: 50px; height: 50px; z-index: 7; top: 50%; left: 50%; margin: -25px; -webkit-filter: drop-shadow( 0px 1px 5px #fff ); filter: drop-shadow( 0px 1px 5px #fff ); opacity: 0.9; } .websites .imac:before, .websites .imac:after { top: 41%; margin: -40px; width: 80px; height: 80px; } .websites .prin:hover:after { background: none; } .websites.iphone .prin .back, .websites.imac .prin .back { z-index: 0; } .websites.iphone .iphone { height: 100%; cursor: default; width: 31%; } .page-inner .websites .hire { position: absolute; display: none; width: 100px; padding: 0; z-index: 11; } .page-inner .websites.imac .hire { display: block; right: 10%; bottom: 8%; } .page-inner .websites.iphone .hire { display: block; right: 20%; bottom: 10%; } .websites #imac { position: absolute; height: 68%; width: 90%; top: 5%; left: 5%; border: 0; z-index: 5; } .websites #iphone { position: absolute; height: 77%; width: 200%; bottom: 12.2%; left: -48%; border: 0; z-index: 5; } .websites.iphone #iphone, .websites.imac #imac { z-index: 10; } .websites.iphone .backtel, .websites.imac .backtel { z-index: 12; } #main.mobile .websites.imac #imac { width: 84%; left: 8%; z-index: 20; } #main.mobile .websites.iphone #iphone { width: 88%; left: 7%; z-index: 20; } @media screen and (min-aspect-ratio: 1920 / 992){ .page-home{background-size:100% auto} /* .page-home .center{max-width:67.70833%} */ } @media screen and (min-aspect-ratio: 1920 / 800){ .page-home{background-size:auto 124%;min-height:42vw}} @media screen and (max-aspect-ratio: 1300 / 992){ /*.page-home .center{top:50%;margin-top:-38vw;max-height:76vw}*/ .page-home .videos .center{margin-top:0} .page-home .videos:after{content:"";position:absolute;height:78vw;left:0;width:100%;top:-39vw;background:url('../img/none.gif');background-size:100% 100%}} /* .page-home .logo{background-position:0 -32px;width:175px;height:29px;-moz-transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;-o-transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;-webkit-transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0.5s;transition:top 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;position:absolute;left:50%;margin-left:-97px;top:50px;z-index:5} */ .page-home video{display:block;width:100%;visibility:hidden} .page-home .hire{ display: inline-block; position:relative;z-index:50;margin: 2% 0 0 15px; vertical-align: top; } .page-home .play-zones{position:relative; width: 100%; height: 100%; display: block;} .page-home .play-zones>div{height:100%;bottom:0;position:absolute;z-index:3; vertical-align: bottom;} .page-home .play-zones>div:hover .marker b>span{-moz-animation:main-marker-hover-animation 1s ease-in-out infinite;-webkit-animation:main-marker-hover-animation 1s ease-in-out infinite;animation:main-marker-hover-animation 1s ease-in-out infinite} .page-home .play-zones .temp { position: absolute; width: 100%; height: 100%; z-index: 0; } .page-home .play-zones .princ, .page-home .play-zones .princ .outprinc { -webkit-transition: all 400ms; transition: all 400ms; } /*.page-home .play-zones.active .temp { background-color:rgba(0,0,0,0.3); z-index:6; }*/ .page-home .play-zones.active .uno { display: none; } .page-home .play-zones.active .uno.active { display: block; } .page-home .play-zones .princ { z-index: 5; } .page-home .play-zones .uno { z-index: 7; } .page-home .play-zones .princ.active { z-index: 7; } .page-home .play-zones .uno.active, .page-home .play-zones .shower.uno, .page-home .play-zones .fiesta.uno { z-index: 8; } /* .page-home .play-zones.active .princ, .page-home .play-zones.active .uno { top: 32%; } .page-home .play-zones.active .princ.active, .page-home .play-zones.active .uno.active { top: 0; } */ .page-home canvas{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%} .page-inner{position:relative;overflow:hidden} .page-inner .intro{justify-content:center;min-height:550px;position:relative; text-align: center;} .page-inner.bg{background:url('../img/about/bg.webp') center; background-size:cover} .page-inner main{-moz-transition:right 1s ease,opacity 1s ease;-o-transition:right 1s ease,opacity 1s ease;-webkit-transition:right 1s ease,opacity 1s ease;transition:right 1s ease,opacity 1s ease;text-align:center;width:487px;margin-left:auto;position:relative;right:0;opacity:1} .page-inner main .btn{vertical-align:middle;width:150px} .page-inner main .btn:hover, .page-inner main .btn.active {color:#000} .page-inner main .btn.white:hover, .page-inner main .btn.white.active{color:#fff} .page-inner main p a{color:#7f6047} .page-inner main>div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100vh;padding-bottom:62px;background-color:#ffffff;position:relative} .page-inner.privacidad main>div{height:auto; padding-bottom: 30px;} .page-inner.in main{right:-500px;opacity:0} .page-inner.in footer{bottom:-60px} .page-inner.in aside{opacity:0} .page-inner.out main{right:-500px;opacity:0;-moz-transition:right 1s ease 1s,opacity 1s ease 1s;-o-transition:right 1s ease 1s,opacity 1s ease 1s;-webkit-transition:right 1s ease,opacity 1s ease;-webkit-transition-delay:1s,1s;transition:right 1s ease 1s,opacity 1s ease 1s} .page-inner.out footer{-moz-transition:bottom 1s ease 1s;-o-transition:bottom 1s ease 1s;-webkit-transition:bottom 1s ease;-webkit-transition-delay:1s;transition:bottom 1s ease 1s;bottom:-60px} .page-inner.out aside{opacity:0;-moz-transition:right 1s ease,opacity 1s ease;-o-transition:right 1s ease,opacity 1s ease;-webkit-transition:right 1s ease,opacity 1s ease;transition:right 1s ease,opacity 1s ease} .page-inner aside{position:fixed;right:487px;left:0;top:0;bottom:0;overflow:hidden;background-size:cover;background-position:center;-moz-transition:right 1s ease 1s,opacity 1s ease 1s;-o-transition:right 1s ease 1s,opacity 1s ease 1s;-webkit-transition:right 1s ease,opacity 1s ease;-webkit-transition-delay:1s,1s;transition:right 1s ease 1s,opacity 1s ease 1s;} .page-inner aside.bg-conductor{background-image:url('../img/conductor/conductor.jpg?1421253896')} .page-inner aside.bg-horse{background-image:url('../img/horse/horse.jpg?1421253941')} .page-inner aside.bg-planner{background-image:url('../img/boda/bg.webp')} .page-inner aside.bg-planner.xv{background-image:url('../img/xv/bg.webp')} .page-inner aside.bg-planner.graduacion{background-image:url('../img/graduacion/bg.webp')} .page-inner aside.bg-planner.fiesta{background-image:url('../img/fiesta/bg.webp')} .page-inner aside.bg-surfer{background-image:url('../img/surfer/surfer.jpg?1421253926')} .page-inner aside.bg-sniper{background-image:url('../img/sniper/sniper.jpg?1421253858')} .page-inner aside>a{z-index:2} .page-inner aside .down{display:none} .page-inner aside .btn-gray, .page-inner aside .btn-black {top:0;position:absolute} .page-inner aside .btn-next{left:37px} .page-inner aside .btn-prev{left:0} .page-inner aside .btn-close{right:0} .page-inner .bg{background:url('../img/test.webp?1421162973') center;background-size:cover} .page-inner .video>div{position:absolute;left:50%;top:50%;width:50%;z-index:1;background-color:rgba(255,255,255,0.1)} .page-inner .video .marker{left:0;top:0;position:absolute;z-index:2} .page-inner .video .glasses{margin-left:-14%;margin-top:-40%} .page-inner .video .tails{margin-left:27%;margin-top:25%} .page-inner .video .hairbrush{margin-left:-50%;margin-top:30%} .page-inner .video .coin{margin-left:-35%;margin-top:50%} .page-inner .video .pen{margin-left:30%;margin-top:10%} .page-inner .video .iphone{margin-left:-30%;margin-top:-30%} .page-inner .video .checkmate{margin-left:-50%;margin-top:30%} .page-inner .video .watch{margin-left:50%;margin-top:50%} .page-inner .video .necktie{margin-left:10%;margin-top:0%} .page-inner .video .cufflinks{margin-left:-50%;margin-top:10%} .page-inner .video .whiskey{margin-left:30%;margin-top:20%} .page-inner .video .card-holder{margin-left:-35%;margin-top:-40%} .page-inner .video .lighter{margin-left:35%;margin-top:40%} .page-inner .video video{position:absolute;left:50%;top:50%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;width:auto;height:auto;max-width:112vh;z-index:1} .page-inner .hire{position:relative;margin: 0 auto; padding: 0 20px; } .page-inner .hire.small { padding: 0 10px; } .page-inner .welltrade{position:fixed} .page-inner footer{position:fixed;right:0;bottom:0;width:467px;text-align:right;padding:13px 10px;background-color:#000000;opacity:0.99;-moz-transition:bottom 1s ease;-o-transition:bottom 1s ease;-webkit-transition:bottom 1s ease;transition:bottom 1s ease} .page-inner .img{height:70%;position:relative;background-position:center top;background-size:cover;z-index:1} .page-inner .text{max-width:325px;margin:0 auto;position:relative;padding:20px 10px 0;height:30%;color:#7f6047;font:bold 13px/24px Vremena;text-align:left;letter-spacing:1px} .page-inner .text p{margin:10px 0;text-rendering:optimizeLegibility} .page-inner .text p:first-letter{font-size:48px} .page-inner .text p.letter-n:first-letter,.page-inner .text p.letter-a:first-letter{margin-right:-0.05em} .page-inner .text p.letter-t:first-letter{margin-right:-0.1em} .page-inner .text p.letter-у:first-letter,.page-inner .text p.letter-р:first-letter{margin-right:-0.15em} .page-inner .text p.letter-г:first-letter{margin-right:-0.18em} .page-inner .end-line{position:relative} .page-inner .down, .page-inner .up{background-image:url('../img/flechas1.png');} .page-inner .down{background-position:-15px 0;width:15px;height:9px;position:absolute;left:50%;bottom:3%;margin-bottom:60px;margin-left:-7px;z-index:1;-moz-animation:down-anim 1s 1s 3 ease-out;-webkit-animation:down-anim 1s 1s 3 ease-out;animation:down-anim 1s 1s 3 ease-out} .page-inner .up{background-position:-30px 0;width:15px;height:9px;position:absolute;left:50%;margin-left:-7px;bottom:15%} .page-inner .type{position:absolute;left:0;top:5%;width:100%;font-weight:bold;z-index:1;font-size:11px} .page-inner header{position:relative;font-size:9px;color:#000000;line-height:1.8;margin-bottom:130px} .page-inner.evento header, .page-inner.contacto header{font-size:14px;margin:0; padding: 15px 0; line-height: 1.1em;} .page-inner.privacidad header {margin:20px 0 0 0} .page-inner header>strong{display:block;font-size:10px} .page-inner header>span{margin:0 auto;background:#fff center top no-repeat;display:block} .page-inner header h1{position:relative;letter-spacing:3px; font:600 34px/1.2 Glober;} .page-inner .outro{min-height:400px;text-align:center; } .page-inner .outro .call2action .btn{margin-top:20px;width:175px;z-index:1} .page-inner .outro .figure{margin-bottom:10px} .page-inner .outro p{color:#4b3c48;font:500 italic 12px/1.5 Poppins;margin:10px auto; padding: 0 40px;} .page-inner .outro p.precio { color: #d41616; font-size: 24px; margin-bottom: 30px; } .page-inner .outro .hire { width: auto; } .page-inner .figure{margin:0 auto;width:227px;position:relative} .page-inner .figure>span{display:block;} .page-inner .sniper>span{background-image:url('../img/sniper/Fsniper.png?1419258916');margin-bottom:-180px;width:227px;height:227px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-inner .sniper>span{background-image:url('../img/sniper/Fsniper2x.png?1419258925');background-size:contain}} .page-about header>span{ background: none; } .page-about .quality>span{background-image:url('../img/about/quality.png');margin-bottom:-180px;width:227px;height:227px} @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-inner .quality>span{background-image:url('../img/about/quality2x.png');background-size:contain}} .page-about .innovacion>span{background-image:url('../img/about/innovacion.png');margin-bottom:-160px;width:257px;height:257px} @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-about .innovacion>span{background-image:url('../img/about/innovacion2x.png');background-size:contain}} .page-about .tech>span{background-image:url('../img/about/tech.png');margin-bottom:-200px;width:257px;height:257px} @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-about .tech>span{background-image:url('../img/about/tech2x.png');background-size:contain}} .page-about .teamwork>span{background-image:url('../img/about/teamwork.png');margin-bottom:-215px;width:227px;height:227px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-about .teamwork>span{background-image:url('../img/about/teamwork2x.png');background-size:contain}} .page-about .integridad>span{background-image:url('../img/about/integridad.png');margin-bottom:-140px;width:227px;height:227px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-about .integridad>span{background-image:url('../img/about/integridad2x.png');background-size:contain}} .page-about .privacidad>span{ opacity: 0.2; background-image:url('../img/about/privacidad.png');margin-bottom:-180px;width:227px;height:227px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-about .privacidad>span{background-image:url('../img/about/privacidad2x.png');background-size:contain}} .page-inner .conductor.figure{width:242px;height:230px} .page-inner .mainh span { width:150px;height:150px; margin-bottom:15px; background-size:contain; } .page-inner .boda>span{background-image:url('../img/boda/maini.webp'); } .page-inner .xv>span{background-image:url('../img/xv/maini.webp'); } .page-inner .fiesta>span{background-image:url('../img/fiesta/maini.webp'); } .page-inner .graduacion>span{background-image:url('../img/graduacion/maini.webp'); } .page-inner .listo>span{background-image:url('../img/about/quality.png'); } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){ .page-inner .conductor>span{background-image:url('../img/boda/maini2x.webp');background-size:contain} } .page-inner .surfer.figure{width:230px;height:295px} .page-inner .surfer>span{background-image:url('../img/surfer/Fsurfer.png?1419355665');margin-bottom:-200px;width:230px;height:295px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-inner .surfer>span{background-image:url('../img/surfer/Fsurfer2x.png?1419355676');background-size:contain}} .page-inner .outro{overflow: hidden;} .page-inner .boda{margin-bottom:100px} .page-inner .boda.figure{width:120px;height:120px;background-image: url('../img/home/M/boda.webp'); background-position: 70% -30%; background-repeat:no-repeat; background-color:#fff; background-size:130%; } .page-inner .boda.xv.figure { background-size:200%; } .page-inner .boda.graduacion.figure { background-size:120%; } .page-inner .boda.figure span{background-image:url('../img/pad.webp'); background-repeat: no-repeat; width:127px;height:127px; margin-bottom: -115px; background-size: contain;} .page-inner .boda.xv.figure{background-image: url('../img/home/M/xv.webp'); background-position: 35% -25%; } .page-inner .boda.fiesta.figure{background-image: url('../img/home/M/fiesta.webp'); background-position: 35% -25%; } .page-inner .boda.graduacion.figure{background-image: url('../img/home/M/graduacion.webp'); background-position: 30% -35%; } .page-inner .horse{margin-bottom:100px} .page-inner .horse.figure{width:255px;height:182px} .page-inner .horse>span{background-image:url('../img/horse/Fhorse.png?1419357329');margin-bottom:-140px;width:255px;height:182px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-inner .horse>span{background-image:url('../img/horse/Fhorse2x.png?1419357343');background-size:contain}} .page-inner .frame{width:260px;margin:20px auto 20px;font:14px/1.5 Vremena;border-left:6px solid #8b6f58;border-bottom:6px solid #8b6f58;border-right:6px solid #8b6f58;position:relative;padding:45px 20px 35px} .page-inner .frame>div{font-style:italic;font-weight:bold;color:#4b3c48} .page-inner .frame h3{position:absolute;left:0;line-height:60px;height:60px;top:-30px;margin:0 -6px;right:0;font-size:13px;color:#7f6047;overflow:hidden} .page-inner .frame h3>span{letter-spacing:1px;position:relative;display:inline-block} .page-inner .frame h3>span:after,.page-inner .frame h3>span:before{content:"";display:block;height:6px;position:absolute;top:50%;width:200px;margin:-4px 20px 0;background-color:#8b6f58} .page-inner .frame h3>span:after{left:100%} .page-inner .frame h3>span:before{right:100%} .page-inner .frame h3 strong{font-size:60px;vertical-align:middle;margin:0 10px} .page-inner .test-result h1,.page-inner .test-result .horse,.page-inner .test-result .planner,.page-inner .test-result .conductor,.page-inner .test-result .sniper,.page-inner .test-result .surfer{margin-bottom:0} .page-inner .test-result .planner>span{margin-bottom:-136px} .page-inner .test-result .conductor>span{margin-bottom:-100px} .page-inner .test-result .sniper>span{margin-bottom:-110px} .page-inner .test-result .surfer>span{margin-bottom:-130px} .page-inner .test-result .last{margin-left:30px} .page-inner .test-result .btn-vk,.page-inner .test-result .btn-fb{width:55px} .page-inner .test-result .detailed{margin:0;font-size:12px} .page-inner .test-result .share{display:inline-block;width:150px;vertical-align:middle;text-align:center;position:relative;height:50px;margin-top:40px} .page-inner .test-result .share>.btn{-moz-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1;cursor:pointer;-moz-transition:opacity 0.6s ease,-moz-transform 0.6s ease;-o-transition:opacity 0.6s ease,-o-transform 0.6s ease;-webkit-transition:opacity 0.6s ease,-webkit-transform 0.6s ease;transition:opacity 0.6s ease,transform 0.6s ease} .page-inner .test-result .share .btn-fb{position:absolute;left:0;top:0} .page-inner .test-result .share .btn-vk{position:absolute;right:0;top:0} .page-inner .test-result .share .hidden{opacity:0;-moz-transform:translateY(-40px) scale(0);-ms-transform:translateY(-40px) scale(0);-webkit-transform:translateY(-40px) scale(0);transform:translateY(-40px) scale(0)} .page-inner .test-result .share .show-share.hidden{opacity:0;-moz-transform:translateY(40px) scale(0);-ms-transform:translateY(40px) scale(0);-webkit-transform:translateY(40px) scale(0);transform:translateY(40px) scale(0)} .page-inner .test-result>div{margin:50px 0 30px} .page-inner .test-result p{margin-top:50px;padding:0 10px;position:relative;z-index:1;color:#4b3c48;font-size:13px}@media screen and (max-height: 550px){.page-inner main>div{height:auto;min-height:100vh} .page-inner .img{height:100vh} .page-inner .text{height:50vh}} @-webkit-keyframes down-anim{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}70%{-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-moz-keyframes down-anim{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}70%{-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-ms-keyframes down-anim{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}70%{-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes down-anim{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}70%{-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-webkit-transform:translateY(-8px);transform:translateY(-8px)}} .page-intro{position:relative;background-color:#000;overflow:hidden;height:100%;-moz-transition:opacity 2s ease;-o-transition:opacity 2s ease;-webkit-transition:opacity 2s ease;transition:opacity 2s ease;opacity:1} .page-intro.out{opacity:0} .page-intro.out .skip{opacity:0 !important} .page-intro.in{opacity:0} .page-intro video{width:100%;height:100%;height:100vh} .page-intro .skip{position:absolute;-moz-transition:opacity 1.5s ease;-o-transition:opacity 1.5s ease;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;opacity:1;left:50%;bottom:50%;margin-bottom:-25vw;width:160px;margin-left:-80px} .page-intro .skip.hidden{opacity:0} .page-inner .outro .block { position: relative; width: 100%; height: 100%; } .page-inner .outro.form .block {overflow-y: scroll; margin-bottom: 30px; } .page-inner .outro .first, .page-inner .outro .second, .page-inner .outro .third, .page-inner .outro .four { position: absolute; width: 100%; height: 100%; top: 0; } .page-inner .outro .first { right: 0; } .page-inner .outro .second, .page-inner .outro .third, .page-inner .outro .four { right: -100%; } .page-inner .outro .four { overflow-x:hidden; overflow-y:scroll; } .page-inner .outro.form .first, .page-inner .outro.terminos .first, .page-inner .outro.pagos .first, .page-inner .outro.listo .second, .page-inner .outro.terminos .second { right: 100%; } .page-inner .outro.form .second, .page-inner .outro.terminos .four, .page-inner .outro.pagos .third, .page-inner .outro.listo .four { right: 0; } .page-inner .outro .btn-close { display: none; position: fixed; right: 0; top: 0; width: 36px; } .page-inner .outro.terminos .four .btn-close { display: block; } .page-inner .outro .first .paqout { position:relative; padding:0 5px; box-sizing:border-box; bottom:20px; } .page-inner .outro .first .paq3 { position: relative; display:inline-block; width:32%; vertical-align:top; padding:0 5px; box-sizing:border-box; } .page-inner .outro .first .paq3 .precio { font-size:20px; } .page-inner .outro .first .paq3 p { padding:0; } .gobakout div { position:absolute; width: 100px; left:5%; margin-top: -15px; } .gobakout span i { margin-top:-5px; } .paq3 h4, h4.refer { font-size:1.5em; margin-bottom:5px; text-transform:uppercase; padding-bottom:5px; border-bottom: 2px solid #000; } .paq3 .bullets { font-size:0.8em; color:#666; } .paq3 .bullets i { display: block; font-weight:600; margin-top:5px; color:blue; font-size:1.1em; } .paq3 .bullets div { border-bottom:1px #999 dashed; padding:5px 0; } .paq3 .bullets div:last-child { border:none; } .page-inner .outro .first .lasttex { padding:0; margin: 0; height:70px; } h4.refer { border:none; margin:10px 0; } .bloqpag { margin-bottom:15px; } .bloqpag img { max-height:40px; } .bloqpag h4 { margin-bottom:5px; } .red { color:red; } .redo { color:darkred; } .paq3.colgold h4 { border-color: #E6CE00; background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,0) 80%, rgba(230,206,0,0.5) 100%); } .paq3.colprem h4 { border-color: #FF68DD; background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,0) 80%, rgba(255,104,221,0.5) 100%); } .paq3.colblak h4 { border-color: #000; background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,0) 80%, rgba(0,0,0,0.5) 100%); } .page-inner .paqout.full { position:fixed; width:90%; height: 90%; top:5%; left:5%; } .page-inner .outro .third h1 { font-size: 30px; padding-top: 20px; } .paysecure { position: relative; padding-top: 20px;  } .paysecure i { width:16px; height:16px; } .page-inner .outro .second h2, .page-inner .outro .third h2 { font-size: 30px; } .page-inner .outro .second form { position: relative; margin: 10% auto; width: 75%; } .page-inner .outro .second.dom form { margin: 3% auto; } .page-inner .outro .second #ext_conf2 h3 { color: #0ca80c;} .page-inner .outro .second #ext_conf2 h3 i { padding-right: 5px; } .page-inner .outro .second #ext_conf2 .resultado { padding: 15px 0; font-weight: bold; } .page-inner .outro .four header { margin: 0; } .page-inner .outro .four label { text-decoration: underline; color: #7f6047; } .page-inner .mitad { display: inline-block; width: 40%; } .page-inner .outro .second #ext_conf2 { margin-top: 5%; } .dominioCom { width: auto; text-align: left; padding: 10px 0; display: inline-block; } .dominioCom input { cursor: pointer; } .dominioCom span { color: #999; } .page-inner .outro .second h2.dominioCom2, h2.dominioCom2 span { font-size: 20px; } /*------------------------- CONTACTO --------------------------*/ .page-inner.contacto header { margin: 0; } .page-inner.contacto form { width: 75%; margin: 8% auto; } .page-inner.contacto .hire { width: auto; } /*------------------------- MEDIA REST --------------------------*/ @media screen and (min-aspect-ratio: 1280 / 720){ .page-intro .skip{margin-bottom:0;bottom:7%}} .page-test{height:100%;position:relative} .page-test main{background:url('../img/test.webp?1421162973') center;background-size:cover;position:relative;min-height:100%;margin-right:487px;-moz-transition:right 1s ease 1s,opacity 1s ease 1s;-o-transition:right 1s ease 1s,opacity 1s ease 1s;-webkit-transition:right 1s ease,opacity 1s ease;-webkit-transition-delay:1s,1s;transition:right 1s ease 1s,opacity 1s ease 1s} .page-test aside{-moz-transition:width 1s ease,opacity 1s ease;-o-transition:width 1s ease,opacity 1s ease;-webkit-transition:width 1s ease,opacity 1s ease;transition:width 1s ease,opacity 1s ease;text-align:center;width:487px;margin-left:auto;position:fixed;top:0;height:100%;right:0;opacity:1;background-color:#000} .page-test aside>div{height:100%;position:absolute;width:100%;left:0;top:0;opacity:1;-moz-transition:opacity 4s ease;-o-transition:opacity 4s ease;-webkit-transition:opacity 4s ease;transition:opacity 4s ease;background-position:top left;} .page-test aside>div.hidden {opacity:0} .page-test.in aside{width:0;opacity:0} .page-test.in footer{bottom:-60px} .page-test.in main{opacity:0} .page-test.out aside{width:0;opacity:0;-moz-transition:width 1s ease 1s,opacity 1s ease 1s;-o-transition:width 1s ease 1s,opacity 1s ease 1s;-webkit-transition:width 1s ease,opacity 1s ease;-webkit-transition-delay:1s,1s;transition:width 1s ease 1s,opacity 1s ease 1s} .page-test.out footer{-moz-transition:bottom 1s ease 1s;-o-transition:bottom 1s ease 1s;-webkit-transition:bottom 1s ease;-webkit-transition-delay:1s;transition:bottom 1s ease 1s;bottom:-60px} .page-test.out main{opacity:0;-moz-transition:right 1s ease,opacity 1s ease;-o-transition:right 1s ease,opacity 1s ease;-webkit-transition:right 1s ease,opacity 1s ease;transition:right 1s ease,opacity 1s ease} .page-test footer{position:fixed;right:0;bottom:0;width:467px;text-align:right;padding:13px 10px;opacity:0.99;-moz-transition:bottom 1s ease;-o-transition:bottom 1s ease;-webkit-transition:bottom 1s ease;transition:bottom 1s ease} .page-test .btn-gray, .page-test .btn-black{top:0;right:0;position:absolute;z-index:2} .page-test .answers{text-align:center} .page-test .answers a{height:100px;width:220px;cursor:pointer;position:relative;display:inline-block;margin:25px 3% 25px;color:#a7a1aa;line-height:100px;font-size:13px;vertical-align:top;-moz-transition:-moz-transform 0.6s ease,opacity 0.6s ease;-o-transition:-o-transform 0.6s ease,opacity 0.6s ease;-webkit-transition:-webkit-transform 0.6s ease,opacity 0.6s ease;transition:transform 0.6s ease,opacity 0.6s ease;opacity:1} .page-test .answers a.currentHidden{-moz-transform:scale(2);-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);opacity:0} .page-test .answers a.hidden{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);opacity:0} .page-test .answers a:hover{color:#7d5f48} .page-test .answers a:hover>b{-moz-animation:digit-hover 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-animation:digit-hover 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:digit-hover 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)} .page-test .answers a:hover>span:before,.page-test .answers a:hover>span:after{background-color:#7f6047;height:40px} .page-test .answers a>span{position:relative;display:inline-block;line-height:1.3;vertical-align:middle} .page-test .answers a>span:before,.page-test .answers a>span:after{position:absolute;background-color:rgba(115,111,117,0.5);left:50%;width:1px;height:0;content:"";margin:8px 0;-moz-transition:height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition:height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)} .page-test .answers a>span:after{bottom:100%;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform:translateX(-40px) skewX(45deg);-ms-transform:translateX(-40px) skewX(45deg);-webkit-transform:translateX(-40px) skewX(45deg);transform:translateX(-40px) skewX(45deg)} .page-test .answers a>span:before{-moz-transform-origin:center top;-ms-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top;-moz-transform:translateX(40px) skewX(45deg);-ms-transform:translateX(40px) skewX(45deg);-webkit-transform:translateX(40px) skewX(45deg);transform:translateX(40px) skewX(45deg);top:100%} .page-test .answers a>b{opacity:0.06;position:absolute;color:#a7a1aa;top:50%;margin-top:-90px;font:150px/200px Vremena;left:0;right:0} .page-test section{display:none;padding-top:300px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh} .page-test section.active{display:-webkit-flex;display:flex} .page-test section.active .question{-moz-transition:opacity 0.6s ease,-moz-transform 0.6s ease;-o-transition:opacity 0.6s ease,-o-transform 0.6s ease;-webkit-transition:opacity 0.6s ease,-webkit-transform 0.6s ease;transition:opacity 0.6s ease,transform 0.6s ease;-moz-transform:translateY(0px) scale(1);-ms-transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1)} .page-test section.from-hidden .question{-moz-transform:translateY(-500px);-ms-transform:translateY(-500px);-webkit-transform:translateY(-500px);transform:translateY(-500px)} .page-test section.from-hidden .question>i{top:120%;opacity:0} .page-test section.hidden .question{-moz-transform:translateY(100px) scale(0.5);-ms-transform:translateY(100px) scale(0.5);-webkit-transform:translateY(100px) scale(0.5);transform:translateY(100px) scale(0.5);opacity:0} .page-test .question{position:absolute;left:0;right:0;top:0;height:270px;text-align:center;color:#4b3c48;overflow:hidden} .page-test .question>strong{position:absolute;left:0;top:0;padding:15px 40px 0;right:0;font-size:12px;font-weight:bold} .page-test .question>strong.mobile{display:none} .page-test .question>.first{font-size:14px} .page-test .question>i{position:absolute;left:50%;top:70%;background-size:cover;-moz-transition:top 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s,opacity 1s ease 0.3s;-o-transition:top 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s,opacity 1s ease 0.3s;-webkit-transition:top 1s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity 1s ease;-webkit-transition-delay:0.3s,0.3s;transition:top 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s,opacity 1s ease 0.3s} .page-test .question>i.conductor{background-image:url('../img/conductor/FGconductor.png?1421243779');width:242px;margin-left:-121px;height:230px;margin-top:-115px} .page-test .question>i.sniper{background-image:url('../img/sniper/FGsniper.png?1421243298');width:205px;margin-left:-102.5px;height:205px;margin-top:-102.5px} .page-test .question>i.surfer{background-image:url('../img/surfer/FGsurfer.png?1421246953');width:230px;margin-left:-115px;height:295px;margin-top:-147.5px} .page-test .question>i.planner{background-image:url('../img/planner/FGplanner.png?1421246677');width:310px;margin-left:-155px;height:298px;margin-top:-149px} .page-test .question>i.horse{background-image:url('../img/horse/FGhorse.png?1421246985');width:255px;margin-left:-127.5px;height:182px;margin-top:-91px}@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5){.page-test .question>i.conductor{background-image:url('../img/conductor/FGconductor2x.png?1421243788')} .page-test .question>i.sniper{background-image:url('../img/sniper/FGsniper2x.png?1421243311')} .page-test .question>i.surfer{background-image:url('../img/surfer/FGsurfer2x.png?1421246961')} .page-test .question>i.planner{background-image:url('../img/planner/FGplanner2x.png?1421246686')} .page-test .question>i.horse{background-image:url('../img/horse/FGhorse2x.png?1421246994')}} .page-test .question header{padding-top:120px;padding-bottom:0;font:bold 18px Vremena} .page-test .question header+div{line-height:110px} .page-test .question header+div>p{line-height:1.4;display:inline-block;vertical-align:middle} .page-test .question p{font-size:13px;font-weight:600;letter-spacing:1px}@media screen and (max-height: 700px){.page-test .answers a{margin:10px 4%} .page-test section{padding-top:230px} .page-test .question{height:200px} .page-test .question>strong.mobile{display:block} .page-test .question>strong.mobile+strong{display:none} .page-test .question header{padding-top:55px} } @-webkit-keyframes digit-hover{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-moz-keyframes digit-hover{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-ms-keyframes digit-hover{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes digit-hover{from,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)} } .page-not-found{position:relative;overflow:hidden;background:url('../img/test.webp?1421162973') center;background-size:cover;min-height:100vh;height:100%;-moz-transition:opacity 2s ease,left 0.6s ease-out;-o-transition:opacity 2s ease,left 0.6s ease-out;-webkit-transition:opacity 2s ease,left 0.6s ease-out;transition:opacity 2s ease,left 0.6s ease-out;opacity:1} .page-not-found.out,.page-not-found.in{opacity:0} .page-not-found header{position:absolute;bottom:50%;width:400px;margin-left:-200px;left:50%;text-align:center;font-size:13px;color:#7f6047} .page-not-found header h1{font:150px/100px Vremena;color:#fff} .page-not-found a{position:absolute;width:180px;left:50%;margin-top:50px;margin-left:-90px;top:50%} .page-about .full-img{position:relative;z-index:1;background-position:center top;background-size:cover} .page-about header>span{position:relative} .page-about main{ font:400 22px/1.1 Glober; color: #000000; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); } .page-about main h2{font:30px inherit;margin-bottom:80px;position:relative;z-index:2} .page-about main p{position:relative;z-index:2;line-height:1.3; padding: 0 10%; } .page-about.privacidad main p { font-size: 14px; padding: 9px 5%; } .page-about.privacidad main p.strong { font-weight:bold; } .page-about main strong{font-size:48px;line-height:1.4;font-weight:bold;display:block} .page-about main p span{display: block; font-weight: bold; font-size: 24px; text-transform: uppercase; } .page-about aside{color:#ffffff;text-align:center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} .page-about aside a{color:#ffffff} .page-about aside>h1,.page-about aside>p{font:inherit;letter-spacing:1px} .page-about aside h1{font-size:28px;font-weight:600;color:#ffffff;margin:20px 0 0 0; } .page-about aside h1 span{font-weight:400;} .page-about aside p{padding:10px 15%;margin:0 auto;font-weight:normal;font-size:14px;line-height:1.2} .page-about aside .logo{ background: none; width:150px;margin:10px auto;display:block} .page-about aside .logo img{ width: 100%; height: auto;} .page-about aside .hire{position:relative;left:0;top:0;margin:30px auto; } .page-about .horse>span{margin-bottom:-206px} @media screen and (max-width: 1100px){ .page-inner aside{right:400px} .page-inner main{width:400px} .page-inner.afiliados.vip main { width: 300px; } .page-inner.afiliados.vip aside { right: 300px; } .page-inner .welltrade{display:none} .page-inner footer{width:380px} .page-test aside{width:400px} .page-test main{margin-right:400px} .page-test .welltrade{display:none} .page-test .hire{bottom:20px} .page-test footer{width:380px} footer .btn-stripe{padding:0 8px} footer .btn-vk,footer .btn-fb{padding:0} } @media screen and (max-width: 1200px){ .page-inner.afiliados.vip.crear main { width: 300px; } .page-inner.afiliados.vip.crear aside { right: 300px; } } .mobile-menu{display:none} @media screen and (min-width: 1401px) { .page-home{background-image:url('../img/home/G/bg.webp')} } @media screen and (min-width: 801px) and (max-width: 1400px) { .page-home{background-image:url('../img/home/M/bg.webp')} } @media screen and (max-width: 800px) { .page-home{background-image:url('../img/home/S/bg.webp')} } @media screen and (min-width: 1100px) { .h_img.bak_trabajo { background-image:url('../img/home/G/trabajo.webp')} .h_img.bak_infantil { background-image:url('../img/home/G/infantil.webp')} .h_img.bak_graduacion { background-image:url('../img/home/G/graduacion.webp')} .h_img.bak_boda { background-image:url('../img/home/G/boda.webp')} .h_img.bak_shower { background-image:url('../img/home/G/shower.webp')} .h_img.bak_xv { background-image:url('../img/home/G/xv.webp')} .h_img.bak_fiesta { background-image:url('../img/home/G/fiesta.webp')} } @media screen and (min-width: 321px) and (orientation: portrait), (max-width: 1099px) { .h_img.bak_trabajo { background-image:url('../img/home/M/trabajo.webp')} .h_img.bak_infantil { background-image:url('../img/home/M/infantil.webp')} .h_img.bak_graduacion { background-image:url('../img/home/M/graduacion.webp')} .h_img.bak_boda { background-image:url('../img/home/M/boda.webp')} .h_img.bak_shower { background-image:url('../img/home/M/shower.webp')} .h_img.bak_xv { background-image:url('../img/home/M/xv.webp')} .h_img.bak_fiesta { background-image:url('../img/home/M/fiesta.webp')} } @media screen and (max-width: 320px) and (orientation: portrait), (max-width: 480px) and (orientation: landscape) { .h_img.bak_trabajo { background-image:url('../img/home/S/trabajo.webp')} .h_img.bak_infantil { background-image:url('../img/home/S/infantil.webp')} .h_img.bak_graduacion { background-image:url('../img/home/S/graduacion.webp')} .h_img.bak_boda { background-image:url('../img/home/S/boda.webp')} .h_img.bak_shower { background-image:url('../img/home/S/shower.webp')} .h_img.bak_xv { background-image:url('../img/home/S/xv.webp')} .h_img.bak_fiesta { background-image:url('../img/home/S/fiesta.webp')} } @media only screen and (max-height: 300px) and (orientation: landscape) { .page-home .hire { display: none; } .page-home .logo { top: 3px; } } @media screen and (min-width: 480px) { .page-home .play-zones .trabajo{left:0; width:13%;} .page-home .play-zones .trabajo .outprinc {bottom: 16%;} .page-home .play-zones .trabajo .marker { bottom: 62%; left: 2%; } .page-home .play-zones .infantil{left:13%; width:19%;} .page-home .play-zones .infantil .marker { bottom: 44%; left: 29%; } .page-home .play-zones .graduacion{left:24%; width:17%; } .page-home .play-zones .graduacion .outprinc {bottom: 19%;} .page-home .play-zones .graduacion .marker { bottom: 50%; left: 20%; } .page-home .play-zones .boda{left:38%; width:23%;} .page-home .play-zones .boda .marker {bottom: 26%; left: 36%;} .page-home .play-zones .shower{right:28.5%; width:8.7%; } .page-home .play-zones .shower .outprinc {bottom: 18%;} .page-home .play-zones .shower .marker { bottom: 50%; left: 20%; } .page-home .play-zones .xv{right:0; width:36%;} .page-home .play-zones .xv .marker {left:40%;bottom: 38%;} .page-home .play-zones .fiesta{right:0; width:18%; z-index: 0;} .page-home .play-zones .fiesta.uno{right: -10%; } .page-home .play-zones .fiesta .outprinc {bottom: 18%;} .page-home .play-zones .fiesta .marker { bottom: 50%; left: -24%;} } @media screen and (max-width: 800px){ .goto { margin-left: 20px; } .hamburger{display:block;z-index:200;-moz-transition:left 0.6s ease-out;-o-transition:left 0.6s ease-out;-webkit-transition:left 0.6s ease-out;transition:left 0.6s ease-out}#main{min-height:100vh;height:auto;overflow:hidden} #main>.page-home{height:100vh} #main>*{left:0} #main>.page-test,#main>.page-inner,#main>.page-about{-moz-transition:left 0.6s ease-out;-o-transition:left 0.6s ease-out;-webkit-transition:left 0.6s ease-out;transition:left 0.6s ease-out} .overlay{position:fixed;left:0;top:0;bottom:0;right:0;opacity:0;background-color:#140e14;display:block;z-index:40;visibility:hidden;-moz-transition:opacity 0.6s ease,left 0.6s ease-out,visibility 0s 0.6s;-o-transition:opacity 0.6s ease,left 0.6s ease-out,visibility 0s 0.6s;-webkit-transition:opacity 0.6s ease,left 0.6s ease-out,visibility 0s;-webkit-transition-delay:0s,0s,0.6s;transition:opacity 0.6s ease,left 0.6s ease-out,visibility 0s 0.6s} #main.show-menu{left:155px} #main.show-menu .hamburger,#main.show-menu>section{left:155px} #main.show-menu .overlay{visibility:visible;opacity:0.4;-moz-transition:opacity 0.6s ease,left 0.6s ease-out;-o-transition:opacity 0.6s ease,left 0.6s ease-out;-webkit-transition:opacity 0.6s ease,left 0.6s ease-out;transition:opacity 0.6s ease,left 0.6s ease-out;left:155px} #main.show-menu .mobile-menu{visibility:visible;max-width:155px;-moz-transition:max-width 0.6s ease-out;-o-transition:max-width 0.6s ease-out;-webkit-transition:max-width 0.6s ease-out;transition:max-width 0.6s ease-out} .mobile-menu{overflow-x:hidden; overflow-y: auto; position:fixed;max-width:0;left:0;top:0;z-index:1;height:100%;background-color:#000000;-moz-transition:max-width 0.6s ease-out,visibility 0s 0.6s;-o-transition:max-width 0.6s ease-out,visibility 0s 0.6s;-webkit-transition:max-width 0.6s ease-out,visibility 0s;-webkit-transition-delay:0s,0.6s;transition:max-width 0.6s ease-out,visibility 0s 0.6s;display:block;visibility:hidden} .mobile-menu>a{display:block;color:#f4f4f4;font-size:11px;width:155px;font-weight:bold;text-decoration:none;line-height:40px;padding:0 20px;-moz-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;-webkit-transition:background-color 0.6s ease;transition:background-color 0.6s ease} .mobile-menu>a i{ width: 15px; height: 15px; margin:0 10px 0 15px; } .mobile-menu>.active{background-color:#f4f4f4; color: #000;} .btn-cross{font-size:11px;} /* .btn-cross{font-size:11px;line-height:11px;height: 11px;} .btn-cross:before{-moz-transform:translateY(-16px);-ms-transform:translateY(-16px);-webkit-transform:translateY(-16px);transform:translateY(-16px)} .btn-cross:after{-moz-transform:translateY(15px);-ms-transform:translateY(15px);-webkit-transform:translateY(15px);transform:translateY(15px)} */ .marker{font-size:9px} .marker i,.marker b{width:37px;height:37px} .marker b{margin-bottom:10px} .marker b>s{margin-left:-6px;margin-top:-1px;width:13px} .marker b>s+s{height:13px;margin-left:0;margin-top:-7px} .page-about aside p { padding: 10px 20%; line-height: 1.1em;} /* .page-home .hire{bottom:20px} .page-home .logo{background-image:url('../img/icon-se42f873bc8.png');background-repeat:no-repeat;display:inline-block;background-position:-88px 0;width:121px;height:20px;top:17px;margin-left:-60px} */ .page-inner main,.page-test main, .page-inner.afiliados.vip main{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-right:0;overflow:hidden} .page-inner .down,.page-inner .up,.page-test .down,.page-test .up{bottom:20px;margin-bottom:0} .mobile.Safari .page-inner .down, .mobile.Safari .page-inner .up, .mobile.Safari .page-test .down, .mobile.Safari .page-test .up{bottom:75px;} .page-test aside{display:none} .page-inner aside{position:relative;right:0;left:0;display:block;height:100vh;} .page-inner aside .marker{display:none;visibility:hidden} .page-inner aside>.btn-gray, .page-inner aside>.btn-black{display:none} .page-inner aside .hire{bottom:60px} .page-inner aside .down{background-image:url('../img/flechas1.png');background-repeat:no-repeat;display:inline-block;background-position:0 0;width:15px;height:9px;position:absolute;left:50%;margin-left:-7px;z-index:1;-moz-animation:down-anim 1s 1s 3 ease-out;-webkit-animation:down-anim 1s 1s 3 ease-out;animation:down-anim 1s 1s 3 ease-out} .page-inner.afiliados aside .first { display: inline-block; width: 100%; height: 100%; line-height: 100%; } .page-inner.afiliados aside .first img { position: relative; display: inline-block; vertical-align: middle; } .afiliados .intro { padding: 0; overflow:auto; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .afiliados .menu, .afiliados.vip .menu { padding: 0 0 0 30px; z-index: 1; margin: 0; } .afiliados.vip .menu .hire { display: none; } .afiliados.vip .menu .icn { display: inline-block; } .afiliados .vip { left: auto; right: 10px; font-size: 30px; } .page-inner.afiliados aside { -webkit-box-shadow: inset 0 5px 5px 0px rgba(0,0,0, 0.5); -moz-box-shadow: inset 0 5px 5px 0px rgba(0,0,0, 0.5); box-shadow: inset 0 5px 5px 0px rgba(0,0,0, 0.5); } .page-inner.afiliados.vip aside:before { -webkit-box-shadow: inset 0 5px 5px 0px rgba(0,0,0, 0.8); -moz-box-shadow: inset 0 5px 5px 0px rgba(0,0,0, 0.8); box-shadow: inset 0 5px 5px 0px rgba(0,0,0, 0.8); } .page-inner.vip .max800 { display: block; } .page-inner.vip .max800 .intro { height: 100vh; } .page-inner.vip #content { display: none; } .page-inner.vip aside .hire{bottom:0} .page-inner.vip.crear #content { display: block; width: 100%; } .page-inner.vip.crear .formul { width: 90% !important; } .afiliados .menu.thirty { position: relative; top: 0; margin-bottom: 15%; } .afiliados .formul>h1 { font-size: 22px; padding-bottom: 10px; } #inf_form { width: 95%; margin: 0 2.5%; padding: 70px 0 20px 0; } #inf_form .out { margin: 0 auto; padding-bottom: 25px; width: 80%; } #term_data, #inf_formO { width: 95%; margin-top: 10%; } #term_data .out { height: 90%; margin: 5% 0 10% 0; } #term_data .out h1 { font-size: 16px; padding: 20px 0 15px 0; } #inf_formO .out { padding: 0 5%; } } @media only screen and (max-width: 800px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 800px) and (min-device-pixel-ratio: 1.5){} } @media only screen and (max-width: 800px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 800px) and (min-device-pixel-ratio: 1.5){ /* .page-home .logo{background-image:url('../img/icon2x-s566f34b3f9.png');background-size:325px 115px} */ } @media screen and (min-width: 481px) and (max-width: 800px){ .page-home .play-zones .trabajo .marker { left: -10%; bottom: 60%; } .page-home .play-zones .infantil .marker { left: 20%; bottom: 40%; } .page-home .play-zones .graduacion .marker { left: 15%; } .page-home .play-zones .boda .marker { left: 33%; bottom: 20%;} .page-home .play-zones .shower .marker { left: 0; bottom: 45%; } .page-home .play-zones .xv .marker {left:33%; bottom: 33%;} .page-home .play-zones .fiesta .marker { left: -45%;} .page-about aside{min-height:100vh;padding-bottom:120px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto} .page-about aside .logo{display:inline-block;background-position:-88px 0;width:121px;height:20px;margin:30px 0}} @media only screen and (max-width: 800px) and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 800px) and (min-device-pixel-ratio: 1.5){ /* .page-about aside .logo{background-image:url('../img/icon2x-s566f34b3f9.png');background-size:325px 115px} */ } @media screen and (max-width: 800px){ .page-inner .outro { height: 100vh !important; } footer,.welltrade{display:none} } @media screen and (max-width: 720px), only screen and (min-width: 800px) and (max-width: 950px){ #vip_neg .row, #vip_sol .row { width: 100%; height: auto; } #vip_neg .content, #vip_sol .content { overflow: auto;} } @media screen and (max-width: 600px), only screen and (min-width: 800px) and (max-width: 950px) { #vip_gen .row, #vip_per .row { width: 100%; height: auto; } .afiliados.vip .seccion .content { overflow: auto;} #vip_per .row .link { padding-bottom: 40px; } } @media screen and (max-width: 500px){ #inf_formO p { font-size: 13px; margin: 3px 0; } #inf_formO p .iconos { width: 10%; height: 30px; margin:0 5px 5px 0; } .afiliados .terdata .out h1 { font-size: 18px; } .afiliados .formul h1 { font-size: 22px; padding-bottom: 15px; } } @media screen and (max-width: 480px) { .marker {opacity: 1; min-width:65px; white-space: normal;} .marker b, .marker i { width: 30px; height: 30px; margin-bottom: 2px; } .page-home .play-zones>div.uno { height: auto; } } @media screen and (max-width: 480px) and (max-height: 320px){ .page-home .play-zones .infantil .marker { bottom: 35%; left: 12%; } .page-home .play-zones .graduacion .marker { bottom: 80%; left: 10%; } .page-home .play-zones .boda .marker {bottom: 20%; left: 22%;} .page-home .play-zones .shower .marker { bottom: 75%; left: -15%; } .page-home .play-zones .xv .marker {left:27%;bottom: 27%;} .page-home .play-zones .fiesta .marker { bottom: 80%; left: -50%;} } @media screen and (max-width: 479px) { .page-home .logo img { display: block; margin: 2% auto 0 auto; } .page-home .hire.no_dis{ display: inline-block !important; margin: 0 0 0 25px; } .page-home .hire.si_dis{ display: none;} .page-home .play-zones .trabajo{left:-2%; width:25.5%;} .page-home .play-zones .trabajo .outprinc {bottom: 25%;} .page-home .play-zones .trabajo.uno { bottom: 45%; } .page-home .play-zones .trabajo .marker { bottom: 5%; left: 10%; } .page-home .play-zones .infantil {left:0%; width:33%;} .page-home .play-zones .infantil .marker { bottom: 40%; left: 12%; } .page-home .play-zones .graduacion{left:22%; width:36%; } .page-home .play-zones .graduacion .outprinc {bottom: 25%;} .page-home .play-zones .graduacion.uno {bottom: 47%;} .page-home .play-zones .graduacion .marker { bottom: 0; left: 20%; } .page-home .play-zones .boda{left:24%; width:37%; z-index: 6;} .page-home .play-zones .boda .marker {bottom: 20%; left: 22%;} .page-home .play-zones .shower{right:26.5%; width:16.7%; } .page-home .play-zones .shower .outprinc {bottom: 22%;} .page-home .play-zones .shower.uno {bottom: 30%;} .page-home .play-zones .shower .marker { bottom: 25%; left: -15%; } .page-home .play-zones .xv{right:-15%; width:59%;} .page-home .play-zones .xv .marker {left:27%;bottom: 27%;} .page-home .play-zones .fiesta{right:-6%; width:37%; z-index: 0;} .page-home .play-zones .fiesta.uno{right: -10%; bottom: 45%; } .page-home .play-zones .fiesta .outprinc {bottom: 25%;} .page-home .play-zones .fiesta .marker { bottom: 10%; left: 0;} .page-about aside p { padding: 10px 8%; font-size: 12px; } } @media screen and (max-width: 450px){ /* .page-home .marker>b>span{display:none} .page-home .play-zones .marker{display:block;position:absolute;left:0 !important;top:0 !important;width:100%;height:100%;margin-top:0 !important;white-space:normal} .page-home .play-zones .marker>b{position:absolute;bottom:20%;margin-bottom:0;left:50%;margin-left:-20px} .page-home .play-zones .marker>b>span{display:none} .page-home .play-zones .marker>span{position:absolute;top:80%;left:0;right:0;letter-spacing:0}*/ .page-inner .test-result .last{margin-left:0} .page-inner .test-result .share{margin-bottom:20px} .page-inner header h1{font-size:34px;letter-spacing:1px} .page-inner .intro{min-height:100vh} .page-inner .frame{padding:30px 20px 20px;border:none;width:auto;margin-left:0;margin-bottom:0;margin-right:0} .page-test .answers a{width:190px;font-size:12px;margin:5px;height:auto} .page-test .answers a>b{font-size:120px}} .lang-wrap { position: relative; display: inline-block; } @media screen and (max-width: 320px) and (orientation: portrait) { .page-inner .outro .block { height: auto; min-height: 100vh;} .page-inner .boda.figure{ background-position: 140% -25%; } } .lang-wrap .btn { /*width: 20px ; */ box-sizing: border-box; border-right-width: 0; } .lang-wrap .btn-lang-alternative { position: absolute; bottom: 100%; right: -1px; left: 0px; opacity: 0; height: 0; -moz-transition: opacity 0.5s, height 1s, overflow 0s 1s; -o-transition: opacity 0.5s, height 1s, overflow 0s 1s; -webkit-transition: opacity 0.5s, height 1s, overflow 0s; -webkit-transition-delay: 0s, 0s, 1s; transition: opacity 0.5s, height 1s, overflow 0s 1s; background-color: #140e14; } .lang-wrap .btn-lang-alternative .btn { display: block; width: 100%; border-width: 1px; border-style: solid; border-bottom: none; } .lang-wrap .btn-lang-alternative .btn + .btn { border-left: 1px solid rgba(115, 111, 117, 0.5); } .lang-wrap:hover .btn-lang-alternative { opacity: 1; height: 74px; overflow: visible; -moz-transition: opacity 1s, height 0.5s, overflow 0s 0s; -o-transition: opacity 1s, height 0.5s, overflow 0s 0s; -webkit-transition: opacity 1s, height 0.5s, overflow 0s; -webkit-transition-delay: 0s, 0s, 0s; transition: opacity 1s, height 0.5s, overflow 0s 0s; } /*------------------------- Text Styles --------------------------*/ .black3d { color: #000000; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } .black3dS { text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 1.5px 0 #bbb, 0 2px 0 #b9b9b9, 0 2.5px 0 #aaa, 0 3px 1px rgba(0,0,0,.1), 0 0 2.5px rgba(0,0,0,.1), 0 0.5px 1.5px rgba(0,0,0,.3), 0 1.5px 2.5px rgba(0,0,0,.2), 0 2.5px 5px rgba(0,0,0,.25), 0 5px 5px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.15); } .colred { color: #fff; color: rgba(255,0,0, 0.9); text-shadow: 1px 1px 3px #333; border-color: #fff; } .colwhite, .colwhite input, .colwhite select, .colwhite a { color: #fff; color: rgba(255,255,255, 0.9); text-shadow: 1px 1px 3px #333; border-color: #fff; } .colblack, .colblack input, .colblack select, .colblack a { color: #000; color: rgba(0,0,0, 0.8); text-shadow: 1px 2px 3px #fff; border-color: #000; } .colblack1 { color: #000; color: rgba(0,0,0, 0.8); text-shadow: 1px 2px 3px #f4f4f4; border-color: #000; } .colviph { color: #999; text-shadow: 1px 1px 2px #3f3f3f, 0 0 0 #000, 1px 1px 2px #3f3f3f; border-color: #999; } .colvipp { color: #fff; color: rgba(255,255,255, 0.8); text-shadow: 1px 2px 3px #3f3f3f, 0 0 0 #000, 1px 2px 3px #3f3f3f; border-color: #fff; } /*------------------------- Inputs --------------------------*/ .mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;margin:5px auto;padding:10px 0;} .mdl-textfield i { position: absolute; left: 0; width: 20px; height: 20px; margin-top: 3px; padding-right: 7px; border-right: 2px solid rgba(0, 0, 0,.4); } .mdl-textfield__input{border:none;border-bottom:1px solid rgba(0, 0, 0,.4);display:inline-block;font-size:16px;margin:0;width:100%;background:16px;text-align:left; padding-left:37px; height: 25px; padding-bottom: 10px; box-sizing: border-box;} select.mdl-textfield__input { position: relative; height: 32px; width: 92%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-left: 30px; -moz-appearance: none; } #pay_qty { margin-left:0; } #pay_qty + label { text-align:left; } .mdl-textfield.checkbox1 { font-size: 13px; } .mdl-textfield textarea { height: 32px; font-size: 14px; overflow: auto; } .mdl-textfield.is-focused textarea { height: 96px; } .mdl-textfield.is-focused .mdl-textfield__input{outline:none;} .mdl-textfield.is-invalid .mdl-textfield__input, .mdl-textfield.is-invalid i{color:#de3226; border-color:#de3226 !important;} .mdl-textfield.is-invalid i.si_dis { display: none;} .mdl-textfield.is-invalid i.no_dis { display: block !important;} .mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0, 0, 0, .12)} .mdl-textfield__label{bottom:0;font-size:16px;left:0;right:0;pointer-events:none;position:absolute;top:14px;width:100%;overflow:hidden;white-space:nowrap;text-align:left; padding-left: 37px; box-sizing: border-box; opacity: 0.6; } .mdl-textfield__label span{font-weight: bold;} .mdl-textfield--floating-label .mdl-textfield__label{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)} .mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label{ opacity: 0.9; font-size:12px; top:-10px; visibility:visible; color: #999; } .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px} .mdl-textfield--floating-label.is-invalid .mdl-textfield__label, .mdl-textfield.is-invalid.checkbox1 .btn {color:#de3226 !important;} .mdl-textfield.is-invalid .result {color:#de3226;padding-left: 3px;} .mdl-textfield__label:after{background-color:rgb(0, 0, 0);bottom:10px;content:'';height:2px;left:45%;position:absolute;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:10px} .mdl-textfield__label.textarea:after{bottom:15px;} .mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%} .mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#de3226} .mdl-textfield__error{color:#de3226;position:absolute;font-size:12px;margin-top:3px;visibility:hidden} .mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible} .mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;max-width:.1px} .mdl-textfield.is-focused .mdl-textfield__expandable-holder,.mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px} .mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0} .mdl-tooltip{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;will-change:transform;z-index:999;background:rgba(97,97,97,.9);border-radius:2px;color:#fff;display:inline-block;font-size:10px;font-weight:500;line-height:14px;max-width:170px;position:fixed;top:-500px;left:-500px;padding:8px;text-align:center} .mdl-tooltip.is-active{-webkit-animation:pulse 200ms cubic-bezier(0,0,.2,1)forwards;animation:pulse 200ms cubic-bezier(0,0,.2,1)forwards}.mdl-tooltip--large{line-height:14px;font-size:14px;padding:16px} @-webkit-keyframes pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{-webkit-transform:scale(.99);transform:scale(.99)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}} form.colwhite .mdl-textfield i, form.colwhite .mdl-textfield__input, .openSel2 .mdl-textfield__input { border-color: rgba(255, 255, 255,.4); } form.colwhite .mdl-textfield__label:after{background-color:#999;} form.colwhite input:-webkit-autofill { opacity: 0.5; -webkit-box-shadow: 0 0 0 50px #1B1B1B inset; -webkit-text-fill-color: white; } form.colwhite.grey input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #404040 inset; } form.colblack input:-webkit-autofill { opacity: 0.3; -webkit-box-shadow: 0 0 0 50px #fff inset; -webkit-text-fill-color: #fff; } form.colblack.black input:-webkit-autofill { opacity: 1; -webkit-text-fill-color: #000; } .mdl-textfield.wid30{width:30%; margin: 5px 1%;} .mdl-textfield.wid50{width:47%; margin: 5px 1%;} .openSel2 .mdl-textfield.wid30{margin-top: 0px;} .mdl-textfield.wid30 input, .mdl-textfield.wid30 label, .mdl-textfield.wid30 select {padding-left: 0; text-align: center; } .mdl-textfield.nopad select, .mdl-textfield.nopad input, .mdl-textfield.nopad label, .mdl-textfield.nopad textarea {margin-left: 0; padding-left: 0; width: 100%; } .openSel { cursor: pointer; } .openSel2.active { display: block !important; } /*------------------------- Afiliados Extra --------------------------*/ .fiestas.outer { display:block; text-align:center; margin:0 auto 30px; } .solmsj .hire { width:auto; } .fiestas.outer.link2 { margin:10px auto 15px; } .vereventos { display: none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; box-sizing:border-box; padding:5%; } .vereventos.active { display:block; } .vereventos .outers { width:100%; height:100%; background:#000; box-sizing:border-box; padding:2%; vertical-align:middle; box-shadow: 0 0 10px #999; border-radius: 2%; position:relative; } .vereventos .outers .close { position:absolute; right:5px; top:5px; width:30px; height:30px; line-height: 30px; color:white; font-size:30px; cursor:pointer; } .vereventos .helper2 { vertical-align:middle; display:inline-block; width:100%; } .vereventos .paq3 { display:inline-block; vertical-align:top; width:32%; box-sizing:border-box; padding:0 10px; } .vereventos .paq3 .bullets i { color:yellow; } .vereventos .paq3 .bullets { color:#999; } .vereventos .black3dS { color:white; text-shadow:none; } .vereventos .paq3.colblak h4 {border-color: #999; background: linear-gradient(180deg, rgba(2,0,36,0) 80%, rgba(255,255,255,0.5) 100%); } .vereventos .paqout:last-child .paq3 div { display:none; } .vereventos .paq3 .precio { margin-top:10px; font-size:1.5em; color:#666; text-decoration:line-through; } .vereventos .paq3 .precio.precio2 { color:white; margin-top:0px; font-size:2em; text-decoration:none; } .vereventos .titsoc { display: inline-block; font-size:2em; color:#999; margin-bottom:20px; border-bottom:1px dashed #999; padding-bottom:10px; } .veroxxo { text-align:center; display:none; margin-top:30px; } .veroxxo.active { display:block; } .veroxxo .redo, .veroxxo .red, .veroxxo a { color:orange; text-shadow:none; } .veroxxo .black3dS { margin:0; } /*------------------------- Prospectos --------------------------*/ .dataTos.inactive { display: none; } .dataTos.active { display: block; } .dataTos { background: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 5%; z-index: 1000; box-sizing: border-box; } .dataTos .out { position: relative; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: #000 url('img/afiliados/bgWhite.jpg') repeat; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 10px rgba(255,255,255, 0.3); -moz-box-shadow: 0px 0px 10px 10px rgba(255,255,255, 0.3); box-shadow: 0px 0px 10px 10px rgba(255,255,255, 0.3); } .dataTos .outin { position: absolute; background: rgba(0, 0, 0, 0.7); border-radius: 10px; width: 100%; height: 100%; box-sizing: border-box; color: #fff; color: rgba(255,255,255, 0.8); text-shadow: 1px 2px 3px #3f3f3f, 0 0 0 #000, 1px 2px 3px #3f3f3f; padding: 2%; overflow-x: hidden; overflow-y: scroll; } .dataTos .outin h1 { font-size: 20px; padding: 5px 0 15px 0; text-align: center; } .dataTos .outin p { padding-bottom: 10px; line-height: 1.2em; } .dataTos .outin p.bol { font-weight: bold; padding-top: 10px; } .dataTos .outin .cen { text-align: center; } .dataTos .outin p a { color: rgba(220,220,220, 0.7); } .closeFrame { font-size: 40px; color: #fff; text-shadow: 1px 2px 3px #fff, 0 0 0 #000, 1px 2px 3px #fff; position: absolute; top: 0; right: 2%; vertical-align: top; line-height: 30px; font-family: Arial; cursor: pointer; } .clicker { text-decoration: underline; text-transform: uppercase; cursor: pointer; } .tablaHis { overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; } .tablaHis .princ { box-shadow: 0 0 10px 1px rgba(0,0,0, 0.8); width: 100%; padding: 5px 5px 20px 135px; box-sizing: border-box; text-align: left; } .tablaHis .princ .imagen { position: absolute; left: 5px; width: 120px; height: 100px; text-align: center; box-sizing: border-box; } .tablaHis .princ .imagen i { border: 0 !important; padding: 0 !important; margin: 8% auto !important; width: 80% !important; height: 80% !important; vertical-align: top; } .tablaHis .princ p { padding: 1px 0 0 0 !important; word-wrap: normal; } .tablaHis .disinli { position: relative; margin-right: 10px; vertical-align: top; display: inline-block; } .tablaHis .princ .nombre { color: #fff; font-size: 20px; } .tablaHis .princ .email { font-size: 12px; } .tablaHis .princ .cita { color: #fff; } .tablaHis .princ .editable { -webkit-user-modify: read-write; -moz-user-modify: read-write; user-modify: read-write; } .tablaHis .vtop i { vertical-align: top; top: 3px; padding: 0 10px; margin-left: 15px; border-left: 1px dotted #666; } .tablaHis .vtop span { vertical-align: middle; } .tablaHis .disinli .non_dis, .tablaHis .disinli.active .si_dis { display: none; } .tablaHis .disinli.active .non_dis { display: inline-block; } .tablaHis p.vtop.prin { margin-bottom: 5px; } .tablaHis.sincitas p.vtop.prin, .tablaHis.todas p.vtop.prin, .tablaHis.sincitas p.vtop.prin .cita, .tablaHis.todas p.vtop.prin .cita { color: #666 !important; } .editable { display: inline-block; min-width: 50px; } .clkctc { cursor: pointer; } .pagoxxo { margin-left:30px !important; } /*------------------------- squaredFour --------------------------*/ .mdl-textfield .checkbox { width: 20px; position: relative; display: inline-block; margin: 0 10px 0 0; } .mdl-textfield .checkbox label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: #f4f4f4; background: linear-gradient(top, #f4f4f4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 4px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); } .mdl-textfield.is-invalid .checkbox label { background: #de3226; background: linear-gradient(top, #de3226 0%, #c70404 40%, #7a0101 100%); box-shadow: inset 0px 1px 1px red, 0px 1px 3px rgba(0,0,0,0.5); } .mdl-textfield .checkbox label:after { content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); } .mdl-textfield .checkbox label:hover::after { opacity: 0.5; } .mdl-textfield input[type=checkbox] { visibility: hidden; } .mdl-textfield input[type=checkbox]:checked + label:after, .mdl-textfield .checkbox.is-focused label:after { opacity: 1; } /* end .squaredFour */ /* ============================================================ SWITCH ON - OFF ============================================================ */ .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.cmn-toggle-round + label, input.cmn-toggle-round + label:before { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } input.cmn-toggle-round + label { padding: 2px; width: 60px; height: 25px; background-color: rgba(204,204,204,0.45); } input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content:''; } input.cmn-toggle-round + label:before { content:'OFF'; right: 1px; background-color: #ccc; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; color: rgba(0,0,0,0.45) !important; text-shadow: 0 -1px 1px rgba(204,204,204,0.3); padding:7px 30px; font: bold 12px sans-serif; box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset, 0 0 .5em rgba(0,0,0,0.3); } input.cmn-toggle-round + label:after { width: 25px; border: 1px solid #999; background-color: #ccc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } input.cmn-toggle-round:checked + label:before { content:'ON'; padding:7px 9px; color:#ccc !important; text-shadow: 0 -1px 1px rgba(204,204,204,0.3); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.2); background-color: #000; } input.cmn-toggle-round:checked + label:after { margin-left: 37px; }