@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
h1,h2,h3,h4,h5,h6{font-weight:normal}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:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
video,audio{width:100%!important;height:auto}input,button{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0}
input,textarea{padding:0 8px}button{cursor:pointer}figcaption{text-align:center;margin:6px 0}html{font-size:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
:focus{outline:0}img{border:0;max-width:100%}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a{text-decoration:none}
a:focus{outline:0 none}.display_b{display:block}.display_n{display:none}.display_n_i{display:none!important}img.widtha{width:100%;height:auto}.widtha50{width:50%;height:auto}
.inline_block{display:inline-block}img.centrar_img,.centrar_iframevideo{display:block;margin:0 auto}.limpia{clear:both}.display_rela{display:block;position:relative}
.posi_rela{position:relative}*:before,*:after{box-sizing:border-box}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}.sin_esp_inlineb{letter-spacing:-0.35em}.sin_esp_inlineb span{letter-spacing:normal;display:inline-block}a.animateh1,.animateh2{transition:all 300ms ease-in-out}
a.animateh1:hover,.animateh2:hover{opacity:.8}.table_gene{display:table;height:100%;width:100%}.table_middle{display:table-cell;vertical-align:middle}
.videoWrapper{position:relative;padding-bottom:58.4%;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Gnuolane Rg';src:url('../fonts/GnuolaneRg-Regular.woff2') format('woff2'),url('../fonts/GnuolaneRg-Regular.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'Frutiger LT Std';src:url('../fonts/FrutigerLTStd-LightCn.woff2') format('woff2'),url('../fonts/FrutigerLTStd-LightCn.woff') format('woff');font-weight:300;font-style:normal}
@font-face{font-family:"icons";src:url("../fonts/icons.eot");src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}
[data-icon]:before{font-family:"icons"!important;content:attr(data-icon);font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"icons"!important;font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-youtube:before{content:"\61"}.icon-whatsapp:before{content:"\62"}.icon-flechaabajo:before{content:"\63"}
.icon-flechadere:before{content:"\64"}.icon-flechaizqui:before{content:"\65"}.icon-flechaarriba:before{content:"\66"}
.icon-facebook:before{content:"\67"}.icon-new-icons-7:before{content:"\68"}.icon-instagram:before{content:"\69"}
.icon-youtube2:before{content:"\6a"}.icon-twitter:before{content:"\6b"}.icon-cruz:before{content:"\6c"}
.icon-telefono:before{content:"\6d"}.icon-twitter2:before{content:"\6e"}.icon-email:before{content:"\70"}
.icon-point:before{content:"\6f"}.icon-pinterest:before{content:"\71"}.icon-celular:before{content:"\72"}
.icon-play:before{content:"\73"}.icon-menu:before{content:"\74"}.icon-google:before{content:"\75"}
.icon-close:before{content:"\76"}.icon-accept:before{content:"\77"}.icon-check:before{content:"\78"}
.icon-check-mark-2:before{content:"\79"}.icon-new-icons:before{content:"\7a"}.icon-linkedin:before{content:"\41"}
.icon-magnifying-glass:before{content:"\42"}.icon-angle-double-left:before{content:"\43"}
.icon-angle-double-right:before{content:"\44"}.icon-angle-double-up:before{content:"\45"}
.icon-angle-double-down:before{content:"\46"}.icon-quote-left:before{content:"\47"}.icon-quote-right:before{content:"\48"}
.icon-search:before{content:"\49"}.icon-instagram-1:before{content:"\4a"}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}.animated.flip{-webkit-backface-visibility:visible;-ms-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);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}.flipInX{-webkit-backface-visibility:visible!important;-ms-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);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.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-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.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 .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.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: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}a{font-family: 'Lato', sans-serif;}
.texto_mayuscula{text-transform: uppercase;}
html{height: 100%;}
body {
    font-family: 'Lato',sans-serif;
    color: #fff;
    background: #000;
    height: 100%;
    overflow-x: hidden;
    background-size: cover;
    background-attachment: fixed;
}
.ancho_circulos_home{width: 100%;max-width: 1350px;margin: 0px auto;padding: 0px 100px;}
.table_gene_sty{
  color: #fff;font-size: 40px;;text-align: left;padding: 0px 5%;text-transform: uppercase;
}
.table_gene_sty2{
  color: #fff;font-size: 48px;;text-align: center;text-transform: uppercase;
}
.flecha_centar{width: 59px;height: 31px;display: block;margin: 0px auto;margin-top: 5px;cursor: pointer;background: url(../../img/flecha_abajo.png);}
/* contenido cabezera general */
.cont_cabe {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    padding: 0;
    z-index: 3;    
     /*   background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(31, 29, 29,0.47) 47%, rgba(31, 29, 29,1) 100%);*/
}
.cont_cabe_fila1{max-width: 1150px;padding: 0px 10px;margin: 0px auto; }
.cont_cabe_logo {
    display: inline-block;
    max-width: 194px;
    /* margin-top: 18px; */
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;padding-bottom: 20px;
}
.header_smar_logo a.cont_cabe_logo img {
    width: 100%;
}
.cont_cabe_izq{float: right; padding-top: 18px;}
.cont_cabe_menu {
    width: 68px;
    height: 68px;
    background: #000;
    border-radius: 50%;
    text-align: center;
    font-size: 34px;
    padding-top: 17px;
    cursor: pointer;
}


.menu_smarp_listredes{position: absolute;right: 15px;bottom: 15px;}
.menu_smarp_listredes a{display: block;margin-top: 10px;width: 40px;font-size: 30px;text-align: center;color: #fff}
.menu_smarp_listredes .icon-facebook {}
.menu_smarp_listredes .icon-instagram-1{font-size: 30px;}
.menu_smarp_listredes .icon-linkedin{}
.header_smar_logo {
    position: absolute;
    top: 0px;
    left: 0px;
}
/** popop principal **/
body.acti_smarp_pop{overflow: hidden;}
body.acti_smarp_pop .menu_smarp_pop{display: block;}
body.acti_smarp_pop .cont_cabe_menu.icon-menu{content: "\74";}
.menu_smarp_pop{z-index: 10;position: fixed;background: #000;width: 100%;top: 0px;left: 0px;right: 0px;bottom: 0px;display: none;padding: 20px;}
.menu_smarp_links{text-align: center;}
.menu_smarp_links div{margin-bottom: 10px;text-align: center;}
.menu_smarp_links a{color: #fff;font-family: 'Barlow';font-size: 60px;position: relative;font-weight: 700;}
.menu_smarp_links a:hover:before, .menu_smarp_links a.active_m:before{content: "";position: absolute;top: 50%;width: 100%;height: 3px;background: #51c2c1;}
.menu_smarp_links a:hover, .menu_smarp_links a.active_m{color: #51c2c1}
.menu_smarp_close{color: #fff;position: absolute;top: 0px;right: 0px;font-size: 30px;cursor: pointer;padding: 10px;}
#fb-root{z-index: 3;position: relative;}
/** footer general **/
#foo_general{background: #000;padding: 45px 0px 45px;}
.foo_general_fila1{max-width: 1140px;padding: 0px 10px;margin: 0px auto; position: relative;z-index: 1;font-size: 13px;}
.foo_general_fila1 a{color: #fff;}
.foo_general_col1{float: left;}
.foo_general_col1 h3{margin-bottom: 8px;}
.foo_general_col1 h2{margin-bottom: 6px;}
.foo_general_col1 h2 span{margin-right: 5px;vertical-align: text-bottom;}
.foo_general_col2{float: right;}
.foo_general_col2 a{display: inline-block;vertical-align: top;margin-left: 18px;}
.foo_general_col2 .icon-facebook {
    font-size: 17px;
    border: 3px solid #fff;
    border-radius: 8px;
    padding-top: 4px;
    width: 30px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.foo_general_col2 .icon-instagram-1{font-size: 30px;}
.foo_general_col2 .icon-linkedin{
    font-size: 17px;
    border: 3px solid #fff;
    border-radius: 8px;
    padding-top: 4px;
    width: 30px;
    padding-bottom: 2px;
    padding-left: 4px;
}
/** contenido medio general **/
.general_cont{height: 100%;}
.cont_medio_ancho{max-width: 908px;padding: 0px 30px;margin: 0px auto; position: relative;z-index: 1;}
.cont_medio_ancho2{max-width: 1120px;padding: 0px 10px;margin: 0px auto; position: relative;z-index: 1;}
.cont_medio_ancho3{max-width: 1120px;padding: 0px 0px;margin: 0px auto; position: relative;z-index: 1;}
.cont_medio_full{width: 100%;margin: 0px auto; position: relative;z-index: 1;}
.cont_medio_full2{max-width: 100%;padding: 0px 30px;margin: 0px auto; position: relative;z-index: 1;}
.padding_general_100{padding-bottom: 100px;padding-top: 100px;}
.padding_general_80{padding-bottom: 80px;padding-top: 80px;}
.padding_general_b80{padding-bottom: 80px;}
.margin_b_10{margin-bottom: 10px;}
.margin_b_12{margin-bottom: 12px;}
.margin_b_14{margin-bottom: 14px;}
.margin_b_18{margin-bottom: 18px;}
.margin_b_44{margin-bottom: 44px;}
.margin_b_140{margin-bottom: 140px;}
.medio_cont {
    position: relative;
    overflow: hidden;
    /*margin-bottom: 30px;*/
    padding-bottom: 40px;
    padding-top: 10px;
}
.ho_banner1{
  /*background: url(../../img/img1.jpg);*/height: 100%;/*background-size: cover;*/
}
.ho_banner1_degra{
  width: 100%;
  position: absolute;
  bottom: 0px;right: 0px;left: 0px;height: 210px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(31, 29, 29,0.47) 47%, rgba(31, 29, 29,1) 100%);
}
.sty_2 .ho_banner1{height: 180px;background-position: top center}
.sty_3 .ho_banner1{height: 400px;background-position: top center}
.text_sty1{font-family: 'Barlow';font-size: 50px;color: #51c2c1;text-align: center;margin-bottom: 18px;letter-spacing: 4px;font-weight: 700;}
.text_sty2{font-family: 'Lato';color: #fff;font-size: 22px;text-align: center;margin-bottom: 38px;}
.link_sty1{font-family: 'Barlow';font-size: 18px;color: #fff;text-align: center;background: #51c2c1;display: table;padding: 18px 0px;margin: 0px auto;max-width: 200px;width: 100% }
/* .link_sty1{font-family: 'Barlow';font-size: 24px;color: #000;text-align: center;background: #51c2c1;display: table;padding: 10px 30px;margin: 0px auto;} */
.link_sty1:hover{transition: all 300ms ease-in-out;opacity: 0.8;}
.link_sty2{font-family: 'Barlow';font-size: 24px;color: #000;text-align: center;background: #51c2c1;display: table;padding: 10px 30px 14px;margin: 0px auto;}
.link_sty2:hover{transition: all 300ms ease-in-out;opacity: 0.8;}
.margin_b_70{margin-bottom: 70px;}
.ho_list_servicios{text-align: center;max-width: 1150px;margin: 0px auto;letter-spacing: -0.35em;padding: 50px 0px;}
.ho_list_servicios a{display: inline-block;padding: 0px 5px; margin-bottom: 40px;font-family: 'Barlow';font-size: 25px;color: #51c2c1;width: 33.33%;text-align: left;vertical-align: top;}
.ho_list_servicios a img{display: inline-block;vertical-align: middle;margin-right: 0px;vertical-align: top;}
.ho_list_servicios a div{color: #000;width: calc(100% - 85px);display: inline-block;vertical-align: top;letter-spacing: normal;}
.ho_list_servicios a h3{display: inline-block;vertical-align: middle;color: #000;font-weight: 600;margin-bottom:5px; }
.ho_list_servicios a p{font-size: 16px;line-height: 1.3;}
.ho_list_proyec{margin-bottom: 22px;    background: #f1f1f1;width: 99.99%}
.ho_art_proye_cont{float: left;width: 33.33%;background: #f1f1f1;}
.ho_art_proye{padding-bottom: 144px;display: block;position: relative;color: #202020;}
.ho_art_proye img{width: 100%}
.ho_art_proye_fila1{position: absolute;width: 100%;bottom: 0px;left: 0px;right: 0px;padding: 16px 12px 12px;height: 144px;background: #f1f1f1;}
.ho_art_proye_fila2{font-family: 'Lato'; font-weight: 300;color: #757575;font-size: 14px;margin-bottom: 6px;}
.ho_art_proye_fila3{font-family: 'Barlow';font-size: 20px;margin-bottom: 6px;}
.ho_art_proye_fila4{font-family: 'Frutiger LT Std';font-weight: 300;font-size: 14px;color: #757575;margin-bottom: 6px;}
.ho_art_proye_fila5{font-family: 'Barlow';color: #9c9c9c;font-size: 13px;float: right;}
.ho_art_proye_fila5 span{vertical-align: text-bottom;
    margin-left: 3px;}
.ho_art_proye:hover{color: #fff;background: #51c2c1;transition: all 300ms ease-in-out;}
.ho_art_proye:hover .ho_art_proye_fila1{transition: all 300ms ease-in-out;height: 165px;background: #51c2c1;}
.ho_art_proye:hover .ho_art_proye_fila2, .ho_art_proye:hover .ho_art_proye_fila4, .ho_art_proye:hover .ho_art_proye_fila5{color: #fff;}

.ho_list_clientes{margin-bottom: 22px;   /* background: #f1f1f1;*/}
.ho_art_clientes_cont{float: left;width: 20%;}
.ho_art_clientes_cont:hover{opacity: 0.8;}
.ho_art_clientes_cont img, .ho_art_clientes_cont a{display: block;width: 100%;}
.ho_art_clientes_cont figure{padding-bottom: 100%;position: relative;width: 100%;display: block;overflow: hidden;}
.ho_art_clientes_cont figure img{position: absolute;top: 0px;left: 0px;}

  .listadoslider_fly{width: 100%;position: relative;z-index: 1;}
  .listadoslider_fly .flickity-button{display: none;}
  .listadoslider_fly .ho_art_clientes_cont{padding: 3px;}
  @media(max-width: 700px){
    .listadoslider_fly .ho_art_clientes_cont{width: 33.33%;}
  }

  @media(max-width: 500px){
    .listadoslider_fly .ho_art_clientes_cont{width: 50%;}
  }

/** slider **/
#home_sec{background: #1D1D1B;position: relative;z-index: 1;height: 100vh}
.slider_home{position: relative;height: 100%;background: #1D1D1B;z-index: 1}
.slider_home_item{
    background: #1D1D1B no-repeat center center;height: 582px;    background-attachment: fixed;
    width: 100%;bottom: 0px;height: 100%;bottom: 0px;/*will-change: transform;*/
    -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.cuerpo_slide{text-align: center;margin-bottom: 50px;z-index: 1;position: relative;}
.cuerpo_slide img{display: inline-block;margin-bottom: 8px;}
.cuerpo_slide h3 {
    font-size: 130px;
    color: #fff5e9;
    font-family: 'Barlow';
    line-height: 0.9;
    margin-bottom: 30px;
    text-shadow: 1px 4px 2px #2f2f2f;
}
.cuerpo_slide h4{font-size: 60px;color: #fff5e9;font-family: 'Barlow';margin-bottom: 20px;}

.cuerpo_slide2{position: relative;width: 100%;text-align: center;}
.cuerpo_slide2 a{    font-family: 'Barlow';
    font-size: 24px;
    color: #000;
    text-align: center;
    background: #51c2c1;
    display: table;
    padding: 10px 30px;
    margin: 0px auto;}
#slider_home_page{position: absolute;z-index: 3;bottom: 40px;text-align: center;width: 100%;left: 0px;right: 0px;}
#slider_home_page span {
    background: #fff5e9;
    opacity: 0.5;
    display: inline-block;
    height: 4px;
    width: 50px;
    margin: 0px 3px;
    text-indent: -9999999px;
    overflow: hidden;cursor: pointer;
}

.irviendomas{position: absolute;width: 100%;bottom: 60px;left: 0px;right: 0px;text-align: center;z-index: 2;}
.irviendomas a{font-size: 27px;color: #fff;font-family: 'Barlow';display: inline-block;text-shadow: 2px 3px 2px #2f2f2f;}
.irviendomas a span{display: block;margin-top: 10px;font-size: 23px}

#slider_home_page span.cycle-pager-active{opacity: 1;}
/*** nosotros ***/
.noso_text1{font-size: 83px;color: #51c2c1;font-family: 'Barlow';margin-bottom: 20px;}
.noso_text2{font-family: 'Lato'; font-weight: 300;color: #fff;font-size: 19px;margin-bottom: 30px;line-height: 25px;text-align: justify;}
.noso_text3{font-family: 'Barlow';color: #fff;font-size: 34px;margin-bottom: 30px;}
.noso_table_agenc{display: table;width: 100%;margin-bottom: 60px;}
.noso_table_agenc div{width: 33.33%;display: table-cell;padding: 20px;}
.noso_table_agenc div span{font-family: 'Barlow';font-size: 116px;}
.noso_table_agenc div p{font-family: 'Barlow';font-size: 22px;line-height: 28px;}
.noso_table_agenc div.noso_table_agenc_1{    /* background: #51c2c1; */
    vertical-align: bottom;
    padding-top: 110px;
    color: #e5e038;
    border: 2px solid #e5e038;}
.noso_table_agenc div.noso_table_agenc_2 {
    /* background: #000; */
    vertical-align: top;
    color: #51c2c1;
    border: 2px solid #51c2c1;
}
.noso_table_agenc div.noso_table_agenc_3 {
    /* background: #fff; */
    vertical-align: bottom;
    color: #eb586c;
    border: 2px solid #eb586c;
}
.cuadro_comen{border: 2px solid #fff;border-radius: 10px;margin-bottom: 40px;padding: 16px 20px;position: relative;}
.cuadro_comen_like{position: absolute;top: -10px;right: -10px;}
.cuadro_comen_table{display: table;width: 100%;}
.cuadro_comen_table_col1{width: 70px;padding-right: 14px;display: table-cell;vertical-align: top;}
.cuadro_comen_table_col2{display: table-cell;vertical-align: top;}
.cuadro_comen_table_col1 img{border-radius: 50%;}
.cuadro_comen_table_col2 h3{color: #51c2c1;font-size: 25px;font-family: 'Barlow';margin-bottom: 4px;}
.cuadro_comen_table_col2 h3 span{font-size: 20px}
.cuadro_comen_table_col2 p{font-family: 'Lato';color: #fff;font-size: 18px;line-height: 1.3;font-weight: 300;font-style: italic;}
/*** servicios ***/
.servi_text1{font-size: 83px;color: #51c2c1;font-family: 'Barlow';margin-bottom: 20px;}
.card_serv1{padding: 30px;border: 2px solid #fff;position: relative;min-height: 274px;padding-right: 320px;border-radius: 10px;margin-bottom: 100px;}
.card_serv1.card_serv1_right{padding: 30px;padding-left: 320px;}
.card_serv1:after{content: "";display: block;clear: both;}
.card_serv1 img {
    right: 0px;
    top: -45px;
    max-width: 300px;
    z-index: 3;
    position: absolute;
}
.card_serv1.card_serv1_right img{right: inherit;left: 0px;}
.card_serv1 h2{font-size: 40px;color: #51c2c1;font-family: 'Barlow';margin-bottom: 5px;}
.card_serv1 p{font-family: 'Lato';font-size: 16px;font-weight: 300;line-height: 22px;margin-bottom: 12px;text-align: justify;}
.btn_escri_negro{display: inline-block;background: #01db8f;font-family: 'Barlow';font-size: 24px;color: #000;padding: 8px 18px;}
.btn_escri_negro:hover{opacity: 0.8;}
.btn_escri_negro:after {
    content: "";
    width: 27px;
    height: 27px;
    margin-left: 5px;
    vertical-align: sub;
    display: inline-block;
    background: url(../../img/escr_negro.png);
}
/*** contacto ***/
.contac_text1{font-size: 35px;color: #51c2c1;font-family: 'Barlow';margin-bottom: 15px;text-align: center; }
.contac_text2{font-size: 22px;color: #fff;font-family: 'Barlow';margin-bottom: 28px;text-align: center;line-height: 1.3; }
.contac_text2 a{color: #e5e038;}
.contac_text3{font-size: 30px;color: #fff;font-family: 'Barlow';margin-bottom: 20px;line-height: 54px;text-align: justify;}
.contac_text3 input{width: 264px;border:0px; border-bottom: 2px solid #51c2c1;background: none;height: 35px;    vertical-align: middle;-webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;font-size: 22px;font-family: 'Barlow';padding: 2px 10px;color: #757575;}
.contac_text3 select{-webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;border:0px; border-bottom: 2px solid #51c2c1;background: none;height: 35px;font-size: 22px;font-family: 'Barlow';
    color: #757575;padding: 2px 10px;vertical-align: middle;
  }
.contac_fila1{text-align: right;}
.contac_fila1 .btn_contac_1{font-size: 24px;font-family: 'Barlow';padding: 10px 16px;color: #000;background: #51c2c1;border: 0px;cursor: pointer;}
.contac_fila1 .btn_contac_1:hover{opacity: 0.8;}
/*** detalle de nota ****/
.det_cont_cab{}
.det_cont_cab h1{font-family:'Roboto';font-size: 36px;color: #333;margin-bottom: 8px; }
.det_cont_cab .det_bajada{    font-size: 18px; line-height: 24px; color: #777;margin-bottom: 10px;}
.det_cont_cab{}
.det_cont_cab{}
.det_cont_cab{}
.det_cont_cab{}
.det_cont_cab{}
.det_cont_cab .det_cont_cab_fila1{margin-bottom: 10px;}
.det_cont_cab .det_cont_cab_fila1:after{content: "";display: block;clear: both;}
.det_cont_cab .det_breadcrumb{float: left;font-size: 16px;}
.det_cont_cab .det_breadcrumb a{color: #666;font-weight: 700;transition: all 300ms ease-in-out;}
.det_cont_cab .det_breadcrumb a:hover{opacity: 0.8;}
.det_cont_cab .det_breadcrumb span{font-size: 11px;vertical-align: middle;margin: 0px 8px}
.det_cont_cab .det_fecha{float: right;color: #666;font-size: 16px;}
.det_cont_medio{display: block;position: relative;}
.det_cont_medio:after{display: block;content: "";clear: both;}
.det_cont_col1 {
    width: 100%;
    float: left;
    margin-right: -310px;
    padding-right: 310px;
}
.det_cont_col2 {
    width: 300px;
    float: left;
    margin-left: 10px;
}
.det_img_prin{width: 100%;margin-bottom: 10px;}
.det_img_prin img{width: 100%;display: block;}
.det_img_prin figcaption {
    background: #ccc;
    margin: 0px;
    padding: 8px;
    text-align: left;
    font-size: 15px;
}
.det_cont_parra_styge{margin-bottom: 16px;}
.det_cont_parra_styge p {
    line-height: 27px;
    font-size: 18px;
    margin-bottom: 16px;
    color: #333;
    text-align: inherit;
}
.det_cont_parra_styge a{color: #666;text-decoration: underline;}
.det_cont_parra_styge strong, .det_cont_parra_styge b{font-weight: 700;}
.det_cont_youtu{margin-bottom: 16px;}
.det_cont_desc_nota{margin-bottom: 40px;}
.det_cont_comment{padding-bottom: 30px;}
.det_cont_comment .det_titu_comment {
    margin-bottom: 15px;
    font-size: 24px;
    color: #333;
    font-weight: 700;
}
.det_cont_comment .det_titu_comment:after {
    display: inline-block;content: ""
}
.iframevideo {
    position: relative;
    padding-bottom: 58.4%;
    height: 0;
    margin-bottom: 16px;
}
.iframevideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cont_medio_ancho.porta_detalle{width: 860px;overflow: initial}
.porta_detalle .servi_text1 {
    font-size: 48px;
    margin-bottom: 20px;
    text-align: left;
}
.porta_detalle h2{font-size: 35px;margin-bottom: 10px;color: #51c2c1;    font-family: 'Barlow';padding-top: 10px}
.porta_detalle p{margin-bottom: 13px;    font-family: 'Lato';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
   }
.porta_detalle p strong, .porta_detalle strong, .porta_detalle p b, .porta_detalle b{font-weight: bold;}
.porta_detalle p i, .porta_detalle i{font-style: italic;}
.porta_detalle img{display: block;margin: 0px auto;margin-bottom: 12px;}
.porta_detalle iframe{max-width: 100%;}
.porta_detalle .videoface{position: relative;
  padding-bottom: 83.8%;
  height: 0;    margin-bottom: 13px;}
.porta_detalle .videoface iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.porta_detalle .link_sty1 {margin-top: 20px;}
.slider_proyectos{position: relative;z-index: 1;margin-bottom: 15px;}

.errorjps{    border-bottom: 2px solid red !important;}
.alerta-envio {
    font-size: 18px;
    padding: 20px 20px;
    text-align: center;
    line-height: 1.3;
    /* padding-top: 0; */
    background: #000;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    width: 314px;
    border-radius: 8px;
}
.wow{visibility: hidden;}

/** cycle jquery **/
.slides-container{position: relative;z-index: 1;}
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 100%; min-width: 200px; margin: 0px auto; padding: 0; position: relative;
    background: url(../../img/spinner.gif) 50% 50% no-repeat;z-index: 1;
 }
 /*.cycle-slideshow{position: absolute;top: 0px;right: 0px;left: 0px;}*/
.cycle-slideshow .itemslide{width: 100%;}
/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: relative; top: 0; left: 0;
    width: 100%; padding: 0; display: block;height: auto;
}
/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
/* pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    /* top: 15px; */
    overflow: hidden;
    /* right: 15px; */
    bottom: 2%;
}
.cycle-pager span {
    font-family: arial;
    font-size: 10px;
    width: 18px;
    height: 12px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    line-height: 18px;
    margin-bottom: 7px;
    /* border-radius: 16px; */
    /* border: 1px solid #fff; */
    /* padding: 2px 2px; */
    text-align: center;
    background: #fff;
    margin: 0px 2px;
        -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
}
.cycle-pager span.cycle-pager-active { color: #00aeef;background: #00aeef;}
.cycle-pager > * { cursor: pointer;}
/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }
/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}
/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 60px; opacity: 1; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;    font-size: 40px;  text-align: center; }
.cycle-prev span, .cycle-next span {
    transform: translateX(0%) translateY(-50%);
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    line-height: 0.6;
}
.cycle-prev { left: -60px;  /*background: url(https://malsup.github.com/images/left.png) 50% 50% no-repeat;*/}
.cycle-next { right: -60px; /*background: url(https://malsup.github.com/images/right.png) 50% 50% no-repeat;*/}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
.disabled { opacity: .5; filter:alpha(opacity=50); }
/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}
/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
   /* .cycle-slideshow { width: 200px;}*/
   .cycle-pager{display: none;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

.fondo-alerta-envio{background:rgba(0, 0, 0, 0.56);position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;width: 100%;height: 100%;z-index: 10}
#contac_gracias{background: #fff5e9;font-weight: 300;color: #1d1d1b;font-size: 17px;padding: 25px;text-align: center;}
#contac_gracias h2{font-weight: 500;margin-bottom: 12px;}
#contac_gracias p{margin-bottom: 8px;}
#contac_gracias button{    background: #d5b372;
    width: 180px;
    height: 35px;
    display: block;
    margin: 0px auto;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    border: 0px;margin-top: 12px;
}





  .event_blo2{position: relative;overflow: hidden;/*background: url(../../img/formulario.jpg) no-repeat center bottom;background-size: cover;*/ }
.event_blo2_m{max-width: 600px;padding: 0px 0px;margin: 0px auto;}


.event_form_imput {padding-bottom: 15px;}
.event_form_imput input{width: 100%;border: 0px;height: 40px;border-radius: 5px;font-size: 16px;}
.event_form_imput textarea{width: 100%;height: 100px;font-family: 'Roboto',sans-serif;border-radius: 5px;font-size: 16px;padding: 10px; }

.event_form_btn button {
    max-width: 150px;
    display: block;
    width: 100%;
    height: 45px;
    border: 0px;
    margin: 0px auto;
    background: #eb586c;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    float: right;
}
.event_form_btn button:hover{opacity: 0.7;}

  @media(max-width: 540px){
    .event_blo2_m h1{    font-size: 30px;}
  }


.whatsapp-button {
    cursor: pointer;
    position: fixed;
    width: 60px;
    height: 60px;
    background: #25d366;
    background: -webkit-gradient(linear,left bottom,left top,from(#25d366),to(#a8ff63));
    background: -webkit-linear-gradient(bottom,#25d366 0,#a8ff63 100%);
    background: -o-linear-gradient(bottom,#25d366 0,#a8ff63 100%);
    background: linear-gradient(0deg,#25d366 0,#a8ff63 100%);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 40px;
    padding-bottom: 3px;
    padding-left: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    color: #fff;
    padding-top: 7px
}

.whatsapp-button:hover {
    color: #fff;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.4);
    box-shadow: 0 5px 20px rgba(0,0,0,.4);
    text-decoration: none
}
@media(max-width: 1000px){

}

@media(max-width: 860px){
.cont_medio_ancho.porta_detalle{width: 100%;}
  .cycle-prev { left: 0}
.cycle-next { right: 0}
}
@media(max-width: 850px){
.cuerpo_slide h3 { font-size: 80px;margin-bottom: 10px;}
.cuerpo_slide h4 {  font-size: 40px;}
}


@media(max-width: 700px){
.cont_medio_full2, .cont_medio_ancho{    padding-left: 12px;padding-right: 12px}


.list_servicios .card_serv1{padding-right: 30px;margin-bottom: 40px}
.card_serv1.card_serv1_right{padding-left: 30px}
.list_servicios .card_serv1 img {
    right: 0px;
    top: -45px;
    max-width: 300px;
    z-index: 3;
    position: relative;
    display: block;
    margin: 0px auto;width: 100%;
}

}

@media(max-width: 620px){
  .ho_art_proye_cont{width: 50%;}
  .ho_art_clientes_cont{width: 25%;}

.noso_table_agenc div{width: 100%;display: block;padding: 20px;}
.noso_table_agenc div.noso_table_agenc_1{vertical-align: bottom;padding-top: 20px;}
.noso_table_agenc div.noso_table_agenc_2{vertical-align: top;}
.noso_table_agenc div.noso_table_agenc_3{vertical-align: bottom;}

.ho_list_servicios{letter-spacing: -0.35em;}
.ho_list_servicios a{letter-spacing: normal;width: 50%;margin: 0px;margin-bottom: 30px;    vertical-align: text-top;}
.ho_list_servicios a h3 {
    display: block;
    vertical-align: middle;
    padding-top: 10px;
}
.ho_list_servicios a img{margin: 0px;}

}
@media(max-width: 430px){
  /*.cont_cabe{background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(162, 162, 162, 0.47) 47%, rgb(210, 210, 210) 100%);}*/
 .sty_2 .ho_banner1{height: 120px;    background-size: cover;} 
 .sty_3 .ho_banner1{height: 180px;    background-size: cover;} 
.slider_home_item{background-attachment: inherit;}
.alerta-envio{font-size: 18px; width: 90%;}



}
@media(max-width: 420px){
.noso_table_agenc div span{font-size: 80px;}


  .servi_text1, .contac_text1, .noso_text1{font-size: 52px;margin-bottom: 10px;}
  .list_servicios{padding-top: 22px;}
  .text_sty2, .contac_text2{    line-height: 1.2;
    font-weight: 400;font-size: 20px}

  .contac_text3 { font-size: 20px; line-height: 1.4;}  
  .contac_text3 input{    height: 30px;font-size: 18px;width: 230px;}
  .contac_text3 select{height: 30px;font-size: 18px;}
  .contac_fila1{text-align: center;    }
  .contac_fila1 .btn_contac_1{padding: 12px 14px 14px;font-size: 20px}
  .cuerpo_slide h3 { font-size: 50px;}
  .cuerpo_slide h4 { font-size: 25px;}
  .irviendomas{    bottom: 80px;}
  .irviendomas a {  font-size: 18px;}

  .header_smar_logo .cont_cabe_logo { max-width: 170px;padding: 0px;}

  .menu_smarp_listredes {
    text-align: center;
    right: 0px;
    left: 0px;
    width: 100%;
    }
  .menu_smarp_listredes a{display: inline-block;margin: 0px 8px;}
  .menu_smarp_links a{font-size: 45px;}

  .cont_cabe_logo {
    padding: 0px;
    padding-top: 10px;
    width: 120px;
  }

  .cont_cabe_izq {  padding-top: 10px;}
.cont_cabe_menu.icon-menu {
    position: relative;
    padding: 0;
    font-size: 26px;
    width: 54px;
    height: 54px;
}
.cont_cabe_menu.icon-menu:before{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);}

.list_servicios .card_serv1 img {
    right: 0px;
    top: 0px;
    max-width: 200px;
    z-index: 3;
    position: relative;
    display: block;
    margin: 0px auto;
    width: 100%;
    /* max-width: 300px; */
    margin-top: -45px;
    margin-bottom: 10px;
}

  .cycle-prev , .cycle-next {    width: 40px;font-size: 30px;}
  .cycle-prev span, .cycle-next span {}
  .cycle-prev { left: 0}
.cycle-next { right: 0}
.port_parramovil{text-align: justify !important;}


.slider_proyectos{margin-left: 40px;    margin-right: 40px;}
.cycle-next {  right: -40px;}
.cycle-prev {  left: -40px;}

}

@media(max-width: 340px){
  .foo_general_col1 {
    float: inherit;
    text-align: center;
    margin-bottom: 15px;
  }
  .foo_general_col2 {
    float: inherit;
    text-align: center;
    margin-bottom: 40px;
  }
}