/* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }/*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}.mejs-offscreen{ /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ position: absolute !important; top: -10000px; left: -10000px; overflow: hidden; width: 1px; height: 1px; } .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .mejs-container:focus { outline: none; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain ; background-position: 50% 50% ; background-repeat: no-repeat ; } :root .mejs-poster img { display: none ; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIGlkPSJiaWdwbGF5IiB2aWV3Qm94PSIwIDAgMTAwIDIwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIgoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIyMDBweCIKPgoJPGcgaWQ9ImRhcmsiPgoJCTxwYXRoIGlkPSJQb2x5Z29uIiAgZD0iTSA3Mi41IDQ5LjUgTCAzOC43NSA2OC45ODU2IEwgMzguNzUgMzAuMDE0NCBMIDcyLjUgNDkuNSBaIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjc1IiAvPgoJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDEzIDUwLjUgQyAxMyAyOS43ODkxIDI5Ljc4OTEgMTMgNTAuNSAxMyBDIDcxLjIxMDkgMTMgODggMjkuNzg5MSA4OCA1MC41IEMgODggNzEuMjEwOSA3MS4yMTA5IDg4IDUwLjUgODggQyAyOS43ODkxIDg4IDEzIDcxLjIxMDkgMTMgNTAuNSBaIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIgb3BhY2l0eT0iMC43NSIvPgoJPC9nPgoJPGcgaWQ9ImxpZ2h0Ij4KCQk8cGF0aCBpZD0iUG9seWdvbjIiICBkPSJNIDcyLjUgMTQ5LjUgTCAzOC43NSAxNjguOTg1NiBMIDM4Ljc1IDEzMC4wMTQ0IEwgNzIuNSAxNDkuNSBaIiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIxLjAiIC8+CgkJPHBhdGggaWQ9IkVsbGlwc2UyIiBkPSJNIDEzIDE1MC41IEMgMTMgMTI5Ljc4OTEgMjkuNzg5MSAxMTMgNTAuNSAxMTMgQyA3MS4yMTA5IDExMyA4OCAxMjkuNzg5MSA4OCAxNTAuNSBDIDg4IDE3MS4yMTEgNzEuMjEwOSAxODggNTAuNSAxODggQyAyOS43ODkxIDE4OCAxMyAxNzEuMjExIDEzIDE1MC41IFoiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSJub25lIiBvcGFjaXR5PSIxLjAiLz4KCTwvZz4KPC9zdmc+) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADICAMAAAAp4rTzAAAAA3NCSVQICAjb4U/gAAAA0lBMVEX////MzMwAAADMzMwAAADMzMwAAADW1tbMzMwaGhoQEBAHBwcAAADe3t7W1tZaWlpRUVFKSkpBQUE5OTkzMzMpKSkhISEaGhrm5ube3t58fHxzc3Nra2tmZmZaWlpRUVHv7+/m5uaZmZmUlJSMjIyEhIR8fHzv7+/m5ua1tbWtra2kpKSZmZn39/fv7+/MzMzFxcW+vr61tbX39/fW1tbMzMzFxcX39/fe3t7W1tb////39/fm5ube3t7////39/fv7+/m5ub////39/f////39/eUP7RQAAAARnRSTlMAEREiIjMzREREREREVVVVVVVVVVVVVVVmZmZmZmZmZnd3d3d3d3eIiIiIiIiZmZmZmZmqqqqqu7u7zMzMzN3d3d3u7v//HUUrOgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTkvMTAtc7sxAAAJ4klEQVR4nO2ae1sauRrAbUWW5TJHQaqsl122rZzqyooIiFAWZ8bv/5VOLm+SNzNJJhkGn7PPY/5qaSa/vPfkTQ8OPsbHcI7PubF/QtUcvl4tNyrkIEIdDcSpBJFdXyftjNEQ7cyoBgMII0HnlMYgBFuwezdbbxM60iTZrmdf+5JTGqMjfpttkzQzku38SseUFoOscjzZZgEw4u3kmGNKCIMR10sswxtV1xuWZ3mNMYEMjuhJxFuynt1eMEP0L4l9JDqZdQUmgIIYj7BUvJ5cNHXPal3MtyBS8hhMAQb57nIr9nqiua3kXM1gE6/cNN4UyWiCGNvbHooKOfhv3QmflPxoBlAUY8m/vtUANS2L0X85g70s/SmScbbmn/a1DIKHxHR/sqnP3hTB6DNG8lcuSYkhOWRC8wcT5mdfUPwYTc64zCYofdRkMF0xyvrMh0I/VIztiTRGPtlKDKecMEf82WIUt8JAkOYzc8s+cqiaKaAxpscoT61CUYSyJkyOvu60xrTxWQVun1FuCxXGPiAxmCCGKormHKgoJ/SzhGQyJ0QIQreUnIisB0q3plqhsnb7glJeC0QBqzNl3fG5HNL+e3bqxMBObpXCbBAQhEm9bGmQOQ98m2mEClo0KpO+SxQQhHpW0pLBy6w0p0b6ZhdGUI7pBp8cosBEFlZ3kqEgJG9cWzGC8shtbxUFBKFpcXsGLiKCcw4pf66ZRvuY74Y5jV0U2Mt1gp09A0mlaQwJgItCbZ90baIgxSSnwtdzEJKfLswY+L5LN/loixVYjs6ZqASUhxDTGN1Z7GdG1W3RF4h7QwXpqY2YIMQ0JncGUU5iMuPKrC+YQvexRjFrhBCMwZ1xvngw6wtW2yJtHdghZCd5d0ZzX436QtH+9jvahhVCHDVjGuHFV1TSLyZ9wYS7lEV73QeSJhP9vC2KEfWdbyZ95UyiFG2F5DINGOWV/MvcAaFVd+YPyZqmJnPGswUi7H4XAiF7VqapqbpqjBQUihd4E8UQnGk45Cv58R835K0fCCE6+4aqKLiXG5Jo5dMLQkzwH6CwWv+2H0ia/N2WkH7ihtD5u0M8JGkF2ySjrq4HpLer4a/TQsjbza4u/K0AQoPxdtdgpIcJWzC+S1qhkKe0ggRJ1eFKkDTVb5u7pHpyjHSnel60tHN5YNGicy9T61G1uvJLa5K5/OIZux0kWlaTSKN8pyugIh92JGKhSOI9vnQciertX8U+ShzuaoWHO3wDSs7kRsodU384jqk1cfETFbjEgZtt8tR+4FZXh38sp3r31YFOPKV7nNm0JUWhxRPfHcIuQQ90K8fOSxBzQSoKuWGUv845BJGi0OrJElw9+GL6K02wpCBZBdEvS+Wu2I9K1a57vGoWXIQ3C1gnA+cLM4S7CLsAQ0uiLrsehW2PHnzmZOgX5eAGDm9G/VncixKUJ0ZR7a66sRWldbw4Y+bXVavJtkS67SlKUVONt+6WXv1BYRbe5kxkw9/aHqxzxg1jPMvockKkKGesQ5o8ttC7Qi0DUI1O3rWFdmohA7U6n3nS7Ra3bK+gu9v0UpZOeeJJcaI6w9nB2tJf5jGb+NDyZ6BW/R10yB96hi56HdroDzDpLoSBKddrSPHLm8yTAx/NG/HwAeeK8GeHunoTIO48u8gQzr7PxANR8qdIO94M7QGlKx4vyFLr5ePXy+6X1unVX5MlfqRplmDoz03HCkNX5O9z6Id5z1ItfSifZRj0bl9zT3NCuNtu256g/YVhbnQ9X+c4yXpyjUI1HCGFkZh26/v8+ZW/Zibb1+f597O2jijB0DF1kwfraa0UAmHMHFwCyiMOVMlQ9VEbVSB0zv4e/SVmv/99AXHyozqCjVM14WN8jI/xMf6l41Nu7J9QNYevd5gbFXIQ4QgNxKkEkV1fJ+2M0RCNzKgGAwgjQeeUxiAEWzAaTVebmI40jjer6TCSnNIYHXE+3cTZA3e8mQ50TGkxyCqd8cZ8cyCccYdjSgiDEYOFJgNVl/b3xQBjAhkcESlEvJqOzpkhonNiH/X7NBKYAApijGGp+GV8nnUtYieBGQdTgEE1tRF77WhuK/88mMImNtw03hTFADE2owhFhRz8twgmxaMQimIs1NcKcKhlMYxZ+FMkI1rxTyMtg+AhMZ1VIEVncDG0JCWG5NAZIybMKhIUP0bjhTEGmJEvWYcqmAIo9EP20Qq5jDnZSgxkBeaIK64xt8KEIMzmmwg51KEpoDEmYpRpsSiCMc4xbGnjkwpcThkVUtgHoGDBUEXRnAMVpRODGZ0QIQjdUtwRWQ+Ubk21QmUkz7DNFYgCVr9HYnNI417lQCMGdjJSX9ogIAiTWgQWQKYibZhNIx2fOmUcuUQBQahnxSp4mZWmVA9DuzCCwjY4dYgCE5nVpY8gCBFvYMVgvyS2t4qCBGGeBSHOfpzmylNGZ2I3zGnsolgE0SAyo+eFEaKMnFZBiomFIAc5SJq+nJsx8H1ENzm2xQosJ+ZAAspDIPvnMHg/G4u+QNyhJogZQkxjcmcQhTmYxfRIWy8oZo0QgjG4M84X92Z9wWobpK0DO4TsJO/OhfrC0Y5TnBVCHDVjGuHFA6t/wYQRj/YjH4g8bamqeSh9Z2jSFzLJCovqguQyDTLK1AFZpZl4dUPIjjTTqLK6sEDEJkYhEM00hyp/GS2PQvEcb6IYgjMNhww9IFEghLjzEFVRcC83RHMuPwgxQQcorKjsCZLG9w0JiWI3hM7fHeIlSahNSqjrPQyvZ4SyLuyC7D0Y3yWtvFuCHKWZw2xwqm8UpXpetOIdipZ0LvOh6D3KL55RwUHCaBJpFObjSF9hRyKprXPHkeio8Qs+ywYe7g4LD3f4BoTMVu6YOnIcU+UBUAR9iQP32O5bB+osu8ChEnR1ELXEdQtCZ7PylyCm7Y7zEqSuc7J/UfF1TjPdQs+snhfTX16cFsFT0UU58Io9TtOiK7beLDgPbxawq+CqsFnwSU2GlsSR7HoUtj2iuMDquiilGji8GfVHcS8K5wbc7jK3orSOV8e3FWVoeDVsuso01XjrbuHVH5SRy1uQxe3BI84Y6gzPJiRQxrJf62x0jgWjuDmoUaAtvPJo2Q6yLdsiBqLwhBWPFSY7eI8bWun3AQzU4h5Bh/xevflkCY3Ofa6N7sHQHgReIMUvhg3jGIqHDzjkhT87HDXU00a6mWafNqKhetqQCdqboVE64vGCvqEsxsNBFDWiwX/Hixf0SNMowdCfmxAmZa9N+oOTvVr6UD7JMIhG+ac5IKxGrhrgLwwPhelLjhOvxrs9AUphDpW3DqeLDX/NjDebRSWPmTrmyOzCjjoTjDFzcAkojzhQJUPVR21UgdA5+3v0l5j9/vcFxMmP6gg2TtWEj/Ex/l/H/wCKgxtJ/pulSgAAAABJRU5ErkJggg==); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px ; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(data:image/gif;base64,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) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(images/controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAgCAMAAADKUgH/AAAAA3NCSVQICAjb4U/gAAAB+1BMVEX////+/v77+/v6+vr5+fn4+Pj39/f29vb19fX09PTy8vLx8fHw8PDv7+/u7u7t7e3s7Ozr6+vq6urp6eno6Ojm5ubk5OTj4+Pi4uLh4eHg4ODf39/e3t7c3Nzb29va2trZ2dnX19fW1tbT09PS0tLR0dHQ0NDOzs7Nzc3Ly8vGxsbFxcXExMTDw8PCwsLBwcHAwMC/v7+9vb24uLi3t7e2tra0tLSysrKvr6+urq6tra2srKyrq6uoqLenp6elpaWkpKSioqKgoKCenqyfn5+dnZ2cnJybm5uampqZmZmXl5eVlZWUlJSUlKGTk5OSkpKPj4+Ojo6MjIyLi4uKioqJiYmJiZWHh4eGhoaEhISDg4OCgoKBgYGAgIB5eXl4eHh3d3d1dYBycnJwcHBubm5tbXdpaXNpaWlnZ2dkZGRjY2NgYGBfX19eXl5dXV1cXFxaWlpYWFhWVlZVVVVTU1NSUlJRUVFPT09OTk5NTU1MTExLS0tKSkpJSUlHR0dGRkZERERDQ0NCQkJAQEA/Pz8+Pj47Ozs5OTk3Nzc2NjY1NTU1NTkzMzMyMjIxMTEwMDAsLCwrKysqKioqKi4pKSkoKCgnJychISEgICAgICIfHx8eHh4dHR0cHBwaGhoZGRkYGBgVFRcVFRUSEhIREREQEBAPDw8LCwsAAAD8LSgfAAAAqXRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8A+297FgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMy8xMqzAOnkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEAUlEQVRYhdVWCVsTVxQNJpqqGKONRCMRk0jjVrDuW1RIiIoo1SpIClq1JihGcUFZVNSAG264Aq5Ug/dn+u57d+5MwuQrtfMVer4v797z3p07J2+2Y4MpBttkC5Bo46GgoKGfOLUJVANUYySqA/QFGPq78/p8BRZcMYCYiwX52sZVdM6zc26322sw1ogEqbFOks1qIeZ6SrNv7qRbU61dL/U/ZNBvnNDaOBzxuMPBgux2fzpXz29Op5OJ07lHJXvkpNNYiGTEPR0XRvzT3CM4N9Z/KXUs0Zg4lrr6V25b2iE7Q1uYKcGCfhAIXNAWkc0W4Daza7WsFifF7/NboAEn4o4VNRizKxxxrLpnKyLYroIZZjKQtS8sZixsl4IUCbWrcsznCvDx+yAnnQtta9Ztz8gBsMozo1/V9M/wiHHwVtEjQlH6bv7uIOYwJK1zu92V169XilCndmgeIXwRiHkETP8cnh8CnyBzG4cMYJV+dWX2tEcX1NoDJvfQjwx1WL3HcwPghsdTD0rQAsZWYiUChQSVvA+LUQ6CyCugXwsU1KkLSnWa7VAJQ/GDXu9NgJte70EStIiw8jIQWyzAxx+CnHQxBB5kO57LAbCqZFa3Wu2ehWcYNO7QHbO/VMpQTcXJNvT2bhDhkBLkl6i8osoxLxPg48uOaNkRnCyD3m3rqx7IAXCitnj1GK6OrS6Wt/8t/aZOf8lRQru0lIGsI7yEEe6QggICa3MeiKPBYJBJMHiUZ5EaC5G89bkqxL3SU+Hy4YMHn7tSLfWxXbH6lrMfkI+7h0IMrU1AQqZYsmzZumt5u3ptVTnn5eXlCYwJkSA11knyrNQtUfqMZgcv4Xvo7MO8ptoOhRnaQijU1ETyUNDGrvwjAV7v4HS5QDNAM0aiOmTFuwP++fP9B96NbzNBVGD/ChY0+ejmYYoIMuD/JKgv/eq/08EghwN6UBB+KNO8RXtsqnkwQTIigMmoVYLIBxjsAPmh1i2KxaVVUa7IBCeUoGR02CJBZH4MHgj9UN/FIfBKtld9rdgX5WE0KgWN7o9ELdgjFETmh4LmhzKNO7Mb8f29z+Vy0XqtWYtkpOE07tDXhkhS9eRPx3cKIvNDQfdDVbd/PTWBFtHIC5BKXkSickL/uH6nIDI/FHQ/1HLuj+MTaKHuaEP2rwWRMaGg+6Hfzx/+c1IEkfmhoPuhTY+rzkygRTQyoJIBqy4ZmR8Kmh/qi1fBLxlAF8QLh81aiJv6K0brbmoyPwYPhH7oSU8WirPEMAQCjaYtxGPfIPZooMGyx175HC1IKD90crdiCbkQairQYxhfRAKWvRjJ1mjuRgL90PGfNdbMgylGk0JSNGnZp6MQ7n+04gz/EFPOfnwDzhnRIkQEkOIAAAAASUVORK5CYII=); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 10px 3px 0 3px ; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; vertical-align: middle; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align:center; line-height: 20px; font-size: 16px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text { padding: 3px 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(50,50,50,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(50,50,50,0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* Start: Speed */ div.mejs-speed-button { width: 46px !important; position: relative; } .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } .mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255,255,255,.4) !important; } /* End: Speed */ /* Start: Jump Forward */ .mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAA+RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjE8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjIwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxkYzpzdWJqZWN0PgogICAgICAgICAgICA8cmRmOkJhZy8+CiAgICAgICAgIDwvZGM6c3ViamVjdD4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuMjwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KlcvhGwAAAdBJREFUOBGllLtKA1EQhrPGCNY2ihqJhYKxMRcDVhbiA1jkJcQIvoFYiSD4EFpY2JtGRCu1005MAirYKN5Q8JL4/ck5kN1Nslkc+DJzzlx2c87MRiIBUqvV5mAd+hSK3oGZgLT2bpLnQXIJGTiGb9iA+kPaZxsPgVHIwSZcg5UfjFe7QF/BbMeCBKRhF16gG3kjaKplURx5uGuqorc7alp/Yj82rU+wJzoVezbBFfQqxGHB7J2iJ0Fn+A4FcNoVS+G0b6bEaRuInYVlqCejdeMJ6/dpnDHQmUnKkFQQuvXTfRU8GyTqNnVzVSh43OGXFFFrSG5gNHwFd0Yvy0WzdYZ+cLuDV7yEjiYOA/Chs7I3uxWc7o8gX0OgO1DTP/X4Q0LvVMn4gqhQwTJIRnhCrGGG+lWhfpNRUsFDs9BMDho7jBoiOGMSijrDf7UN+SugltNM51QwdGOTY6cmiV0GyR40jgzDO3r1aen0v8lRMY2pRGObcsWzoS+NbaEKtj4OY6BerYtssyefYiTKydsY17waxzbOYRNQQp/DrVlrkrIwbtb36DXHcfbN2q8o2s0HVh9fnVnaW8H1htZJoHpLrbAEGs0ESNSzRTiAC97sF+2SP6L+TT7+t5zpAAAAAElFTkSuQmCC) no-repeat; background-position: 3px 3px; } .mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Jump Forward */ /* Start: Skip Back */ .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(data:image/png;base64,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TUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MTwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPHRpZmY6Q29tcHJlc3Npb24+NTwvdGlmZjpDb21wcmVzc2lvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjA8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjIyPC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGRjOnN1YmplY3Q+CiAgICAgICAgICAgIDxyZGY6QmFnLz4KICAgICAgICAgPC9kYzpzdWJqZWN0PgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNC0wNy0zMVQxNDowNzo3MzwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+UGl4ZWxtYXRvciAzLjI8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cpunxb8AAAHMSURBVDgRpZS7SkNBEIY98QK+gaIxxELF2JjEBKwsJA9gkZcQFXyDYBUEwYfQwsJeGxGt1E470QRUsFHiBQQvid8fZglHs8GDA19mLzP/bvbMbleXxxqNxjRsahrfByWY9YT7hy15Df8Bh5CFc5DN+TPbzJCQgwtlmj3jP10HfwllyEN3G4nWEAGT8AJ/sSeCtiDTUmjTImAMjsDZA40318EfgHbp7JZGsY1Ua4iAAJbhFXSG43AMsnkYgRWogqwGnUUlT1ASStbWIosw45amPQVuIe007eYie5IDWyhFuwIynWlvZLGfCYjoeOqgisj/nI/cRyQOVyArx/iZgDQkoPlXIqreE39iOQUd/iOoeHUGnYvVsxJ56yCrxYiRiHiHOvzLJHhtCv34yDtkV/qyw6ZRkeC+dbL4QWtHcQME5yxhT2eoi647rE+/FEVJseSEy4aBXtgGWQVSFuj94sR0LmwCVDa6PjJdp6Zop90qxmJxzdzw1WOwCLrosiroAUhAjxNW28a8j0PobxGsV2MDhkxEFXAKN9aP4/VAjFr/Dr8aBMGO9X87RDOgM9Uj6jPvAxvaoZNHRfWoMlqAAiRBVgGV2S6csbMvfMi+AaMLVYXh1sqKAAAAAElFTkSuQmCC) no-repeat; background-position: 3px 3px; } .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Skip Back */ @charset "UTF-8"; /* =========================== CONTEÚDO: * Configurações iniciais * Ferramentas * Genérico * Base * Layout * Componentes * Seções * Páginas * Outros =========================== */ /* * Configurações iniciais */ /*------------------------------------*\ #GLOBAL VARS \*------------------------------------*/ /*------------------------------------*\ #COLORS \*------------------------------------*/ /* * Ferramentas */ /*------------------------------------*\ #MIXINS \*------------------------------------*/ /* * Genérico */ /*------------------------------------*\ #BOX SIZING \*------------------------------------*/ *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*------------------------------------*\ #NORMALIZE \*------------------------------------*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Base */ /*------------------------------------*\ #PAGE \*------------------------------------*/ html, body { margin: 0; padding: 0; height: 100%; overflow-x: hidden; } body { background: #fff; color: #4a4a4a; overflow-x: hidden; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } ::selection { color: #fff; background: #000; /* WebKit/Blink Browsers */ } ::-moz-selection { color: #fff; background: #000; /* Gecko Browsers */ } /*------------------------------------*\ #WRAPPERS \*------------------------------------*/ /*------------------------------------*\ #GRID \*------------------------------------*/ .container { max-width: 1280px; position: relative; margin: 0 auto; padding: 0 20px; } @media (min-width: 1360px) { .container { max-width: 1920px; padding: 0 80px; } } .full { width: 100%; max-width: 1580px; } .half { float: left; width: 50%; } @media (min-width: 1025px) { .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 { float: left; padding-left: 10px; padding-right: 10px; } .large-1 { width: 8.33333333333%; } .large-2 { width: 16.6666666667%; } .large-3 { width: 25.0%; } .large-4 { width: 33.3333333333%; } .large-5 { width: 41.6666666667%; } .large-6 { width: 50.0%; } .large-7 { width: 58.3333333333%; } .large-8 { width: 66.6666666667%; } .large-9 { width: 75.0%; } .large-10 { width: 83.3333333333%; } .large-11 { width: 91.6666666667%; } .large-12 { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .medium-1, .medium-2, .medium-1-of-3, .medium-3, .medium-4, .medium-5, .medium-2-of-3, .medium-6, .medium-7, .medium-8 { float: left; padding-left: 10px; padding-right: 10px; } .medium-1 { width: 12.5%; } .medium-2 { width: 25%; } .medium-1-of-3 { width: 33.33%; } .medium-3 { width: 37.5%; } .medium-4 { width: 50%; } .medium-5 { width: 62.5%; } .medium-2-of-3 { width: 66.66%; } .medium-6 { width: 75%; } .medium-7 { width: 87.5%; } .medium-8 { width: 100%; } } @media (max-width: 767px) { .small-1, .small-1-of-3, .small-2, .small-2-of-3, .small-3, .small-4 { float: left; padding-left: 10px; padding-right: 10px; } .small-1 { width: 25%; } .small-1-of-3 { width: 33.33%; } .small-2 { width: 50%; } .small-2-of-3 { width: 66.66%; } .small-3 { width: 75%; } .small-4 { width: 100%; } } @media (max-width: 374px) { .x-small-1 { float: left; width: 50%; } .x-small-2 { width: 100%; } } .alpha { padding-left: 0; } .omega { padding-right: 0; } /*------------------------------------*\ #TYPE \*------------------------------------*/ h1, h2 { margin: 0; } .text-white { color: #fff; } .text-white h3 { color: rgba(255, 255, 255, 0.5); } .page-title { color: #24dbec; font-family: Lato; font-size: 36px; font-weight: 400; text-transform: uppercase; margin: 0; } @media (min-width: 1025px) { .page-title { font-size: 85px; } } @media (min-width: 768px) and (max-width: 1024px) { .page-title { font-size: 64px; } } .main-header .page-title, .main-footer .page-title { font-size: 36px; } @media (min-width: 768px) { .main-header .page-title, .main-footer .page-title { font-size: 64px; } } .main-footer .page-title { font-weight: 300; font-style: italic; text-transform: none; margin-bottom: 40px; } .main-footer .page-title span { font-weight: 700; } .contato .page-title { font-weight: 300; color: inherit; } .contato .page-title span { font-weight: 700; } @media (max-width: 767px) { .contato .page-title { font-size: 40px; text-align: center; } } @media (min-width: 1025px) { .contato .page-title { font-size: 72px; } } .page-description { font-size: 18px; line-height: 1.45; } @media (min-width: 768px) { .page-description { font-size: 22px; } } .section-title { color: #4a4a4a; font-size: 34px; line-height: 1; font-weight: 300; font-style: italic; text-align: center; margin-top: 40px; margin-bottom: 40px; padding-bottom: 45px; } @media (min-width: 768px) and (max-width: 1024px) { .section-title { margin-top: 80px; font-size: 64px; margin-bottom: 85px; } } @media (min-width: 1025px) { .section-title { margin-top: 100px; font-size: 90px; margin-bottom: 65px; } } .section-title span { font-weight: 700; } .section-title:after { content: ""; position: relative; top: 30px; margin: 0 auto; display: block; width: 229px; height: 1px; background: #4a4a4a; } @media (min-width: 768px) { .section-title:after { width: 447px; top: 45px; } } .topic__title { opacity: 0.7; color: #000; font-size: 30px; font-weight: 300; line-height: 1.19; } @media (min-width: 768px) { .topic__title { font-size: 48px; } } .topic__description { color: #4a4a4a; font-size: 22px; font-weight: 300; line-height: 1.45; margin-bottom: 0; } .project__category-info h2 { color: #4a4a4a; font-size: 36px; text-transform: uppercase; line-height: 1.19; font-weight: 100; margin-bottom: 25px; } .project__category-info h2:after { content: ""; position: relative; top: 10px; margin: 0 auto; display: block; width: 235px; height: 2px; background: #24dbec; } @media (min-width: 768px) { .project__category-info h2 { font-size: 48px; } } .project__category-description { color: #4a4a4a; font-size: 16px; font-weight: 300; line-height: 2; } /*------------------------------------*\ #BUTTONS \*------------------------------------*/ .btn { display: inline-block; color: #24dbec; border: 2px solid; background: transparent; text-decoration: none; text-align: center; font-size: 18px; text-transform: uppercase; padding: 15px 20px; transition: background 300ms; } .btn:hover { color: #fff; background-color: #24dbec; border-color: #24dbec; } .main-header .btn { width: 240px; margin: 20px 15px 0; } .btn--white { color: #fff; } .btn--white:hover { color: #4a4a4a; background-color: #fff; border-color: #fff; } .btn--big { font-size: 26px; padding: 23px 87px; font-weight: 400; line-height: 1.23; } .main-footer .btn { border-radius: 40px; border: 1px solid #979797; text-transform: none; font-size: 26px; padding: 15px 55px; margin-top: 5px; } .main-footer .btn:hover { border-color: #24dbec; } @media (max-width: 374px) { .main-footer .btn { font-size: 22px; } } .btn--read-more { text-indent: -200px; position: relative; width: 52px; height: 52px; border-width: 1px; overflow: hidden; line-height: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjIzcHgiIHZpZXdCb3g9IjAgMCAxMiAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDx0aXRsZT5kaXJlY3Rpb24xOTY8L3RpdGxlPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IjEuMi1IT01FLUFQSUNBVElWT1MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04OTYuMDAwMDAwLCAtMjYyMy4wMDAwMDApIiBmaWxsPSIjMjNEQ0VDIj4NCiAgICAgICAgICAgIDxnIGlkPSJNRUlPIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTQuMDAwMDAwLCA4NDIuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NS4wMDAwMDAsIDE0MTUuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMTA4LSstZGlyZWN0aW9uMTk2LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5Ny4wMDAwMDAsIDM1MS4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMS4zNTk1LDM3LjA2MjUgTDIwLDI2LjAzMSBMMzEuMzU5NSwxNSBMMzEuOTQ3NSwxNS42MDU1IEwyMS4yMTMsMjYuMDMxIEwzMS45NDc1LDM2LjQ1NyBMMzEuMzU5NSwzNy4wNjI1IFoiIGlkPSJkaXJlY3Rpb24xOTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjYuNTAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjYuMDAwMDAwLCAtMjYuNTAwMDAwKSAiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==) center center no-repeat; transition: all 300ms; } .btn--read-more:hover { background-color: transparent; } @media (min-width: 1025px) { .btn--read-more:hover { text-indent: 0; background-position: 90% center; padding-right: 140px; } .btn--read-more:hover:before { content: "saiba mais"; position: absolute; color: #24dbec; font-weight: normal; } } .topic .btn--read-more { margin-top: 30px; } .btn--submit { font-size: 20px; float: right; padding-left: 90px; padding-right: 90px; margin-top: 30px; width: 100%; background: none; border-color: #24dbec; color: #24dbec; } .btn--submit.loading { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTIwcHgnIGhlaWdodD0nMTIwcHgnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLWRlZmF1bHQiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyMyYmJhYzcnIHRyYW5zZm9ybT0ncm90YXRlKDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwcycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjMmJiYWM3JyB0cmFuc2Zvcm09J3JvdGF0ZSgzMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuMDgzMzMzMzMzMzMzMzMzMzNzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyMyYmJhYzcnIHRyYW5zZm9ybT0ncm90YXRlKDYwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC4xNjY2NjY2NjY2NjY2NjY2NnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzJiYmFjNycgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjI1cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjMmJiYWM3JyB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjMzMzMzMzMzMzMzMzMzMzNzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyMyYmJhYzcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuNDE2NjY2NjY2NjY2NjY2N3MnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzJiYmFjNycgdHJhbnNmb3JtPSdyb3RhdGUoMTgwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC41cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjMmJiYWM3JyB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjU4MzMzMzMzMzMzMzMzMzRzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48cmVjdCAgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyMyYmJhYzcnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+ICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMCcgZHVyPScxcycgYmVnaW49JzAuNjY2NjY2NjY2NjY2NjY2NnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzJiYmFjNycgdHJhbnNmb3JtPSdyb3RhdGUoMjcwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC43NXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9yZWN0PjxyZWN0ICB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzJiYmFjNycgdHJhbnNmb3JtPSdyb3RhdGUoMzAwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4gIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwJyBkdXI9JzFzJyBiZWdpbj0nMC44MzMzMzMzMzMzMzMzMzM0cycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz48L3JlY3Q+PHJlY3QgIHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjMmJiYWM3JyB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAnIGR1cj0nMXMnIGJlZ2luPScwLjkxNjY2NjY2NjY2NjY2NjZzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPjwvcmVjdD48L3N2Zz4=) no-repeat 20px center; background-size: 36px 36px; } /*------------------------------------*\ #FORM \*------------------------------------*/ .form-item { margin-top: 30px; margin-bottom: 50px; } input { background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: block; width: 100%; padding: 7px 10px 7px 2px; position: relative; z-index: 2; outline: none; } textarea { background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); display: block; padding: 7px 10px; width: 100%; height: 240px; } label { position: relative; display: block; z-index: 0; font-size: 18px; font-weight: 300; margin-bottom: 15px; line-height: 1; -webkit-transition: all 400ms cubic-bezier(0.31, -0.105, 0.43, 1.6); -moz-transition: all 400ms cubic-bezier(0.31, -0.105, 0.43, 1.6); -ms-transition: all 400ms cubic-bezier(0.31, -0.105, 0.43, 1.6); -o-transition: all 400ms cubic-bezier(0.31, -0.105, 0.43, 1.6); transition: all 400ms cubic-bezier(0.31, -0.105, 0.43, 1.6); } .form-item label { top: -25px; } input, textarea { transition: border-color 0.2s; } input:focus + label, input.not-empty + label, input.valid + label.error + label, textarea:focus + label, textarea.not-empty + label, textarea.valid + label.error + label { transform: translateY(-35px); } input:focus, textarea:focus { border-color: #24dbec; color: #24dbec; } input.not-empty + label, textarea.not-empty + label { color: #24dbec; } form { /* .hidden { display: none !important; }*/ } form #msgSubmit { width: 100%; float: left; margin-top: 20px; padding: 20px; text-align: center; max-height: 60px; overflow: hidden; } form #msgSubmit.text-danger { background-color: #ED2026; } form #msgSubmit.text-success { background-color: #3BBB3D; } form ul ul, form ol ul, form ul ol, form ol ol { margin-bottom: 0; } form .list-unstyled { padding: 0; margin: 0; list-style: none; } form .text-center { text-align: center; } form .form-group { position: relative; transition: all 1s; } form .form-group label { float: left; } form .help-block { max-width: 80%; display: block; color: #fff; position: absolute; margin: -30px 0 0 0; right: 0; padding: 3px 5px; font-size: 12px; font-weight: 400; text-align: right; } form .has-success .help-block { color: #3c763d; } form .has-warning .help-block { color: #8a6d3b; } form .has-error .help-block { background-color: #ED2026; } form .has-error textarea, form .has-error input { border-color: #ED2026; color: #ED2026; } form .has-error textarea:focus, form .has-error input:focus { border-color: #24dbec; color: #24dbec; } /* * Componentes */ /*------------------------------------*\ #MENU \*------------------------------------*/ .btn-menu { background: transparent; border: 1px solid #fff; padding: 27px 20px; position: absolute; z-index: 20; right: 20px; top: 25px; outline: none; transition: border-color 200ms; } @media (min-width: 768px) { .btn-menu { top: 85px; } } @media (min-width: 1025px) { .btn-menu { right: 40px; } } @media (min-width: 1360px) { .btn-menu { right: 80px; } } .btn-menu span { display: inline-block; position: relative; vertical-align: middle; width: 40px; height: 3px; background: #fff; transition: all 300ms; } .btn-menu span:before, .btn-menu span:after { content: ""; display: block; position: absolute; background: #fff; width: 100%; height: 3px; left: 0; transition: all 300ms; } .btn-menu span:before { top: -10px; } .btn-menu span:after { bottom: -10px; } .btn-menu:hover span:before { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .btn-menu:hover span:after { -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); } .projeto .btn-menu { top: 30px; } @media (min-width: 768px) and (max-width: 1024px) { .projeto .btn-menu { top: 40px; } } @media (min-width: 1025px) { .projeto .btn-menu { top: 55px; } } .show-menu .btn-menu { position: fixed; border-color: transparent; } .show-menu .btn-menu span { background: transparent; } .show-menu .btn-menu span:before { top: -3px; left: -15px; width: 70px; height: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .show-menu .btn-menu span:after { bottom: 0px; left: -15px; width: 70px; height: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu { position: fixed; z-index: 10; top: 0; left: 0; padding-bottom: 80px; width: 100%; background: #000; background-color: rgba(0, 0, 0, 0.9); text-align: center; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); transition: all 300ms cubic-bezier(0.22, 0.61, 0.36, 1); } .menu a { text-decoration: none; } .show-menu .menu { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .menu__list { list-style: none; border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-top: 65px; padding-bottom: 20px; padding-left: 0; margin-bottom: 20px; } @media (min-width: 768px) { .menu__list { padding-top: 50px; padding-bottom: 70px; margin-bottom: 60px; } } .menu__link { display: block; color: #fff; font-size: 30px; font-weight: 300; line-height: 1.19; padding: 15px 0; } .menu__link.current, .menu__link:hover { color: #24dbec; } @media (min-width: 768px) { .menu__link { font-size: 48px; padding: 20px 0; } } .social-link { margin: 0 20px; } .social-link path { fill: #fff; transition: all 300ms; } .social-link:hover path { fill: #24dbec; } /*------------------------------------*\ #CAROUSEL \*------------------------------------*/ .slick-dots { margin: 0; padding: 0; display: block; width: 100%; list-style: none; white-space: nowrap; } @media (min-width: 768px -1px) { .slick-dots { visibility: hidden; } } @media (max-width: 768px -1px) { .slick-dots { margin-top: 20px; } .slick-dots li { width: 30px; height: 20px; } } .slick-dots li { position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer; width: 40px; height: 30px; } @media (max-width: 768px -1px) { .slick-dots li { width: 30px; height: 20px; } } .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; outline: none; background: transparent; width: 22px; height: 22px; padding: 5px; border: 1px solid #979797; border-radius: 50%; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 4px; left: 4px; content: ''; width: 14px; height: 14px; border-radius: 50%; } .slick-active button:before { background: #24dbec; } /*------------------------------------*\ #PROJECTS \*------------------------------------*/ .project { padding: 10px; float: left; } @media (min-width: 768px) and (max-width: 1024px) { .project { width: 50%; height: calc(((50vw - 10px) * 420) / 640); } } @media (min-width: 1025px) { .project { width: 33.33%; height: calc(((33.33vw - 10px) * 420) / 640); } } @media (min-width: 1360px) { .project { width: 33.33%; height: calc(((33.33vw - 40px) * 420) / 640); } } @media (min-width: 1460px) { .project { height: calc(((25vw - 20px) * 420) / 640); width: 25%; } } .project .project__thumb { margin: 0; } .project__img { display: none; } @media (min-width: 768px) { .project__img { display: block; transition: all 400ms 400ms; } } .project__thumb { margin: 10px; position: relative; } .project__thumb img { vertical-align: middle; width: 100%; height: auto; } .project__link { position: absolute; top: 0; display: block; width: 100%; height: 100%; text-align: left; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); border-bottom: 15px solid transparent; transition: border 500ms; } .project__link .project__tags { visibility: hidden; opacity: 0; } .project__link:hover { border-bottom-color: #24dbec; } .project__link:hover .project__info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .project__link:hover .project__tags, .project__link:hover .btn { visibility: visible; opacity: 1; } .project__info { position: absolute; bottom: 0; padding: 0 20px 10px; -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); transition: all 500ms; } .project__info .btn { visibility: hidden; opacity: 0; } @media (min-width: 768px) and (max-width: 1024px) { .project__info { padding-right: 25px; padding-left: 25px; } } @media (min-width: 1025px) { .project__info { padding: 0 40px 20px; } } .project__tags { font-size: 18px; font-weight: 700; line-height: 1.22; color: #fff; margin: 0; transition: all 500ms; } .project__tags:before { content: "//"; color: #24dbec; margin-right: 5px; } .project__title { color: #fff; font-size: 22px; font-weight: 300; margin: 10px 0; line-height: 1.21; } @media (min-width: 768px) and (max-width: 1024px) { .project__title { font-size: 29px; } } @media (min-width: 1025px) { .project__title { font-size: 24px; } } .view-more { font-weight: 300; text-decoration: none; position: relative; display: inline-block; width: 76px; height: 54px; border: 1px solid transparent; transition: all 300ms 400ms; } .view-more:before, .view-more:after { content: ""; position: absolute; display: block; width: 30px; height: 2px; top: 25px; left: 23px; background: #24dbec; transition: all 300ms 400ms; } .view-more:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .view-more span { position: absolute; width: 34px; height: 2px; top: 25px; left: 20px; background: transparent; transition: background 300ms 600ms; } .active .view-more { border-color: #979797; } .active .view-more:before, .active .view-more:after { width: 20px; } .active .view-more:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 15px; } .active .view-more:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 32px; left: 15px; } .active .view-more span { background: #24dbec; } .mejs-overlay-button { top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIzNXB4IiBoZWlnaHQ9IjM5cHgiIHZpZXdCb3g9IjAgMCAzNSAzOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjQgKDE1NTc1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+aWNvbi1wbGF5PC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJpY29uLXBsYXkiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIGZpbGw9IiNGRkZGRkYiPg0KICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Imljb24tcGxheSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNC41LDE5LjUgTDAuNzUsMzguOTg1NiBMMC43NSwwLjAxNDQgTDM0LjUsMTkuNSBMMzQuNSwxOS41IEwzNC41LDE5LjUgWiIgaWQ9IlBvbHlnb24yIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+) center center no-repeat; background-color: rgba(0, 0, 0, 0.2); transition: all 0.2s; opacity: 0.7; } .mejs-overlay:hover .mejs-overlay-button { background-color: rgba(0, 0, 0, 0.3); } .mejs-overlay-loading { top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: #1f1f28; } .mejs-overlay-loading span { width: 100%; height: 100%; } .mejs-container .mejs-controls { background: rgba(0, 0, 0, 0.6); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f1f28 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f1f28 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f1f28 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100, #1f1f28)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #1f1f28 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #1f1f28 100%); } .mejs-controls .mejs-button button:focus { outline: 0; opacity: 0.8; } .mejs-controls div.mejs-time-rail { padding-top: 4px; } .mejs-controls div.mejs-time-rail span, .mejs-controls div.mejs-time-rail a { height: 2px; border-radius: inherit; margin-top: 0; } .mejs-controls div.mejs-time-rail .mejs-time-total { margin: 10px 5px 5px 5px; background: rgba(255, 255, 255, 0.2); } .mejs-controls div.mejs-time-rail .mejs-time-loaded { background: #24dbec; } .mejs-controls div.mejs-time-rail .mejs-time-float { background: #fff; border: solid 1px #fff; } .mejs-controls .mejs-fullscreen-button button { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjQgKDE1NTc1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+aWNvbi1mdWxsPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPHBhdGggZD0iTTcuNzE0LDAgTDcuNzE0LDEuNzE3IEwxMC4yODksMS43MTcgTDEwLjI4OSw0LjI4NiBMMTIsNC4yODYgTDEyLDAgTDcuNzE0LDAgWiBNMCwwIEwwLDQuMjg2IEwxLjcxNiw0LjI4NiBMMS43MTYsMS43MTcgTDQuMjg2LDEuNzE3IEw0LjI4NiwwIEwwLDAgWiBNMTAuMjg5LDcuNzE0IEwxMC4yODksMTAuMjg5IEw3LjcxNCwxMC4yODkgTDcuNzE0LDEyIEwxMiwxMiBMMTIsNy43MTQgTDEwLjI4OSw3LjcxNCBaIE0wLDcuNzE0IEwwLDEyIEw0LjI4NiwxMiBMNC4yODYsMTAuMjg5IEwxLjcxNiwxMC4yODkgTDEuNzE2LDcuNzE0IEwwLDcuNzE0IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJpY29uLWZ1bGwiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPg0KICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSI+DQogICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJub25lIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=) center center no-repeat; background-size: cover; } .mejs-controls .mejs-unfullscreen button { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCAxMiAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjQgKDE1NTc1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+aWNvbi1mdWxsLWV4aXQ8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPg0KICAgICAgICA8cGF0aCBkPSJNNy43MTQsMCBMNy43MTQsNC4yODYgTDEyLDQuMjg2IEwxMiwyLjU3IEw5LjQzLDIuNTcgTDkuNDMsMCBMNy43MTQsMCBaIE0yLjU3LDAgTDIuNTcsMi41NyBMMCwyLjU3IEwwLDQuMjg2IEw0LjI4Niw0LjI4NiBMNC4yODYsMCBMMi41NywwIFogTTcuNzE0LDcuNzE0IEw3LjcxNCwxMiBMOS40MywxMiBMOS40Myw5LjQzIEwxMiw5LjQzIEwxMiw3LjcxNCBMNy43MTQsNy43MTQgWiBNMCw3LjcxNCBMMCw5LjQzIEwyLjU3LDkuNDMgTDIuNTcsMTIgTDQuMjg2LDEyIEw0LjI4Niw3LjcxNCBMMCw3LjcxNCBaIiBpZD0icGF0aC0xIj48L3BhdGg+DQogICAgPC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPg0KICAgICAgICA8ZyBpZD0iaWNvbi1mdWxsLWV4aXQiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPg0KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgc2tldGNoOm5hbWU9IkNsaXAgMiIgZmlsbD0id2hpdGUiPg0KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+DQogICAgICAgICAgICA8L21hc2s+DQogICAgICAgICAgICA8dXNlIGlkPSJDbGlwLTIiIGZpbGw9IiNGRkZGRkYiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+) center center no-repeat; background-size: cover; } .mejs-inner { width: 100%; } .mejs-video video { max-width: 100%; height: 100%; float: left; position: relative; background: #1f1f28; } .mejs-controls .mejs-volume-button .mejs-volume-slider, .mejs-container .mejs-controls .mejs-time { display: none; } .mejs-controls .mejs-volume-button { display: none !important; } .store-links .app-store, .store-links .google-play { min-width: 260px; height: 80px; background: url(images/btn-appstore.svg) center center no-repeat; background-size: auto; display: inline-block; border-radius: 6px; border: #606060 solid 1px; transition: all .2s; opacity: 0.6; } /* * Layout */ /*------------------------------------*\ #HEADER \*------------------------------------*/ .main-header { position: relative; background-position: center top; background-color: rgba(0, 88, 110, 0.65); background-repeat: repeat; color: #fff; } .home .main-header { padding-top: 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAGklEQVR4AWMAAzYGOJCGigAZJUDMhiyKUAsAGl8A+abfyZ0AAAAASUVORK5CYII=), url(images/bg-video.jpg); background-size: 5px 5px, cover; min-height: 680px; } @media (min-width: 768px) { .home .main-header { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAGklEQVR4AWMAAzYGOJCGigAZJUDMhiyKUAsAGl8A+abfyZ0AAAAASUVORK5CYII=), url(images/bg-video.jpg); height: 87vh; } @supports (object-fit: cover) { .home .main-header { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAGklEQVR4AWMAAzYGOJCGigAZJUDMhiyKUAsAGl8A+abfyZ0AAAAASUVORK5CYII=); } } } @media (min-width: 1025px) { .home .main-header { padding-top: 60px; } } @media (max-width: 1080px) { .home .main-header { padding-top: 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAGklEQVR4AWMAAzYGOJCGigAZJUDMhiyKUAsAGl8A+abfyZ0AAAAASUVORK5CYII=), url(images/bg-video.jpg); background-size: 5px 5px, cover; } } .projeto .main-header { height: 176px; background-image: url(images/bg-header.jpg); background-size: cover; } .projeto .logo { top: 25px; } #big-video-wrap { display: none; } @media (min-width: 768px){ #big-video-wrap { position: absolute; height: 87vh; width: 100%; top: 0; left: 0; display: none; overflow: hidden !important; } @supports (object-fit: cover) { #big-video-wrap { display: block; object-fit: cover; } } } .logo { position: absolute; top: 20px; left: 20px; z-index: 20; transition: all 200ms; } .logo img { width: 86px; } @media (min-width: 1025px) { .logo img { width: auto; } } @media (min-width: 768px) { .logo { top: 60px; } } @media (min-width: 1025px) { .logo { left: 40px; } } @media (min-width: 1360px) { .logo { left: 80px; } } .show-menu .logo { position: fixed; } .intro { position: relative; padding-bottom: 120px; margin-top: 120px; } @media (max-width: 767px) { .intro { margin-top: 80px; } } @media (min-width: 768px) and (max-width: 1024px) { .intro { margin-top: 70px; } } @media (min-width: 1025px) { .intro { padding-bottom: 0; } } @media (max-width: 767px) { .intro__logo { max-width: 200px; } } @media (max-width: 1024px) { .intro__logo { width: 224px; } } @media (max-height: 680px) and (max-width: 1440px) { .intro__logo { max-width: 260px; } } .arrow-down { display: inline-block; width: 47px; height: 31px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSI0N3B4IiBoZWlnaHQ9IjMxcHgiIHZpZXdCb3g9IjAgMCA0NyAzMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+bGVmdDIwNzwvdGl0bGU+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iMS4wLUhPTUUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MzYuMDAwMDAwLCAtOTIxLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPg0KICAgICAgICAgICAgPGcgaWQ9IlRPUE8iIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPg0KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05NjguMjMxNjUsOTEzIEw5NDUsOTM2LjIzMTY1IEw5NjguMjMxNjUsOTU5LjQ2MzAxIEw5NzQuODIyNjIxLDk1Mi44NzIwMzkgTDk1OC4xODA3NzcsOTM2LjIzMTY1IEw5NzQuODIyNjIxLDkxOS41OTA5NzEgTDk2OC4yMzE2NSw5MTMgWiIgaWQ9ImxlZnQyMDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2MC4wMDAwMDAsIDkzNi40NDY2MDIpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTk2MC4wMDAwMDAsIC05MzYuNDQ2NjAyKSAiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==) center center no-repeat; transition: opacity 200ms; } .arrow-down:hover { opacity: .5; } .main-header .arrow-down { position: absolute; bottom: 30px; left: 50%; margin-left: -24px; -webkit-animation: bounce-arrow 2s infinite ease-in-out; -moz-animation: bounce-arrow 2s infinite ease-in-out; animation: bounce-arrow 2s infinite ease-in-out; } @-webkit-keyframes bounce-arrow { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @-moz-keyframes bounce-arrow { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @keyframes bounce-arrow { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } /*------------------------------------*\ #PAGE HEADER \*------------------------------------*/ .page-header { background: url(images/bg-header.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 120px 0 40px; } @media (min-width: 768px) and (max-width: 1024px) { .page-header { padding-top: 170px; } } @media (min-width: 1025px) { .page-header { padding-top: 40px; } } /*------------------------------------*\ #FOOTER \*------------------------------------*/ .main-footer { background-color: #1f1f28; border-top: 18px solid #24dbec; color: #fff; padding: 95px 0 60px; text-align: center; } .main-footer .social-link { text-decoration: none; margin-left: 30px; margin-right: 30px; } @media (min-width: 1025px) { .main-footer .social-link { margin-left: 0; margin-right: 60px; } } .main-footer .social-link path { fill: #4a4a4a; transition: fill 300ms; } .main-footer .social-link:hover path { fill: #fff; } .main-footer address { color: #9b9b9b; font-size: 14px; font-weight: 300; font-style: normal; margin-bottom: 10px; } .main-footer a { text-decoration: none; } @media (min-width: 1025px) { .main-footer { text-align: initial; } .main-footer .btn { float: right; } } .footer-info { border-top: 1px solid #4a4a4a; margin-top: 40px; padding-top: 45px; } .footer-info__contact { margin-top: 80px; } @media (min-width: 1025px) { .footer-info__contact { margin-top: 0; float: right; } } @media (min-width: 768px) and (max-width: 1024px) { .footer-info__contact { margin-top: 100px; } } .copyright { color: #9b9b9b; font-size: 15px; font-weight: 300; margin-top: 60px; text-align: center; } .phone-link { color: #24dbec; font-size: 24px; font-weight: bold; line-height: 1; display: block; margin-top: 15px; margin-bottom: 10px; margin-right: 15px; padding: 0; } @media (min-width: 768px) { .phone-link { display: inline-block; margin-top: 0; padding-right: 20px; border-right: 1px solid #4a4a4a; } } .email-link { color: #ebebec; font-size: 24px; font-weight: bold; line-height: 1; display: block; margin-top: 15px; margin-bottom: 10px; } @media (min-width: 768px) { .email-link { margin-left: 0px; margin-top: 0; display: inline-block; } } /*------------------------------------*\ #PROJECT SINGLE \*------------------------------------*/ .project-page { font-size: 20px; font-weight: 300; } .project-page h2 { font-size: 48px; font-weight: 400; } @media (max-width: 767px) { .project-page h2 { font-size: 36px; text-align: left; } } @media (max-width: 1025px) { .project-page h2 { margin-top: 40px; } } .project-page p { line-height: 1.7; } .project-page .slick-dots { text-align: center; } @media (min-width: 1221px) { .single__header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; } } @media (min-width: 1221px) { .project-app .single__header { -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } } .project-app .single__tags { margin-top: 10px; } .navigation { float: left; width: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .navigation { width: 45%; } } @media (min-width: 1025px) { .navigation { width: 25%; } } .previous-project { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgaGVpZ2h0PSI0OSIgd2lkdGg9IjI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyA0OSI+DQogICAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDIuMTggMC41MiBMIDI2LjgxIDI0LjQ4IEwgMi4xOCA0OC40MyBMIDAuOTEgNDcuMTIgTCAyNC4xOCAyNC40OCBMIDAuOTEgMS44MyBMIDIuMTggMC41MiBMIDIuMTggMC41MiBaIE0gMi4xOCAwLjUyIiAvPg0KPC9zdmc+) center center/20% no-repeat; transform: rotate(180deg); } .all-projects { border-left: 1px solid #fff; border-right: 1px solid #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgaGVpZ2h0PSI1NiIgd2lkdGg9IjU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NiA1NiI+DQogICAgPHBhdGggc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjZmZmZmZmIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gMSAxLjE0IEwgMjQuMDYgMS4xNCBMIDI0LjA2IDI0LjEgTCAxIDI0LjEgTCAxIDEuMTQgWiBNIDEgMS4xNCIgLz4NCiAgICA8cGF0aCBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSAzMS43OSAxLjE0IEwgNTQuODUgMS4xNCBMIDU0Ljg1IDI0LjEgTCAzMS43OSAyNC4xIEwgMzEuNzkgMS4xNCBaIE0gMzEuNzkgMS4xNCIgLz4NCiAgICA8cGF0aCBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSAzMS43OSAzMS44IEwgNTQuODUgMzEuOCBMIDU0Ljg1IDU0Ljc2IEwgMzEuNzkgNTQuNzYgTCAzMS43OSAzMS44IFogTSAzMS43OSAzMS44IiAvPg0KICAgIDxwYXRoIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDEgMzEuOCBMIDI0LjA2IDMxLjggTCAyNC4wNiA1NC43NiBMIDEgNTQuNzYgTCAxIDMxLjggWiBNIDEgMzEuOCIgLz4NCjwvc3ZnPg==) center center/30% no-repeat; } .next-project { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgaGVpZ2h0PSI0OSIgd2lkdGg9IjI3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyA0OSI+DQogICAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDIuMTggMC41MiBMIDI2LjgxIDI0LjQ4IEwgMi4xOCA0OC40MyBMIDAuOTEgNDcuMTIgTCAyNC4xOCAyNC40OCBMIDAuOTEgMS44MyBMIDIuMTggMC41MiBMIDIuMTggMC41MiBaIE0gMi4xOCAwLjUyIiAvPg0KPC9zdmc+) center center/20% no-repeat; } .navigation__link { display: inline-block; float: left; font-size: 0; line-height: 1; padding-bottom: 33%; width: 33.33333%; text-decoration: none; background-color: #24dbec; transition: opacity 300ms; } .navigation__link:hover { opacity: .7; } .single__info { -webkit-order: 2; order: 2; text-align: center; padding-top: 20px; margin-bottom: 20px; clear: both; } @media (min-width: 768px) { .single__info { margin-top: 0; float: right; text-align: right; padding-right: 20px; padding-top: 0; margin-bottom: 0; clear: none; } } .single__tags span { line-height: 1; display: inline-block; border: 1px solid rgba(155, 154, 155, 0.6); border-radius: 40px; padding: 5px 15px; margin: 7px 0 7px 4px; font-size: 14px; color: #4a4a4a; } @media (min-width: 1221px) { .single__tags span { margin-top: 0; margin-bottom: 10px; } } @media (min-width: 1420px) { .single__tags span { margin-bottom: 20px; } } .single__link { border: 1px solid #c1c1c1; text-decoration: none; padding: 15px 30px; display: inline-block; color: #24dbec; font-size: 18px; font-weight: 400; transition: all; } .single__link:hover { color: #fff; background: #c1c1c1; border-color: #c1c1c1; } .single__headline { clear: both; padding: 20px; } .single__headline .project__tags { color: #9b9b9b; } .single__headline p { font-size: 18px; } @media (min-width: 1221px) { .single__headline { clear: none; padding: 20px 0; width: 50%; margin: 0 auto; } } .single__title { font-size: 48px; font-weight: 700; line-height: 1; } @media (max-width: 1450px) { .single__title { font-size: 36px; } } .single__headline a, .site__description a { color: #fff; text-decoration: underline; font-weight: bold; transition: opacity .2s; cursor: pointer; } .single__headline a:hover, .site__description a:hover { opacity: 0.5; } .single__headline.single__headline a, .site__description.single__headline a { color: #4a4a4a; } /* * Páginas */ /*------------------------------------*\ #HOME \*------------------------------------*/ .oval { position: absolute; z-index: -1; display: none; } @media (min-width: 1025px) { .oval { display: block; } } .oval-left { top: -289px; left: 124px; } .oval-right { top: -200px; right: -153px; } .topics { padding-bottom: 100px; overflow: hidden; } .topic { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-direction: column; margin-top: 40px; } .topic svg { margin-right: 56px; } @media (max-width: 767px) { .topic svg { width: 170px; width: 50vw; height: auto; margin: 0 auto; float: none; display: block; max-width: 280px; max-height: 280px; } } .topic:nth-of-type(2) { flex-direction: column-reverse; } @media (min-width: 1025px) { .topic:last-of-type { margin-left: 50px; } } @media (min-width: 768px) and (max-width: 1024px) { .topic svg { width: 300px; } } @media (min-width: 768px) { .topic { display: table; margin: 0 auto; } .topic svg { float: left; } .topic:nth-of-type(2) { text-align: right; margin-right: 0; } .topic:nth-of-type(2) svg { float: right; margin-right: 0; margin-left: 70px; } .topic:nth-of-type(2) .topic__description { float: right; } .topic:nth-of-type(2) .btn--read-more { float: right; } } @media (max-width: 767px) { .topic { text-align: center; } } @media (min-width: 768px) { .topic__content { display: table-cell; vertical-align: middle; } } .topic__description { float: left; } @media (min-width: 1025px) { .topic__description { width: 500px; } } .projects { width: 100%; background: #f2f2f3; overflow: hidden; } .project__category { position: relative; padding: 60px 40px 0; text-align: center; background: #f2f2f3; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition: all 400ms 400ms; } .project__category + .project__category { background: #e4e4e4; } .project__category.active { position: relative; } .project__category.active .project__img { position: relative; z-index: -1; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); transition-delay: 300ms; } .project__category.active .project__thumbs { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); transition: all 700ms 600ms; } @media (max-width: 767px) { .project__category.active { padding-bottom: 350px; } } @media (max-width: 374px) { .project__category.active { padding-bottom: 300px; } } @media (min-width: 768px) { .project__category { width: 50%; float: left; } .project__category.hidden { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); transition-delay: initial; } .project__category.active { z-index: 5; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); transition-delay: initial; } .project__category + .project__category.hidden { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .project__category + .project__category.active { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .project__category img { vertical-align: middle; width: 100%; height: auto; max-width: 578px; } .project__thumbs { position: absolute; visibility: hidden; opacity: 0; width: 80%; left: 10%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); transition: all 400ms; } @media (min-width: 768px) { .project__thumbs { width: 180%; left: -40%; margin-top: 50px; } } /*------------------------------------*\ #CONTATO \*------------------------------------*/ .contato main { background: url(images/bg-contato.png) rgba(1, 89, 110, 0.9); background-size: cover; padding: 160px 0 100px; color: #fff; } @media (min-width: 1025px) { .contato main { padding: 200px 0 180px; } } @media (min-width: 768px) and (max-width: 1024px) { .contato main { padding-top: 200px; } } .contato .page-description { margin-bottom: 40px; } .contact-info { margin-bottom: 40px; } @media (min-width: 1025px) { .contact-info { float: right; max-width: 600px; padding-left: 20px; padding-right: 85px; border-right: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 0; } } @media (min-width: 1025px) { .contact-form { padding-left: 65px; max-width: 500px; } } .contact__address { margin: 0; font-size: 18px; font-weight: 300; font-style: normal; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgaGVpZ2h0PSI2NiIgd2lkdGg9IjQ3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NyA2NiI+DQogICAgPHBhdGggZmlsbD0iIzI0ZGJlYyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDIzLjA0IDAuOTMgQyAxMC4zNCAwLjkzIDAgMTEuMjEgMCAyMy44NiBDIDAgMjcuNzggMC43NyAzMS4xMyAyLjI4IDMzLjgyIEMgNi42OCA0MS42NCAyMS40MiA2My4yNyAyMi4wNSA2NC4xOCBMIDIzLjEgNjUuNzQgTCAyNC4xNSA2NC4xOCBDIDI0LjMgNjMuOTYgMzkuMDEgNDIuMDkgNDMuNDUgMzQuNTMgQyA0NS4xNyAzMS41OSA0Ni4wOSAyNy44OSA0Ni4wOSAyMy44NiBDIDQ2LjA5IDExLjIxIDM1Ljc1IDAuOTMgMjMuMDQgMC45MyBMIDIzLjA0IDAuOTMgWiBNIDQxLjI1IDMzLjI2IEMgMzcuNTUgMzkuNTcgMjYuNTUgNTYuMDUgMjMuMDkgNjEuMjEgQyAxOS41NiA1NS45OSA4LjE3IDM5LjExIDQuNSAzMi41OCBDIDMuMiAzMC4yOCAyLjU0IDI3LjM0IDIuNTQgMjMuODYgQyAyLjU0IDEyLjYxIDExLjc0IDMuNDYgMjMuMDQgMy40NiBDIDM0LjM1IDMuNDYgNDMuNTUgMTIuNjEgNDMuNTUgMjMuODYgQyA0My41NSAyNy40NSA0Mi43NSAzMC43IDQxLjI1IDMzLjI2IEwgNDEuMjUgMzMuMjYgWiBNIDQxLjI1IDMzLjI2IiAvPg0KICAgIDxwYXRoIGZpbGw9IiMyNGRiZWMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTSAyMy4wNCAxNS4wMyBDIDE3LjcyIDE1LjAzIDEzLjM5IDE5LjM0IDEzLjM5IDI0LjY0IEMgMTMuMzkgMjkuOTQgMTcuNzIgMzQuMjUgMjMuMDQgMzQuMjUgQyAyOC4zNyAzNC4yNSAzMi43IDI5Ljk0IDMyLjcgMjQuNjQgQyAzMi43IDE5LjM0IDI4LjM3IDE1LjAzIDIzLjA0IDE1LjAzIEwgMjMuMDQgMTUuMDMgWiBNIDIzLjA0IDMxLjcyIEMgMTkuMTIgMzEuNzIgMTUuOTMgMjguNTQgMTUuOTMgMjQuNjQgQyAxNS45MyAyMC43MyAxOS4xMiAxNy41NiAyMy4wNCAxNy41NiBDIDI2Ljk3IDE3LjU2IDMwLjE2IDIwLjczIDMwLjE2IDI0LjY0IEMgMzAuMTYgMjguNTQgMjYuOTcgMzEuNzIgMjMuMDQgMzEuNzIgTCAyMy4wNCAzMS43MiBaIE0gMjMuMDQgMzEuNzIiIC8+DQo8L3N2Zz4=) left center no-repeat; } @media (max-width: 1024px) { .contact__address { margin-top: 10px; } } .contact__phone { margin: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgaGVpZ2h0PSI1NSIgd2lkdGg9IjU1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NSA1NSI+DQogICAgPHBhdGggZmlsbD0iIzI0ZGJlYyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDU0Ljg5IDQ3LjAxIEMgNTQuODkgNDYuMDkgNTQuNTMgNDUuMjIgNTMuODggNDQuNTcgTCA0Mi42OCAzMy40IEMgNDEuMzMgMzIuMDUgMzkuMTMgMzIuMDUgMzcuNzggMzMuNCBMIDM0LjY2IDM2LjUgQyAzNC4yMiAzNi45NCAzMy45MSAzNy41IDMzLjc1IDM4LjExIEwgMzMuNjUgMzguNTEgQyAzMC45NyAzNi4zMiAyNy4xNCAzMi44IDI0LjYzIDMwLjI5IEMgMjIuMTIgMjcuNzkgMTguNTggMjMuOTcgMTYuNCAyMS4yOSBMIDE2LjggMjEuMTkgQyAxNy40MSAyMS4wNCAxNy45NyAyMC43MyAxOC40MSAyMC4yOCBMIDE5LjAzIDE5LjY2IEwgMTkuMDMgMTkuNjYgQyAxOS4wMyAxOS42NiAxOS4wMyAxOS42NiAxOS4wMyAxOS42NiBMIDIxLjUyIDE3LjE4IEMgMjIuODcgMTUuODMgMjIuODcgMTMuNjQgMjEuNTIgMTIuMjkgTCAxMC4zMiAxLjEyIEMgOS42NiAwLjQ3IDguNzkgMC4xMSA3Ljg3IDAuMTEgQyA2Ljk0IDAuMTEgNi4wNyAwLjQ3IDUuNDIgMS4xMiBMIDEuOTcgNC41NiBDIC0wLjA2IDYuNTkgLTAuNTggOS43NyAwLjY5IDEyLjQ4IEMgNC4wMSAxOS41NiAxMSAyOC45NSAxOC40OSAzNi40MiBDIDI1Ljk3IDQzLjg5IDM1LjM5IDUwLjg2IDQyLjQ5IDU0LjE3IEMgNDMuNDggNTQuNjQgNDQuNTQgNTQuODYgNDUuNTggNTQuODYgQyA0Ny4zOCA1NC44NiA0OS4xNCA1NC4xOCA1MC40MyA1Mi44OSBMIDUzLjg4IDQ5LjQ2IEMgNTQuNTMgNDguOCA1NC44OSA0Ny45NCA1NC44OSA0Ny4wMSBMIDU0Ljg5IDQ3LjAxIFogTSA2LjU5IDIuMjggQyA2LjkzIDEuOTQgNy4zOCAxLjc1IDcuODcgMS43NSBDIDguMzUgMS43NSA4LjgxIDEuOTQgOS4xNSAyLjI4IEwgMjAuMzUgMTMuNDYgQyAyMS4wNiAxNC4xNiAyMS4wNiAxNS4zMSAyMC4zNSAxNi4wMiBMIDE4LjQ1IDE3LjkyIEwgNC42OCA0LjE5IEwgNi41OSAyLjI4IFogTSA0My4xOSA1Mi42OCBDIDM2LjI1IDQ5LjQ0IDI3LjAyIDQyLjYgMTkuNjUgMzUuMjYgQyAxMi4yOSAyNy45MSA1LjQzIDE4LjcgMi4xOCAxMS43OCBDIDEuMjEgOS43IDEuNTkgNy4yNyAzLjE0IDUuNzIgTCAzLjUxIDUuMzUgTCAxNy4yOCAxOS4wOCBMIDE3LjI0IDE5LjEyIEMgMTcuMDEgMTkuMzUgMTYuNzIgMTkuNTIgMTYuNCAxOS42IEwgMTQuNzYgMjAuMDEgQyAxNC40OSAyMC4wNyAxNC4yNyAyMC4yNyAxNC4xOCAyMC41MyBDIDE0LjA5IDIwLjc5IDE0LjEzIDIxLjA4IDE0LjMgMjEuMyBDIDE2LjU4IDI0LjI4IDIxLjAzIDI5LjAzIDIzLjQ2IDMxLjQ2IEMgMjUuOSAzMy44OCAzMC42NiAzOC4zMiAzMy42NCA0MC42IEMgMzMuODYgNDAuNzcgMzQuMTUgNDAuODEgMzQuNDIgNDAuNzIgQyAzNC42OCA0MC42MyAzNC44OCA0MC40MSAzNC45NCA0MC4xNCBMIDM1LjM1IDM4LjUxIEMgMzUuNDMgMzguMTkgMzUuNiAzNy45IDM1LjgzIDM3LjY2IEwgMzUuODcgMzcuNjMgTCA0OS42NCA1MS4zNiBMIDQ5LjI3IDUxLjczIEMgNDcuNzIgNTMuMjggNDUuMjcgNTMuNjYgNDMuMTkgNTIuNjggTCA0My4xOSA1Mi42OCBaIE0gNTIuNzEgNDguMjkgTCA1MC44IDUwLjE5IEwgMzcuMDQgMzYuNDYgTCAzOC45NCAzNC41NiBDIDM5LjY1IDMzLjg1IDQwLjggMzMuODUgNDEuNTEgMzQuNTYgTCA1Mi43MSA0NS43MyBDIDUzLjA1IDQ2LjA4IDUzLjI0IDQ2LjUzIDUzLjI0IDQ3LjAxIEMgNTMuMjQgNDcuNSA1My4wNSA0Ny45NSA1Mi43MSA0OC4yOSBMIDUyLjcxIDQ4LjI5IFogTSA1Mi43MSA0OC4yOSIgLz4NCjwvc3ZnPg==) left center no-repeat; } @media (max-width: 1024px) { .contact__phone { margin-top: 20px; } } .contact__email { margin: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgaGVpZ2h0PSI0NCIgd2lkdGg9IjYyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MiA0NCI+DQogICAgPHBhdGggZmlsbD0iIzI0ZGJlYyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDU2LjUxIDQzLjg3IEwgNS40NCA0My44NyBDIDIuNDQgNDMuODcgMCA0MS40MSAwIDM4LjM5IEwgMCA1LjU2IEMgMCAzLjkzIDAuNDYgMi44OSAxLjM3IDIuNDcgQyAzLjMgMS41NiA2LjM4IDQuMDcgNi44MiA0LjQ0IEwgMzAuOTQgMjEuMyBMIDUyLjM2IDYuMyBDIDUyLjYxIDYuMTIgNTIuOTUgNi4xOCA1My4xMiA2LjQ0IEMgNTMuMjkgNi42OCA1My4yMyA3LjAzIDUyLjk4IDcuMiBMIDMxLjI2IDIyLjQzIEMgMzEuMDggMjIuNTYgMzAuODIgMjIuNTYgMzAuNjMgMjIuNDMgTCA2LjE3IDUuMzQgQyA2LjE2IDUuMzMgNi4xNCA1LjMyIDYuMTMgNS4zMSBDIDUuMDEgNC4zNCAyLjgzIDMgMS44MyAzLjQ3IEMgMS4yMiAzLjc1IDEuMDkgNC43NiAxLjA5IDUuNTYgTCAxLjA5IDM4LjM4IEMgMS4wOSA0MC44IDMuMDUgNDIuNzYgNS40NCA0Mi43NiBMIDU2LjUxIDQyLjc2IEMgNTguOTEgNDIuNzYgNjAuODYgNDAuNzkgNjAuODYgMzguMzggTCA2MC44NiA1LjU2IEMgNjAuODYgMy4xNCA1OC45IDEuMTggNTYuNTEgMS4xOCBMIDEyLjYyIDEuMTggQyAxMi4zMiAxLjE4IDEyLjA4IDAuOTQgMTIuMDggMC42MyBDIDEyLjA4IDAuMzMgMTIuMzIgMC4wOCAxMi42MiAwLjA4IEwgNTYuNTEgMC4wOCBDIDU5LjUxIDAuMDggNjEuOTUgMi41NCA2MS45NSA1LjU2IEwgNjEuOTUgMzguMzggQyA2MS45NSA0MS40MSA1OS41MSA0My44NyA1Ni41MSA0My44NyBMIDU2LjUxIDQzLjg3IFogTSA1Ni41MSA0My44NyIgLz4NCjwvc3ZnPg==) left center no-repeat; } @media (max-width: 1024px) { .contact__email { margin-top: 20px; } } .contact__link { text-decoration: none; color: #fff; font-size: 18px; font-weight: 300; } @media (min-width: 1025px) { .contact__link { font-size: 30px; } } .contact__icon { padding-left: 50px; } @media (min-width: 1025px) { .contact__icon { padding: 25px 0 25px 100px; margin-bottom: 20px; } } @media (max-width: 1024px) { .contact__icon { padding-top: 10px; padding-bottom: 10px; background-size: 40px 40px; } } /*------------------------------------*\ #O QUE FAZEMOS \*------------------------------------*/ .about__section { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; transition: all 600ms; } @media (max-width: 1024px) { .about__section { border: 20px solid #fff; } } @media (min-width: 1025px) { .about__section { padding: 0; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .about__section:nth-of-type(even) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .about__thumb { background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; transition: all 600ms; } @media (min-width: 1025px) { .about__thumb { -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; height: 600px; } } @media (min-width: 768px) and (max-width: 1024px) { .about__thumb { height: 460px; } } @media (max-width: 767px) { .about__thumb { height: 182px; } } .about__content { padding: 20px 0; background: #fff; transition: all 600ms; } @media (min-width: 1025px) { .about__content { -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; margin-top: 0; padding: 0 60px; } } @media (min-width: 768px) and (max-width: 1024px) { .about__content { padding-top: 40px; padding-bottom: 40px; } } .about__content h2 { font-size: 48px; font-weight: 300; line-height: 1.19; } @media (max-width: 767px) { .about__content h2 { font-size: 36px; } } .about__content p { font-size: 18px; font-weight: 300; margin-bottom: 40px; line-height: 28px; } @media (max-width: 767px) { .about__content p { font-size: 18px; } } .about__content .grey-circle, .about__content .blue-circle { display: none; } .about__content .topic-icon { float: left; max-height: 200px; height: auto; position: relative; } @media (max-width: 767px) { .about__content .topic-icon { display: none; } } .about__content .icons svg { margin-right: 25px; } .about__content .icons svg:last-of-type { margin-right: 0; } @media (max-width: 767px) { .about__content .icons { text-align: center; } .about__content .icons svg { margin: 0 10px; } } .about__apps .about__thumb { background-image: url(images/bg-about-1.jpg); } .about__apps .topic-icon { width: 144px; left: -60px; top: 30px; margin-right: -60px; } .about__web .about__thumb { background-image: url(images/bg-about-2.jpg); } .about__web .topic-icon { width: 114px; top: 10px; } .about__tools .about__thumb { background-image: url(images/bg-about-3.jpg); } .about__tools .topic-icon { width: 150px; left: -60px; margin-right: -60px; } .icon-platforms { margin-right: 50px; } @media (max-width: 767px) { .icon-platforms { display: block; margin: 0 auto 30px !important; } } @media (min-width: 1025px) { .no-flexbox .about__section:nth-of-type(even) .about__thumb { float: right; } .no-flexbox .about__section:nth-of-type(even) .about__content { float: left; } .no-flexbox .about__thumb { width: 50%; float: left; } .no-flexbox .about__content { width: 50%; float: right; display: table; height: 600px; } .no-flexbox .about__content div { display: table-cell; vertical-align: middle; } } /*------------------------------------*\ #PORTFOLIO \*------------------------------------*/ .menu-categories { margin: 50px 0 40px; } .filter__option { display: inline-block; margin: 0 5px 0 10px; padding: 10px 28px; color: #9b9b9b; font-size: 16px; font-weight: 300; line-height: 1; text-decoration: none; text-transform: uppercase; background: transparent; border: 1px solid transparent; border-radius: 40px; outline: none; transition: all 300ms; } .filter__option.active, .filter__option:hover { color: #24dbec; border-color: #24dbec; } .projects-list { margin-bottom: 40px; } .select-style { position: relative; padding: 0; margin: 40px 0 20px; border: 1px solid #9b9b9b; border-radius: 40px; overflow: hidden; background: #fff; } .select-style:after { content: ""; position: absolute; right: 15px; top: 15px; border: 5px solid transparent; border-top-width: 10px; border-top-color: #9b9b9b; } .select-options { padding: 10px 20px; width: 100%; text-align: center; font-size: 16px; color: #4a4a4a; text-transform: uppercase; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-options:focus { outline: none; } /*------------------------------------*\ #PROJETO WEB \*------------------------------------*/ .site__description { background-position: center bottom; background-repeat: no-repeat; background-size: cover; padding: 130px 0 80px; max-height: 650px; } .site__description p { color: #fff; font-size: 20px; font-weight: 300; line-height: 1.7; } .site__description .site__logo { max-width: 200px; width: 100%; } @media (max-width: 1800px) { .site__description { background-size: cover; } } @media (min-width: 768px) and (max-width: 1024px) { .site__description { background-image: none !important; padding: 70px 60px 50px; } } @media (max-width: 767px) { .site__description { background-image: none !important; background-color: transparent !important; padding: 0; } .site__description p { color: #4a4a4a; } .site__description .site__logo, .site__description .arrow-down { display: none; } } .site__mockups { margin: 40px 0; } @media (min-width: 768px) and (max-width: 1024px) { .site__mockups { margin: 60px 0; } } @media (min-width: 1025px) { .site__mockups { margin: 120px 0 80px; } } .site__featured { margin: 40px 0; } @media (max-width: 767px) { .site__featured { display: none; } } .inter-section { background: #e9e9e9; padding: 40px 0; position: relative; margin-top: 20px; margin-bottom: 120px; } .inter-section .txt-center { z-index: 100; position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .inter-section { padding-top: 0; margin-top: 130px; } } @media (min-width: 1025px) { .inter-section { padding: 80px 20px; margin-top: 130px; } } @media (min-width: 1420px) { .inter-section { padding: 140px 0; } } @media (max-width: 1680px) { .site__device__view { padding: 5% 0; } } .site__device { max-width: 100%; max-width: 46vw; margin: 0; padding: 0 2vw; text-align: center; position: absolute; top: -180px; } .site__device img { max-width: 100%; } @media (max-width: 1680px) { .site__device { top: auto; max-width: 50vw; } } @media (max-width: 1180px) { .site__device { max-width: 80%; top: -130px; } } @media (max-width: 1025px) { .site__device { display: none; } } @media (min-width: 1025px) { .site__device { width: 60%; float: left; position: absolute; bottom: -50px; } } @media (min-width: 768px) and (max-width: 1024px) { .site__device { position: relative; top: -75px; } } @media (max-width: 767px) { .site__device { display: none; } } @media (min-width: 1420px) { .site__device { width: 50%; } } .site__carousel { padding: 100px 0; } @media (min-width: 1025px) { .site__carousel { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; } } .site__carousel-thumbs { position: relative; padding: 30px 0 0 0; } .site__carousel-thumbs img { cursor: col-resize; border: rgba(0, 0, 0, 0.1) solid 1px; border-top: none; max-width: 100%; margin-bottom: 80px; } .site__carousel-thumbs:before { content: ""; width: 100%; height: 30px; background: #e9e9e9 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSI1NHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA1NCAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDx0aXRsZT5PdmFsIDcxPC90aXRsZT4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxwYXRoIGQ9Ik03LDE0IEMxMC44NjU5OTMyLDE0IDE0LDEwLjg2NTk5MzIgMTQsNyBDMTQsMy4xMzQwMDY3NSAxMC44NjU5OTMyLDAgNywwIEMzLjEzNDAwNjc1LDAgMCwzLjEzNDAwNjc1IDAsNyBDMCwxMC44NjU5OTMyIDMuMTM0MDA2NzUsMTQgNywxNCBaIE0yNywxNCBDMzAuODY1OTkzMiwxNCAzNCwxMC44NjU5OTMyIDM0LDcgQzM0LDMuMTM0MDA2NzUgMzAuODY1OTkzMiwwIDI3LDAgQzIzLjEzNDAwNjgsMCAyMCwzLjEzNDAwNjc1IDIwLDcgQzIwLDEwLjg2NTk5MzIgMjMuMTM0MDA2OCwxNCAyNywxNCBaIE00NywxNCBDNTAuODY1OTkzMiwxNCA1NCwxMC44NjU5OTMyIDU0LDcgQzU0LDMuMTM0MDA2NzUgNTAuODY1OTkzMiwwIDQ3LDAgQzQzLjEzNDAwNjgsMCA0MCwzLjEzNDAwNjc1IDQwLDcgQzQwLDEwLjg2NTk5MzIgNDMuMTM0MDA2OCwxNCA0NywxNCBaIiBpZD0iT3ZhbC03MSIgZmlsbD0iI0M2QzZDNiI+PC9wYXRoPg0KICAgIDwvZz4NCjwvc3ZnPg==) 20px center no-repeat; background-size: 30px; position: absolute; top: 0; left: 0; z-index: 100; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } @media (min-width: 1025px) { .site__carousel-thumbs { width: 50%; float: right; -webkit-order: 2; order: 2; } } @media (max-width: 767px) { .site__carousel-thumbs .slick-dots { margin-top: 40px; } } .site__carousel-text { text-align: center; } @media (min-width: 1025px) { .site__carousel-text { width: 50%; float: left; padding: 0 60px; } } @media (min-width: 768px) and (max-width: 1024px) { .site__carousel-text { padding: 0 20px; } } @media (max-width: 767px) { .site__carousel-text { margin-top: 40px; } .site__carousel-text h2 { text-align: center; } } .site__carousel-text h2 { margin: 20px 0 10px; line-height: 1; } .site__carousel-text h3 { color: #15929e; font-size: 28px; font-weight: 400; margin: 10px 0; line-height: 1; } /*------------------------------------*\ #PROJETO APP \*------------------------------------*/ .app__content { position: relative; margin-top: 150px; margin-bottom: 60px; } @media (max-width: 767px) { .app__content { margin-top: 40px; } .app__content h2 { text-align: center; } } .app__carousel { margin-bottom: 80px; } .app__carousel .slick-current { opacity: 1; } @media (max-width: 767px) { .app__carousel { margin: 0 0 40px; } } .app__screen { width: 302px; height: auto; padding: 0 5px; opacity: .25; transition: opacity 300ms; } .app__screen img { max-width: 100%; } @media (max-width: 767px) { .app__screen { width: 184px; } } @media (max-width: 767px) { .iphone-frame, .android-frame { display: none; } } @media (min-width: 768px) { .iphone-frame, .android-frame { background: url(images/iphone.png) center center no-repeat; background-size: 100%; width: 349px; height: 721px; display: block; position: absolute; top: -101px; left: 50%; margin-left: -175px; } .iphone-frame:after, .android-frame:after { content: ""; position: absolute; bottom: -26px; z-index: -1; background: url(data:image/jpeg;base64,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) center center no-repeat; background-size: 100%; width: 400px; height: 52px; left: 50%; margin-left: -200px; } } @media (min-width: 768px) { .android-frame { background: url(data:image/png;base64,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) center center no-repeat; } } .store-links a { margin: 10px 12px; min-width: 260px; height: 80px; background: url(images/btn-appstore.svg) center center no-repeat; background-size: auto; display: inline-block; border-radius: 6px; border: #606060 solid 1px; transition: all .2s; opacity: 0.6; } .store-links a:hover { background: #24dbec url(images/btn-appstore-hover.svg) center center no-repeat; border-color: #24dbec; opacity: 1; } .store-links a.google-play { background-image: url(images/btn-google-play.svg); } .store-links a.google-play:hover { background-image: url(images/btn-google-play-hover.svg); } @media (max-width: 767px) { .store-links a { margin-left: 0; margin-right: 0; } } /* * Outros */ /*------------------------------------*\ #ALIGNMENT \*------------------------------------*/ .center { margin: 0 auto; float: none; text-align: center; } .txt-center { text-align: center; } .left { float: left; } .right { float: right; } img.left { margin-right: 30px; margin-bottom: 15px; } img.right { margin-left: 30px; margin-bottom: 15px; } /*------------------------------------*\ #CLEARFIX \*------------------------------------*/ /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .no-flexbox .about__section:before, .clearfix:after, .no-flexbox .about__section:after { content: ' '; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after, .no-flexbox .about__section:after { clear: both; } /*------------------------------------*\ #HELPERS \*------------------------------------*/ /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .hide { display: none; } @media (max-width: 767px) { .hide-mobile { display: none; } } @media (min-width: 768px) and (max-width: 1024px) { .hide-tablet { display: none; } } @media (min-width: 1025px) { .hide-desktop { display: none; } } /*------------------------------------*\ #IE FIXES \*------------------------------------*/ .ie-9 .gradient { filter: none; } /*# sourceMappingURL=app.css.map*/