@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alumni+Sans+Pinstripe:ital@0;1&family=Charmonman:wght@400;700&family=Cinzel+Decorative:wght@400;700;900&family=Clicker+Script&family=Croissant+One&family=Englebert&family=Flamenco:wght@300;400&family=Grand+Hotel&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lily+Script+One&family=Lobster+Two:wght@400;700&family=Major+Mono+Display&family=Marcellus+SC&family=Ms+Madi&family=Nova+Round&family=Original+Surfer&family=Overlock+SC&family=Pacifico&family=Phudu:wght@300;400;600;700&family=Redressed&family=Rum+Raisin&family=Sail&family=Sansita+Swashed:wght@300&family=Send+Flowers&family=Sofia&family=Spirax&family=Tilt+Prism&family=Vast+Shadow&family=Wire+One&display=swap'); :root{ --fuente0:muli; --fuente1:Bungee Hairline; --fuente2:Aclonica; --fuente3:Acme; --fuente4:Anton; --fuente5:Architects Daughter; --fuente6:Bai Jamjuree; --fuente7:Bangers; --fuente8:Berkshire Swash; --fuente9:Black Ops One; --fuente10:Bonbon; --fuente11:Bungee; --fuente12:Ceviche One; --fuente13:Cinzel Decorative; --fuente14:Comfortaa; --fuente15:Courgette; --fuente16:Creepster; --fuente17:Eater; --fuente18:Fascinate Inline; --fuente19:Faster One; --fuente20:Finger Paint; --fuente21:Freckle Face; --fuente22:Fredericka the Great; --fuente23:Fredoka One; --fuente24:Fruktur; --fuente25:Fugaz One; --fuente26:Gabriela; --fuente27:Galada; --fuente28:Gluten; --fuente29:Gochi Hand; --fuente30:Hanalei; --fuente31:Henny Penny; --fuente32:Indie Flower; --fuente33:Irish Grover; --fuente34:Julius Sans One; --fuente35:Kaushan Script; --fuente36:Leckerli One; --fuente37:Lobster; --fuente38:Miltonian; --fuente39:Mochiy Pop P One; --fuente40:Monoton; --fuente41:Norican; --fuente42:Notable; --fuente43:Oleo Script; --fuente44:Pacifico; --fuente45:Pangolin; --fuente46:Patrick Hand; --fuente47:Patrick Hand SC; --fuente48:Pattaya; --fuente49:Permanent Marker; --fuente50:Poppins; --fuente51:Press Start 2P; --fuente52:Rampart One; --fuente53:Reggae One; --fuente54:Rubik Beastly; --fuente55:Rye; --fuente56:Satisfy; --fuente57:Schoolbell; --fuente58:Sigmar One; --fuente59:Snowburst One; --fuente60:Skranji; --fuente61:Staatliches; --fuente62:Titillium Web; --fuente63:Turret Road; --fuente64:VT323; --fuente65:Walter Turncoat; --fuente66:Nosifer; --fuente67:Satisfy; --fuente68:"Slackey", sans-serif; } #contenidotop{width: 100%!important } :root{ --dibujo01: "Twinkle Star", cursive; --dibujo02:"Grandiflora One", cursive; --dibujo03:"Updock", cursive; --dibujo04:"Ultra", serif; --dibujo05: "Butterfly Kids", cursive; --dibujo06: "Almendra Display", serif; --dibujo07: "Dr Sugiyama", cursive; --dibujo08: "Flavors", cursive; --dibujo09: "Ewert", serif; --dibujo10: "Bungee Spice", sans-serif; --dibujo11: "Almendra SC", serif; --dibujo12: "Lacquer", system-ui; --dibujo13: "Underdog", system-ui; --dibujo14: "Spirax", system-ui; --dibujo15: "Mystery Quest", system-ui; --dibujo16: "Metal Mania", system-ui; --dibujo17: "Astloch", system-ui; --dibujo18: "IM Fell Great Primer SC", serif; --dibujo19:"Henny Penny", system-ui; --dibujo20: "Trade Winds", system-ui; --dibujo21: "Life Savers", serif; --dibujo22: "Unkempt", cursive; --dibujo23: "Potta One", system-ui; --dibujo24: "Faster One", system-ui; --dibujo25: "Coiny", system-ui; --dibujo26: "Ruslan Display", sans-serif; --dibujo27: "Cutive", serif; --dibujo28:"Bowlby One SC", sans-serif; --dibujo29: "Bubblegum Sans", sans-serif; --dibujo30: "Oleo Script Swash Caps", system-ui; --dibujo31: "Annie Use Your Telescope", cursive; --dibujo32: "Graduate", serif; --dibujo33: "Koulen", sans-serif; --dibujo34: "Skranji", system-ui; --dibujo35: "Delius", cursive; --dibujo36: "Mali", cursive; --dibujo37:"Besley", serif; --dibujo38: "Rancho", cursive; --dibujo39:"Chewy", system-ui; --dibujo40: "Holtwood One SC", serif; --dibujo41: "Calistoga", serif; --dibujo42: "Staatliches", sans-serif; --dibujo43: "Ultra", serif; --dibujo44:"Titan One", sans-serif; --dibujo45: "Spicy Rice", serif; --dibujo46: "Snippet", sans-serif; --dibujo47: "Poetsen One", sans-serif; --dibujo48: "Mouse Memoirs", sans-serif; --dibujo49: "Cinzel", serif; --dibujo50: "Advent Pro", sans-serif; --dibujo51: "Mooli", sans-serif; } :root{ --letra01:'Tangerine', cursive; --letra02:'Playwrite MX', cursive; --letra03:'Playwrite US Trad', cursive; --letra04:'Playwrite NG Modern', cursive; --letra05:'Patua One', serif; --letra06:'Concert One', sans-serif; --letra07:Rowdies; --letra08: "Bungee", sans-serif; --letra09:"Jaro", sans-serif; --letra010: "Mali", cursive; --letra011: "PT Serif", serif; --letra012: "Abril Fatface", serif; --letra013:"Prata", serif; --letra014:"Tenor Sans", serif; --letra1:'Abril Fatface', cursive; --letra2: 'Alumni Sans Pinstripe', sans-serif; --letra3: 'Charmonman', cursive; --letra4: 'Cinzel Decorative', cursive; --letra5: 'Clicker Script', cursive; --letra6: 'Croissant One', cursive; --letra7: 'Englebert', sans-serif; --letra8: 'Flamenco', cursive; --letra9: 'Grand Hotel', cursive; --letra10: 'Libre Baskerville', serif; --letra11: 'Lily Script One', cursive; --letra12: 'Lobster Two', cursive; --letra13: 'Major Mono Display', monospace; --letra14: 'Marcellus SC', serif; --letra15: 'Ms Madi', cursive; --letra16: 'Nova Round', cursive; --letra17: 'Original Surfer', cursive; --letra18: 'Overlock SC', cursive; --letra19: 'Pacifico', cursive; --letra20: 'Phudu', cursive; --letra21: 'Redressed', cursive; --letra22: 'Rum Raisin', sans-serif; --letra23: 'Sail', cursive; --letra24: 'Sansita Swashed', cursive; --letra25: 'Send Flowers', cursive; --letra26: 'Sofia', cursive; --letra27: 'Spirax', cursive; --letra28: 'Tilt Prism', cursive; --letra29: 'Vast Shadow', cursive; --letra30: 'Wire One', sans-serif; --letra31: "Great Vibes", serif;; --letra39: "Rye", serif; --letra33: "Slackey", serif; --letra34: "Bellota", serif; --letra35: "Josefin Slab", serif; --letra36: "Nixie One", serif; --letra37: "Sue Ellen Francisco", serif; --letra38: "Mooli", serif; --letra39:"Ojuju", serif; } :root{ --boda1:"Tenor Sans", sans-serif; --boda2:"Parisienne", cursive; --boda3: "Marcellus SC", serif; --boda4: "Great Vibes", cursive; --boda5:"Sacramento", cursive; --boda6:"Italianno", cursive; --boda7:"Dancing Script", cursive; --boda8:"Bellefair", serif; --boda9: "Charmonman", cursive; --boda10:"Niconne", cursive; --boda11:"Cormorant", serif; --boda12:"Ibarra Real Nova", serif; --boda13:"Alan Sans", sans-serif; --boda14: "Delius", cursive; } .separador1 { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiouwuQzRRow9hebyAJddKyG1KwOZJ7K3IfgkZzwT8P_AiuiEIZ_lVyfxWrMip7_OHHzfq4ekWX9rn0WkoT6K_DQ3KItIMnXq0ozq51j9Yyx65uHwzeM7-2c6XVCjUOj2eR50oMwxVol6yI-STdAW53oz1qomRrSX8CwxEZKzaqLq8eujQkQ9OP5MRf/s1600/separador.png") ; background-size: cover; background-position: center center; width: 100px; height: 50px; margin: 0 auto;} .separador2 { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXouyoD2ED2GWHifuIMAGiRCR5XW2ddHyW1RLDeVZa-0WZAU1GrKac21zP2Ve72sJ21cRjOs886maIlOuGv092Obpkb8pD9nZqtPZz0OigMBL1uBz1gx4hKJxjTUJE6caUCK7xNL-fA-x_rF5s_xDyjrT-rrfp-8VGRhdhTVXTEW1V2hcYm0vcuMd/s320/separador2.png") ; background-size: cover; background-position: center center; width: 100px; height: 50px; margin: 0 auto;} .separador3 { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcFbJsxIaxsTqQv5HaDQ2tu9FYWP6GGCC7H2Z9HXUv9Yy1N2F0XwFiKJU302eFgRt3qsaaeEoyTWV7caAvvAIU5PdivPhAO99m5dpMiWGTxzS17JsYRst0u6n48DtKDSQRclmI9Z3wvTGtItYM5toxRFh82MVOg6WPsDY8Txg20_DllTxGQtfn1LSX/s1600/separador3.png") ; background-size: cover; background-position: center center; width: 80px; height: 80px; margin: 0 auto;animation: wobble 15s infinite;} .separador4 { background:url("https://cdn-icons-png.flaticon.com/512/3656/3656836.png") ; c background-position: center center; width: 50px; height: 57px; background-size: 100%; background-repeat: no-repeat; margin: 0 auto; animation: wobble 15s infinite;} .separador5 { background:url("https://cdn-icons-png.flaticon.com/512/2132/2132095.png") ; background-size: cover; background-position: center center; width: 80px; height: 80px; margin: 0 auto;animation: wobble 15s infinite;} .center, .envelope-wrapper .letter { display: grid; place-items: center; } .envelope-wrapper { position: cursor: pointer; outline: none; background-color: #7874a5; box-shadow: 0 0 10px #999; } .envelope-wrapper .envelope { width: 100%; height: 220px; position: relative; border-top: calc(240px / 2) solid transparent; border-bottom: calc(240px / 2) solid #545181; border-right: calc(300px / 2) solid #5b588d; border-left: calc(300px / 2) solid #5b588d; z-index: 2; } .envelope-wrapper .opened-envelope { width: 100%; height: 0; top: -10px; position: absolute; border-top: calc(300px/ 2.5) solid #7874a5; border-bottom: none; border-right: calc(300px / 2) solid transparent; border-left: calc(300px / 2) solid transparent; z-index: 3; } .envelope-wrapper .letter { position: absolute; margin: 0; width: 100%; height:100%; color: #5b588d; font-size: 22px; font-style: italic; z-index: 1; background-color: #fff; box-shadow: 0 0 20px #9999998f; } .envelope-wrapper .letter ion-icon { position: absolute; top: 10px; right: 10px; } /* ---------------------------------------------------------------------------------------------------------------------------- diseno ---------------------------------------------------------------------------------------------------------------------------- */ #tarjetatop{;top: 0px; bottom: 0px;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;z-index: 20;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;left:0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #ftr_imagen {;top: 0px; bottom: 0px;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;z-index: 28;-ms-flex-line-pack: center;align-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;left:0;} @media screen and (max-width: 800px){#ftr_imagen{width: 100%; }} #ftr_imagen-2,#ftr_imagen-3 {position: relative;width: 400px;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .onda {top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; z-index: 1111; width: 400px; margin: 0 auto; height: 100%; position: fixed; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-animation: botoncitotop 3s; animation: botoncitotop 3s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(0); -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); border-radius: 100%;} .rox2 {top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; z-index: 1111; width: 400px; margin: 0 auto; height: 100%; position: fixed; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @-webkit-keyframes botoncitotop { 0% { -webkit-transform: scale(0) rotate(360deg) ;transform: scale(0) rotate(360deg) ; } 100% {-webkit-transform: scale(1) rotate(0deg) ;transform: scale(1) rotate(0deg) ;;border-radius:50%;box-shadow: 0px 0px 0px 0px transparent; ; opacity:0.5 } } @keyframes botoncitotop { 0% { -webkit-transform: scale(0) rotate(360deg);transform: scale(0) rotate(360deg) ; } 100% {-webkit-transform: scale(1) rotate(0deg) ;transform: scale(1) rotate(0deg) ;;border-radius:50%;box-shadow: 0px 0px 0px 0px transparent; opacity:0.5 } } @media screen and (max-width: 800px){ #contenidotop{width: 100vw; } #ftr_imagen { width: 100% !important;} } @media screen and (max-width: 800px){ #ftr_imagen-2,#ftr_imagen-3{ width: 100%;} .rox2, .caja2, .vale2{width: 100%;height: 100%;} } #fondo .player-controls {margin: 20px auto 0px auto;} #playerboton {position: relative;width: 100%;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;;} #textointroduction{ color: #5f6065; font-size: 23px; font-family: "Encode Sans Expanded", sans-serif; font-weight: 700; margin-bottom: 8px; } #textodescripción{ color: #5f6065; font-size: 23px; font-family: "Encode Sans Expanded", sans-serif; font-weight: 100; margin-bottom: 8px; } #tarjetatop2{background: #FFF;} /* ---------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------- */ #page-home100 {background: #fff;width:100%;height:100%;} #fondotop { background:transparent } #topbiolink{ background-size: cover;background-attachment: local;} body { overflow:hidden!important; } .player-controls { margin: 150px auto 0px auto; color: #FFF; cursor: pointer; display: block; font-size: 40px; height: 1em; position: relative; text-decoration: none; width: 1em; -webkit-transition: transform 0.25s ease-in-out; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; -o-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;z-index: 12; } .player-controls .audio-label { line-height: 1; position: absolute; right: 1.35em; text-align: right; text-transform: uppercase; top: -0.4em; } .player-controls .audio-label span { font-size: 18px; } .player-controls .audio-label span small { display: block; font-size: 0.83em; } .player-controls .play, .player-controls .pause { display: block; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' x='0px' y='0px' width='30px' height='30px'%3E%3Cg%3E%3Cpath d='M 10 10.0864 C 10 8.5 11.2188 8.4375 11.9688 8.7813 L 21.6523 14.3608 C 22.08 14.6038 22.1315 15.2896 21.7039 15.5327 L 11.9688 21.1875 C 11.0313 21.75 10 21.3438 10 19.9136 L 10 10.0864 ZM 0 15 C 0 23.2844 6.7157 30 15 30 C 23.2843 30 30 23.2844 30 15 C 30 6.7156 23.2843 0 15 0 C 6.7157 0 0 6.7156 0 15 Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0; background-size: 100% 100%; height: 1em; position: absolute; width: 1em; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; z-index: 5; } .player-controls .play:before, .player-controls .pause:before, .player-controls .play:after, .player-controls .pause:after { border-radius: 1000px; content: ""; display: block; position: absolute; height: 1em; right: 0; top: 0; width: 1em; z-index: 0; } .player-controls .play:before { -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 rgba(255, 255, 255, 0); -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .player-controls .pause { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' x='0px' y='0px' width='30px' height='30px'%3E%3Cg%3E%3Cpath d='M 17 8 L 20 8 C 20.5522 8 21 8.4477 21 9 L 21 21 C 21 21.5523 20.5522 22 20 22 L 17 22 C 16.4478 22 16 21.5523 16 21 L 16 9 C 16 8.4477 16.4478 8 17 8 ZM 10 8 L 13 8 C 13.5522 8 14 8.4477 14 9 L 14 21 C 14 21.5523 13.5522 22 13 22 L 10 22 C 9.4478 22 9 21.5523 9 21 L 9 9 C 9 8.4477 9.4478 8 10 8 ZM 0 15 C 0 23.2844 6.7157 30 15 30 C 23.2843 30 30 23.2844 30 15 C 30 6.7156 23.2843 0 15 0 C 6.7157 0 0 6.7156 0 15 Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E"); opacity: 0; right: 0; top: 0; } .player-controls.playing .play { opacity: 0; } .player-controls.playing .pause { opacity: 1; } .player-controls.playing .pause:before { -webkit-animation: audio1 1.5s infinite ease-in-out; animation: audio1 1.5s infinite ease-in-out; } .player-controls.playing .pause:after { -webkit-animation: audio2 2.2s infinite ease-in-out; animation: audio2 2.2s infinite ease-in-out; } .player-controls:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .player-controls:hover .play::before { -webkit-box-shadow: 0 0 12px rgba(255, 238, 125, 0.8); box-shadow: 0 0 12px rgba(255, 238, 125, 0.8); } .animate-audio1 { -webkit-animation: audio1 1.5s infinite ease-in-out; animation: audio1 1.5s infinite ease-in-out; } @-webkit-keyframes audio1 { 0%, 100% { -webkit-box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.4); } 25% { -webkit-box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.15); } 50% { -webkit-box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.55); box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.55); } 75% { -webkit-box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.25); } } @keyframes audio1 { 0%, 100% { -webkit-box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.4); } 25% { -webkit-box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.15); } 50% { -webkit-box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.55); box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.55); } 75% { -webkit-box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.25); } } .animate-audio2 { -webkit-animation: audio2 2.2s infinite ease-in-out; animation: audio2 2.2s infinite ease-in-out; } @-webkit-keyframes audio2 { 0%, 100% { -webkit-box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.15); } 25% { -webkit-box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.3); } 50% { -webkit-box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.05); box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.05); } 75% { -webkit-box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.45); box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.45); } } @keyframes audio2 { 0%, 100% { -webkit-box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.15); } 25% { -webkit-box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.3); } 50% { -webkit-box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.05); box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.05); } 75% { -webkit-box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.45); box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.45); } } :root{--loading:#000} :root{--tagfondochild1:#79dfd1; --tagchildtitulo:#fff; --tagchildbeforehoverfondo:#fff;} /* ---------------------------------------------------------------------------------------------------------------------------- llave ---------------------------------------------------------------------------------------------------------------------------- */ #Heimdall{ width: 100%; height: 100vh; position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #Heimdall input{ width: 250px; margin-bottom: 10px; background: rgba(0,0,0,0.3); border: none; outline: none; padding: 10px; font-size: 13px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.3); border-radius: 4px; box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2); -webkit-transition: box-shadow .5s ease; -moz-transition: box-shadow .5s ease; -o-transition: box-shadow .5s ease; -ms-transition: box-shadow .5s ease; transition: box-shadow .5s ease; } #dejameEntrar:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #dejameEntrar{ background-color: #4a77d4; background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4); background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4)); background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4); background-image: -o-linear-gradient(top, #6eb6de, #4a77d4); background-image: linear-gradient(top, #6eb6de, #4a77d4); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0); border: 1px solid #3762bc; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); width: 250px; padding: 14px 0px; color: #FFF; border-radius: 5px; font-size: 20px; } /* ---------------------------------------------------------------------------------------------------------------------------- llave ---------------------------------------------------------------------------------------------------------------------------- */ .buscadoronlinetv { width: 100%; margin: 0 auto; margin-top: 25px;} .buscadoronline { margin: 0 auto; display: block; width: 950px; } @media screen and (max-width: 980px){ #search-button { padding:0 25px 0 35px!important;} .buscadoronline { width: 90%; left: 0; margin-left: 5%; margin-top: 0px; top: 20%; } .mk-fullscreen-search-overlay .mk-fullscreen-close {right: 0px!important; } } .overlay{ height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); } .mk-search-trigger { top: 0;margin-top: 0;position: fixed;right: 0;} @media screen and (max-width: 980px){ .mk-search-trigger{position: absolute;}} /* Search Overlay */ .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: transparent; border: 0; right: 0; top: 0; } #mk-fullscreen-searchform:focus{ outline: none; border: none; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon { font-size: 25px; position: absolute; right: 15px; width: 25px; top: 30px; color: #fff; color: rgba(255, 255, 255, .2); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .fullscreen-search-icon:hover, .fullscreen-search-icon:focus{ border: none; outline: none; color: #fff !important; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(180deg); } #mk-fullscreen-searchform { position: relative; verticle-align: middle; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input { width: 800px; background-color: transparent; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); border: 0; text-align: center; font-size: 35px; padding: 20px; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input:focus{ boder: none; outline: none; } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; } .mk-fullscreen-search-overlay { width: calc(100% - 400px); height: 103px; position: fixed; top: 50px; opacity: 0; visibility: hidden; background-color: #342736; border-radius: 0; text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; } @media screen and (max-width: 980px){ .mk-fullscreen-search-overlay {width:100%;} } .mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .mk-fullscreen-search-overlay { z-index: 999; } .mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { color: #101010;z-index:1; } .mk-fullscreen-search-overlay .mk-fullscreen-close { position: absolute; right: 20px; top: -50px; border-radius: 39px; font-size: 35px; background: var(--topcolor1); padding: 5px 15px; margin: 3px 0px 3px 10px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper { display: inline-block; width: 100%; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out } /* Search Button */ #search-button { vertical-align: middle; height: 50px; width: 90px; padding: 0 30px 0 30px; border-radius: 50%; cursor: pointer; opacity: 1; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #search-button i{ color: white !important; font-size: 20px; position: absolute; left: 15px; top: 15px; } #search-button:hover, .mk-fullscreen-close:hover { } #mk-fullscreen-search-input:focus{ box-shadow: 0px 3px 0px 0px rgba(255,255,255,0.54) !important; } /* ---------------------------------------------------------------------------------------------------------------------------- inicio baner ---------------------------------------------------------------------------------------------------------------------------- */ .banercompleto{ height: auto; width: calc(100% - 0px); margin: 0px auto; border-radius: 0px; padding: 0; overflow: hidden;} .banercompletosubtotal{display:flex; ;width:calc(100% - 150px);flex-direction: row-reverse;} .banercompletosub{ width: 100%; margin: 0 auto; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; height: 100%; flex-direction: column; justify-content: center; background-image: var(--textura6); background-size: 50px; } .banerleft { position: relative; width: 50%; left: 0; height: 350px; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; background-size: 95%; background-position: center center; z-index: 2; background-repeat: no-repeat } @media screen and (max-width: 768px) { .animationfondo{display:none; width: 100%; height: 390px; display: flex; flex-wrap: wrap; position: absolute; background-size: 87%; background-position: center bottom; background-repeat: no-repeat; align-content: center; align-items: center; justify-content: center; animation: bounceIn; z-index: 2; animation-duration: 2s;} } .banerleft:before {display:none;border-right: 150px solid #f7d1d7; content: ""; position: absolute; border-top: 150px solid #f7d1d7; border-left: 150px solid transparent; border-bottom: 150px solid transparent; height: 100%; width: 100%; } .banerleft img{ DISPLAY: FLEX; } .banerimgtopportada{ height: 300px!important; width: auto !important; margin: 0 auto; animation: fadeInDown; animation-duration: 2s; padding: 0px; } .banerright { position: relative; width: 50%; height: 350px;padding: 0 3%; } .banerrightbox { display: flex; height: 350px; align-content: center; align-items: center; } .banertituloh1 { font-size: 45px; line-height: 45px; font-family: var(--fuente34); font-weight: 800; color: #fff; position: relative; width: 100%; z-index: 0; animation: zoomInUp; animation-duration: 2s; text-align: left; } .banertituloh2 { font-size: 14px; line-height: 20px; text-shadow: 0px 0px 0px #e1e1e1; color: #fff; background: transparent; padding: 15px 0px; border-radius: 10px; margin: 0 auto; font-family: var(--fuente14); position: relative; width: 100%; text-align: left; animation: lightSpeedInLeft; animation-duration: 3s; } .banertituloh3 { text-align: left; float: left; position: relative; bottom: revert; z-index: 6; animation:lightSpeedInLeft; animation-duration: 4s; } .banertituloh3 a:link,.banertituloh3 a:visited { color: #ffffff; height: 40px; line-height: 40px; background: linear-gradient(272deg, #ffa1a3, #ffa1a3); text-align: center; border-radius: 25px; float: right; border: solid 1px #fff; padding: 0px 50px 0px 15px; position: relative; font-family: var(--fuente34); font-weight: 800; font-size: 14px; text-transform: uppercase; } .banertituloh3 a:hover{ color: #fff; background: linear-gradient(57deg, #191717, #191717); border: solid 2px #418b9a; } .banertituloh3 a:before { content: "\f054"; font-family: 'FontAwesome'; position: absolute; width: 17px; height: 25px; top: 0px; font-size: 19px; right: 10px; border-radius: 37px; color: #fff; } .banertituloh3 a:hover:before { color: #fff; } @media screen and (max-width: 980px) { .banercompleto { width: 100%; margin: 0px auto; border-radius: 0px;} } @media screen and (max-width: 768px) { .banercompleto {height: auto;} .banercompletosubtotal {width:100%; display: flex; flex-direction:column;padding:0% 0 0% 0; } .banercompletosub {display:block!important} .banerleft {width: 100%;height: auto;} .banerleft img { width: calc(100% - 40px) !IMPORTANT; height: AUTO !IMPORTANT; margin: 20PX;} .banerright {float: right;width: 100%;height: auto;margin: 20px 0 20px 0;} .banerrightbox {height: auto; justify-content: center;} .banertituloh1, .banertituloh10 { font-size: 35px; line-height: 37px; text-align: center; position: relative; } .banertituloh2 { font-size: 12px; line-height: 18px; text-align: center; WIDTH: 90%; margin: 0 5%;} .banertituloh3{ margin: 0 auto; display: grid; justify-content: center; float: inherit; } .banerimgtopportada{ margin: 0 auto; } } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* ---------------------------------------------------------------------------------------------------------------------------- finn baner ---------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------- demo3 ---------------------------------------------------------------------------------------------------------------------------- */ :root{ --dafont1:Barrio; --dafont2:Berkshire Swash; --dafont3:Black And White Picture; --dafont4:Bubbler On; --dafont5:Crafty Girls; --dafont6:Elsie; --dafont7:Hachi Maru Pop; --dafont8:Hi Melody; --dafont9:Indie Flower; --dafont10:Lily Script One; --dafont11:Londrina Shadow; --dafont12:Oi; --dafont13:Ribeye; --dafont14:Rowdies; --dafont15:Rubik Dirt; --dafont16:Rubik Distressed; --dafont17:Rubik Glitch; --dafont18:Rubik Marker Hatch; --dafont19:Rubik Maze; --dafont20:Rum Raisin; --dafont21:Sacramento; --dafont22:Send Flowers; --dafont23:Titan One; --dafont24:Vibes; --dafont25:Zilla Slab Highlight; } :root{ --font1:Archivo Narrow; --font2:Bebas Neue; --font3:Black Han Sans; --font4:Climate Crisis; --font5:Luckiest Guy; --font6:Paytone One; --font7:Righteous; --font8:Rubik Mono One; --font9:Bakbak One; --font10:Barriecito; --font11:Changa One; --font12:Hachi Maru Pop; --font13:Paytone One; --font14:Pirata One; --font15:Sniglet; --font16:Staatliches; --font17:Viga; --font18:000000; --font19:000000; } /* Color schemes */ .demo-1 { /* ------------------------ portada ------------------------ */ --color-text: #fff; --color-link: #5f5f5f; --color-link-hover: #d6d2ce; --color-enter: #fff; --color-title: #fff; --color-subtitle: #5f5f5f; --color-menu-item: #000; --color-menu-item-hover: #ff963b; --color-menu-item-hover-alt: #8544da; --color-content: #de8abb ;/* Color principal navigaion */ --color-content-fixed: #ddd; --font-alt: 200 6vw/1 'Spectral', serif; --color-next: #5f5f5f; --color-next-hover: #8544da; } .demo-2 { /* ------------------------ portada ------------------------ */ --color-text: #fff; --color-link: #002068; --color-link-hover: #d8d1d1; --color-enter: #ecec11; --color-title: #ffffff; --color-subtitle: #002068; --color-menu-item: #fff; --color-menu-item-hover: #000; --color-menu-item-hover-alt: #000; --color-content: #013bbb; --color-content-fixed: #ddd; --font-alt: 400 6vw/1 'Fugaz One', serif; --color-next: #fff; --color-next-hover: #000; } .demo-3 { /* ------------------------ portada ------------------------ */ --color-text: #fff; --color-link: #4c0a75; --color-link-hover: #f470d2; --color-enter: #f470d2; --color-title: #ffffff; --color-subtitle: #4c0a75; --color-menu-item: #000; --color-menu-item-hover: #4c0a75; --color-menu-item-hover-alt: #8544da; --color-content: #ffb4ec; --color-content-fixed: #ddd; --font-alt: 400 6vw/1 'Chewy', serif; --color-next: #fff; --color-next-hover: #000; } .demo-4 { /* ------------------------ portada ------------------------ */ --color-text: #4b2cf2; --color-link: #ec2525; --color-link-hover: #fff; --color-enter: #4b2cf2; --color-title: #ffffff; --color-subtitle: #ec2525; --color-content: #1c1b1b; --font-alt: 400 5vw/1 'Poppins', serif; } /* Page Loader */ .js .loading::before { content: ''; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: #ccd8e4; background: var(--color-content); } .js .loading::after { content: ''; position: fixed; z-index: 10000; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; pointer-events: none; background: #333; background: var(--color-text); border-radius: 50%; animation: loaderAnim 0.5s ease infinite alternate forwards; } @keyframes loaderAnim { 0% { transform: scale3d(0.5,0.5,1); } 100% { transform: scale3d(1,1,1); } } a { text-decoration: none; color: #5d93d8; color: var(--color-link); outline: none; } a:hover, a:focus { color: #423c2b; color: var(--color-link-hover); outline: none; } .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } /* Icons */ .icon { display: block; height: 1.5em; margin: 0 auto; fill: currentColor; } .icon--arrow-right { transform: scale3d(-1,-1, 1); display: inline-block; vertical-align: middle; margin-left: 0.5em; } .frame { position: absolute; z-index: 10000; top: 0; left: 0; display: grid; align-content: space-between; width: 100%; max-width: none; height: 100vh; padding: 1.5em; pointer-events: none; grid-template-columns: 50% 50%; grid-template-rows: auto auto 4em; grid-template-areas: 'header ...' '... ...' 'github demos'; } /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .frame a { pointer-events: auto; } /* Header */ .codrops-header { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-row-align: start; align-self: start; grid-area: header; -ms-grid-column-align: start; justify-self: start; } .codrops-header__title { font-size: 1em; font-weight: normal; margin: 0; padding: 0.75em 0; } .info { margin: 0 0 0 1.25em; font-style: italic; color: var(--color-link); } .github { display: block; -ms-grid-row-align: end; align-self: end; grid-area: github; -ms-grid-column-align: start; justify-self: start; } .demos { position: relative; display: block; -ms-grid-row-align: end; align-self: end; text-align: center; grid-area: demos; display: block; -ms-grid-column-align: end; justify-self: end; } .demo { padding: 0 0.15em; } .demo:not(:last-child) { margin-right: 1em; } .demo span { white-space: nowrap; pointer-events: none; } a.demo--current { pointer-events: none; color: var(--color-text); } /* Top Navigation Style */ .codrops-links { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 1em 0 0; text-align: center; white-space: nowrap; } .codrops-icon { display: inline-block; margin: 0.15em; padding: 0.25em; } /* Page transitions */ .content--fixed { width: 100%; height: 100vh; } .content--intro { z-index: 200000; height: 100vh; position: fixed;; } @media screen and (max-width: 980px) { .content--intro { display:block!important; } } .content--fixed { position: relative; top: 0; left: 0; background-color: #fff; background-position: 50% 50%; background-size: cover; } .demo-1 .content--fixed { background-image: url(../img/bg1.jpg); } .demo-2 .content--fixed { background-image: url(../img/bg2.jpg); } .demo-3 .content--fixed { background-image: url(../img/bg3.jpg); } .demo-4 .content--fixed { background-image: url(../img/bg4.jpg); } .content__inner { width: 100%; height: 101vh; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content--intro { background-color: #000; background-repeat: no-repeat; BACKGROUND-POSITION-Y: bottom; BACKGROUND-POSITION-X: RIGHT; DISPLAY: BLOCK; height: 100vh; width: 500px; } .content__inner { z-index: -2; background-size: 100%; background-repeat: no-repeat; BACKGROUND-POSITION-Y: top; BACKGROUND-POSITION-X: left; } .shape { height: 100vh; width: 100%; } .content h2 { margin: 0; } .shape-wrap { position: relative; z-index: 10; margin: 0px 0 0 0; /* Hide the gap */ } .content__title { grid-area: title; color: #fff; font-family: 'Caveat',cursive; letter-spacing: 0.030em; font-size: 60px; line-height: 60px; margin: 0; /* text-transform: lowercase; */ z-index: 10; cursor: default; } .content__title--filled { background: var(--color-content); padding: 0.25em 0.5em; } .content__title span { display: inline-block; } .content__subtitle { display:none; font-family: var(--font-family-8-); font-size: var(--font-size-5-); color: var(--color-1-); padding: 0.5em 0 0 0; margin: 0; } .enter, .explore { letter-spacing: 2px; cursor: pointer; white-space: break-spaces; pointer-events: auto; background: black; color: #f6acac; border: none; font-size: 14px; line-height: 40px; font-weight: 800; height: 40px; border-radius: 4px; position: fixed; bottom: 30px; width: 180px; font-family: nunito; } .enter:hover, .enter:focus { color:#FFF; } .enter span { display: inline-block; color: #FFF !important; } .explore { background: var(--color-subtitle); color: var(--color-title); padding: 0.5em 1em; } .explore:hover, .explore:focus { background: var(--color-text); } .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu__item { font: var(--font-alt); font-size: 3vw; color: var(--color-menu-item); margin: 0 1em; position: relative; line-height: 1; } .menu__item:hover, .menu__item:focus { color: var(--color-menu-item-hover); } .menu__item:nth-child(2):hover { color: var(--color-menu-item-hover-alt); } .demo-2 .menu__item { pointer-events: none; padding: 3em; } .demo-2 .menu__item span { pointer-events: auto; } .content__text { font-size: 1.85em; max-width: 800px; text-align: left; } .content__text a { color: var(--color-menu-item); } .content__text a:hover, .content__text a:focus { color: var(--color-menu-item-hover); } .next-demo { position: absolute; bottom: 0; right: 0; margin: 1.5em 2em; font-weight: bold; color: var(--color-next); } .next-demo:hover, .next-demo:focus { color: var(--color-next-hover); } @media screen and (max-width: 50em) { .frame { z-index: 1000; display: block; padding: 0.85em 0; } .demos { font-size: 0.85em; padding: 0 0.25em; } .codrops-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 5em; } .codrops-header__title { font-weight: bold; padding-bottom: 0.25em; text-align: center; } .github { display: none; } .codrops-links { margin: 0; } .content--intro .content__inner, .demo-4 .content__inner { } .demo { padding: 0; margin: 0; } .menu__item { margin: 0.5em 0; font-size: 1.5em; } .content__text { padding: 1em; font-size: 1em; } .next-demo { position: relative; } } /* ---------------------------------------------------------------------------------------------------------------------------- css metodos de pago ---------------------------------------------------------------------------------------------------------------------------- */ .yape {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc7EwlJFvOKaV58eVNaq_3tNhbqr1ChaOVTwjH_sYKlkgG6fxp6p6ZlAlQKf00G4SAF20D_V6tVjKqrzjUp2T8ieO3lBrBmH1VgubyrN9vTj4vm1QwZ7_VyV_oxpUdyos33n0nOjlUDae0i5dkzBcMZGSRxPIDMEiPQModms1x8uo5safJpfzrWkKJ/s1600/yapelogo.png);} .bcp {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NvRDzNly6VZ-djDkv1ZbjmgqxTShKdswePmvhDwhP5hlRlCHlag3PqtuC81X3FdIAhsPOeFKlSlmqJ8ik3sKAZXy3JpsQ9JIlUczZiEX6Wtf7Z-TdibFF5ALXu-osWRDCSp-hNKEzvT5zIK9XtRisbGKex0D7Pt-tb31_pdeiBHNrsyzUBVFn2Vz/s1600/bcp-logo-CCCCDA45A9-seeklogo.com.png);} .interbank {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNDvJO86Giw5Ls7umkkR-yqOkk07KNz-uCHt0hR4oefo7KDNlhCp0k7svx9tLNv9e0UCdFfUxTRtzTmg6EpfQ75BzhEfualEPKjwQBoP4bSf_6gG08hA040QJrJw_h2TcJ7G_zzf6yEbD9garIMPyRAZJe1Y5FYqxqlNOwcls21DQfkLDZldCZWT7/s1600/inter.png;);} .bbva {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfEb3OWA2NICW-lrmKBYjw1l7wedqhu9AtJ6gzDM6wj5eonyB50IFm8rvLVP1yBLNguCUVFIpBI6Ltm0ug7YRQB_LxNwaaHz_5m-AbaFt5pcy7f-Ck3I8Ay22F5LvxzIgRacq1of-U7j1tgzmv1Opc0lsDAr-1l0HpgTi2oiIbEQ8BIAYJ7ZnMSf1s/s1600/bbva.png);} .plin {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo0Zl5ckcR2TgD_JR2-pG8kapAMiPU9Uf7f8QpPfYeKS0oGc8behoyDELWo5P7aGtxvrmI4sZqc2mMa4mXTfB6iyqYadeAaf8oJ3Dx2kVPwU75BWepUvm7rWPIlvMCf31T7Csoj7T0q0Q3bVNRqiqAHhmUzJZH-sJCxo4tZiIW6jJrhdXpOHnmt2Tn/s1600/plin-logo-0C4106153C-seeklogo.com.png);} .yape, .bcp, .interbank, .bbva, .luquita, .scotiabank, .plin {width: 50px;height: 50px;background-size: 50px;border-radius: 5px;margin: 1%;} .pago{ width: 100%; text-align: center; height: 40px; line-height: 40px; } .metodosdepago{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap; } /* ---------------------------------------------------------------------------------------------------------------------------- css productos ---------------------------------------------------------------------------------------------------------------------------- */ .text{ font-size: 14px; line-height: 17px; color: #421e33; font-weight: 800;} .precios{font-size: 14px; font-weight: 600; color: #c54f12; letter-spacing: 0.8px; margin-top: 5px; margin-bottom: 10px; position: absolute; right: 7px; top: 0; } .desc{ color: #7a7272; margin-top: 5px; font-size: 11px; text-align: left; padding: 0px 0px; font-weight: 400; line-height: 12px; } .topbox{ width: 80%; height: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f9f6e9; border-radius: 5px; border: solid 1px #fff; margin: 10px auto; min-height: 80px; } @media screen and (max-width: 980px) { .topbox{width:calc(100% - 60px);} .titulomenu{width: calc(100% - 60px);} } .boxl{ width: 100px; height: 80px; float: left; padding: 0px 10px 0px 10px; } .boxl img{height: 100%;} .boxr{ width: calc(100% - 100px); padding: 10px 15px 10px 0px; display: block; } .boxr2{ } input { } .tagmenu{ position: absolute; height: 100%; right: 53px; top: 0; color: #fff; line-height: 50px; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tagmenu a:before{ position: absolute; content: "\f061"; font-family: 'FontAwesome'; height: 60px; width: 50px; right: 0px; background: transparent; color: #04cdd3; line-height: 60px; font-size: 20px; } .tagmenu a:hover{ background: #49c16e; } .tagmenu a{ z-index: 111; position: absolute; width: 50px; right: 0; background-color: #fef1bc; background-size: 50px; height: 60px; line-height: 52px; top: 50%; margin-top: 50%; font-size: 0px; display: block; left: 0px; border-radius: 25px; } .titulomenu{ width: calc(1000px - (1% + 20px)); height: 50px; background-color: transparent; text-align: left; position: relative; border-radius: 20px; margin: 0 auto;; margin-top: 10px; } .titulomenu h1 { font-size: 20px; line-height: 50px; font-weight: 800; text-align: center; padding-left: 0px; font-family: var(--fuente34);text-transform: uppercase; } @media screen and (max-width: 1024px) { .tagmenu{ right: 0px;} .tagmenu a { right: 0; height: 50px; line-height: 50px; top: 0; margin-top: 0; font-size: 0px; display: block; left: -70px; border-radius: 50px; } .tagmenu a:hover{ background: transparent; } .tagmenu a:before { height: 50px; line-height: 50px;} #redesabajosocialtop{margin-top: 0px;} } /* Accordion styles */ .tabstitle{ word-spacing: 5px; letter-spacing: 1px; display: inline-block; height: 34px; font-size: 12px; font-weight: 800; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border-radius: 2px; margin-bottom: 0; text-transform: uppercase; color: #ffffff; font-family: var(--fuente14); } .tabstitleone{ word-spacing: 5px; letter-spacing: 1px; display: inline-block; height: 34px; font-size: 12px; font-weight: 800; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border-radius: 2px; margin-bottom: 0; text-transform: uppercase; } .tabstitle2222 { word-spacing: 7px; display: inline-block; height: 34px; font-size: 16px; font-weight: 800; line-height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; margin: 30px 0 0px 0; border-radius: 2px; font-family: var(--fuente14); position: relative; width: 100%; text-transform: uppercase; color: #332f4d; } @media screen and (max-width: 980px){ .tabstitle2222 { font-size: 18px; line-height: 24px;} #redesabajosocialtop{display:block!important} } .tabstitle2222{background: transparent;} #redesabajosocialbox{ background: #ea9c49; } .tabs { text-align: center; padding: 5% 0%;; overflow: hidden;} .info-texto{ padding: 5% 10% 0% 10%;; overflow: hidden; } .info-one{ text-align: left; padding: 5% 10%;; overflow: hidden; } @media screen and (max-width: 980px){ .tabs { text-align: center; width: calc(100% - 0px);padding: 10% 0%; margin: 0 auto;} .tab { width:80%;} .info-one{ text-align: center; padding:0%;;} .tabstitleone{ display:none;} } .tab { font-size: 12px!important; width:100%; color: white; overflow: hidden; margin: 0 auto; margin-top: 0px; border-radius: 5px; border-top: solid 0px #6c6060; } .tab:nth-last-child(-n+1){-webkit-box-shadow: 0px 0px 0px #6c6060;box-shadow: 0px 0px 0px #6c6060;} .tab-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; font-weight: normal; cursor: pointer; font-size: 12px; } .tab-label:before { content: ""; font-family: FontAwesome; padding-right: 10px; text-decoration: none; font-size: 7px; } .tab-label:hover {text-decoration: underline;} .tab-label::after {display:none; content: "\f078"; width: 1em; height: 1em; text-align: center; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; font-family:FontAwesome; font-size: 12px; } .tab-content { max-height: 0; padding: 0 1em; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s;overflow: hidden; } .tab-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; } .tab-close:hover { background: #1a252f; } input:checked + .tab-label { } input:checked + .tab-label::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } input:checked ~ .tab-content { max-height: 100vh; padding: 1em; } .portataleft2{ left: 0%; width: 100%;padding: 5px; } .verificadoreal3{display:none} .verificadoreal { width:100%; margin: 0px !IMPORTANT; padding-top: 0px; position: inherit; z-index: 2; } .verificadorea4 {z-index: 1;} .verificadoreal2{ padding-top: 10px; position: relative; overflow: hidden; margin: 0 auto; width: 1000px;} @media screen and (max-width: 980px){ .verificadoreal {width: 100%;margin: 0 auto;padding-top: 20px;padding-bottom: 5px; background-color: #ec9f4d;} .verificadoreal2{ padding-top: 0px;width: 100%;padding-bottom: 20px;background: transparent;} .verificadoreal3{display:block} } .verificadoreal .dispublic, .verificadoreal .dispublic2{ BACKGROUND: #fff7d7; color: #0a0a0a; border: solid 2px #000; -webkit-box-shadow: -3px 3px 0px; box-shadow: -3px 3px 0px } .verificadoreal2 .dispublic, .verificadoreal2 .dispublic2{ BACKGROUND: var(--topcolor2); color: #fbf0d7; border: solid 2px #000; } .dispublic2{ border-radius: 5px; font-weight: 100; height: 56px; font-size: 20px; line-height: 20px; padding: 0px 38px 0px 38px; overflow: hidden; width: 100%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; width: calc(100% - (20px + 2%)); margin: 0 auto; background: #000000; color: #f3d592; } .dispublic{ border-radius: 0px; font-weight: 100; height: 56px; font-size: 20px; line-height: 20px; padding: 0px 38px 0px 38px; overflow: hidden; width: 100%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; width: calc(1000px - (1% + 20px)); border-radius: 15px; margin: 10px auto; background: #087BA3; color: #f3d592; } .descuentopublic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 56px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dispublic:after {position: absolute;content: "\f48b";font-family: "Font Awesome 5 Free";right: 20px;font-size: 28px;top: 0;line-height: 56px;} .dispublic:before{position: absolute;content: "\f48b";font-family: "Font Awesome 5 Free";left: 20px;font-size: 28px;top: 0;line-height: 56px;} .dispublic2:after {position: absolute;content: "\f0e7";font-family: FontAwesome;right: 20px;font-size: 28px;top: 0;line-height: 56px;} .dispublic2:before{position: absolute;content: "\f0e7";font-family: FontAwesome;left: 20px;font-size: 28px;top: 0;line-height: 56px;} @media screen and (max-width: 980px) { .dispublic, .dispublic2{ font-size: 14px; width: calc(100% - (2% + 20px)); border-radius: 25px!Important; margin: 0 auto; border-radius: 0; margin-top: 30px;} .dispublic:after{display:none} .dispublic2:after{right: 10px;font-size: 20px;} .dispublic:before, .dispublic2:before {left: 10px;font-size: 20px;} } /* ---------------------------------------------------------------------------------------------------------------------------- TITULO-WRAPPER ---------------------------------------------------------------------------------------------------------------------------- */ .rotop{height: 100%; width: 100%; position: fixed; z-index: 1111111; background: -o-radial-gradient(#a5ef6a, #5cdead); background: radial-gradient(#a5ef6a, #5cdead);background-attachment: fixed;} .rotop20{ width: 80px; height: 80px; position: absolute; margin: 0 auto; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; } .rotopimg{ height: 80px; width: 80px; } :root{ --csfsmcsmcs:url("https://blogger.googleusercontent.com/img/a/AVvXsEhv1-Lylk-v-cBQvxVjPJ9myoQHHJ8_WgWQ7ohtXpb-ckmfGlsIXKYlN2I1b7IETnXr-CA4B6wGbIB3t8DyigoR1kJNyZ_YMm_JtcJloGK-9qSkWXy6-rx0XITGEPYzLZEl2WcVzSN11D25QEtgkkj6gfR7n9Gk0vauFWuQcX9j-MexDHSTbtSQ2AaSnw"); } :root{ --a9:var(--aaaafsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn5678); --aaaafsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn5678:var(--aaafsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn567); --aaafsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn567:var(--aafsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn56); --aafsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn56:var(--afsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn5); --afsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsivnsivn5:var(--asrnsnsasfedsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsente4); --asrnsnsasfedsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsente4:var(--asfedsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsis3); --asfedsfsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsis3:var(--fsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsi); --fsifnvvsvdrgb2fbvv2r99dvnsivisvsvninvsi:var(--csfsmcsmcs); } #HTML110{;} a:-webkit-any-link { text-decoration: none!important; } .galerya{ width: 90%; position: relative; display: block; overflow: hidden; margin: 0px auto;} .galerya img{ width: calc(100% - 6px); background: #fff; border: solid 3px #fff; } .galeryatitulo{ position: absolute; bottom: 0; height: 50px; width: 100%; line-height: 50px; text-align: center; background: #b544446b; border-radius: 50px 0px 0px 0px; } .titulo-wrapper h1{text-align:center } .contact-form-button {background:#000!important;} .contact-form-button {color:white!important;} .form {color:!important;} .portada-contacto { padding: 5%; text-align: left; overflow: hidden; } .contact-form-email-message,.contact-form-email,.contact-form-name{ width: 96%; margin-bottom: 2px; } .contact-form-button { width: 90%; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: muli; padding: 6px; border: 0; border-radius: 3px; font-size: 16px; text-transform: uppercase; cursor: pointer;} /* ---------------------------------------------------------------------------------------------------------------------------- lightbox ---------------------------------------------------------------------------------------------------------------------------- */ /* Styles the thumbnail */ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ a.lightbox img { height: 150px; border: 3px solid white; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3); box-shadow: 0px 0px 8px rgba(0,0,0,.3); margin: 94px 20px 20px 20px; } /* Styles the lightbox, removes it from sight and adds the fade-in transition */ .lightbox-target { position: fixed; top: -100%; width: 100%; background: rgba(0,0,0,.7); width: 100%; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; overflow: hidden; } /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */ .lightbox-target img { margin: auto; position: absolute; top: 0; left:0; right:0; bottom: 0; max-height: 0%; max-width: 0%; border: 3px solid white; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3); box-shadow: 0px 0px 8px rgba(0,0,0,.3); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } /* Styles the close link, adds the slide down transition */ a.lightbox-close { display: block; width:50px; height:50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: white; color: black; text-decoration: none; position: absolute; top: -80px; right: 0; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } /* Provides part of the "X" to eliminate an image from the close link */ a.lightbox-close:before { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } /* Provides part of the "X" to eliminate an image from the close link */ a.lightbox-close:after { content: ""; display: block; height: 30px; width: 1px; background: black; position: absolute; left: 26px; top:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */ .lightbox-target:target { opacity: 1; top: 0; bottom: 0; overflow:scroll; } .lightbox-target:target img { max-height: 100%; max-width: 100%; } .lightbox-target:target a.lightbox-close { top: 0; } /* ---------------------------------------------------------------------------------------------------------------------------- PARTICULAS CANVAS ---------------------------------------------------------------------------------------------------------------------------- */ .Javascriptcontent15{display:none} .boby0 { z-index: 0; background: var(--page-home-color1); background-image: -webkit-gradient(linear,left top, left bottom,from(var(--page-home-grados)),color-stop(0%, var(--page-home-color1)),to(var(--page-home-color2)))!important; background-image: -o-linear-gradient(var(--page-home-grados),var(--page-home-color1) 0%,var(--page-home-color2) 100%)!important; background-image: linear-gradient(var(--page-home-grados),var(--page-home-color1) 0%,var(--page-home-color2) 100%)!important; display: block; overflow: hidden; height:100%; width: 100%; position: absolute; } .boby100 { z-index: 0; background: var(--page-home-color2); background-image: -o-radial-gradient(circle,var(--page-home-color2) 0%,var(--page-home-color1) 100%); background-image: radial-gradient(circle,var(--page-home-color2) 0%,var(--page-home-color1) 100%); display: block; overflow: hidden; height: 100%; width: 100%; position: absolute; } .boby1000{ z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px 15px 0px 0px; } .boby2000{ z-index: 0; background: ; background-image: ; display: block; overflow: hidden; height:100%; width: 100%; position: absolute; border-radius: 15px 15px 0px 0px; } .boby3{ z-index: 0; overflow: hidden; top: 0; left: 0; width: 100%; height:100%; } .boby4{ z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } canvas { display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; } /* ---------------------------------------------------------------------------------------------------------------------------- redes ---------------------------------------------------------------------------------------------------------------------------- */ .quickeditukki10{ display: none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki20{ display: none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki30{ display: none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki40{ width:0px; position: absolute; color: #000 !important; top: 0px; padding-top: 0px; left: 17px; border-radius: 0px; z-index: 11;} .quickeditukki50{ display: none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki60{ display: none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki70{ display:none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki80{ display: none; width: 113px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;} .quickeditukki100{ width: 113px; height: 260px; position: absolute; background: rgba( 255, 255, 255, 0.25 ) !important; -webkit-box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; box-shadow: 0 1px 3px 0 rgb(31 38 135 / 37%) !important; border: 1px solid rgba( 255, 255, 255, 0.18 )!important; text-shadow: 0 2px 4px rgb(71 97 206 / 36%)!important; color: #000 !important; top: 100px; padding-top: 1px; left: 17px; border-radius: 5px; z-index: 11;display: none; } .fondo-wrapper2{ background: transparent; border-radius: 5px; padding: 3% 0%; font-size: 14px; line-height: initial; text-align: justify; position: relative; ;} .fondo-wrapper{ background: transparent; border-radius: 5px; padding: 3% 0%; font-size: 14px; line-height: initial; text-align: justify; margin-right: 70px; position: relative; ;} .fondo-wrapper:before{ content: "\f4cf"; position:absolute; font-family:"Font Awesome 5 Brands" ;} .fondo-wrapperembed,.fondo-wrappercontacto { background: transparent; margin: 3% 0%; line-height: initial; text-align: justify; position: relative; } .fondo-wrapperhora { background: transparent; margin: 3% 0%; padding-left: 0px; line-height: initial; text-align: justify; position: relative; } .fondo-wrapperubicacion { background: transparent; margin: 3% 0%; padding-left: 0px; line-height: initial; text-align: center; position: relative;} .fondo-wrapperdelivery { background: transparent; margin: 3% 0%; font-size: 14px; padding-left: 10px; line-height: initial; margin-right: 100px; position: relative; border-left: solid 5px transparent;} .fondo-wrapperdelivery:after, .fondo-wrapperhora:after, .fondo-wrapperubicacion:after{ content: ""; content: ""; position: absolute; border-radius: 5px; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-fill-available; width: 0px; left: -5px; top: 0; background-position: center; background: #edb063; ;} a.tb-redes500{ margin: 0 auto; text-align: center; font-size: 0px; height: 70px; width: 70px; position: fixed; right: 25px; bottom: 25px; background: #035621; border-radius: 50px;z-index: 1; } .tc-total500 { display: block; top: 0; position: absolute; text-shadow: none; } .tc-total500:before { font-family: "Font Awesome 5 Brands"; position: absolute; height: 70px; width: 70px; border-radius: 3px; line-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 100; content: '\f232'; color: #fff; font-size: 45px; } .redes100,.redes800{ margin: 0 auto; text-align: center; } a.tb-redes100,a.tb-redes800{ position: relative; z-index: 0; display: inline-block; line-height: initial;margin:10px 10px 20px 10px; } a.tb-redes100:link, a.tb-redes100:visited ,a.tb-redes800:link, a.tb-redes800:visited{ text-decoration: none; z-index: 2; PADDING: 10px; text-align: center; padding-left: 20px; padding-right: 20px; border-radius: 5px; color: #ffffff; } a.tb-redes100:link:before, a.tb-redes100:visited:before,a.tb-redes800:link:before, a.tb-redes800:visited:before{ content: ""; position: absolute; background: -webkit-gradient(linear, left bottom, left top, from(#0000003b), to(transparent)); background: -o-linear-gradient(bottom, #0000003b, transparent); background: linear-gradient(0deg, #0000003b, transparent); height: 100%; width: 100%; left: 0; top: 0; border-radius: 5px;} a.tb-redes100:link:hover, a.tb-redes100:visited:hover ,a.tb-redes800:link:hover, a.tb-redes800:visited:hover{ -webkit-box-shadow: 0px 0px 0px 2px var(--fondoenlace2); box-shadow: 0px 0px 0px 2px var(--fondoenlace2); } .tc-total100:before,.tc-total800:before{ font-family: "Font Awesome 5 Brands"; position: absolute; height: 25px; width: 25px; top: 7px; left: 10px; border-radius: 3px; line-height: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 100; font-size: 25px;} a.tb-redes{ position: relative; z-index: 0; display: inline-block; line-height: initial;margin:3px; } a.tb-redes:link,a.tb-redes:visited { z-index: 2; PADDING: 0px; text-align: center; FONT-SIZE: 0PX; } a.tb-redes:link:hover,a.tb-redes:visited:hover { background: transparent; } .tc-total:hover:before{ background: #2a867b;color: #ffc375!important; } .tc-total:before{ font-family: "Font Awesome 5 Brands"; position: absolute; height: 40px; width: 40px; top: 0px; left: 0; border-radius: 27px; line-height: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 100;} .tituloydescripcion {border-radius: 0px; border: solid 0px #0000; position: relative; width: 100%; text-align: center; margin: 0 auto !important; top: 0px; padding-top: 0px; } #portataleftcontacto div { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media screen and (max-width: 980px){ .tituloydescripcion {width: 100%;padding-bottom: 0%!important;padding-top: 0%!important; } .portada-wrapper-total {padding-top: 0px!important;padding-bottom: 0px!important} } @media screen and (max-width: 768px){ .portada-wrapper h1{PADDING: 0px!important;} .descripcionportata{PADDING: 0px 10px 10px 10px!important;} .tituloydescripcion{ margin: 0% auto !important;width:100%} .portada-wrapper-total {padding-top: 0px!important;padding-bottom: 0px!important} a.tb-redes100:link,a.tb-redes100:visited { FONT-SIZE: 0PX;} .tc-total100:before,.tc-total800:before{top: 7px;} } @media screen and (max-width: 480px){ a.tb-redes100:link,a.tb-redes100:visited { margin: 5%; FONT-SIZE: 12PX; text-align: center;} } .tc-total { display: block; top: 0; position: absolute; text-shadow: none;} .tb-facebook:before{content:'\f09a'} .tb-twitter:before{content:'\f099'} .tb-whatsapp:before{content:'\f232'} .tb-discord:before{content:'\f392'} .tb-line:before{content:"\f3c0"} .tb-dropbox:before{content:"\f16b"} .tb-linkedin:before{content:"\f08c"} .tb-gplus:before{content:"\f2b3"} .tb-mail:before{content: "\f003";font-family: FontAwesome;} .tb-messenger:before{content:"\f39f"} .tb-airbnb:before{content:"\f834"} .tb-twitch:before{content:"\f1e8"} .tb-behance:before{content:"\f1b5"} .tb-instagram:before{content:"\f16d"} .tb-deezer:before{content:"\e077"} .tb-ok:before{content:"\f264"} .tb-patreon:before{content:"\f3d9"} .tb-pinterest:before{content:"\f0d3"} .tb-skype:before{content:"\f17e"} .tb-snapchat:before{content:"\f2ad"} .tb-soundcloud:before{content:"\f1be"} .tb-spotify:before{content:"\f1bc"} .tb-telegram:before{content:"\f2c6"} .tb-telephone:before{content:"\f095"; font-family: 'FontAwesome'!important;} .tb-tiktok:before{content:"\e07b"} .tb-vimeo:before{content:"\f40a"} .tb-vine:before{content:"\f1ca"} .tb-vk:before{content:"\f189"} .tb-wechat:before{content:"\f1d7"} .tb-youtube:before{content:"\f167"} .tb-amazon:before{content:"\f270"} .tb-ebay:before{content:"\f4f4"} .tb-etsy:before{content:"\f2d7"} .tb-mastercard:before{content:"\f1f1"} .tb-paypal:before{content:"\f1ed"} .tb-shopify:before{content:"\e057"} .tb-visa:before{content:"\f1f0"} .tb-wix:before{content:"\f5cf"} .tb-calendario:before{content: "\f073";font-family: 'FontAwesome'!important;} .tb-ubicacion:before{content:"\f041";font-family: 'FontAwesome'!important;} .tb-carta:before{content:000000;font-family: 'FontAwesome'!important;} .tb-viaje:before{content:"\f072";font-family: 'FontAwesome'!important;} .tb-cubiertos:before{content:"\f0f5";font-family: 'FontAwesome'!important;} .tb-tienda:before{content:"\f290";font-family: 'FontAwesome'!important;} .tb-precio:before{content:"\f02b";font-family: 'FontAwesome'!important;} .tb-musica:before{content:"\f001";font-family: 'FontAwesome'!important;} .tb-regalo:before{content:"\f06b";font-family: 'FontAwesome'!important;} .tb-podcast:before{content:"\f2ce";font-family: 'FontAwesome'!important;} .atencion .titulo-wrapper h1{ background:transparent; } .ubicacion .titulo-wrapper h1{ background:transparent; } .menumenu .titulo-wrapper h1{ background:transparent; font-size:0px!important} .menumenu2 .titulo-wrapper h1{ background:transparent; } @media screen and (max-width: 480px) { } @media screen and (max-width: 320px) { } .texto-total2{ max-width: 100%; margin: 0 auto; padding-top: 15px; position: relative; padding-bottom: 10px; } html { background-color: #fff !important;} .widget-title{ display:none} /* ---------------------------------------------------------------------------------------------------------------------------- waves ---------------------------------------------------------------------------------------------------------------------------- */ .waves19 { margin-top: -20px; margin-bottom: -5px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .waves18 { margin-top: -15px;margin-bottom: -5px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .waves17 { margin-top: -25px; margin-bottom: -2px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)} .waves16 { margin-bottom: -4px; margin-top: -25px;} .waves15 { margin-top: -95px;margin-bottom: -5px;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .waves14 { margin-bottom: -5px; } .waves13 { margin-top: -25px; margin-bottom: -1px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .waves12 { margin-bottom: -5px;margin-top: -10px; -webkit-transform: rotate( 180deg ); -ms-transform: rotate( 180deg ); transform: rotate( 180deg ); } .waves11 { margin-bottom: -2px;margin-top: -25px; } .waves10 { margin-bottom: -5px; } .waves9 { margin-bottom: -5px; } .waves8 { margin-bottom: -5px; } .waves7 { -webkit-transform: rotate( 180deg ); -ms-transform: rotate( 180deg ); transform: rotate( 180deg ); margin-bottom: -3px; } .waves6{ margin-bottom: -5px; } .waves5{ -webkit-transform: rotate( 180deg ); -ms-transform: rotate( 180deg ); transform: rotate( 180deg ); margin-top: 0px; margin-bottom: -3px; } .waves4{ -webkit-transform: rotate( 180deg ); -ms-transform: rotate( 180deg ); transform: rotate( 180deg ); margin-bottom: -4px; } .waves3{ -webkit-transform: rotate( 180deg ); -ms-transform: rotate( 180deg ); transform: rotate( 180deg ); margin-top: -5px; } .waves2 { -webkit-transform: rotate( 360deg ); -ms-transform: rotate( 360deg ); transform: rotate( 360deg ); margin-top: 0px; position: relative; width: 100%; height: 40px; left: 0; overflow: hidden;} .waves1 { -webkit-transform: rotate( 360deg ); -ms-transform: rotate( 360deg ); transform: rotate( 360deg ); margin-top: -5px; position:relative; width: 100%; height:15vh; min-height:100px; max-height:150px; background: transparent;} .waves1, .waves2, .waves3, .waves4, .waves5, .waves6 , .waves7, .waves8 , .waves9 , .waves10, .waves11, .waves12, .waves13, .waves14, .waves15, .waves16, .waves17, .waves18, .waves19, .waves20{ display:none; } /* ---------------------------------------------------------------------------------------------------------------------------- colores ---------------------------------------------------------------------------------------------------------------------------- */ .contenido_colores { display: -webkit-box; display: -ms-flexbox; display: flex; } .colores{ width: 100%; position: fixed; z-index: 11111; background: #000; border-top: 2px solid #000 } .colorestop{ height: 20px; width: 60px; position: relative; display: block; float: left; } .colorestop2 { width: 80px; font-size: 15px; background: #fff; line-height: 20px; color: #000; height: 18px; border: none; text-align: center; } .c1{ background: #720000;} c1{ color: #720000;} .c2{ background: #B60303;} c2{ color: #B60303;} .c3{ background: #FF0000;} c3{ color: #FF0000;} .c4{ background: #FE5100;} c4{ color: #FE5100;} .c5{ background: #F57204;} c5{ color: #F57204;} .c6{ background: #FE9600;} c6{ color: #FE9600;} .c7{ background: #FFC500;} c7{ color: #FFC500;} .c8{ background: #FFEC00;} c8{ color: #FFEC00;} .c9{ background: #eeff5f;} c9{ color: #eeff5f;} .c10{ background: #E4FF02;} c10{ color: #E4FF02;} .c11{ background: #BAFF02;} c11{ color: #BAFF02;PADDING-LEFT: 25PX;} .c12{ background: #6FFF04;} c12{ color: #6FFF04;} .c13{ background: #47b90d;} c13{ color: #47b90d;} .c14{ background: #008000;} c14{ color: #008000;} .c15{ background: #006400;} c15{ color: #006400;} .c16{ background: #1E4501;} c16{ color: #1E4501;} .c17{ background: #2E8B57;} c17{ color: #2E8B57;} .c18{ background: #556B2F;} c18{ color: #556B2F;} .c19{ background: #808000;} c19{ color: #808000;} .c20{ background: #6B8E23;} c20{ color: #6B8E23;} .c21{ background: #9ACD32;} c21{ color: #9ACD32;} .c22{ background: #c5f563;} c22{ color: #c5f563;} .c23{ background: #09F73B ;} c23{ color: #09F73B ;} .c24{ background: #0DFF8D ;} c24{ color: #0DFF8D ;} .c25{ background: #88f5e9;} c25{ color: #88f5e9;} .c26{ background: #00FFE4;} c26{ color: #00FFE4;} .c27{ background: #00A6FF;} c27{ color: #00A6FF;} .c28{ background: #00BFFF;} c28{ color: #00BFFF;} .c29{ background: #1E90FF;} c29{ color: #1E90FF;} .c30{ background: #006CFF;} c30{ color: #006CFF;} .c31{ background: #003EFF;} c31{ color: #003EFF;} .c32{ background: #0C00FF;} c32{ color: #0C00FF;} .c33{ background: #0E07AA;} c33{ color: #0E07AA;} .c34{ background: #07036C;} c34{ color: #07036C;} .c35{ background: #04013e;} c35{ color: #04013e;} .c36{ background: #3a036c;} c36{ color: #3a036c;} .c37{ background: #5A04BB;} c37{ color: #5A04BB;} .c38{ background: #7701FB;} c38{ color: #7701FB;} .c39{ background: #C201FB;} c39{ color: #C201FB;} .c40{ background: #FB01CE;} c40{ color: #FB01CE;} .c41{ background: #F94BBA;}c41{ color: #F94BBA;} .c42{ background: #FA7ACC;}c42{ color: #FA7ACC;} .c43{ background: #f7a8da;}c43{ color: #f7a8da;} .c44{ background: #66CDAA;}c44{ color: #66CDAA;} .c45{ background: #20B2AA;}c45{ color: #20B2AA;} .c46{ background: #00FFFF;}c46{ color: #00FFFF;} .c47{ background: #E0FFFF;}c47{ color: #E0FFFF;} .c48{ background: #B0C4DE;}c48{ color: #B0C4DE;} .c49{ background: #87CEEB;}c49{ color: #87CEEB;} .c50{ background: #F5DEB3;}c50{ color: #F5DEB3;} .c51{ background: #D2B48C;}c51{ color: #D2B48C;} .c52{ background: #F4A460;}c52{ color: #F4A460;} .c53{ background: #B8860B;}c53{ color: #B8860B;} .c54{ background: #CD853F;}c54{ color: #CD853F;} .c55{ background: #8B4513;}c55{ color: #8B4513;} .c56{ background: #A52A2A;}c56{ color: #A52A2A;} .c57{ background: #800000;}c57{ color: #800000;} .c58{ background: #DCDCDC;}c58{ color: #DCDCDC;} .c59{ background: #A9A9A9;}c59{ color: #A9A9A9;} .c60{ background: #696969;}c60{ color: #696969;} .c61{ background: #708090;}c61{ color: #708090;} .c62{ background: #2F4F4F;}c62{ color: #2F4F4F;} .c63{ background: #333333;}c63{ color: #333333;} .c64{ background: #000000;}c64{ color: #000000;} .c65{ background: #ffffff;}c65{ color: #ffffff;} fondo1{ background: #720000;position: relative;display: block;} color1{ color: #720000;} fondo2{ background: #B60303;;position: relative;display: block;} color2{ color: #B60303;} fondo3{ background: #FF0000;;position: relative;display: block;} color3{ color: #FF0000;} fondo4{ background: #FE5100;;position: relative;display: block;} color4{ color: #FE5100;} fondo5{ background: #F57204;;position: relative;display: block;} color5{ color: #F57204;} fondo6{ background: #FE9600;;position: relative;display: block;} color6{ color: #FE9600;} fondo7{ background: #FFC500;;position: relative;display: block;} color7{ color: #FFC500;} fondo8{ background: #FFEC00;;position: relative;display: block;} color8{ color: #FFEC00;} fondo9{ background: #eeff5f;;position: relative;display: block;} color9{ color: #eeff5f;} fondo10{ background: #E4FF02;;position: relative;display: block;} color10{ color: #E4FF02;} fondo11{ background: #BAFF02;;position: relative;display: block;} color11{ color: #BAFF02;} fondo12{ background: #6FFF04;;position: relative;display: block;} color12{ color: #6FFF04;} fondo13{ background: #47b90d;;position: relative;display: block;} color13{ color: #47b90d;} fondo14{ background: #008000;;position: relative;display: block;} color14{ color: #008000;} fondo15{ background: #006400;;position: relative;display: block;} color15{ color: #006400;} fondo16{ background: #1E4501;;position: relative;display: block;} color16{ color: #1E4501;} fondo17{ background: #2E8B57;;position: relative;display: block;} color17{ color: #2E8B57;} fondo18{ background: #556B2F;;position: relative;display: block;} color18{ color: #556B2F;} fondo19{ background: #808000;;position: relative;display: block;} color19{ color: #808000;} fondo20{ background: #6B8E23;;position: relative;display: block;} color20{ color: #6B8E23;} fondo21{ background: #9ACD32;;position: relative;display: block;} color21{ color: #9ACD32;} fondo22{ background: #c5f563;;position: relative;display: block;} color22{ color: #c5f563;} fondo23{ background: #09F73B;position: relative;display: block;} color23{ color: #09F73B ;} fondo24{ background: #0DFF8D ;position: relative;display: block;;} color24{ color: #0DFF8D ;} fondo25{ background: #88f5e9;position: relative;display: block;;} color25{ color: #88f5e9;} fondo26{ background: #00FFE4;;position: relative;display: block;} color26{ color: #00FFE4;} fondo27{ background: #00A6FF;;position: relative;display: block;} color27{ color: #00A6FF;} fondo28{ background: #00BFFF;;position: relative;display: block;} color28{ color: #00BFFF;} fondo29{ background: #1E90FF;;position: relative;display: block;} color29{ color: #1E90FF;} fondo30{ background: #006CFF;;position: relative;display: block;} color30{ color: #006CFF;} fondo31{ background: #003EFF;position: relative;display: block;;} color31{ color: #003EFF;} fondo32{ background: #0C00FF;;position: relative;display: block;} color32{ color: #0C00FF;} fondo33{ background: #0E07AA;;position: relative;display: block;} color33{ color: #0E07AA;} fondo34{ background: #07036C;;position: relative;display: block;} color34{ color: #07036C;} fondo35{ background: #04013e;;position: relative;display: block;} color35{ color: #04013e;} fondo36{ background: #3a036c;;position: relative;display: block;} color36{ color: #3a036c;} fondo37{ background: #5A04BB;;position: relative;display: block;} color37{ color: #5A04BB;} fondo38{ background: #7701FB;;position: relative;display: block;} color38{ color: #7701FB;} fondo39{ background: #C201FB;;position: relative;display: block;} color39{ color: #C201FB;} fondo40{ background: #FB01CE;;position: relative;display: block;} color40{ color: #FB01CE;} fondo41{ background: #F94BBA;;position: relative;display: block;}color41{ color: #F94BBA;} fondo42{ background: #FA7ACC;;position: relative;display: block;}color42{ color: #FA7ACC;} fondo43{ background: #f7a8da;;position: relative;display: block;}color43{ color: #f7a8da;} fondo44{ background: #66CDAA;;position: relative;display: block;}color44{ color: #66CDAA;} fondo45{ background: #20B2AA;;position: relative;display: block;}color45{ color: #20B2AA;} fondo46{ background: #00FFFF;;position: relative;display: block;}color46{ color: #00FFFF;} fondo47{ background: #E0FFFF;;position: relative;display: block;}color47{ color: #E0FFFF;} fondo48{ background: #B0C4DE;;position: relative;display: block;}color48{ color: #B0C4DE;} fondo49{ background: #87CEEB;;position: relative;display: block;}color49{ color: #87CEEB;} fondo50{ background: #F5DEB3;;position: relative;display: block;}color50{ color: #F5DEB3;} fondo51{ background: #D2B48C;;position: relative;display: block;}color51{ color: #D2B48C;} fondo52{ background: #F4A460;;position: relative;display: block;}color52{ color: #F4A460;} fondo53{ background: #B8860B;;position: relative;display: block;}color53{ color: #B8860B;} fondo54{ background: #CD853F;;position: relative;display: block;}color54{ color: #CD853F;} fondo55{ background: #8B4513;;position: relative;display: block;}color55{ color: #8B4513;} fondo56{ background: #A52A2A;;position: relative;display: block;}color56{ color: #A52A2A;} fondo57{ background: #800000;;position: relative;display: block;}color57{ color: #800000;} fondo58{ background: #DCDCDC; position: relative;display: block;}color58{ color: #DCDCDC;} fondo59{ background: #A9A9A9;;position: relative;display: block;}color59{ color: #A9A9A9;} fondo60{ background: #696969;;position: relative;display: block;}color60{ color: #696969;} fondo61{ background: #708090;;position: relative;display: block;}color61{ color: #708090;} fondo62{ background: #2F4F4F;;position: relative;display: block;}color62{ color: #2F4F4F;} fondo63{ background: #333333;;position: relative;display: block;}color63{ color: #333333;} fondo64{ background: #000000;;position: relative;display: block;}color64{ color: #000000;} fondo65{ background: #ffffff;;position: relative;display: block;}color65{ color: #ffffff;} /* ---------------------------------------------------------------------------------------------------------------------------- portda-left ---------------------------------------------------------------------------------------------------------------------------- */ .portada-right100 { background: var(--page-left-color1); background-image: -webkit-gradient(linear,left top, left bottom,from(var(--page-left-grados)),color-stop(0%, var(--page-left-color1)),to(var(--page-left-color2)))!important; background-image: -o-linear-gradient(var(--page-left-grados),var(--page-left-color1) 0%,var(--page-left-color2) 100%)!important; background-image: linear-gradient(var(--page-left-grados),var(--page-left-color1) 0%,var(--page-left-color2) 100%)!important; display: block; overflow: hidden; position: absolute; height: 100%; WIDTH: 100%; LEFT: 0; z-index: } .portada-right200 { background: var(--page-left-color1); background-image: -o-radial-gradient(circle,var(--page-left-color1) 0%,var(--page-left-color2) 100%); background-image: radial-gradient(circle,var(--page-left-color1) 0%,var(--page-left-color2) 100%); display: block; overflow: hidden; position: absolute; height: 100%; WIDTH: 100%; LEFT: 0; z-index:} /* ---------------------------------------------------------------------------------------------------------------------------- home-page ---------------------------------------------------------------------------------------------------------------------------- */ #page-comprafinaltop { background: var(--page-final-color1); background-image: -o-linear-gradient( 10deg ,var(--page-final-color1) 0%,var(--page-final-color2) 100%)!important; background-image: linear-gradient( 80deg ,var(--page-final-color1) 0%,var(--page-final-color2) 100%)!important; width: 100%; display: block; position: relative; overflow: hidden; } /* ---------------------------------------------------------------------------------------------------------------------------- portada-imagen y verificado ---------------------------------------------------------------------------------------------------------------------------- */ .portada-imagen{width: 80px; height: 80px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: slidein; animation-name: slidein; } .portada-wrapper h1{height: 40px;line-height:40px;margin-top: 0;} .header-widget-one h1{height: 40px;line-height:40px;margin-top: 0;} .portada-imagen img { background: #fff; text-align: center; position: relative; margin: 0 auto; overflow: hidden; height:50px; width: 50px;/* --------- cambiar si no quieres forma horizontal --------- */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; -o-object-fit: cover; object-fit: cover;} .portada-left2 { margin-top: 0px !important; margin-bottom: 0px !important; } .redessoc { width: 50%; float: left; max-height: 100%; padding-top: 30px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .redessoc30 { width: 100%; float: left; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } @media screen and (max-width: 980px) { .redessoc { background: var(--quintocolor20); background-image: -webkit-gradient(linear,left top, left bottom,from(var(--quintocolor10)),to(var(--quintocolor20)))!important; background-image: -o-linear-gradient(top,var(--quintocolor10) 0%,var(--quintocolor20) 100%)!important; background-image: linear-gradient(180deg,var(--quintocolor10) 0%,var(--quintocolor20) 100%)!important; } .redessoc {border-radius: 0px;} } #page-home0{position:relative; margin: 0px; margin-top: 0px;} @media screen and (max-width: 980px) { #page-home0{margin-top: 0px;} } .contenedor_tab{float: left; clear: both; width: 250px; padding: 0px; margin: 0 auto; display: block; background: #ccc;} ul.tabs{ float: left; padding: 0; list-style: none; height: 31px; width: 190px; margin-top: 0px; position: absolute; background: transparent; top: 25px; margin: 8px 5px 4px 8px} ul.tabs li{float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 0px solid #000; margin-bottom: -1px; background: transparent; overflow: hidden; position: relative;margin-right: 3px;} ul.tabs li a { text-decoration: none; color: #fff; display: block; font-size: 13px; padding: 0 12.5px; border: 0px solid #fff; outline: none;} ul.tabs li a:hover{background:#0e022a; border-radius: 5px 5px 0px 0px;} ul.tabs li.activa,ul.tabs li.activa a,ul.tabs li.activa a:hover { color: #fff; background: #0e022a; border-radius: 5px 5px 0px 0px;;} .contenido_tab{ float: left; clear: both; width: 187px; height: 370px; padding: 0px; margin: 0 auto; display: block; position: absolute; top: 63px; left: 8px; overflow: hidden;} #recursos{display:none;height:0px;overflow:hidden;position:relative;visibility: hidden} .cajabiolink, .verificadoreal2, #main-wrapper{ width: 100%!important; margin: 0 auto;min-height:100%; } @media screen and (max-width: 980px){ .cajabiolink, .verificadoreal2, #main-wrapper{width: 100%!important} } #topbiolink{ overflow-y: scroll; height: 99vh; height: 100%; position: fixed; } @media screen and (max-width: 980px){ #topbiolink{width: 100%;} } .portada-wrapper-caja {width:1280px;min-width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portada-wrappertop{ min-height: auto;border-radius: 0px; margin-top: 0px; margin-bottom: 20px; } .main-wrappercarta{overflow: hidden; min-height: auto;padding-bottom: 0px; width: 100%; margin: 0 auto; } .main-wrappercarta .widget-content{ width: 1280px; max-width: 100%; margin: 20px auto;position: relative; } @media screen and (max-width: 980px) { .main-wrappercarta{padding-bottom: 0px;width:100%;} .main-wrappercarta .widget-content{width:100%;} } .sidebartitle{ font-weight: 100; height: 58px; line-height: 58px; font-size: 23px; TEXT-ALIGN: CENTER; color: #000; position: relative; top: 0; width: 100%;} #sidebartoptop{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 65%;} #sidebarlefttop{ top: 0; margin-top: 0px; position: fixed; width: 400px; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; z-index: 20; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #sidebarleft2{ width: auto; height: 35%; margin: auto 0px; border-radius: 0px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: ; animation: ; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* ---------------------------------------------------------------------------------------------------------------------------- CSS ORIGINAL ULTIMO ---------------------------------------------------------------------------------------------------------------------------- */ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .main-wrappercarta .widget {margin-top: 0px; background: #000; background: var(--tercercolor2); background-image: -o-linear-gradient(351deg,var(--tercercolor2) 0%, var(--tercercolor1) 50%,var(--tercercolor2) 100%)!important; background-image: linear-gradient(99deg,var(--tercercolor2) 0%, var(--tercercolor1) 50%,var(--tercercolor2) 100%)!important; position: relative; border-radius: 0px; overflow: hidden; } :root{--tagfondochild1:#79dfd1; --tagchildtitulo:#fff; --tagchildbeforehoverfondo:#787278;} :root{--tagfondochild2:#f6c4b4; --tagchildtitulo2:#fff; --tagchildbeforehoverfondo:#787278;} .main-wrappercarta .widget:nth-child(2n+1) {background:var(--tagfondochild1) } .main-wrappercarta .widget:nth-child(2n+1) .titulomenu h1 {color:var(--tagchildtitulo)} .main-wrappercarta .widget:nth-child(2n+1) .tagmenu a {background-color:#fff ;} .main-wrappercarta .widget:nth-child(2n+1) .tagmenu a:before {color: var(--tagfondochild1);} .main-wrappercarta .widget:nth-child(2n+1) ul.label_with_thumbs li{border: solid 2px #fff;} .main-wrappercarta .widget:nth-child(2n+1) .tagmenu a:hover{background-color: var(--tagchildbeforehoverfondo);} .main-wrappercarta .widget:nth-child(2n+1) ul.label_with_thumbs::-webkit-scrollbar-thumb {background-color: #fff!important;} .main-wrappercarta .widget:nth-child(2n) {background:var(--tagfondochild2) } .main-wrappercarta .widget:nth-child(2n) .titulomenu h1 {color:var(--tagchildtitulo2) } .main-wrappercarta .widget:nth-child(2n) .tagmenu a {background-color: #fff ;} .main-wrappercarta .widget:nth-child(2n) .tagmenu a:before {color: var(--tagfondochild2);} .main-wrappercarta .widget:nth-child(2n) ul.label_with_thumbs li{border: solid 2px #fff;} .main-wrappercarta .widget:nth-child(2n) .tagmenu a:hover{background-color: var(--tagchildbeforehoverfondo);} .main-wrappercarta .widget:nth-child(2n) ul.label_with_thumbs::-webkit-scrollbar-thumb {background-color:#fff!important;} #redesabajosocialtop{margin:0 auto;display:none;} #redesabajosocial{ overflow: hidden; height: auto; margin: 0 auto; position: relative; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;border-radius:0px; } @media screen and (max-width: 1024px) { #sidebarlefttop { width: 300px;} #sidebartoptop { height: 60%;} .boby4 {background-size: 300px!important;} #sidebarleft2 {margin: auto 0px;height: 40%;} #topbiolink, .portada-wrapper-total { width: 100%!important; margin-left:0px!important; } .banercompleto { height: auto; width: calc(100% - 0px); margin: 0px auto;} .titulomenu h1 { text-align: left; padding-left: 15px; font-size: 16px; } .titulomenu{width: 96%;margin: 0 auto;text-align: left;position: relative;border-radius: 20px;} .label_with_thumbs, .grid-posts {margin: 0px 10px 0px 10px !IMPORTANT;} } @media screen and (max-width: 980px) { .tabs{ text-align: center;} .tab {width: 100%;} #redesabajosocial{width: 100%; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;} #content-wrapper {width: 100% !important; } .redessoc {width: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;} .main-wrappercarta .widget { width: 100%; margin: 0 auto; border-radius: 0px; display: block; margin-top: 0px; background: ; background-image: ; position: relative;} .main-wrappercarta .widget-content {margin: 20px auto 40px auto;} .titulomenu { margin-bottom: 15px;} .label_with_thumbs, .grid-posts {margin: 0px 10px 0px 10px !IMPORTANT;} } .portada-wrapper{ top: 0; width: 100%; margin: 0px auto; border-radius: 0px; padding: 0px; padding-bottom: 0px; position: fixed; padding-top: 0px; background: var(--topcolor1); z-index: 200; } .portada-wrapper-caja { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .portada-wrapper-total {display:none;background: #ffe5dd; position: relative; padding-top: 0px; padding-bottom: 0px;overflow: hidden;width: calc(100% - 400px); margin-left: 400px; } #topbiolink, .portada-wrapper-total {width: 100%;margin-left: 0px;} @media screen and (max-width: 980px){ .portada-wrappertop{min-height: auto;} .portada-wrappertop{margin-top: 0px;margin-bottom: 0px;border-radius: 0px;} .portada-wrapper{width: 100%; margin: 0 auto; display: block; padding-top: 0px; padding-bottom: 0px; position: relative;border-radius: 0px; ;} #content-wrapper100{margin-bottom: 0px!important;;} #svgonline{ position: absolute; height: 100vh;} } /* ---------------------------------------------------------------------------------------------------------------------------- portada ---------------------------------------------------------------------------------------------------------------------------- */ .portada-wrapper h1{ line-height: ; -webkit-animation-duration: 3.4s; animation-duration: 3.4s; -webkit-animation-name: slidein2; animation-name: slidein2; text-align:center; } .descripcionportata{ -webkit-animation-duration: 3.6s; animation-duration: 3.6s; -webkit-animation-name: slidein3; animation-name: slidein3; text-align: center;} .portada-right{text-align: center;} .portada-left2{ float: left; position: relative; height: inherit; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portada-right{ width: 100%; height: inherit; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media screen and (max-width:980px) { .portada-wrapper {width: calc(100% - 0px) !important;} .portada-left2{ width: 100%; padding-top: 0px !important; padding: 0px; overflow: hidden; height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;} .portada-right{ width: 100%; padding: 0px; height: 50%;} } /* ---------------------------------------------------------------------------------------------------------------------------- portada-video ---------------------------------------------------------------------------------------------------------------------------- */ .portada-video{ width: 420px; height: 245px; } @media screen and (max-width: 1100px) { .portada-video{width: 350px!important; height: 205px!important;} } @media screen and (max-width: 980px) { .portada-video{width:550px!important;height: 305px!important;margin: 0 auto;} } @media screen and (max-width: 768px) { .portada-video { width: 450px!important; height: 250px!important; margin: 0 auto;} } @media screen and (max-width: 620px) { .portada-video { width: 450px!important; height: 250px!important; margin: 0 auto;} } @media screen and (max-width: 520px) { .portada-video { width: 410px!important; height: 200px!important; margin: 0 auto;} } @media screen and (max-width: 420px) { .portada-video { width: 300px!important; height: 175px!important; margin: 0 auto;} } @media screen and (max-width: 365px) { .portada-video { width: 260px!important; height: 155px!important; margin: 0 auto;} } /* ---------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------- */ #mainmenutop { position: relative;width: 98% !IMPORTANT; margin: 0 auto; padding: 0 0; margin: 0px 0 0;} #mainmenutop h3{font-size:0px;line-height:0px;height:0px } .row{width:1050px} #footer-wrapper{ height: 48px!important; bottom: 0px; margin: 0 auto; max-width: 400px; width: 100%; z-index: 10; position: relative; } .blog-posts{ max-width: 100%; margin: 0 auto;} #content-wrapper { width: 100%; float: left; background-size: 100% auto; z-index: 10; font-size: 14px; position: relative; line-height: 20px; text-align: justify; } @media screen and (max-width: 980px){ #content-wrapper { border-radius: 0px ;} #content-wrapper .row,#content-wrapper100.row {border-radius: 0px!important } } @media screen and (max-width: 800px){ #content-wrapper .row,#content-wrapper100.row {width: 100%!important} #sub-footer-wrapper .copyright-area2 {width: 100%!important;max-width: 100%!important} #footer-wrapper{width: 100%!important;max-width: 100%!important} } @media screen and (max-width: 768px){ #content-wrapper { font-size: 12px;} } #content-wrapper .row,#content-wrapper100.row {width: 100%; margin: 0px auto 0; position: relative; padding-top: 0px; border-radius: 0px; } .wrapper{ padding-top: 20px; padding-bottom: 20px; } #main-wrapper{ overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; margin: 0 auto; background: transparent; padding: 0px; margin-top: 0px; } /*------------------ CONTENEDORVENTA(inicio) -------------------------*/ .contenedorventa { width: 100%; height: 100%; margin:0 auto; font-family: muli !important; } .contenedorleft { width: 50%; float: left; background: #Fff; margin: 0 auto; z-index: 10; position: relative; } .contenedorventa { width: 100%; height: auto; background: transparent; position: relative; margin: 0 auto; font-family: muli !important; } .contenedorright { width: 50%; float: right; margin: 0 auto; background: transparent; text-align: left;padding: 4%; } .contenedorright h2{letter-spacing: .02rem !important; font-size: 22px !important;color: #222 !important;line-height: 26px;font-family: 'Comfortaa'; ;} .contenedorright h3{letter-spacing: .02rem !important; font-size: 18px !important; ;color: #666 !important;line-height: 24px;} .descripcion{ letter-spacing: .02rem !important; font-size: 14px !important; color: #b3adad !important; line-height: 20px;text-align: justify; } .opciones { display: block; margin-top: 20px; margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .color-options { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .size-picker { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; text-align:left } .tallas { font-size: 16px; font-size: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: .9em; } .tallas div:first-child { border-left: 1px solid #bbb; } .tallas div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-right: 1px solid #bbb; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #bbb; width: 50px; box-sizing: border-box; cursor: pointer; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 50px; -webkit-transition: background .5s ease; transition: background .5s ease; } .divider { width: 90%; height: 1px; background: #ddd; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; } /*-------------------------------------------*/ /* CONTENEDORVENTA(fin) /*-------------------------------------------*/ /*-------------------------------------------*/ /* OWL.Carousel(Slider) /*-------------------------------------------*/ /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 15px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} :root { font-size: 16px; } * { margin: 0; padding: 0; } h1 { font-size: 2.5rem; margin-bottom: 2.5rem; } .swiper-container { width: 100%; height: 100%; border-radius: 0px; border: 0px solid #000; } .swiper-slide { text-align: center; font-size: 32px; background: #fff; min-height: 250px; cursor: grab; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination-bullet { background: #fff; opacity: 1; border: 1px solid #157f8a;display:none; } .swiper-pagination-bullet-active { background: #157f8a; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill='%23c74f80'%2F%3E%3C%2Fsvg%3E); left: 0.5rem; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill='%23c74f80'%2F%3E%3C%2Fsvg%3E); right: 0.5rem!important; } .swiper-button-prev:before,.swiper-container-rtl .swiper-button-next{content: "\f104"; font-family: FontAwesome; font-size: 70px; font-weight: 100; line-height: 45px; color: var(--topcolor1); bottom: 1px; position: relative; left: 0px;text-shadow:0px -1px 0px #fff, 0px 1px 0px #fff,-1px 0px 0px #fff, 1px 0px 0px #fff;} .swiper-button-next:before,.swiper-container-rtl .swiper-button-prev{content: "\f105"; font-family: FontAwesome; font-size: 70px; font-weight: 800; line-height: 45px; color:var(--topcolor1); bottom: 1px; position: relative; left: 0px;} /*-------------------------------------------*/ /* menu uliityimo /*-------------------------------------------*/ .nav { display: flex; flex-flow: column nowrap; justify-content: center; position: fixed; top: 0; left: 0; z-index: 100; width: 350px; height: 100%; background: #2B2E4A; -webkit-clip-path: circle(29px at calc(0px - 5vw - 30px) calc(5vh + 30px)); clip-path: circle(29px at calc(0px - 5vw - 30px) calc(5vh + 30px)); transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); } .nav.active { -webkit-clip-path: circle(75% at 175px 50vh); clip-path: circle(75% at 175px 50vh); } .nav__link { display: block; font-size: 30px; font-weight: 800; text-transform: lowercase; letter-spacing: -1px; text-align: right; padding: 1vh 1vw; color: #FFE26F; text-decoration: none; transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); } .nav__link:nth-child(1) { transition-delay: 0.05s; } .nav__link:nth-child(2) { transition-delay: 0.1s; } .nav__link:nth-child(3) { transition-delay: 0.15s; } .nav__link:nth-child(4) { transition-delay: 0.2s; } .nav__link.active { opacity: 1; transform: translateY(0); } .hamburger { width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; z-index: 100; top: 5px; left: 1vw; background: black; } .hamburger__patty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 2px; width: 50%; backgroud-clip: padding-box; background: #f7f7f7; transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1); } .hamburger__patty:nth-child(1) { transform: translate(-50%, calc(-50% - 8px)); } .hamburger__patty:last-child { transform: translate(-50%, calc(-50% + 8px)); } .hamburger.active .hamburger__patty { background: #FFE26F; } .hamburger.active .hamburger__patty:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); } .hamburger.active .hamburger__patty:nth-child(2) { opacity: 0; } .hamburger.active .hamburger__patty:nth-child(3) { transform: translate(-50%, -50%) rotate(-45deg); } .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.15; background: url("https://unsplash.it/1920/1080?image=1031") center/cover; z-index: -1; } .bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); } .onlyp { color: black; position: absolute; bottom: 5vh; left: 5vw; opacity: 0.35; } /*-- Reset CSS --*/ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}dl,ul{list-style-position:inside;font-weight:400;list-style:none}ul li{list-style:none}caption,th{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0} }a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative} html{background:#fcf7ee} #search input[type="text"] { background: #f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYVWHWkTKbsAFIBM5Kyo5Pz6Qud-5ZfyhAyxlhc6vRrcuTL1GRRiq7HDI-05XcVtjh2XF8M0RqDxbhp5BnVJlFqfRrTCfYH2YWGUhrQlkMJyNAYM0CEVMwr6Xv69rok8hCcdzY8Z3N8HI/s32/buscar.png) no-repeat center right; position: absolute; right: 4px; border: 1px solid #ddd; outline: none; font-size: 12px; color: #635959; width: 73%; margin: 0; padding: 10px; z-index: 1000; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } ::selection{color:#fff;background:#222} /*-- Body Content CSS --*/ body{ font-family: muli !important; background: #fcf7ee;font-size:14px;font-weight:400;color:#000;word-wrap:break-word;margin:0;padding:0} #outer-wrapper { background-image: linear-gradient(to bottom, #b1f7e3, #727991, #aff2e0); margin: 0 auto;z-index: -2; } #slidermain h3{display:none} #sidebar-wrapper{z-index: 2; position: relative; height: 80%; margin-top: 0;} #outer-wrapper::before { content: ""; display: block; position: fixed; width: 300%; height: 100%; top: 50%; left: 50%; border-radius: 100%; transform: translateX(-50%) skewY( -8deg ); background-color: #c2dad6; z-index: 0; animation: wave 8s ease-in-out infinite alternate; } @keyframes wave { 0% { transform: translateX(-50%) skew(0deg, -8deg); } 100% { transform: translateX(-30%) skew(8deg, -4deg); } } } #mainmenutop { position: relative;width: 98% !IMPORTANT; margin: 0 auto; padding: 0 0; margin: 0px 0 0;} #mainmenutop h3{font-size:0px;line-height:0px;height:0px } .row{width:990px} #content-wrapper .row {width: 100%;margin:0px auto 0; } #main-wrapper{ overflow: hidden; box-sizing: border-box; word-wrap: break-word; padding: 0px; margin: 0px auto; padding: 0px; border-radius: 0px 0px; } .post-image-wrap{display:block} .post-image-link,.comments .avatar-image-container{background-color:rgba(155,155,155,0.07);color:transparent!important} .post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .17s ease;filter: contrast(110%)} .post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{opacity:1} .post-title a{display:block} .social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400} .social .facebook a:before{content:"\f230"} .social .facebook-f a:before{content:"\f09a";border-radius: 100%;border: solid 1px #fff;} .social .twitter a:before{content:"\f099";} .social .gplus a:before{content:"\f0d5";;} .social .rss a:before{content:"\f09e"} .social .youtube a:before{content:"\f16a"; } .social .skype a:before{content:"\f17e" } .social .stumbleupon a:before{content:"\f1a4" } .social .tumblr a:before{content:"\f173"; } .social .vk a:before{content:"\f189"; } .social .stack-overflow a:before{content:"\f16c"} .social .github a:before{content:"\f09b"} .social .linkedin a:before{content:"\f0e1"} .social .dribbble a:before{content:"\f17d"} .social .soundcloud a:before{content:"\f1be"} .social .behance a:before{content:"\f1b4"} .social .digg a:before{content:"\f1a6"} .social .instagram a:before{content:"\f16d"} .social .pinterest a:before{content:"\f0d2"} .social .pinterest-p a:before{content:"\f231"} .social .twitch a:before{content:"\f1e8"} .social .delicious a:before{content:"\f1a5"} .social .codepen a:before{content:"\f1cb"} .social .reddit a:before{content:"\f1a1"} .social .whatsapp a:before{content:"\f232"} .social .snapchat a:before{content:"\f2ac"} .social .email a:before{content:"\f0e0"} .social .external-link a:before{content:"\f14c"} .social-color .rss a{background-color:#ffc200} .social-color .skype a{background-color:#00aff0} .social-color .stumbleupon a{background-color:#eb4823} .social-color .vk a{background-color:#4a76a8} .social-color .stack-overflow a{background-color:#f48024} .social-color .github a{background-color:#24292e} .social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)} .social-color .behance a{background-color:#191919} .social-color .digg a{background-color:#1b1a19} .social-color .delicious a{background-color:#0076e8} .social-color .codepen a{background-color:#000} .social-color .reddit a{background-color:#ff4500} .social-color .external-link a{background-color:$(main.color)} .payment .visa a:before{content:"\f1f0"} .payment .master a:before{content:"\f1f1"} .payment .amex a:before{content:"\f1f3"} .payment .diners a:before{content:"\f24c"} .payment .discover a:before{content:"\f1f2"} .payment .paypal a:before{content:"\f1f4"} .payment .jcb a:before{content:"\f24b"} #header-wrap{ position: fixed; margin: 0; top: 0; width: 100%; z-index: 011;} #header-wrap H3 {FONT-SIZE: 0PX; LINE-HEIGHT: 0PX;margin:0px} .header-header{ height: 55px; width: 100%; position: relative; padding: 0; background: #000 !important; } .header-header .container{position:relative;margin:0 auto;padding:0} .header-logo{ position: relative; width: 100%; margin: 0 auto; margin-top: 0px; } .header-logo .header-image-wrapper{display:block} .header-logo img{ width: auto!Important; height: 40px!important; margin: 0 auto; text-align: left; float: left; padding-left: 100px; } .header-logo h1{ color: #ffffff; margin: 0; font-family: 'ANTON'; text-align: left; padding-left: 100px;} .header-logo h1 a:visited, .header-logo h1 a:hover, .header-logo h1 a:focus, .header-logo h1 a:link{ ;text-decoration:none !important} .header-logo p{font-size:12px;margin:5px 0 0} .header-right{width: 70px; position: relative; float: right; display: flex; flex-wrap: wrap; padding: 10px 0 0;} #right-menu{float:right;margin:0 25px 0 0} .right-menu ul li{float:left;margin:0 0 0 10px} .right-menu ul li a{display:block;font-size:12px;color:#222;line-height:34px;padding:0 5px;transition:opacity .17s ease} .right-menu ul li a:hover{opacity:.7} .header-menu{ position: absolute; float: left; width: 100%; height: 0px; DISPLAY:NONE; background: #3b3842 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ygP3FHVuktinRL7bfp7Ez_QlZTJM-fXdaO3uEIBlTfa517xZqM5S5PbAK1n6fh4hdniRYwAlcbLo5d3MLFQz4nWTCnwsXJBQoXyMRgFT2qKotSv8WFnUFC-5fVi4tdnrqhHXAk4Ns-E/s1600/menu_bg_dark.png); z-index: 10; font-size: 13px; margin: 0;} .header-menu .container{position:relative;margin:0 auto;padding:0} .widget-content .meta-price{FONT-SIZE: 14PX;} .index-post-wrap{ position: relative; width: 100%; margin: 0 auto;} .blog-post{display:block;overflow:hidden;word-wrap:break-word} .grid-posts{display:flex;flex-wrap:wrap; margin: 20px 50px 20px 50px; } .product-post .post-content{position:relative;float:left;widht:100%;margin:0;height: 0px;} .item-post .post-body{ width: 800px;height: 100%; margin: 0; padding: 0; overflow: hidden; font-size: 14px; border-radius: 0px; line-height: 20px; } @media screen and (max-width: 980px){ .item-post .post-body{width: 100%;height: 100%; margin: 0; padding: 0px; font-size: 14px; border-radius: 0px; line-height: 20px;} } .item-post .post-outer{padding:0} .item-post .post-body img{max-width:100%} .main .widget{margin:0} .main .Blog{border-bottom-width:0} .post-footer{position:relative;float:left;width:100%;margin:0;display:none} .inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px} .inline-ad > ins{display:block!important;margin:0 auto!important} .item .inline-ad{float:left;width:100%;margin:20px 0 0} .item-post-wrap > .inline-ad{margin:0 0 20px} #blog-pager{ width: 100%; clear: both; margin: 0 AUTO; position: relative; } @media screen and (max-width: 980px) { #blog-pager{ margin:20px 0 30px 0;width: 100%;} #blog-pager .loading,#blog-pager .no-more{width: 90%;} #blog-pager .load-more.no-more {width: 90%;} } .index #blog-pager, .archive #blog-pager { border: 0; padding: 0; display: flex; justify-content: center; margin-top:25px; } #blog-pager .load-more{ word-spacing: 4px; display: inline-block; height: auto; background-color: #342736; background-size: 50px; border: solid 1px #fff; font-weight: 800; line-height: 40px; box-sizing: border-box; padding: 0 30px; border-radius: 5px; font-size: 14px; letter-spacing: 1px; } #blog-pager #load-more-link{ color:#fff; cursor:pointer } .is-dark #blog-pager .load-more{ background-color:green; } #blog-pager #load-more-link:hover{ background-color:#000; color:#fff } #blog-pager .load-more.no-more{ background: #fff; letter-spacing: -1px; color: #6b6363; font-size: 14px; font-weight: 100; font-family: 'Muli';px; } #blog-pager .loading,#blog-pager .no-more{ display: none; width: calc(1000px - (20px + 2%)); margin: 0 auto; } #blog-pager .loading .loader{ position:relative; height:100%; overflow:hidden; display:block; margin:0; display: flex; align-items: center; justify-content: center; } #blog-pager .loading .loader{ height:34px } #blog-pager .no-more.show{ display: block; text-align: center; } #blog-pager .loading .loader:after{ width:30px; height:30px; margin:-15px 0 0 -15px } #blog-pager .loading .loader:after{ content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -16px 0 0 -16px; border: 5px solid var(--loading); border-right-color: rgba(155,155,155,0.2); border-radius: 100%; animation: spinner 1.1s infinite linear; transform-origin: center; } @-webkit-keyframes spinner { 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes spinner { 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } .archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{ display:none } .blog-post-comments{display:none !important} .blog-post-comments .comments-title{margin:0 0 20px} #comment-editor{margin:0 0 20px} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:$(title.color);font-weight:700;margin:0 0 15px} .post-body h1,.post-body h2{font-size:24px} .post-body h3{font-size:21px} .post-body h4{font-size:18px} .post-body h5{font-size:16px} .post-body h6{font-size:13px} blockquote{font-style:italic;padding:10px;margin:0;border-left:4px solid $(main.color)} blockquote:before,blockquote:after{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;color:#aaa;line-height:1} blockquote:before{content:'\f10d';margin:0 10px 0 0} blockquote:after{content:'\f10e';margin:0 0 0 10px} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul{padding:0 0 0 20px} .post-body u{text-decoration:underline} .post-body a{transition:color .17s ease} .post-body strike{text-decoration:line-through} .contact-form{overflow:hidden} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px)} .contact-form .contact-form-email{width:calc(50% - 5px);float:right} .sidebar .widget{position:relative;overflow:hidden;;box-sizing:border-box;padding:0;margin:0 0 120px} .sidebar .widget-title{MARGIN-BOTTOM: 26PX; } .sidebar .widget-title > h3{ font-weight: 100; height: 32px; FONT-FAMILY: Monoton; font-size: 28px; TEXT-ALIGN: CENTER; position: relative; text-transform: uppercase; line-height: 21px; color: #fff; border-radius: 3px;} .sidebartitle5{ font-weight: 100; height: 40px; font-size: 18px; TEXT-ALIGN: CENTER; position: relative; line-height: 40px; color: #fff; background: #354374; margin: 5px 15px; border-radius: 15px;} @media screen and (max-width: 980px) { .sidebartitle5{ display:block!important;} } .sidebartr .widget-title > h3:after{ content: ""; border-bottom:13px solid #fbfbfb; border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 19px solid transparent; position: absolute; top: 0px; right: 0; z-index: 10; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg);} .sidebar .widget-title > h33:before{ content: '\f02b'; font-family: FontAwesome; PADDING-RIGHT: 5PX; COLOR: #fff;} .sidebar .widget-content{-webkit-box-sizing: border-box;box-sizing: border-box; padding: 0; float: left; overflow-y: auto; width: calc(100% - 100px); margin: 70px 50px 0px 50px; height: 80vh; margin-bottom: 13px; position: relative; display: block;} ul.social-counter{margin:0 -5px} .social-counter li{float:left;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 5px;margin:10px 0 0} .social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4){margin-top:0} .social-counter li a{display:block;height:40px;font-size:22px;color:#fff;text-align:center;line-height:40px;-webkit-transition:opacity .17s;-o-transition:opacity .17s;transition:opacity .17s} .social-counter li a:hover{opacity:.8} a.tb-redes2{position: relative;z-index: 0;display: inline-block;line-height: initial;margin:3px; } a.tb-redes2:before { content: "\f005"; font-family: FontAwesome; padding-right: 10px; text-decoration: none; font-size: 4px; line-height: 13px; position: relative; top: -3px; } a.tb-redes2:hover:before { text-decoration: none !IMPORTANT } a.tb-redes2:link,a.tb-redes2:visited { z-index: 2; text-align: left; -webkit-transition: color .17s; -o-transition: color .17s; transition: color .17s; padding: 0px 4px 0px 0px; border-radius: 5px; margin: 0; } a.tb-redes2:link:hover,a.tb-redes2:visited:hover { backgorund: var(--fondobordeenlace); text-decoration: underline !IMPORTANT } .FollowByEmail .follow-by-email-inner .follow-by-email-submit{ width: 30%; FLOAT: LEFT; height: 32px; font-family: inherit; font-size: 12px; color: #fff; background-color: #222; text-transform: uppercase; text-align: center; font-weight: 700; cursor: pointer; margin: 0; border: 0; transition: background .17s ease;} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.dark.color)} #ArchiveList ul.flat li{color:$(title.color);font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea} #ArchiveList ul.flat li:first-child{padding-top:0} #ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0} #ArchiveList .flat li > a{display:block;color:$(title.color);-webkit-transition:color .17s;-o-transition:color .17s;transition:color .17s} #ArchiveList .flat li > a:hover{color:$(title.hover)} #ArchiveList .flat li > a:before{content:"\f054";float:left;color:#161619;font-weight:400;font-family:FontAwesome;font-size:6px;margin:5px 4px 0 0;display:inline-block;-webkit-transition:color .17s;-o-transition:color .17s;transition:color .17s} #ArchiveList .flat li > a > span{position:relative;float:right;width:16px;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px} .PopularPosts .post{ overflow: hidden; padding: 5px; border-top: 1px dotted #272525;} .PopularPosts .post-image-link{position:relative;width:60px;height:65px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .PopularPosts .product-info{overflow:hidden} .PopularPosts .post-title{font-size:12px;font-weight:400;text-transform:uppercase;margin:0 0 5px} .PopularPosts .post-title a{display:block;color:$(title.color);-webkit-transition:color .17s;-o-transition:color .17s;transition:color .17s} .PopularPosts .post:hover .post-title a{color:$(color.total.hover)} .FeaturedPost .post-image-link{display:block;position:relative;width:100%;height:300px;overflow:hidden;margin:0} .FeaturedPost .post-title{font-size:14px;overflow:hidden;font-weight:700;text-transform:uppercase;margin:10px 0 5px} .FeaturedPost .post-title a{color:$(title.color);display:block;-webkit-transition:color .17s ease;-o-transition:color .17s ease;transition:color .17s ease} .FeaturedPost .post:hover .post-title a{color:$(title.hover)} .FeaturedPost .meta-price{font-size:13px} .Text{font-size:13px} .contact-form-widget form{font-weight:400} .contact-form-name,.contact-form-email{float: left; width: 100%; height: 30px; font-family: inherit; font-size: 13px; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; margin: 5px 0 10px; border:solid 1px #005c82; border-radius: 5px } .contact-form-email-message{float: left; width: 100%; font-family: inherit; font-size: 13px; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; margin: 5px 0 10px; border: solid 1px #005c82; border-radius: 5px} .contact-form-button-submit:hover{ background: #000 !important; } .contact-form-button-submit{float:left;width:100%;height:30px;background-color:$(main.color);font-size:13px;color:#fff;line-height:30px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;margin:0;border:0;-webkit-transition:background .17s ease;-o-transition:background .17s ease;transition:background .17s ease} .contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #fc6262} .contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #5ab6f9} .contact-form-cross{margin:0 0 0 3px} .contact-form-error-message,.contact-form-success-message{margin:0} .Profile .profile-img{float:left;width:80px;height:80px;margin:0 15px 0 0;-webkit-transition:all .17s ease;-o-transition:all .17s ease;transition:all .17s ease} .Profile .profile-datablock{margin:0} .Profile .profile-data .g-profile{display:block;font-size:18px;color:$(title.color);font-weight:700;margin:0 0 5px;-webkit-transition:color .17s ease;-o-transition:color .17s ease;transition:color .17s ease} .Profile .profile-data .g-profile:hover{color:$(title.hover)} .Profile .profile-info > .profile-link{color:$(title.color);font-size:11px;margin:5px 0 0;-webkit-transition:color .17s ease;-o-transition:color .17s ease;transition:color .17s ease} .Profile .profile-info > .profile-link:hover{color:$(title.hover)} .Profile .profile-datablock .profile-textblock{display:none} .PageList ul li{width:calc(50% - 5px);padding:7px 0 0} .PageList ul li:nth-child(odd){float:left} .PageList ul li:nth-child(even){float:right} .PageList ul li:first-child,PageList ul li:nth-child(2){padding:0} #home-ad-footer .widget > h3{display:none} #home-ad-footer .widget{ position: relative; padding: 0 0px; margin-top: 30px; margin-bottom: 30px;} #home-ad-footer .widget-content{position: relative; width: 100%; max-width: 100%; line-height: 1; margin: auto 0px;} #home-ad-footer h3{ height: 0px; margin: 0px; padding: 0px;font-size: 0px;} #home-ad-top h3{ height: 0px; margin: 0px; padding: 0px;font-size: 0px;} .LinkList{} #footer-sec3{display: inline-block; float: left; width: 100%;} #footer-sec3 h3{display:none;} .footer-widgets-wrap{OVERFLOW: HIDDEN; POSITION: relative; MARGIN: 3%;} #footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:0px 0 0} #footer-wrapper .footer .Text{margin:10px 0 0} #footer-wrapper .footer .widget:first-child{margin:0} #footer-wrapper{margin-top: -2px; } @-webkit-keyframes gradient{ 0% { background-position: 0 0; } 50% { background-position: 100% 100%; } 100% { background-position: 0 0; } } @keyframes gradient{ 0% { background-position: 0 0; } 50% { background-position: 100% 100%; } 100% { background-position: 0 0; } } #footer-wrapper .container{position:relative;margin:0 auto;overflow:hidden; background: transparent !important; ; -webkit-animation: gradient 20s ease infinite; ; animation: gradient 20s ease infinite;} #footer-wrapper li a{ color: #fff; width: 70px; height: 50px; font-size: 52px !important; } #footer-wrapper li a:hover{ color:$(color.total.hover);} #footer-wrapper h3{position: relative; font-family: 'Muli'; font-size: 19px; text-transform: uppercase; color: #fff; line-height: 34px; margin-bottom: 10px; font-weight: 100; background: none; MARGIN-TOP: 0PX; } .footer-widgets-wrap h3{ font-size: 0px;} #sub-footer-wrapper h3{ font-size: 0px; height: 0px; padding: 0px; margin: 0px;} #footer-sec{ position: relative; float: left; width: 100%; padding: 20px; border-bottom: 1px dotted rgba(167, 163, 163, 0.22); border-top: 1px dotted rgba(167, 163, 163, 0.22);} .footer-sec.no-items{display:none} #footer-sec .widget > h3{ display: block; font-size: 0px; color: #ffffff; text-transform: uppercase; font-weight: 600; margin: 0 0 0px;} #footer-sec .Label{float:left;max-width:calc(100% / 3 * 2)} #footer-sec .LinkList{ text-align: center; max-width: 100%;} .label-list li{display:inline-block} .label-list li a{display:block;background-color:rgba(255,255,255,0.05);height:30px;font-size:12px;color:#fff;font-weight:600;line-height:30px;padding:0 10px;margin:0 10px 0 0;border-radius:3px;-webkit-transition:background .17s ease;-o-transition:background .17s ease;transition:background .17s ease} .label-list li a:hover{background-color:$(main.color)} .social-footer li{display:inline-block} .social-footer li a{ display: block; width: 35px; height: 35px; font-size: 20px !important; color: #dadada; text-align: center; font-weight: 110; line-height: 35px; padding: 0; margin: 0 0px 0 0; border-radius: 3px; -webkit-transition: opacity .17s ease; -o-transition: opacity .17s ease; transition: opacity .17s ease;} .social-footer li:last-child a{margin:0} .social-footer li a:hover{ border: solid 0px #000; background:none; color: $(color.total.hover);} #sub-footer-wrapper{ float: left; width: 100%; height: 50px!important; color: #f1ffff; border-top: solid 0px #f7f1f1; margin: 0 !important; background-color: transparent;} #footer-menu{float:right} .footer-menu li{display:inline-block;height:34px;padding:0;margin:0 5px} .footer-menu li:last-child{margin:0 0 0 5px} .footer-menu li a{display: block; font-size: 12px !important; color: #000 !important; font-weight: 100; line-height: 34px; padding: 0 5px; -webkit-transition: color .17s ease; -o-transition: color .17s ease; transition: color .17s ease; } .footer-menu li a:hover{color:$(color.total.hover)} #sub-footer-wrapper .copyright-area{float:left;font-size:0px;color:$(footer.color);line-height:0px;margin:0} #sub-footer-wrapper .copyright-area a{color:$(main.color)} #sub-footer-wrapper .copyright-area a:hover{text-decoration:underline} #sub-footer-wrapper .copyright-area2{ margin: 0; font-family: muli; font-size: 12px; max-width: 400px; width: 100%; margin-left: 0px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center;} @media screen and (max-width: 980px) { } #sub-footer-wrapper .copyright-area2 a{color:#fff} #sub-footer-wrapper .copyright-area2 a:hover{text-decoration:underline} .copyright-area3{ font-size: 10px; text-transform: uppercase; color: #ffffff; line-height: 34px; margin: 0;} .copyright-area3 a{color:#fff} .copyright-area3 a:hover{text-decoration:underline} .hidden-widgets{display:none;visibility:hidden} .back-top{display:none;z-index:1010;width:32px;height:32px;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:13px;color:#fff;text-align:center;line-height:32px} .back-top:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:$(color.total.hover);opacity:.5;-webkit-transition:opacity .17s ease;-o-transition:opacity .17s ease;transition:opacity .17s ease} .back-top:after{content:'\f077';position:relative;font-family:FontAwesome;font-weight:400;opacity:.8;-webkit-transition:opacity .17s ease;-o-transition:opacity .17s ease;transition:opacity .17s ease} .back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{opacity:1} .error404 #main-wrapper{width:100%!important;margin:0!important} .error404 #sidebar-wrapper{display:none} .errorWrap{position: relative;color:$(title.color);text-align:center;padding:80px 0 100px} .errorWrap h3{font-size:160px;line-height:1;margin:0 0 30px} .errorWrap h4{font-size:25px;margin:0 0 20px} .errorWrap p{margin:0 0 10px} .errorWrap a{display:block;color:$(main.color);padding:10px 0 0} .errorWrap a i{font-size:20px} .errorWrap a:hover{text-decoration:underline} @media screen and (max-width: 1100px) { #outer-wrapper{max-width:100%} #hot-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0px} #header-wrap{height:auto} .header-header{padding:0 20px} .header-menu{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px; } #content-wrapper{ width: 100% !important; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer-wrapper .container{-webkit-box-sizing:border-box;box-sizing:border-box;} #sub-footer-wrapper .container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px} @media screen and (max-width: 980px) #right-menu { float: left; margin: 0 0 0 5px; height: 0px; OVERFLOW: HIDDEN; } } @media screen and (max-width: 980px) { #content-wrapper > .container{margin:0} .header-logo{ max-width: 100%; width: 100%; padding: 0;} .header-logo .header-image-wrapper{ position: relative; z-index: 11; display: inline-block; ; } #main-menu{display:none} .slide-menu-toggle,.mobile-menu{display:block} #header-wrap{padding:0} .header-header{padding:0; height: 55px;background: #000; } .header-menu { TOP: 0; position: absolute; background: #000; HEIGHT: 0PX; } .header-header .container.row{width:100%;margin:0} .header-right{width:100%;display:block;margin:0;padding: 0;} #right-menu{float:left;margin:0 0 0 5px} #header-inner a{display:inline-block!important} .sora-cart-details:after{ float: left; content: '\f290'; font-family: FontAwesome; width: 55px; height: 55px; background-color: rgba(155,155,155,0.2); font-size: 16px; color: #ffffff; line-height: 55px; text-align: center; font-weight: 100; margin: 0;} .sora-cart .simpleCart_quantity{ float: right; width: 50px; height: 55px; background-color: #000; font-size: 14px; color: #ffffff; font-weight: 700; line-height: 55px; text-align: center; margin: 0;} .show-search, .hide-search { display: block; width: 40px; height: 30px; line-height: 30px; z-index: 20; color: #fff; font-size: 23px; text-align: left; cursor: pointer; -webkit-transition: color .17s ease; -o-transition: color .17s ease; transition: color .17s ease;} #nav-search { position: fixed; margin: 0; z-index: 89; right: 0; top: 0px; left: 0;} } @media screen and (max-width: 980px) { .footer-widgets-wrap{display:block} #footer-wrapper .footer{width:100%;margin-right:0} #footer-sec2,#footer-sec3{margin-top:25px} } @media screen and (max-width: 680px) { #main-wrapper{width:98% !important} .item #sidebar-wrapper{margin-top:20px} #hot-section .show-hot .widget-content,#hot-section .hot-posts{height:auto} #hot-section .hot-loader{height:200px} .related-posts .related-item{width:calc(100% / 2)} .related-posts .item-2{margin:30px 0 0} #footer-payments,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center} #footer-payments{margin:10px 0 0} #sub-footer-wrapper .copyright-area{margin:10px 0} #footer-payments ul li{float:none;height:auto} #footer-payments ul li a{line-height:inherit;margin:0 3px 5px} } @media screen and (max-width: 560px) { .sora-checkout-details{text-align:left} #adslb3{ height: 120px !important; font-size: 35px; } #ads-izq3{ height: 120px !important;font-size: 18px !important; } #ads-cen3{ height: 120px !important;font-size: 30px !important;} #ads-der3{height: 120px !important; text-align: center !important;} #ads-der3 a{font-size: 16px !important;padding: 5px !important;;} } @media screen and (max-width: 440px) { #comments ol{padding:0} .errorWrap{padding:70px 0 100px} .errorWrap h3{font-size:120px} #mainmenutop { padding: 0px;} .navbar-default .navbar-nav>li>a { width: 90px !important; font-size: 12px !important; color: #000 !important; font-weight: bold; padding-left: 8px; padding-top: 8px; padding-right: 5px; line-height: 26px;text-align: center; } .glyphicon-chevron-down:before { line-height: 24px !important; position: absolute;} #ba-cuadrobusq { width: calc(100% - 120px) !important;; right: 10px !important;;} .mega-dropdown-menu:before {left: 75px !important;} .mega-dropdown-menu:after {left: 73px !important;} .col-sm-3{width: 50% !important;float:left;height: auto; background: #fff;} } @media screen and (max-width: 400px) { .related-posts .item-1{margin:30px 0 0} .hot-posts .hot-item {width: 97% !important;} } /*! * Bootstrap v3.3.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){ }figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\ e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphiconplane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"} .glyphicon-chevron-up:before{content:"\e113"} .glyphicon-chevron-down:before{ content: "\f107"; font-family: FontAwesome; font-size: 26px; font-weight: bold; line-height: 18px;} .glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)} lor:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px} .close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;} /* CSS MENU NAVIGATION ----------------------------------------------- */ /* CSS MENU NAVIGATION ----------------------------------------------- */ /* Header */ .codrops-header { margin: 0 auto; padding: 3em 2em; text-align: center; } .codrops-header h1 { margin: 0 auto; font-weight: 800; font-size: 3.75em; line-height: 1; } .codrops-header h1 span { display: block; font-size: 50%; font-weight: 400; padding-top: 0.325em; } .codrops-links { text-transform: uppercase; font-weight: 700; font-size: 0.69em; line-height: 2.2; padding: 1.61em 5em; } .codrops-links a { display: inline-block; padding: 0 1em; text-decoration: none; letter-spacing: 1px; } .codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .codrops-icon-drop:before { content: "\e001"; } .codrops-icon-prev:before { content: "\e004"; } /* Demo Buttons Style */ .codrops-demos { font-size: 1em; max-width: 1200px; margin: 3em auto 5em; padding: 2em 10em 0; } .codrops-demos > a { display: inline-block; margin: 0.75em; padding: 1.35em 1.1em; width: 15em; background: #fffce1; outline: none; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; border-radius: 20px/50px; } .codrops-demos > a.current-demo { background: #c94e50; color: #fffce1; } /* Related demos */ .related { margin-top: 5em; padding: 0 3em 5em; } .related p { font-size: 1.5em; font-weight: 700; } .related > a { display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; border-radius: 35px/200px; background: #fffce1; max-width: 100%; } .related a img { max-width: 100%; opacity: 0.8; border-radius: 20px/100px; } .related a:hover img, .related a:active img { opacity: 1; } .related a h3 { margin: 0; padding: 0.5em 0.75em 0.3em; max-width: 300px; text-align: left; } body #cdawrap { top: auto; bottom: 35px; right: 35px; background: #b4bad2; border: 1px solid rgba(131,135,151,0.6); } .demo-wave body #cdawrap { top: 35px; right: 35px; bottom: auto; } @media screen and (max-width: 25em) { .codrops-icon { font-size: 250%; } .codrops-icon span { display: none; } } .content-wrap { overflow: hidden; width: 100%; height: 100%; } .menu-wrap a { color: #b8b7ad; } .menu-wrap a:hover, .menu-wrap a:focus { color: #c94e50; } .content-wrap { overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .content::before { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s; transition: opacity 0.4s, -webkit-transform 0s 0.4s; -o-transition: opacity 0.4s, transform 0s 0.4s; transition: opacity 0.4s, transform 0s 0.4s; transition: opacity 0.4s, transform 0s 0.4s, -webkit-transform 0s 0.4s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } /* Menu Button */ /* Close Button */ .close-button { margin: 0px; width: 60px; height: 50px; line-height: 50px; text-align: center; position: absolute; right: 0px; top: 0px; overflow: hidden; z-index: 1001; background: #ffffff; color: transparent; border-radius: 0px 0px 0px 20px; border: solid 0px #000; } .close-button::before{ content: '\f00d'; position: absolute; font-family: FontAwesome; width: 60px; height: 100%; font-size: 30px; text-align: center; top: 0; color: #354374; left: 0px; padding-left: 0px; margin: 0 auto; border: solid 0px #000; } /* CSS MENU NAVIGATION ----------------------------------------------- */ button:focus { outline: none; } section { padding: 1em; text-align: center; } /* Menu */ .menu-wrap { position: FIXED; z-index: 1001; width: 400px; height: 100%; font-size: 1.15em; height: 100%; top:0px; padding: 0px; -webkit-transform: translate3d(-400px,0,0); transform: translate3d(-400px,0,0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; padding-bottom: 20px; background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqjj7qGDczxHdFroXXOAcrsFImY8NkocryrnhOeo9yl-2IGkqvx6B3pwSgWydYceUM24g&usqp=CAU); } @media screen and (max-width: 980px){ .menu-wrap {width: 100%; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s;} } .menu { position: relative;height: 100%; z-index: 1000; padding:0px 0px;; } .menu, .close-button { opacity: 0; -webkit-transform: translate3d(-160px,0,0); transform: translate3d(-160px,0,0); -webkit-transition: opacity 0s 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0s 0.3s, -webkit-transform 0s 0.3s; -o-transition: opacity 0s 0.3s, transform 0s 0.3s; transition: opacity 0s 0.3s, transform 0s 0.3s; transition: opacity 0s 0.3s, transform 0s 0.3s, -webkit-transform 0s 0.3s; -webkit-transition-timing-function: cubic-bezier(.17,.67,.1,1.27); -o-transition-timing-function: cubic-bezier(.17,.67,.1,1.27); transition-timing-function: cubic-bezier(.17,.67,.1,1.27); } .icon-list{ width: 100%; } .icon-list i { font-size: 1.5em; vertical-align: middle; color: #282a35; } .icon-list a span { margin-left: 10px; font-size: 0.85em; font-weight: 700; vertical-align: middle; } /* Morph Shape */ .morph-shape { position: absolute; width: 320px; height: calc(100% - 120px); border-radius: 17px; top: 60px; left: 40px; background: #ffc5c8; fill: transparent; overflow: hidden; } @media screen and (max-width: 980px){ .morph-shape { position: absolute; width: calc(100% - 80px); height: calc(100% - 120px); } } /* Shown menu */ .show-menu .menu-wrap, .show-menu .content::before { -webkit-transition-delay: 0s; transition-delay: 0s; } .show-menu .menu-wrap, .show-menu .menu, .show-menu .close-button, .show-menu .morph-shape, .show-menu .content::before { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .show-menu .menu, .show-menu .close-button { opacity: 1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .show-menu .content::before { opacity: 1; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } /* mp3 audio ----------------------------------------------- */ /* NORMALISE.SSC ----------------------------------------------- */ /* NORMALISE.SSC ----------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;position:absolute}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} /* FIN CSS MENU NAVIGATION ----------------------------------------------- */ .label_with_thumbs { overflow: hidden;margin: 10px 50px !important; } .index-post:first-child { background:linear-gradient(270deg, #ffffff, #ffffff)} .index-post:nth-child(2) { background: linear-gradient(270deg, #ffffff, #ffffff); } .index-post:nth-child(3n) { background: linear-gradient(270deg, #ffffff, #ffffff)} .index-post:nth-child(3n+4) { background: linear-gradient(270deg, #ffffff, #ffffff)} .index-post:nth-child(3n+5) { background: linear-gradient(270deg, #ffffff, #ffffff); } .index-post, ul.label_with_thumbs li{ display: block; position: relative; width: calc((100% - 120px) / 4); margin: 15px; height: auto; background-color: #fff; overflow: hidden; border: solid 0px #fff; border-radius: 5px!important; } .index-post {border: solid 2px #ffffff; } @media screen and (max-width:980px){ ul.label_with_thumbs li{ border: solid 2px #ffffff;;} .index-post {border: solid 2px #ffffff; } } .index-post:hover, ul.label_with_thumbs li:hover{ background-color: #e2f7f1; -moz-box-shadow:0px 0px 3px 2px $(color.slider); box-shadow:0px 0px 3px 2px $(color.slider); -webkit-box-shadow:0px 0px 3px 2px $(color.slider);; } ul.label_with_thumbs li { display: block; clear: initial; DISPLAY: inline-table; } .label_with_thumbs a ,.index-post h2 a{ color: #686868 !important; font-size: 12px; font-weight: 400; text-align: center; display: flex; justify-content: center; align-items: center; vertical-align: middle; height: 100%;} .label_with_thumbs strong { font-size: 16px; font-weight: 100; margin: 0px; color: #9a9898; line-height: 16px; display: inline-block; float: left; height: 70px; position: relative; width: 100%;padding: 0 5%;} ul.label_with_thumbs a:hover, .index-post h2 a:hover{ color: #000; text-decoration: none !important;} .index-product-inner {background: #fff;} .index-post .post-image-wrap{float: left;border-radius: 0px; width: 100%; height: auto; overflow: hidden; margin: 0;} .post-image-wrap2{ width: 100%; height: 260px;} .index-post .post-image-wrap .post-image-link{width:100%;height:auto;position:relative;display:block;z-index:1;overflow:hidden} .index-post .product-info{ padding-left: 0px; font-size: 16px; font-weight: 100; margin: 0px; color: #9a9898; line-height: 16px; display: inline-block; float: left; height: 70px; position: relative; width: 100%; } .index-post .product-info:hover{ width: 100%; overflow: hidden; float: left; z-index:} .index-post .product-info h2{ font-size: 16px; font-weight: 100; padding: 0; margin: 0px; color: #9a9898; line-height: 16px; display: inline-block; float: left; height: 70px; position: relative; width: 100%;} .index-post .product-info h2:hover{ } .product-info h2 a{ display: block; color: #000; font-size: 12px; padding: 5%; text-align: center; display: flex; justify-content: center; align-items: center; vertical-align: middle; height: 100%;} .product-info h2 ; a:hover{ text-decoration: ; } .product-info > h2 > ab:before{ content: "\f02e"; font-family: FontAwesome; PADDING-RIGHT: 5PX; COLOR: #ccc;} .product-info h2 a:after:hover{ content: "\f02e"; font-family: FontAwesome; PADDING-RIGHT: 5PX; COLOR: #ccc;} .index-post .item_price{ WIDTH: 50%; float: left; display: none;} .index-post .item_price.show{display:block} .index-post .meta-price{font-size:14px;position: } .hot-posts .meta-price{font-size:14px; } .custom-widget .meta-price{font-size:14px;;} .index-post .item_add{ display: block; background-color: #111111; height: 30px; font-size: 12px; color: #fff; font-weight: 100; width: 46%; margin: 2%; float: left; line-height: 30px; text-align: center; transition: background .17s ease;} .index-post .item_add i{margin:0 5px 0 0} .index-post .item_add:hover,.item_add.productad{background-color:#983535} .item_add .product_added,.item_add.productad .add_product{display:none} .item_add.productad .product_added{display:block} .product_off{ position: absolute; top: 2px; RIGHT: 2px; width: auto; border: solid 1px #e2dcdc; BORDER-RADIUS: 30PX; background: #f8f8f8; font-size: 12px; text-transform: uppercase; color: #a79c9c; font-weight: 100; FONT-FAMILY: sans-serif; text-align: RIGHT; line-height: 18px; z-index: 2; padding: 0px 12px 0px 12px;} .index-post .product_off,.FeaturedPost .product_off,.product-header .product_off{visibility:hidden;opacity:0;transition:all .17s ease} .index-post .product_off.show,.FeaturedPost .product_off.show,.product-header .product_off.show{visibility:visible;opacity:1} .widget img{ width: 100%; height: auto; display: flex; justify-content: center; align-items: center;} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} .product_off:before { POSITION: ABSOLUTE; content: "\f1db"; font-family: FontAwesome; padding-LEFT: 4PX; font-weight: bold; TEXT-ALIGN: LEFT; FONT-SIZE: 6PX; LEFT: 0; } .product_off:after { POSITION: ABSOLUTE; content: "\f1db"; font-family: FontAwesome; padding-right: 4PX; font-weight: bold; TEXT-ALIGN: LEFT; FONT-SIZE: 6PX; right: 0; } /* ==================== Responsive Section dispositivo mobil =======================*/ .post-thumb, .label_thumb{calc(100% * (3 / 4))!important; object-fit: cover; width: 100%;} .etiquetasPCweb{display:block} .etiquetasPC{display:none} .etiquetasTAB{display:none} .etiquetasMOBIL{display:none} /* ==================================== small mobile :1480px ==================================== */ /* ==================================== small mobile :1480px ==================================== */ @media screen and (max-width: 1480px){ } /* ==================================== small mobile :1280px ==================================== */ /* ==================================== small mobile :1280px ==================================== */ @media screen and (max-width:1280px){ .portada-wrapper-caja, .portada-wrapper,.verificadoreal {width: 100%!important;} #main-wrapper {width: 100% !important;} .index-post-wrap {width: 1000px;} .main-wrappercarta .widget-content {width: 1000px;} .index-post, ul.label_with_thumbs li { width: calc(92% /4) !IMPORTANT; margin: 1%; } .etiquetasPCweb{display:none} .etiquetasPC{display:block} .etiquetasTAB{display:none} .etiquetasMOBIL{display:none} } /* ====================================small mobile :1180px==================================== */ /* ====================================small mobile :1180px==================================== */ @media screen and (max-width:1180px){ #main-wrapper {width: 100% !important;} } /* --------------------- MOBIL MOBIL ------------------------ */ /* ---------------------small mobile :1024px.------------------------ */ /* ---------------------small mobile :1024px.------------------------ */ @media screen and (max-width: 1024px) { .index-post, ul.label_with_thumbs li { width: calc((100% - 90px) /3) !IMPORTANT; margin: 15px;} ul.label_with_thumbs::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } ul.label_with_thumbs::-webkit-scrollbar-track { background: transparent; /* color of the tracking area */ } ul.label_with_thumbs::-webkit-scrollbar-thumb { border-radius: 5px; /* roundness of the scroll thumb */ border: 0px solid orange; /* creates padding around scroll thumb */ } ul.label_with_thumbs { display: flex; overflow-x: scroll; width: 96%; margin: 2%!Important; scroll-snap-type: x mandatory; padding-bottom: 10px;} ul.label_with_thumbs li { display: block; clear: initial; DISPLAY: inline-table; flex: 0 0 calc(92% / 4); scroll-snap-align: center; } .etiquetasPC{display:none} .etiquetasTAB{display:block} .etiquetasMOBIL{display:none} } /* ---------------------small mobile :980px.------------------------ */ /* ---------------------small mobile :980px.------------------------ */ /* ---------------------small mobile :980px.------------------------ */ @media screen and (max-width: 980px) { #sidebarlefttop{display:none !IMPORTANT;} .portada-wrapper {height: auto !important; display: block!important; } .header-logo h1 {text-align: center !important; padding: 0px;} #topbiolink, .portada-wrapper-total { width: 100% !important; margin-left: 0px !important; } .index-post, ul.label_with_thumbs li { width: calc((100% - 90px) / 3) !IMPORTANT; margin: 15px; } } /* ---------------------small mobile :768px.------------------------ */ /* ---------------------small mobile :768px.------------------------ */ /* ---------------------small mobile :768px.------------------------ */ @media screen and (max-width: 768px) { .index-post, ul.label_with_thumbs li { width: calc(92% /2) !IMPORTANT;margin:2%!important} ul.label_with_thumbs {display: flex; overflow-x: scroll; width: 96%; scroll-snap-type: x mandatory; padding-bottom: 10px; margin: 2% !IMPORTANT;} ul.label_with_thumbs li { display: block; clear: initial; DISPLAY: inline-table; flex: 0 0 calc(83% / 2); scroll-snap-align: center; } .etiquetasPCweb{display:none} .etiquetasPC{display:none} .etiquetasTAB{display:block} .etiquetasMOBIL{display:none} } /* ---------------------small mobile :720px.------------------------ */ /* ---------------------small mobile :720px.------------------------ */ /* ---------------------small mobile :720px.------------------------ */ @media screen and (max-width:720px) { } /* ---------------------small mobile :680px.------------------------ */ /* ---------------------small mobile :680px.------------------------ */ /* ---------------------small mobile :680px.------------------------ */ @media screen and (max-width: 680px) { #main-wrapper {width: 100% !important;} } /* ---------------------small mobile :650px.------------------------ */ /* ---------------------small mobile :650px.------------------------ */ /* ---------------------small mobile :650px.------------------------ */ @media screen and (max-width: 650px) { } /* ---------------------small mobile :600px.------------------------ */ /* ---------------------small mobile :600px.------------------------ */ /* ---------------------small mobile :600px.------------------------ */ @media screen and (max-width:600px) { #footer-menu {float: none !IMPORTANT;} .footer-menu li a {font-weight: 800;} .copyright-area2 {text-align: center;} } /* ---------------------small mobile :550px.------------------------ */ /* ---------------------small mobile :550px.------------------------ */ /* ---------------------small mobile :550px.------------------------ */ @media screen and (max-width:550px) { } /* ---------------------small mobile :500px.------------------------ */ /* ---------------------small mobile :500px.------------------------ */ /* ---------------------small mobile :500px.------------------------ */ @media screen and (max-width:500px) { } /* ---------------------small mobile :450px.------------------------ */ /* ---------------------small mobile :450px.------------------------ */ /* ---------------------small mobile :450px.------------------------ */ @media screen and (max-width:450px) { } /* ---------------------small mobile :450px.------------------------ */ /* ---------------------small mobile :450px.------------------------ */ /* ---------------------small mobile :450px.------------------------ */ @media screen and (max-width:320px) { .label_with_thumbs a, .index-post h2 a{font-size: 10px;;} } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:rgba(255,255,255,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}::selection{background:#292929;color:#fff}::-webkit-selection{background:#292929;color:#fff}::-moz-selection{background:#292929;color:#fff}@font-face{font-family:proximanova-light;src:url(../fonts/proximanova-light.eot);src:url(../fonts/proximanova-light.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-light.woff) format('woff'),url(../fonts/proximanova-light.ttf) format('truetype'),url(../fonts/proximanova-light.svg#proximanova-light) format('svg');font-weight:400;font-style:normal}@font-face{font-family:proximanova-lightit;src:url(../fonts/proximanova-lightit.eot);src:url(../fonts/proximanova-lightit.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-lightit.woff) format('woff'),url(../fonts/proximanova-lightit.ttf) format('truetype'),url(../fonts/proximanova-lightit.svg#proximanova-lightit) format('svg');font-weight:400;font-style:normal}@font-face{font-family:proximanova-reg;src:url(../fonts/proximanova-reg.eot);src:url(../fonts/proximanova-reg.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-reg.woff) format('woff'),url(../fonts/proximanova-reg.ttf) format('truetype'),url(../fonts/proximanova-reg.svg#proximanova-reg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:proximanova-sbold;src:url(../fonts/proximanova-sbold.eot);src:url(../fonts/proximanova-sbold.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-sbold.woff) format('woff'),url(../fonts/proximanova-sbold.ttf) format('truetype'),url(../fonts/proximanova-sbold.svg#proximanova-sbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:proximanova-bold;src:url(../fonts/proximanova-bold.eot);src:url(../fonts/proximanova-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-bold.woff) format('woff'),url(../fonts/proximanova-bold.ttf) format('truetype'),url(../fonts/proximanova-bold.svg#proximanova-bold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:neutratext-demi;src:url(../fonts/neutratext-demi.eot);src:url(../fonts/neutratext-demi.eot?#iefix) format('embedded-opentype'),url(../fonts/neutratext-demi.woff) format('woff'),url(../fonts/neutratext-demi.ttf) format('truetype'),url(../fonts/neutratext-demi.svg#neutratext-demi) format('svg');font-weight:400;font-style:normal}@font-face{font-family:neutratext-bold;src:url(../fonts/neutratext-bold.eot);src:url(../fonts/neutratext-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/neutratext-bold.woff) format('woff'),url(../fonts/neutratext-bold.ttf) format('truetype'),url(../fonts/neutratext-bold.svg#neutratext-bold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:itcavantgardestd-md;src:url(../fonts/itcavantgardestd-md.eot);src:url(../fonts/itcavantgardestd-md.eot?#iefix) format('embedded-opentype'),url(../fonts/itcavantgardestd-md.woff) format('woff'),url(../fonts/itcavantgardestd-md.ttf) format('truetype'),url(../fonts/itcavantgardestd-md.svg#itcavantgardestd-md) format('svg');font-weight:400;font-style:normal}@font-face{font-family:itcavantgardestd-bold;src:url(../fonts/itcavantgardestd-bold.eot);src:url(../fonts/itcavantgardestd-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/itcavantgardestd-bold.woff) format('woff'),url(../fonts/itcavantgardestd-bold.ttf) format('truetype'),url(../fonts/itcavantgardestd-bold.svg#itcavantgardestd-bold) format('svg');font-weight:400;font-style:normal} body.intro{left:0;position:fixed;right:0;top:0}a:focus,input:focus,textarea:focus{outline:0}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translate3d(0,300px,0);-moz-transform:translate3d(0,300px,0);-ms-transform:translate3d(0,300px,0);-o-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}40%{opacity:1;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);-ms-transform:translate3d(0,-60px,0);-o-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translate3d(0,300px,0);-moz-transform:translate3d(0,300px,0);-ms-transform:translate3d(0,300px,0);-o-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}40%{opacity:1;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);-ms-transform:translate3d(0,-60px,0);-o-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-o-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translate3d(0,300px,0);-moz-transform:translate3d(0,300px,0);-ms-transform:translate3d(0,300px,0);-o-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}40%{opacity:1;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);-ms-transform:translate3d(0,-60px,0);-o-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translate3d(0,300px,0);-moz-transform:translate3d(0,300px,0);-ms-transform:translate3d(0,300px,0);-o-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}40%{opacity:1;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);-ms-transform:translate3d(0,-60px,0);-o-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation:bounceInDown .65s cubic-bezier(.215,.61,.355,1) both;-moz-animation:bounceInDown .65s cubic-bezier(.215,.61,.355,1) both;-o-animation:bounceInDown .65s cubic-bezier(.215,.61,.355,1) both;animation:bounceInDown .65s cubic-bezier(.215,.61,.355,1) both} #bodyjs{background:#fff;overflow-x:auto;position:relative} .wrap{margin:0 auto;max-width:1500px;padding:0 50px}img.svg{display:none} section#bg{background: rgba(255, 150, 162, 0)!important;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;transition:background .6s ease;width:100%}section#bg .bottom,section#bg .top{height:66vh;left:0;position:absolute;right:0;transition:background .6s ease}section#bg .top{top:0}section#bg .bottom{bottom:0}#intro{display:none} section#bg2 { background: $(color.bg)!important; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; transition: background .6s ease; width: 100%;display: block; } section#bg2 .bottom, section#bg2 .top { height: 66vh; left: 0; position: absolute; right: 0; transition: background .6s ease; } section#bg2 .bottom { bottom: 0; } section#bg2 .bottom, section#bg2 .top { height: 66vh; left: 0; position: absolute; right: 0; transition: background .6s ease; } section#bg2 .top { background: linear-gradient($(color.bg.top), $(color.bg.bottom)); } section#bg2 .bottom { background: linear-gradient( $(color.bg.bottom), $(color.bg.top)); } section#bg2 .top { top: 0; } #transitions{background:#fff;display:block;height:100%;left:-100%;opacity:0;position:fixed;top:0;width:100%;z-index:1000} header{;clear:both;height:40px;overflow:hidden;position:relative} header #logo{ position:relative;z-index:1} header #logo svg{height:53px;width:170px}header #logo svg path{fill:#292929}header nav#menu{font-family:neutratext-bold,sans-serif;left:0;position:absolute;right:0;top:0}header nav#menu ul{text-align:center}header nav#menu ul li{display:inline-block;font-size:14px;letter-spacing:1px;line-height:139px;margin:0 20px}header nav#menu ul li a{color:#a5a5a5;display:inline-block;line-height:30px;position:relative;text-decoration:none;text-transform:uppercase;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}header nav#menu ul li a:focus,header nav#menu ul li a:hover{color:#292929}header nav#menu ul li.current-menu-item a,header nav#menu ul li.current-page-ancestor a{color:#292929}header nav#menu .social{display:none}header .social{float:right;line-height:139px;position:relative;z-index:1}header .social a{display:inline-block;line-height:30px;padding:0 15px}header .social a svg{height:20px;vertical-align:middle;width:20px}header .social a svg path{fill:#292929;-webkit-transition:fill .3s ease;-moz-transition:fill .3s ease;-o-transition:fill .3s ease;transition:fill .3s ease}header .social a:hover svg path{fill:#a5a5a5}header .social a:last-child{margin-right:0}header #hamburger{display:none}#title{font-family:neutratext-demi,sans-serif;letter-spacing:1px;margin:40px 0 75px 0;text-align:center;text-transform:uppercase}#title h1{color:#292929;display:block;font-size:68px;line-height:102px;opacity:0;overflow:hidden;padding-top:35px;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}#title h2{color:#a5a5a5;font-size:16px;line-height:24px;opacity:0;text-align:center;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px)}footer{color:#292929;position:relative}footer .social{border-top:1px solid #dcdcdc;padding:100px 0;text-align:center}footer .social p{color:#292929;font-family:neutratext-demi,sans-serif;font-size:20px;letter-spacing:3px;line-height:45px;text-transform:uppercase}footer .social a{display:inline-block;line-height:45px;margin-right:25px}footer .social a svg{height:27px;vertical-align:middle}footer .social a svg path{fill:#292929;-webkit-transition:fill .3s ease;-moz-transition:fill .3s ease;-o-transition:fill .3s ease;transition:fill .3s ease}footer .social a:hover svg path{fill:#a5a5a5}footer .social a:last-child{margin-right:0}footer #copyright{border-top:1px solid #dcdcdc;clear:both;font-size:15px;line-height:23px;overflow:hidden;position:relative;text-align:center}footer #copyright .logo{float:left;padding:33px 0;position:relative;z-index:1}footer #copyright .logo svg{height:53px;width:150px}footer #copyright .logo svg path{fill:#292929}footer #copyright .copyright{left:0;line-height:120px;position:absolute;right:0;top:0}footer #copyright .copyright a{color:#292929;text-decoration:none;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}footer #copyright .copyright a:hover{color:#a5a5a5}footer #copyright .by{float:right;line-height:120px;position:relative;z-index:1}footer #copyright .by a{color:#292929;font-family:proximanova-bold,sans-serif;text-decoration:none;text-transform:uppercase;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}footer #copyright .by a:hover{color:#a5a5a5} @media all and (max-width:1650px){footer .social{padding:0px 0px 80px 0px}} @media all and (max-width:1200px){ header #logo svg{height:45px;width:144px} header nav#menu ul{margin-left:90px}header nav#menu ul li{line-height:128px;margin:0 17px}header .social{line-height:128px}footer .social{padding:70px 0}footer #copyright .logo{display:none}footer #copyright .copyright{float:left;position:static}} @media all and (max-width:1024px){ header nav#menu{ background: black;bottom:0;display:none;font-family:neutratext-demi,sans-serif;left:0;height:100%;opacity:0;overflow:hidden;position:fixed;right:0;top:0;z-index:20;width:100%} header nav#menu ul{left:0;margin-left:0;margin-top:20px;opacity:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-55%)!important;-moz-transform:translateY(-55%)!important;-ms-transform:translateY(-55%)!important;-o-transform:translateY(-55%)!important;transform:translateY(-55%)!important}header nav#menu ul li{display:block;font-size:25px;line-height:inherit!important}header nav#menu ul li a{color:#fff!important;display:inline;line-height:65px;padding:0}header nav#menu ul li a:focus,header nav#menu ul li a:hover{color:#292929!important}header nav#menu ul li.current-menu-item a,header nav#menu ul li.current-page-ancestor a{color:#292929!important}header nav#menu .social{bottom:0;display:block;float:none;line-height:165px;opacity:0;position:absolute;text-align:center;width:100%}header nav#menu .social a{display:inline-block;float:none}header nav#menu .social a svg path{fill:#fff;-webkit-transition:fill .3s ease;-moz-transition:fill .3s ease;-o-transition:fill .3s ease;transition:fill .3s ease}header nav#menu .social a:hover svg path{fill:#292929}header .social{display:none}header #hamburger{display:block;cursor:pointer;height:128px;float:right;position:relative;width:40px;z-index:30}header #hamburger .cross{left:50%;margin-left:-20px;margin-top:-1px;position:absolute;top:50%}header #hamburger .cross span,header #hamburger .cross span:after,header #hamburger .cross span:before{background:#292929;content:'';display:block;height:2px;position:absolute;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:40px}header #hamburger .cross span:before{top:-10px}header #hamburger .cross span:after{bottom:-10px}header #hamburger.active{position:fixed;right:75px}header #hamburger.active span{background:0 0}header #hamburger.active span:after,header #hamburger.active span:before{background:#fff;top:0}header #hamburger.active span:before{-webkit-transform:translateZ(0) rotate(45deg);-moz-transform:translateZ(0) rotate(45deg);-ms-transform:translateZ(0) rotate(45deg);-o-transform:translateZ(0) rotate(45deg);transform:translateZ(0) rotate(45deg)}header #hamburger.active span:after{top:10px;-webkit-transform:translateY(-10px) translateZ(0) rotate(-45deg);-moz-transform:translateY(-10px) translateZ(0) rotate(-45deg);-ms-transform:translateY(-10px) translateZ(0) rotate(-45deg);-o-transform:translateY(-10px) translateZ(0) rotate(-45deg);transform:translateY(-10px) translateZ(0) rotate(-45deg)}}@media all and (max-width:980px){footer .social{padding:50px 0}footer #copyright{padding:20px 0}footer #copyright .by,footer #copyright .copyright{float:none;line-height:25px;margin:12px 0}}@media all and (max-width:767px){.wrap{padding:0 20px}header #hamburger.active{right:45px}#title{margin:60px 0}#title h1{line-height:75px}#title h1 span{font-size:45px;line-height:75px}footer .social{padding:40px 0}} @media all and (max-width:480px){ header #logo{} header #logo svg{height:36px;width:117px} header #hamburger{height:100px}header #hamburger.active{right:35px}#title{margin:0 0 50px 0}#title h1{padding-top:30px}#title h1 span{font-size:28px;line-height:50px}footer .social{padding:30px 0}}@media all and (max-height:570px) and (max-width:980px){header nav#menu ul{-webkit-transform:translateY(-45%)!important;-moz-transform:translateY(-45%)!important;-ms-transform:translateY(-45%)!important;-o-transform:translateY(-45%)!important;transform:translateY(-45%)!important}header nav#menu ul li{font-size:18px}header nav#menu ul li a{line-height:45px}header nav#menu .social{line-height:80px}} @media all and (max-height:355px) and (max-width:980px){header nav#menu ul li{font-size:17px}header nav#menu ul li a{line-height:42px}header nav#menu .social{display:none}} #page-home header{border-bottom:none;height:120px} #page-home header #logo{ z-index: 3; position: relative;} #page-home header #logo svg path{fill:#fff}#page-home header nav#menu ul li{line-height:100px}#page-home header nav#menu ul li a{color:#fff}#page-home header nav#menu ul li a:focus,#page-home header nav#menu ul li a:hover{color:$(color.total.hover)} #page-home header .social{line-height:100px;z-index: 2; position: relative;}#page-home header .social a svg path{fill:#fff}#page-home header .social a:hover svg path{fill:#292929} #page-home { background-image: url(); position: relative; background-size: cover; background-position: center; } #page-home section#presentation{min-height:550px;position:relative; } #page-home section#presentation #slider{opacity:0;position:relative;top:45%;-webkit-transform:translateY(-50%) translateZ(0);-moz-transform:translateY(-50%) translateZ(0);-ms-transform:translateY(-50%) translateZ(0);-o-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0);-webkit-transition:all 0.0s ease;-moz-transition:all .0s ease;-o-transition:all .00s ease;transition:all 0.0s ease;width:100%} #page-home section#presentation #slider .slide{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);width:35%} #page-home section#presentation #slider .slide img.picto{display:none;left:0;margin:auto;position:absolute;right:0;top:20%;max-width:580px;width:80%}#page-home section#presentation #slider .slide img:not(.picto){-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFkMwRa1o6py-MQXkhhSSRpg-22nTrE7VyvNwYNkDzTRmNcTCaxPWEJXQbRceBActoyZp6B4YkR367t4CRlxT2TweuW-E7ueUGy4p-M2VSrEfPY2ZgGMeEP7KWygyg_4GFiVWKc7wOvkc/s0/shadow.png);background-position:left bottom;background-repeat:no-repeat;background-size:100%;-webkit-filter:blur(0);-moz-filter:blur(0);filter:blur(0);cursor:pointer;display:block;height:auto;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;margin:0 auto;max-width:510px;padding-bottom:80px;transform:scale(.35) translateZ(0);transition:all .6s cubic-bezier(.445,.05,.55,.95);width:100%} #page-home section#presentation #slider .slide.is-selected img:not(.picto){transform:scale(0.9) translateZ(0);margin-top:0px;}#page-home section#presentation #slider button{display:none}#page-home section#presentation #caption{color:#fff;cursor:pointer;float:none;font-family:itcavantgardestd-bold,sans-serif;font-size:150px;left:0;margin:0 auto;pointer-events:none;position:absolute;right:0;text-align:center;text-transform:lowercase;top:43%;-webkit-transform:translateY(-50%) translateZ(0);-moz-transform:translateY(-50%) translateZ(0);-ms-transform:translateY(-50%) translateZ(0);-o-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:100%}#page-home section#presentation #caption .texts{display:none} #page-home section#presentation .scrolldown{bottom:10px;cursor:pointer;left:0;margin:auto;padding:20px 0;position:absolute;right:0;text-align:center;transition:bottom .3s ease-out} #page-home section#presentation .scrolldown:hover{bottom:0} #page-home section#presentation .scrolldown:before{ content: "\f078"; font-family: FontAwesome; margin: 0 auto; COLOR: #fff; width: 50px; font-size: 40px; } #page-home section#blocks{clear:both;font-size:0;padding:50px 0;text-align:center}#page-home section#blocks .center{clear:both;display:inline-block;padding-top:90px;position:relative;text-align:center;width:980px}#page-home section#blocks .block{color:#fff;float:left;margin:0 40px;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;width:410px}#page-home section#blocks .block img{display:block;height:auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;width:100%}#page-home section#blocks .block p{bottom:40px;display:inline-block;font-family:neutratext-demi,sans-serif;font-size:20px;left:0;letter-spacing:3px;line-height:35px;padding:0 25px;position:absolute;right:0;-webkit-transition:all 1s cubic-bezier(.2,.6,.3,1);-moz-transition:all 1s cubic-bezier(.2,.6,.3,1);-o-transition:all 1s cubic-bezier(.2,.6,.3,1);transition:all 1s cubic-bezier(.2,.6,.3,1);width:calc(100% - 50px);z-index:1}#page-home section#blocks .block p.line2{bottom:0;font-family:proximanova-reg,sans-serif;font-size:22px;letter-spacing:0;opacity:0;text-transform:none}#page-home section#blocks .block a{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}#page-home section#blocks .block1{margin-top:240px;margin-bottom:130px}#page-home section#blocks .block2{margin-top:0;margin-bottom:220px}#page-home section#blocks .block3{margin-top:70px}#page-home section#blocks .block4{margin-top:-480px}#page-home section#blocks .block.notouch:hover img{-webkit-transform:scale(1.05) translateZ(0);-moz-transform:scale(1.05) translateZ(0);-ms-transform:scale(1.05) translateZ(0);-o-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0)}#page-home section#blocks .block.notouch:hover p{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}#page-home section#blocks .block.notouch:hover p.line2{opacity:1}#page-home section#blocks .letter{color:#fff;font-family:neutratext-bold,sans-serif;font-size:225px;pointer-events:none;position:absolute;z-index:10}#page-home section#blocks .letterC{right:390px;top:0}#page-home section#blocks .letterA{left:0;top:440px}#page-home section#blocks .letterP{right:0;top:950px;z-index:0}#page-home section#blocks .letterC2{left:340px;top:1000px;z-index:0}#page-home section#blocks .letterH{right:0;top:1420px}#page-home section#blocks .letterO{left:350px;top:1700px}#page-home section#instagram{clear:both;color:#fff;min-height:520px;overflow:hidden}#page-home section#instagram p{font-family:neutratext-demi,sans-serif;font-size:20px;letter-spacing:3px;line-height:45px;text-align:center;text-transform:uppercase}#page-home section#instagram h1{font-family:itcavantgardestd-md,sans-serif;font-size:48px;line-height:55px;text-align:center}#page-home section#instagram #photos{clear:both;margin:55px auto 0 auto;overflow:hidden;width:980px}#page-home section#instagram #photos .photo{background:#292929;float:left;height:225px;margin:10px;overflow:hidden;position:relative;width:225px}#page-home section#instagram #photos .photo img{height:100%;opacity:1;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;width:100%}#page-home section#instagram #photos .photo a{bottom:10px;color:#fff;display:block;font-size:16px;left:10px;line-height:30px;opacity:0;overflow:hidden;position:absolute;right:10px;text-decoration:none;text-overflow:ellipsis;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:calc(100% - 20px);white-space:nowrap;top:0;left:0;bottom:0;right:0;height:100%;width:100%;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#page-home section#instagram #photos .photo a svg{height:19px;vertical-align:middle;width:19px}#page-home section#instagram #photos .photo a svg path{fill:#fff}#page-home section#instagram #photos .photo a span{margin-left:3px;vertical-align:middle}#page-home section#instagram #photos .photo:hover img{opacity:.5}#page-home section#instagram #photos .photo:hover a{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#page-home footer{color:#fff}#page-home footer .social{border-top:none}#page-home footer .social p{color:#fff}#page-home footer .social a svg path{fill:#fff}#page-home footer .social a:hover svg path{fill:#292929}#page-home footer #copyright .logo svg path{fill:#fff}#page-home footer #copyright .by a,#page-home footer #copyright .copyright a{color:#fff}#page-home footer #copyright .by a:hover,#page-home footer #copyright .copyright a:hover{color:#292929} @media all and (max-width:1650px){ #page-home section#presentation #slider .slide{width:40%} #page-home section#blocks .block p{font-size:18px}} @media all and (max-width:1200px){#page-home section#presentation #caption{font-size:120px}#page-home section#blocks .block p{line-height:25px}#page-home section#instagram #photos{width:880px}#page-home section#instagram #photos .photo{height:200px;width:200px}}@media all and (max-width:1024px){#page-home #hamburger{height:100px}#page-home #hamburger .cross span,#page-home #hamburger .cross span:after,#page-home #hamburger .cross span:before{background:#fff}#page-home #hamburger.active{right:50px}#page-home #hamburger.active span{background:0 0}#page-home section#blocks .center{padding-top:50px}#page-home section#blocks .block{margin-bottom:0}#page-home section#blocks .block1{margin-top:180px}#page-home section#blocks .letter{display:none}} @media all and (max-width:980px){ #page-home section#presentation{min-height:400px;display:list-item !important} #page-home section#presentation #slider .slide{padding:0% 0% !important;width:70%} #page-home section#presentation #slider .slide img:not(.picto){max-width:400px} #page-home section#presentation #slider button{background:0 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display:block;height:100%;padding:0;top:48%;width:25px}#page-home section#presentation #slider button svg{display:none}#page-home section#presentation #slider button.previous{background:url(../images/arrow_slider_left.svg) no-repeat center center;left:30px}#page-home section#presentation #slider button.next{background:url(../images/arrow_slider_right.svg) no-repeat center center;right:30px}#page-home section#presentation #caption{font-size:100px} #page-home section#blocks{padding:50px 0 100px 0}#page-home section#blocks .center{width:680px}#page-home section#blocks .block{margin-left:20px;margin-right:20px;width:300px}#page-home section#blocks .block1{margin-bottom:0;margin-top:140px}#page-home section#blocks .block2{margin-bottom:0}#page-home section#blocks .block3{margin-top:70px}#page-home section#blocks .block4{margin-top:-340px}#page-home section#instagram{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#page-home section#instagram #photos{width:664px}#page-home section#instagram #photos .photo{height:150px;margin:8px;width:150px}}@media all and (max-width:767px){#page-home .wrap{padding:0 5%}#page-home header #hamburger.active{right:35px}#page-home section#presentation{min-height:300px}#page-home section#presentation #caption{font-size:80px}#page-home section#blocks{padding-bottom:50px}#page-home section#blocks .center{width:410px}#page-home section#blocks .block{float:none;margin-bottom:50px;margin-left:0;margin-right:0;margin-top:0;width:410px}#page-home section#instagram #photos{width:392px}#page-home section#instagram #photos .photo{height:180px;margin:8px;width:180px}}@media all and (max-width:480px){#page-home header{height:100px}#page-home header #hamburger{height:100px}#page-home section#presentation{min-height:220px}#page-home section#presentation #slider .slide img:not(.picto){padding-bottom:45px}#page-home section#presentation #slider button.previous{left:10px}#page-home section#presentation #slider button.next{right:10px}#page-home section#presentation #caption{font-size:45px;letter-spacing:1px}#page-home section#blocks .center{padding-top:0;width:280px}#page-home section#blocks .block{float:none;margin-bottom:20px;margin-top:0;width:280px}#page-home section#instagram #photos{width:250px}#page-home section#instagram #photos .photo{height:109px;margin:8px;width:109px}}#page-collections #collections{clear:both;overflow:hidden;position:relative}#page-collections #collections .collection{clear:both;margin-bottom:75px;overflow:hidden}#page-collections #collections .collection .navigation{display:flex;flex-wrap:wrap;justify-content:center;height:136px;margin-bottom:35px;overflow-y:hidden;width:100%}#page-collections #collections .collection .navigation>p{color:#a5a5a5;font-family:proximanova-regular,sans-serif;font-size:16px;line-height:24px;margin-bottom:40px;text-align:center;width:100%}#page-collections #collections .collection .navigation .scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;padding-bottom:50px;width:100%}#page-collections #collections .collection .navigation .scroll .items{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:100%}#page-collections #collections .collection .navigation .scroll .items .item{cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:0 20px}#page-collections #collections .collection .navigation .scroll .items .item svg{align-self:center;display:block;margin-bottom:16px}#page-collections #collections .collection .navigation .scroll .items .item svg path{transition:fill .5s ease}#page-collections #collections .collection .navigation .scroll .items .item p{color:#d8d8d8;font-family:neutratext-demi,sans-serif;font-size:22px;letter-spacing:3.14px;line-height:32px;margin-top:auto;text-align:center;text-transform:uppercase;transition:color .5s ease}#page-collections #collections .collection .navigation .scroll .items .item.active svg path,#page-collections #collections .collection .navigation .scroll .items .item:hover svg path{fill:#292929}#page-collections #collections .collection .navigation .scroll .items .item.active p,#page-collections #collections .collection .navigation .scroll .items .item:hover p{color:#292929}#page-collections #collections .collection .navigation .scroll .items .item:first-of-type{margin-left:0}#page-collections #collections .collection .navigation .scroll .items .item:last-of-type{margin-right:0}#page-collections #collections .collection .beanie{float:left;min-height:430px;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;width:25%}#page-collections #collections .collection .beanie a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5} #page-collections #collections .collection .beanie img{background:url(../images/collections_shadow.png) no-repeat center bottom;background-size:141px 22px;height:auto;left:0;margin:0 auto;max-width:220px;max-height:220px;padding-bottom:40px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 1s cubic-bezier(.2,.6,.3,1);-moz-transition:all 1s cubic-bezier(.2,.6,.3,1);-o-transition:all 1s cubic-bezier(.2,.6,.3,1);transition:all 1s cubic-bezier(.2,.6,.3,1);width:auto} #page-collections #collections .collection .beanie .title{bottom:50px;opacity:0;position:absolute;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 1s cubic-bezier(.2,.6,.3,1);-moz-transition:all 1s cubic-bezier(.2,.6,.3,1);-o-transition:all 1s cubic-bezier(.2,.6,.3,1);transition:all 1s cubic-bezier(.2,.6,.3,1);width:100%} #page-collections #collections .collection .beanie .title p{font-family:neutratext-demi,sans-serif;letter-spacing:1px}#page-collections #collections .collection .beanie .title p:first-child{color:#292929;font-size:26px;line-height:39px}#page-collections #collections .collection .beanie .title p:last-child{color:#a5a5a5;font-size:16px;line-height:24px}#page-collections #collections .collection .beanie.notouch:hover img{-webkit-transform:translateY(-70%);-moz-transform:translateY(-70%);-ms-transform:translateY(-70%);-o-transform:translateY(-70%);transform:translateY(-70%)}#page-collections #collections .collection .beanie.notouch:hover .title{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#page-collections #collections .collection:last-of-type{margin-bottom:37px}@media all and (max-width:1650px){#page-collections #collections .collection .beanie .title p:first-child{font-size:23px;line-height:35px}}@media all and (max-width:1200px){#page-collections #collections .collection .beanie{width:33.333333333333%}}@media all and (max-width:980px){#page-collections #collections .collection .beanie{width:50%}}@media all and (max-width:767px){#page-collections #collections .collection .beanie{width:100%}}@media all and (max-width:480px){#page-collections #collections .collection .beanie{min-height:330px}#page-collections #collections .collection .beanie img{max-height:180px;max-width:180px}#page-collections #collections .collection .beanie .title{bottom:35px}#page-collections #collections .collection .beanie .title p{padding:0 15px}#page-collections #collections .collection .beanie .title p:first-child{font-size:18px;line-height:31px}}#page-beanie h1,#page-beanie h2{color:#292929;font-family:neutratext-demi,sans-serif;font-size:42px;letter-spacing:1px;line-height:48px;text-align:center;text-transform:uppercase}#page-beanie h1 span,#page-beanie h2 span{color:#a5a5a5;font-size:26px;line-height:30px}#page-beanie section#beanie{margin:60px 0 100px 0;position:relative;text-align:center}#page-beanie section#beanie a.back{color:#a5a5a5;float:left;font-size:16px;line-height:24px;text-decoration:none;-webkit-transition:color .5s ease;-moz-transition:color .5s ease;-o-transition:color .5s ease;transition:color .5s ease;vertical-align:middle}#page-beanie section#beanie a.back svg{height:12px;margin-right:10px;width:7px}#page-beanie section#beanie a.back svg path{fill:#a5a5a5;-webkit-transition:fill .5s ease;-moz-transition:fill .5s ease;-o-transition:fill .5s ease;transition:fill .5s ease}#page-beanie section#beanie a.back:hover{color:#292929}#page-beanie section#beanie a.back:hover svg path{fill:#292929}#page-beanie section#beanie #label{fill:#a5a5a5;height:109px;position:absolute;right:0;top:0;width:107px}#page-beanie section#beanie img.beanie{clear:both;display:block;height:auto;margin:0 auto 70px auto;max-width:600px;overflow:hidden}#page-beanie section#beanie .shop_button{background:#292929;color:#fff;display:inline-block;font-family:neutratext-demi,sans-serif;font-size:14px;height:50px;letter-spacing:1px;line-height:50px;margin:70px 0 60px 0;padding:0 30px;text-decoration:none;text-transform:uppercase;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}#page-beanie section#beanie .shop_button:hover{background:#a5a5a5}#page-beanie section#beanie #tabs{margin-bottom:35px}#page-beanie section#beanie #tabs p{color:#a5a5a5;cursor:pointer;display:inline-block;font-family:neutratext-bold,sans-serif;font-size:14px;height:48px;letter-spacing:1px;line-height:48px;padding:0 30px;text-transform:uppercase;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}#page-beanie section#beanie #tabs p.active{color:#292929}#page-beanie section#beanie #tabs p[data-index="2"]{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc}#page-beanie section#beanie article{color:#292929;display:none;font-size:16px;line-height:24px;margin:0 auto;max-width:750px;text-align:left}#page-beanie section#beanie article ul{list-style-type:disc;padding-left:17px}#page-beanie section#beanie article strong{font-family:proximanova-bold,sans-serif}#page-beanie section#beanie article em{font-style:italic}#page-beanie section#beanie article a{color:#292929}#page-beanie section#beanie article[data-index="1"]{display:block}#page-beanie section#collection{border-top:1px solid #dcdcdc;padding-top:100px}#page-beanie section#collection #beanies{clear:both;margin:40px 0;overflow:hidden}#page-beanie section#collection #beanies .beanie{float:left;min-height:430px;position:relative;text-align:center;width:25%}#page-beanie section#collection #beanies .beanie a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}#page-beanie section#collection #beanies .beanie img{background:url(../images/shadow.png) no-repeat center bottom;background-size:141px 22px;height:auto;left:0;margin:0 auto;max-width:220px;max-height:220px;padding-bottom:40px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:transform .5s cubic-bezier(.2,.6,.3,1);-moz-transition:transform .5s cubic-bezier(.2,.6,.3,1);-o-transition:transform .5s cubic-bezier(.2,.6,.3,1);transition:transform .5s cubic-bezier(.2,.6,.3,1);width:auto}#page-beanie section#collection #beanies .beanie .title{bottom:50px;opacity:0;position:absolute;text-transform:uppercase;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .5s cubic-bezier(.2,.6,.3,1);-moz-transition:all .5s cubic-bezier(.2,.6,.3,1);-o-transition:all .5s cubic-bezier(.2,.6,.3,1);transition:all .5s cubic-bezier(.2,.6,.3,1);width:100%}#page-beanie section#collection #beanies .beanie .title p{font-family:neutratext-demi,sans-serif;letter-spacing:1px}#page-beanie section#collection #beanies .beanie .title p:first-child{color:#292929;font-size:26px;line-height:39px}#page-beanie section#collection #beanies .beanie .title p:last-child{color:#a5a5a5;font-size:16px;line-height:24px}#page-beanie section#collection #beanies .beanie.notouch:hover img{-webkit-transform:translateY(-70%);-moz-transform:translateY(-70%);-ms-transform:translateY(-70%);-o-transform:translateY(-70%);transform:translateY(-70%)}#page-beanie section#collection #beanies .beanie.notouch:hover .title{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}@media all and (max-width:1650px){#page-beanie section#collection #beanies .beanie img{max-height:200px;max-width:200px;padding-bottom:35px}#page-beanie section#collection #beanies .beanie .title{bottom:40px}#page-beanie section#collection #beanies .beanie .title p:first-child{font-size:23px}}@media all and (max-width:1200px){#page-beanie section#beanie img.beanie{max-width:500px}#page-beanie section#collection #beanies .beanie{width:33.333333333333%}}@media all and (max-width:980px){#page-beanie section#beanie #label{height:92px;width:90px}#page-beanie section#collection #beanies .beanie{width:50%}#page-beanie section#collection #beanies .beanie img{max-height:220px;max-width:220px}}@media all and (max-width:767px){#page-beanie section#beanie{margin:50px 0}#page-beanie section#beanie a.back{float:none}#page-beanie section#beanie #label{display:none}#page-beanie section#beanie img.beanie{margin:50px auto 70px auto;max-width:320px}#page-beanie section#beanie #tabs p{border-bottom:1px solid #dcdcdc;display:block}#page-beanie section#beanie #tabs p[data-index="2"]{border-left:none;border-right:none}#page-beanie section#beanie #tabs p[data-index="3"]{border-bottom:none}#page-beanie section#collection #beanies .beanie{width:100%}}@media all and (max-width:480px){#page-beanie section#beanie img.beanie{width:90%}#page-beanie section#beanie .shop_button{font-size:13px}#page-beanie section#beanie #tabs p{padding:0}#page-beanie section#collection #beanies .beanie{min-height:330px}#page-beanie section#collection #beanies .beanie img{max-height:180px;max-width:180px}#page-beanie section#collection #beanies .beanie .title{bottom:35px}#page-beanie section#collection #beanies .beanie .title p{padding:0 15px}#page-beanie section#collection #beanies .beanie .title p:first-child{font-size:18px;line-height:31px}}#page-shops section#shops #find{margin-bottom:48px;text-align:center}#page-shops section#shops #find .text{color:#a5a5a5;font-family:proximanova-light,sans-serif;font-size:40px;line-height:48px;margin:0 auto;max-width:660px}#page-shops section#shops #find button.search{background:#292929;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:neutratext-demi,sans-serif;font-size:14px;height:50px;letter-spacing:1px;line-height:50px;margin:50px 0 60px 0;outline:0;padding:0 30px;text-decoration:none;text-transform:uppercase;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}#page-shops section#shops #find button.search:hover{background:#a5a5a5}#page-shops section#shops .results{background:url(../images/pin.svg) no-repeat 0 center;background-size:22px 35px;display:none;line-height:35px;margin-bottom:60px}#page-shops section#shops .results p{color:#a5a5a5;font-family:neutratext-demi,sans-serif;font-size:16px;letter-spacing:1px;padding-left:45px;text-transform:uppercase}#page-shops section#shops .results p span{color:#292929}#page-shops section#shops .shop{border-top:1px solid #dcdcdc;clear:both;display:none;font-size:16px;overflow:hidden;padding:48px 0}#page-shops section#shops .shop p.name{display:block;float:left;font-family:neutratext-bold,sans-serif;height:100%;letter-spacing:1px;line-height:24px;padding-right:50px;text-transform:uppercase;width:calc(50% - 50px)}#page-shops section#shops .shop .col{float:left;padding-right:50px;width:calc(25% - 50px)}#page-shops section#shops .shop .col a{color:#292929;display:block;text-decoration:none}#page-shops section#shops .shop .col a:hover{text-decoration:underline}#page-shops section#shops .shop .col .address{color:#a5a5a5;line-height:24px}#page-shops section#shops .shop .col .googlemaps{background:url(../images/pin.svg) no-repeat 0 center;background-size:10px 16px;margin-top:8px;padding-left:15px}#page-shops section#shops .shop .col .link,#page-shops section#shops .shop .col .phone{font-family:proximanova-bold,sans-serif;line-height:24px}#page-shops section#shops .shop .col.last{padding-right:0;width:25%}#page-shops section#shops_online{border-top:1px solid #dcdcdc;padding:85px 0}#page-shops section#shops_online h2{color:#292929;font-family:neutratext-demi,sans-serif;font-size:42px;letter-spacing:1px;line-height:48px;text-align:center;text-transform:uppercase}#page-shops section#shops_online .list{clear:both;margin-top:55px;overflow:hidden}#page-shops section#shops_online .list .link{float:left;font-family:neutratext-bold,sans-serif;font-size:16px;letter-spacing:1px;line-height:24px;margin:12px 0;text-align:center;text-transform:uppercase;width:33.333333333333%}#page-shops section#shops_online .list .link a{color:#292929;text-decoration:none;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}#page-shops section#shops_online .list .link a:hover{color:#a5a5a5}#page-shops .overlay{background:rgba(0,0,0,.5);cursor:pointer;height:100%;left:0;opacity:0;position:fixed;top:0;-webkit-transition:visibility 0s .3s,opacity .3s;-moz-transition:visibility 0s .3s,opacity .3s;-o-transition:visibility 0s .3s,opacity .3s;transition:visibility 0s .3s,opacity .3s;visibility:hidden;width:100%;z-index:10}#page-shops .overlay.active{opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;visibility:visible}#page-shops .select{border-bottom:1px dashed #292929;cursor:pointer;display:inline-block;margin:0 auto;outline:0;position:relative;text-align:left}#page-shops .select span{color:#292929}#page-shops .select .dropdown{background:#292929;display:block;font-family:proximanova-light,sans-serif;font-size:30px;left:0;line-height:45px;list-style:none;max-height:305px;min-width:200px;opacity:0;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:20px 30px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-40%) scale(.9);-moz-transform:translateY(-40%) scale(.9);-ms-transform:translateY(-40%) scale(.9);-o-transform:translateY(-40%) scale(.9);transform:translateY(-40%) scale(.9);-webkit-transition:visibility 0s .3s,opacity .3s,-webkit-transform .3s;-moz-transition:visibility 0s .3s,opacity .3s,-moz-transform .3s;-o-transition:visibility 0s .3s,opacity .3s,-o-transform .3s;transition:visibility 0s .3s,opacity .3s,transform .3s;visibility:hidden;z-index:10}#page-shops .select .dropdown li{color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;white-space:nowrap}#page-shops .select .dropdown li:hover{color:#757575}#page-shops .select.cities .dropdown{font-size:20px;line-height:35px}#page-shops .select.active .dropdown{opacity:1;-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);-webkit-transition:visibility 0s 0s,opacity .3s,-webkit-transform .3s;-moz-transition:visibility 0s 0s,opacity .3s,-moz-transform .3s;-o-transition:visibility 0s 0s,opacity .3s,-o-transform .3s;transition:visibility 0s 0s,opacity .3s,transform .3s;visibility:visible}@media all and (max-width:980px){#page-shops section#shops #find p{max-width:600px}#page-shops section#shops .shop p.name{float:none;margin-bottom:15px;padding-right:0;width:100%}#page-shops section#shops .shop .col{padding-right:0;width:45%}#page-shops section#shops .shop .col.last{float:right;width:45%}#page-shops .select.cities .dropdown{left:-30%}}@media all and (max-width:767px){#page-shops section#shops #find{position:relative}#page-shops section#shops_online .list .link{width:100%}#page-shops .select.cities,#page-shops .select.countries{position:static}#page-shops .select.cities .dropdown,#page-shops .select.countries .dropdown{left:0;top:30%}}@media all and (max-width:480px){#page-shops section#shops #find button.search{font-size:13px;margin-bottom:0;padding:0;width:100%}#page-shops section#shops .shop .col{float:none;padding-right:0;width:100%}#page-shops section#shops .shop .col.last{float:none;margin-top:15px;width:100%}#page-shops section#shops_online{padding:55px 0}#page-shops section#shops_online h2{font-size:30px;line-height:40px;margin:0 auto;width:80%}#page-shops .select.cities .dropdown,#page-shops .select.countries .dropdown{min-width:inherit;top:50%}}#page-brand section#content .intro{color:#a5a5a5;font-family:proximanova-light,sans-serif;font-size:40px;line-height:48px;margin:0 auto;max-width:1050px;text-align:center}#page-brand section#content article.left,#page-brand section#content article.right{clear:both;margin:100px auto;overflow:hidden;position:relative}#page-brand section#content article.left .text,#page-brand section#content article.right .text{position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:calc(50% - 60px)}#page-brand section#content article.left .text h3,#page-brand section#content article.right .text h3{color:#292929;font-family:neutratext-demi,sans-serif;font-size:32px;letter-spacing:1px;line-height:48px;text-transform:uppercase}#page-brand section#content article.left .text h4,#page-brand section#content article.right .text h4{color:#a5a5a5;font-family:neutratext-demi,sans-serif;font-size:16px;letter-spacing:1px;line-height:26px;text-transform:uppercase}#page-brand section#content article.left .text p,#page-brand section#content article.right .text p{color:#292929;font-family:proximanova-reg,sans-serif;font-size:16px;line-height:24px;margin:50px auto;width:80%}#page-brand section#content article.left .img,#page-brand section#content article.right .img{background-position:center;background-repeat:no-repeat;height:650px;max-width:700px;width:50%}#page-brand section#content article.left .text{padding-left:60px;right:0}#page-brand section#content article.left .img{float:left}#page-brand section#content article.right .text{left:0;padding-right:60px}#page-brand section#content article.right .img{float:right}#page-brand section#content blockquote{color:#a5a5a5;font-family:proximanova-lightit,sans-serif;font-size:24px;line-height:36px;margin:100px auto;max-width:730px;padding-top:20px;text-align:center}#page-brand section#content blockquote span{color:#292929;font-family:neutratext-bold,sans-serif;font-size:16px;letter-spacing:1px;line-height:24px;text-transform:uppercase}#page-brand section#content blockquote span:before{background:#292929;content:'';display:inline-block;height:2px;margin-right:8px;margin-bottom:4px;width:10px}#page-brand section#content blockquote:before{color:#292929;content:'“';display:block;font-family:proximanova-sbold,sans-serif;font-size:114px}@media all and (max-width:980px){#page-brand section#content article.left,#page-brand section#content article.right{margin:100px 0}#page-brand section#content article.left .text,#page-brand section#content article.right .text{padding:0;position:static;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);width:100%}#page-brand section#content article.left .img,#page-brand section#content article.right .img{float:none;height:350px;margin-top:40px;margin-left:auto;margin-right:auto;width:100%}#page-brand section#content blockquote{margin:70px auto}}#page-contact article#content{padding-bottom:75px;text-align:center}#page-contact article#content p{color:#a5a5a5;font-family:proximanova-light,sans-serif;font-size:40px;line-height:48px;margin:0 auto;max-width:660px}#page-contact article#content a{color:#292929;display:inline-block;font-family:neutratext-demi,sans-serif;font-size:16px;letter-spacing:1px;line-height:40px;margin-top:45px;position:relative;text-decoration:none;text-transform:uppercase}#page-contact article#content a:after{background:#a5a5a5;bottom:0;content:'';height:1px;left:0;position:absolute;right:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:100%}#page-contact article#content a:hover:after{background:#292929;bottom:4px}#page article#content{margin:50px auto 0 auto;max-width:750px;padding-bottom:75px}#page article#content h3{font-family:neutratext-demi,sans-serif;font-size:20px;letter-spacing:1px;line-height:24px;margin-bottom:24px;text-transform:uppercase}#page article#content p{color:#292929;font-family:proximanova-reg,sans-serif;font-size:16px;line-height:24px}#page article#content strong{font-family:proximanova-bold,sans-serif}#page article#content em{font-style:italic}#page article#content ul{line-height:24px;list-style:inherit;padding-left:20px}#page article#content a{color:#292929;position:relative;text-decoration:none}#page article#content a:after{background:#a5a5a5;bottom:0;content:'';height:1px;left:0;position:absolute;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;width:100%}#page article#content a:hover:after{background:#292929}#page-404 section#main article{font-family:neutratext-demi,sans-serif;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:75px 0}#page-404 section#main article #title{margin:0}#page-404 section#main article a{background:#292929;color:#fff;display:inline-block;font-family:neutratext-demi,sans-serif;font-size:14px;height:50px;letter-spacing:1px;line-height:50px;margin:50px 0 25px 0;padding:0 30px;text-decoration:none;text-transform:uppercase} #intro{background:#eaecef;bottom:0;display:block;left:0;overflow:hidden;position:fixed;right:0;text-align:center;top:0;z-index:1000}#intro .center{bottom:0;display:flex;left:0;position:fixed;right:0;top:0}#intro .center #beanies_intro{height:200px;margin:auto;position:relative;width:145px}#intro .center #beanies_intro img.beanie{background:url(../images/intro_shadow.png) no-repeat center bottom;bottom:0;display:none;-webkit-filter:blur(0);-moz-filter:blur(0);filter:blur(0);height:auto;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;left:0;margin:0 auto;max-width:145px;padding-bottom:55px;position:absolute;right:0} @media all and (max-width:480px){#intro .center #beanies_intro img.beanie{width:130px} #page-home section#presentation #slider .slide.is-selected img:not(.picto) { transform: scale(1.0) translateZ(0); } } .indexprice, .precio { background: #dbbeb8; border: solid 1px #fff; width: 60px; padding: 3px; border-radius: 15px; margin-top: 5px !Important; margin-bottom: 5px!Important; position: relative!Important; top: -35px; left: 0px; z-index: 1;} .pricecart,.moneda, .pricecart:before, .moneda:before,.pricecart:after,.moneda:after{color: #fff;}