-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinline.css
25 lines (21 loc) · 19.9 KB
/
inline.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/* El inline css es una estrategia para evitar idas y vueltas
* de peticiones de codigo css poco e indispensable para la visualizacion de la pagina
* Este codigo se copiara a la cabecera de las paginas.
*<head>
* ...
* <style> ... codigo de inline.css </style>
*</head>
**/
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/.la-square-jelly-box,.la-square-jelly-box>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-square-jelly-box{display:block;font-size:0;color:#3E4DEE}.la-square-jelly-box.la-dark{color:#1A1B1F}.la-square-jelly-box>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-square-jelly-box{width:32px;height:32px}.la-square-jelly-box>div:nth-child(1),.la-square-jelly-box>div:nth-child(2){position:absolute;left:0;width:100%}.la-square-jelly-box>div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;-webkit-animation:square-jelly-box-animate .6s -.1s linear infinite;-moz-animation:square-jelly-box-animate .6s -.1s linear infinite;-o-animation:square-jelly-box-animate .6s -.1s linear infinite;animation:square-jelly-box-animate .6s -.1s linear infinite}.la-square-jelly-box>div:nth-child(2){bottom:-9%;height:10%;background:#3E4DEE;border-radius:50%;opacity:.2;-webkit-animation:square-jelly-box-shadow .6s -.1s linear infinite;-moz-animation:square-jelly-box-shadow .6s -.1s linear infinite;-o-animation:square-jelly-box-shadow .6s -.1s linear infinite;animation:square-jelly-box-shadow .6s -.1s linear infinite}.la-square-jelly-box.la-sm{width:16px;height:16px}.la-square-jelly-box.la-2x{width:64px;height:64px}.la-square-jelly-box.la-3x{width:96px;height:96px}@-webkit-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-webkit-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-webkit-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-moz-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-moz-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-moz-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-moz-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-moz-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-o-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-o-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-o-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-o-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-webkit-transform:translateY(25%) rotate(22.5deg);-moz-transform:translateY(25%) rotate(22.5deg);-o-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);-moz-transform:translateY(50%) scale(1,.9) rotate(45deg);-o-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-webkit-transform:translateY(25%) rotate(67.5deg);-moz-transform:translateY(25%) rotate(67.5deg);-o-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);-moz-transform:translateY(0) rotate(90deg);-o-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);transform:scale(1.25,1)}}@-moz-keyframes square-jelly-box-shadow{50%{-moz-transform:scale(1.25,1);transform:scale(1.25,1)}}@-o-keyframes square-jelly-box-shadow{50%{-o-transform:scale(1.25,1);transform:scale(1.25,1)}}@keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);-moz-transform:scale(1.25,1);-o-transform:scale(1.25,1);transform:scale(1.25,1)}}
/*!
* Para el preloader se uso boostrap por lo tanto de agregan al css
* del preloader las clases usadas.
*/.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}
/*!
* Condigo estilos personalizados
* No se importan las fuentas dedo que es un trabajo extra.
*/ a,a:focus,a:hover,i,span{display:inline-block}.btn-template,body,h2,section{position:relative}.btn-template,.pgae-holder{overflow:hidden}a,a:focus,a:hover{text-decoration:none;color:inherit;-webkit-transition:all .3s;transition:all .3s}body{font-family:Poppins,sans-serf!important;scrollbar-face-color:#1a1b1f;scrollbar-track-color:#fff}section{padding:150px 0;overflow-x:hidden}section header{margin-bottom:30px}.scrollUp{transform:translateY(-110%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#1a1b1f}::-webkit-scrollbar-track{background:#fff}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serf;margin:10px 0;font-weight:400;color:#333}.h1,h1{font-family:Montserrat,sans-serf;font-weight:700}.display-1,.h1,h1{font-size:4em}.display-2,.h2,h2{font-size:2.5em}.display-3,.h3,h3{font-size:1.4em}.h3custom{color:#FFF;font-weight:300}.display-4,.h4,h4{font-size:1.2em}.display-5,.h5,h5{font-size:1em}.display-6,.h6,h6{font-size:.8em}h2{line-height:1.2em}h2.has-line-center .heading-bg-text{left:50%;transform:translateX(-50%)}.lead{font-size:1.1em;color:#333;line-height:1.9em}@media(max-width:992px){.display-1,.h1,h1{font-size:3em}.display-2,.h2,h2{font-size:2em}.heading-bg-text{font-size:2em!important}}.gray-bg{background:#f4f4f4}.btn-template{background-image:-webkit-linear-gradient(to left,#3e4dee,#1a1b1f);background-image:-webkit-gradient(linear,left top,left bottom,from(to left),color-stop(#3e4dee),to(#1a1b1f));background-image:linear-gradient(to left,#3e4dee,#1a1b1f);padding:7px 40px;color:#fff;font-weight:400;border-radius:50px;z-index:1;box-shadow:0 8px 30px rgba(132,133,136,.2);border:none;text-transform:uppercase}.heading-bg-text,.text-bg,.text-bg-gray{font-weight:800;-webkit-user-select:none;cursor:default;font-family:Montserrat,sans-serf;text-transform:uppercase}.btn-template:focus,.btn-template:hover{color:#1a1b1f}.btn-template:focus:before,.btn-template:hover:before{left:0}.btn-template:before{content:'';display:block;width:100%;height:100%;border-radius:50px;position:absolute;top:0;left:calc(-100% - 10px);transition:all .5s;z-index:-1;background:#fff}.btn-template-no-border:focus,.btn-template-no-border:hover{border-color:#3e4dee}.line{width:100%;height:1px;border-bottom:1px solid #eee;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px)}.has-bg-map:before,.text-bg,.text-bg-gray{top:50%;left:50%;transform:translate(-50%,-50%)}.has-text-shadow{text-shadow:0 0 35px rgba(62,77,238,.3)}.has-shadow,footer.main-footer .copyrights,section.features .item:hover,section.services .row .item:hover,section.testimonials .testimonials-slider{box-shadow:0 0 35px rgba(62,77,238,.4)}.has-line-center:after,.has-line:after{content:'';display:block;width:100px;height:2px;background:#3e4dee;margin:5px 0}.has-line-center:after{margin:5px auto}.limited-width{max-width:800px}.has-bg-map:before,section.hero .image{height:100%;position:absolute;max-width:1900px;display:block}.text-primary{color:#3e4dee!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:20px!important}.padding-top-small{padding-top:100px!important}.padding-bottom-small{padding-bottom:100px!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:20px!important}.margin-top-small{margin-top:100px!important}.margin-bottom-small{margin-bottom:100px!important}.has-gradient{background-image:-webkit-linear-gradient(to right,#000,#1a1b1f);background-image:-webkit-gradient(linear,left top,left bottom,from(to right),color-stop(#000),to(#1a1b1f));background-image:linear-gradient(to right,#000,#1a1b1f);color:#fff}.has-gradient h1,.has-gradient h2,.has-gradient p{color:inherit}.has-bg-map:before{content:'';width:100%;background:url(./assets/img/poligonales.png) center center no-repeat;background-size:100%;opacity:.8;z-index:1}.has-bg-map .container{z-index:10}.text-bg,.text-bg-gray{font-size:11em;color:#fff;opacity:.05;position:absolute;width:2000px;text-align:center;user-select:none}.text-bg-gray{color:#333}.heading-bg-text{font-size:2.5em;color:#848588;opacity:.15;position:absolute;top:-20px;left:0;text-align:inherit;user-select:none;z-index:-1}nav.navbar{padding-top:1px;padding-bottom:1px;transition:all .5s}nav.navbar .navbar-brand{font-size:1.8em;text-shadow:2px 2px 1px rgba(0,0,0,.2);font-family:Montserrat,sans-serf;font-family:"400";color:#fff;letter-spacing:.1em}nav.navbar .navbar-toggler{font-size:1em;color:#fff;margin-top:15px;font-weight:500;cursor:pointer;outline:0}nav.navbar .navbar-nav a.nav-link{text-transform:uppercase;color:#fff}nav.navbar .navbar-nav a.nav-link:hover{color:#fff}nav.navbar.active{background:#1a1b1f;box-shadow:0 3px 7px rgba(62,77,238,.4)}nav.navbar.active .navbar-brand{color:#333;background-image:-webkit-linear-gradient(to right,#4b68da,#3e4dee);background-image:-webkit-gradient(linear,left top,left bottom,from(to right),color-stop(#4b68da),to(#3e4dee));background-image:linear-gradient(to right,#4b68da,#3e4dee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav.navbar.active .navbar-nav a.nav-link,nav.navbar.active .navbar-toggler{color:#848588}nav.navbar.active .navbar-nav a.nav-link.active,nav.navbar.active .navbar-nav a.nav-link:hover{color:#fefefe}nav.navbar.fixed-top.navbar-toggleable-md.active:after{content:"";position:absolute;display:block;width:100%;height:5px;background-image:linear-gradient(to left,#6a747e 16.667%,#38d996 16.667%,#38d996 33.334%,#ffab9d 33.334%,#ffab9d 50.001%,#9085da 50.001%,#9085da 66.668%,#ff6382 66.668%,#ff6382 83.335%,#3e4dee 83.335%,#3e4dee 100%);bottom:0;left:0}@media(max-width:992px){nav.navbar{background:#1a1b1f;box-shadow:0 3px 7px rgba(62,77,238,.4)}nav.navbar .navbar-brand{color:#333}nav.navbar .navbar-nav a.nav-link,nav.navbar .navbar-toggler{color:#848588}nav.navbar .navbar-nav a.nav-link.active,nav.navbar .navbar-nav a.nav-link:hover{color:#fefefe}}section.hero{padding:0;overflow:visible}section.screens,section.separator{overflow:hidden}section.hero .image{width:100%;bottom:-20px;left:0;background-repeat:no-repeat!important;background-size:auto 80%!important;background-position:70% bottom!important;z-index:2}section.hero h1{margin-bottom:30px}section.hero div[class*=col-]{padding:200px 0}@media(max-width:576px){.container{width:100%}section.hero .row{padding:0 15px}section.hero .image{bottom:-10px;background-size:80%!important}}@media(max-width:1200px){section.hero .image{background-size:80%!important}}section.about a.btn{margin-top:20px}section.services header{margin-bottom:70px}section.services .row .item{padding:40px 20px;transition:all .3s;cursor:default}section.services .row .item img{margin-bottom:20px;max-width:60px}section.services .row .item p{margin-bottom:0;color:#777;font-weight:300;margin-top:10px}section.services .row .item:hover{background:#fff}section.separator .image{position:relative;min-height:300px;max-height:400px}section.separator .image img{position:absolute;top:0;left:0;max-width:400px}@media(max-width:768px){section.separator{padding-bottom:100px!important}section.separator h2{text-align:center!important}}section.screens{padding-top:50px}section.screens .container{padding-left:30px;padding-right:30px;cursor:default}section.screens .container:hover .owl-next,section.screens .container:hover .owl-prev{opacity:1}section.screens .container:hover .owl-next{right:-70px}section.screens .container:hover .owl-prev{left:-70px}section.screens .mockup{position:relative;overflow:auto;padding-right:40px;padding-top:100px}section.screens .mockup .number{position:absolute;top:22px;left:0;width:100%;text-align:center;color:#333;font-weight:900;opacity:.05;font-size:6em;text-transform:uppercase}section.screens .text{margin-top:100px}section.screens .stats{padding-bottom:20px}section.screens .stats p.stats-number{font-size:4em;margin-bottom:0;font-weight:200;font-family:Montserrat,sans-serf}section.screens .stats p.stats-number i{margin-left:10px}section.screens .stats p{font-size:1.3em}section.screens .owl-theme .owl-dots{margin-top:30px}section.screens .owl-theme .owl-dots .owl-dot{margin:0}section.screens .owl-theme .owl-dots .owl-dot.active span,section.screens .owl-theme .owl-dots .owl-dot.active span:hover{background:#3e4dee}section.screens .owl-theme .owl-dots .owl-dot span{width:60px;height:3px;background:#ddd;border-radius:0;margin:0;transition:all .3s}section.screens .owl-theme .owl-dots .owl-dot span:hover{background:#ccc}section.screens .owl-nav{position:absolute;top:50%;left:0;width:100%;height:50px;transform:translateY(-100%)}section.screens .owl-nav .owl-next,section.screens .owl-nav .owl-prev{width:40px;height:40px;background:#848588;position:absolute;top:0;line-height:40px;border-radius:50%;color:#fff;overflow:hidden;font-size:1.4em;z-index:1;transition:all .3s}section.screens .owl-nav .owl-next:before,section.screens .owl-nav .owl-prev:before{content:'';width:40px;height:40px;position:absolute;top:-10px;right:-17px;border-radius:50%;background:#000;z-index:-1;opacity:.5}section.screens .owl-nav .owl-next.disabled,section.screens .owl-nav .owl-prev.disabled{background:#aaa}section.screens .owl-nav .owl-next.disabled:before,section.screens .owl-nav .owl-prev.disabled:before{background:#ccc}section.screens .owl-nav .owl-next{right:-100px;opacity:0}section.screens .owl-nav .owl-prev{left:-100px;opacity:0}@media(max-width:992px){section.screens .mockup{padding-right:0}section.screens .text{text-align:center;margin-top:50px}section.screens .text h2:after{margin:5px auto}section.screens .text .stats .content{width:100%}}@media(max-width:768px){section.screens .mockup .number{font-size:4.5em!important;top:40px}}@media(max-width:576px){section.screens .mockup .number{font-size:3em!important;top:60px}}section.features{background:url(./assets/img/line.png) left center no-repeat;background-size:100%}section.features header{margin-bottom:70px}section.features .item{padding:30px 20px;transition:all .3s;cursor:default}section.features .item:hover{background:#fff}section.features .item strong{font-size:1.5em;text-shadow:2px 2px 4px rgba(0,0,0,.2)}section.features .item h3{margin:0 0 10px}section.testimonials .owl-item .user,section.testimonials .owl-theme .owl-dots{margin-top:40px}section.features .item p{font-size:.9em;color:#777;line-height:1.8em}section.testimonials{position:relative}section.testimonials .testimonials-slider{background:#fff;padding-bottom:50px;position:relative}section.testimonials .testimonials-slider:after{content:'';width:100px;height:100px;background:url(../img/quote.svg) no-repeat;display:block;position:absolute;top:-40px;right:-40px;background-size:100%}section.testimonials .owl-item{padding:70px 50px 0;cursor:default}section.testimonials .owl-item p{line-height:2.2em}section.testimonials .owl-item .user h3{font-size:1.5em;text-transform:uppercase;margin-bottom:0}section.testimonials .owl-item .user span{font-size:1.2em;color:#ddd;text-transform:uppercase}section.testimonials .owl-theme .owl-dots .owl-dot.active span,section.testimonials .owl-theme .owl-dots .owl-dot.active span:hover{background:#3e4dee}section.testimonials .owl-theme .owl-dots .owl-dot span{transition:all .3s;background:#ddd}section.testimonials .owl-theme .owl-dots .owl-dot span:hover{background:#ccc}section.testimonials .owl-nav{position:absolute;top:50%;left:0;width:100%;height:50px;transform:translateY(-100%)}section.testimonials .owl-nav .owl-next,section.testimonials .owl-nav .owl-prev{position:absolute;top:0;color:#3e4dee;font-size:1.4em;font-size:2.4em;text-shadow:2px 2px 3px rgba(0,0,0,.1)}section.testimonials .owl-nav .owl-next.disabled,section.testimonials .owl-nav .owl-prev.disabled{color:#ccc}section.testimonials .owl-nav .owl-next{right:-30px}section.testimonials .owl-nav .owl-prev{left:-30px}@media(max-width:768px){section.testimonials .testimonials-slider:after{right:20px}section.testimonials .owl-nav .owl-next{right:-20px}section.testimonials .owl-nav .owl-prev{left:-20px}}section.newsletter form{margin:50px auto 0}section.newsletter form .form-group{position:relative}section.newsletter form input{background:0 0;border:none;border-bottom:1px solid #fff;color:#fff;padding:10px 0;outline:0;font-family:Poppins,sans-serf;font-weight:300}section.newsletter form input::-moz-placeholder{color:#fff}section.newsletter form input::-webkit-input-placeholder{color:#fff}section.newsletter form input:-ms-input-placeholder{color:#fff}section.newsletter form input[type=email]{width:100%}section.newsletter form input[type=submit]{position:absolute;right:0;bottom:0;border-bottom:none;font-weight:600;cursor:pointer;text-transform:uppercase}section.clients{padding:0;box-shadow:0 3px 35px rgba(0,0,0,.1)}section.clients img{max-height:30px;margin:30px auto}footer.main-footer{padding:100px 0 0}footer.main-footer .logo{font-size:2em;text-shadow:2px 2px 1px rgba(0,0,0,.2);font-family:"400";color:#3e4dee}footer.main-footer p.description{max-width:500px;margin:10px auto;color:#777}footer.main-footer .social{margin-top:20px}footer.main-footer .social a{width:30px;height:30px;line-height:32px;border:1px solid #3e4dee;color:#3e4dee;text-align:center;border-radius:50%;font-size:.8em}footer.main-footer .social a:focus,footer.main-footer .social a:hover{color:#fff;background:#3e4dee}.social{margin-top:20px}.social a{width:30px;height:30px;line-height:32px;border:1px solid #3e4dee;color:#3e4dee;text-align:center;border-radius:50%;font-size:.8em}.social a:focus,.social a:hover{color:#fff;background:#3e4dee}footer.main-footer .copyrights{padding:30px 0;margin-top:50px}footer.main-footer .copyrights p,footer.main-footer .copyrights ul{margin:0;color:#555;font-size:.9em}footer.main-footer .copyrights p a,footer.main-footer .copyrights ul a{color:#555;font-size:.9em}footer.main-footer .copyrights p a:hover,footer.main-footer .copyrights ul a:hover{color:#3e4dee}@media(max-width:768px){footer.main-footer .copyrights div[class*=col-]{text-align:center!important}footer.main-footer .copyrights div[class*=col-] ul{margin-top:10px}}.preloader{width:100vw;height:100vh;background:#fff;position:fixed;top:0;left:0;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default}.preloader .text{text-transform:uppercase;letter-spacing:1em;color:#3e4dee;margin-top:50px}#scrollTop{width:80px;height:40px;position:fixed;bottom:50%;right:-90px;background-image:-webkit-linear-gradient(to left,#1a1b1f,#3e4dee);background-image:-webkit-gradient(linear,left top,left bottom,from(to left),color-stop(#1a1b1f),to(#3e4dee));background-image:linear-gradient(to left,#1a1b1f,#3e4dee);color:#fff;text-align:center;line-height:40px;border-top-left-radius:50px;border-bottom-left-radius:50px;box-shadow:0 3px 10px rgba(0,0,0,.2);font-size:.7em;cursor:pointer;z-index:9998;padding-right:10px;transition:all .3s}#scrollTop.active{right:-50px}#scrollTop i{font-size:1.5em;margin-right:10px}#scrollTop:hover{right:0}