/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography ## reset html ## headings ## alignments # Clearings # Grid ## responsive grid # site header # Navigation ## Links ## menus ## buttons # site hero # blocks # Media queries # animation ## Keyframes --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /* ========================================================================== ## reset html ========================================================================== */ html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; overflow-x:hidden; font-size: 1em; height:100%; background:#363636} *, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} body {margin: 0; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Helvetica Neue', Helvetica,Roboto, Arial, 'sans-serif';line-height: 1.2; font-size: 16px; color: #000; height:100%; font-weight: normal; background: none} #page{min-width: 320px} .wf-active body{font-family: "Open Sans", sans-serif;} /* ========================================================================== ## headings ========================================================================== */ h1, h2, h3, h4 {margin: 1.414em 0 0.5em;font-weight: inherit;line-height: 1.2;} h1 {margin-top:.2em;font-size: 2.074em; font-weight: 900;line-height: 1;margin-bottom: .2em; color: #f08819; padding-top: 0em; text-align: center} h2 {font-size: 1.65em; font-weight: 300; text-transform: uppercase} h3{font-size: 1.2em;font-weight: bold;font-style: normal;color: #ef8411;margin-top: 16px;margin-bottom: 10px;} h4{font-size: 1.3em; font-weight:bold;margin-top: 16px} h5{font-size: 1.2em; font-weight:bold; margin-top: 16px; margin-bottom: 10px; color: #ef7c00;} h6{font-size: 0.75em; font-weight:bold; text-transform: uppercase; color: #ef8411; margin-bottom: 10px} small, .font_small {font-size: 12px !important; font-weight: normal !important; text-align: center} hr {background-color: #656565;border: 0; height: 1px; margin-bottom: 1.5em;} .pre-title {text-decoration: none; color:#ef8411} .pre-title-block {background: #ef8411; color: #fff; padding: 5px; font-size: 14px; display: inline-block;text-transform: uppercase} .pre-title >*{font-size: 14px; text-transform: uppercase; text-decoration: none; color:#ef8411} .pre-text{color:#646464; margin-bottom: 2em; font-size: 1.2em; font-weight: 300} .laranja{color: #ef8411} .info{color: #5a5a5a; max-width: 650px; margin-left: auto; margin-right: auto;line-height: 1.4} .hide_txt, .screen-reader-text{display: none;} /* ========================================================================== ## alignments ========================================================================== */ .alignleft {display: inline;float: left;margin-right: 1.5em;} .alignright {display: inline;float: right;margin-left: 1.5em;} .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} .text-left{text-align:left} .text-right{text-align:right} .text-center{text-align:center} .no-margin{margin:0 !important} .marginBottom{margin-bottom: 2em} .paddingTop{padding-top:2em} .paddingBottom{padding-bottom:2em} .padding{padding:2em 0} .responsive{max-width: 100%;display: block; margin: 0 auto; height: auto} .inliner{display:inline-block; vertical-align: middle} /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* ========================================================================== # Grid ========================================================================== */ /* ========================================================================== ## responsive grid ========================================================================== */ .container{width:90%;margin-left:auto;margin-right:auto} .row{position:relative;} .row [class^="col"]{float:left;margin:.5rem 1%;min-height:.125rem} .nomargin [class^="col"]{margin-top:0;margin-bottom:0} .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:98%} .col-1-sm{width:4.33%} .col-2-sm{width:12.66%} .col-3-sm{width:21%} .col-4-sm{width:29.33%} .col-5-sm{width:37.66%} .col-6-sm{width:46%} .col-7-sm{width:54.33%} .col-8-sm{width:62.66%} .col-9-sm{width:71%} .col-10-sm{width:79.33%} .col-11-sm{width:87.66%} .col-12-sm{width:96%} .row::after{content:"";display:table;clear:both} .hidden-sm{display:none} #primary{overflow:hidden} /* ========================================================================== # site header ========================================================================== */ .site-header{z-index: 3; top:0; left:0; right:0;position: fixed; width:100%; background: #fff; box-shadow: 1px 5px 10px 0px rgba(0, 0, 0, 0.13); height:50px;} .site-header .row [class^="col"]{margin-top: 0; margin-bottom: 0;} .branding{ padding-top:10px; padding-bottom: 10px; position: relative; z-index: 999; display: table;max-width: 270px; -moz-transition: 40ms ease-in-out height; -ms-transition: 40ms ease-in-out height; -o-transition: 40ms ease-in-out height; -webkit-transition: 40ms ease-in-out height; transition: 40ms ease-in-out height} .site-branding{padding: 0 10px; display: table-cell; vertical-align: middle; } .branding a{display: block} .branding a>img{display: inline-block; max-height:26px; width:auto; -moz-transition: 300ms ease-in-out all; -ms-transition: 300ms ease-in-out all; -o-transition: 300ms ease-in-out all; -webkit-transition: 300ms ease-in-out all; transition: 300ms ease-in-out all;} .branding span{display: none} #site-tel{font-weight: bold;} .marginmenu{margin-top: 50px;} .small, .small .branding{height: 50px !important} .small .branding a img{max-height: 26px} /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #ef8411; text-decoration: none } a:visited { color: #ef8411; } a:hover, a:focus, a:active { color: #363636;outline: 0; } .link{color: #ef8411; border-bottom: 1px solid #ef8411} .link:hover{color: #363636;border:none;} /* ========================================================================== ## menus ========================================================================== */ #top-bar{text-align: right; font-size: 0.95em;-moz-transition: 200ms ease all; -ms-transition: 200ms ease all; -o-transition: 200ms ease all; -webkit-transition: 200ms ease all; transition: 200ms ease all} #top-bar a {text-align: right; font-size: 0.85em; padding: 10px; display: inline-block; vertical-align: middle} #site-tel > span, #site-mail > span{display:none; vertical-align: middle} #site-tel > i, #site-mail > i{display:inline-block;vertical-align: middle} #menu{width:0;height: 100%;position: fixed;z-index: 1;top:56px;left: 0; bottom:0;overflow-x: hidden;transition: opacity 0.5s; background:#011c30; background: rgba(54, 54, 55, 0.85); opacity:0} .menu-open #menu{width:100%; opacity:1} #site-navigation{text-align:center; will-change: transform;} .main-navigation a {color:#fff; text-transform:uppercase; text-decoration:none; padding:16px 14px; display:block; -webkit-transition:background 0.2s ease-in-out;transition: background 0.2s ease-in-out;position: relative} .main-navigation a:hover, .current-page-parent > a, .current-page-ancestor > a, .current-menu-item > a{color:#fff;background:#ef8411;} .main-navigation ul ul {display: none;margin: 0;padding: 0; z-index: 3;left: 0;top: auto; width: 100%;position: inherit;min-width:200px; text-align:left; background:#505050;} /*.main-navigation ul ul a:hover, ul ul .current-menu-item{background:#505050;}*/ .current-menu-ancestor {background: #545454} .main-navigation ul li:hover > ul, .menu-active > ul {display: block;} .main-navigation > ul{display:block} .main-navigation > ul li{display:block} .main-navigation{float:none;} .main-navigation ul {float:none; width:100%;display:block;margin:0; padding:0} .main-navigation li{float:none; border-bottom:1px solid #505050; margin-left:0;width:100%;padding:0 !important;} .main-navigation .caret{height: 46px; line-height: 46px; text-align: center; width: 38px; position: absolute; top:0; right:0; z-index:999999; cursor:pointer; } .main-navigation ul ul a{text-transform: none; font-size: .95em} .main-navigation ul ul, .main-navigation ul ul ul, .is-scrolling .main-navigation ul ul {float: none; position: relative; top: 0px; left: 0; z-index: 99999; display: none;} /*.main-navigation ul .open > ul, .main-navigation ul ul .open > ul, ul > li.open > .sub-menu{display:block}*/ main-navigation ul .open > ul{display:block} .menu-item-has-children > a{padding-right: 18PX} .menu-item-has-children:hover > a:after, .menu-item-has-children.open > a:after{border-color: #fff} .menu-item-has-children > a::after {content: ""; position: absolute; top: 50%; margin-top: -4px; right: 10px; width: 6px; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff;} /* Small menu */ .menu-toggle {display: block; height:50px; width:50px; float:left; cursor:pointer; position:absolute; left:0; z-index: 1999} #toggle {width: 20px;height: 20px; margin-top: 23px; margin-left: auto; margin-right: auto} #toggle span:after, #toggle span:before {content: "";position: absolute;left: 0;top: -6px;} #toggle span:after{top: 6px;} #toggle span {position: relative;display: block;} #toggle span, #toggle span:after, #toggle span:before {width: 100%;height: 3px;background-color: #ef8411;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition: all 0.3s; backface-visibility: hidden;border-radius: 2px;} /* on activation */ .aberto #toggle span {background-color: transparent;} .aberto #toggle span:before {-webkit-transform: rotate(45deg) translate(3px, 3px); -moz-transform: rotate(45deg) translate(3px, 3px);-moz-transform: rotate(45deg) translate(3px, 3px); -ms-transform: rotate(45deg) translate(3px, 3px); transform: rotate(45deg) translate(3px, 3px); background: #363636} .aberto #toggle span:after {-webkit-transform: rotate(-45deg) translate(5px, -6px); -moz-transform: rotate(-45deg) translate(5px, -6px);-moz-transform: rotate(-45deg) translate(5px, -6px); -ms-transform: rotate(-45deg) translate(5px, -6px); -o-transform:rotate(-45deg) translate(5px, -6px); transform: rotate(-45deg) translate(5px, -6px); background: #363636} #menu-drawer {display: block; top: 0; bottom:0;height: 100%; position: fixed; overflow-y: auto; overflow-x: hidden; z-index: 99; width: 230px; left: -230px; margin-top: 50px; } .menu-active #menu-drawer{box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.1);-moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);-moz-transform: translateZ(0) translateX(230px);-ms-transform: translateZ(0) translateX(230px);-o-transform: translateZ(0) translateX(230px);-webkit-transform: translateZ(0) translateX(230px);transform: translateZ(0) translateX(230px);-moz-transform: translate3d(230px, 0, 0);-ms-transform: translate3d(230px, 0, 0);-o-transform: translate3d(230px, 0, 0);-webkit-transform: translate3d(230px, 0, 0);transform: translate3d(230px, 0, 0);} .footer-nav{} .footer-nav ul{list-style: none; margin: 0; padding-left: 0;} .footer-nav a{text-decoration: none; line-height: 28px; font-size: 14px; color:#a1a1a1} .footer-nav a:hover{color:#fff} /* ========================================================================== ## Pagination ========================================================================== */ .paging-navigation{width:100%;margin:1.5em 0;} .pagination_wrap,.nav-links {text-align: center; overflow:hidden;} .pagination a, .pagination span {background-color: #ffffff;color: #646464;float: left; line-height: 1.42857;margin-left: 2px;padding: 10px 14px;position: relative;text-decoration: none;font-size: 14px;-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pagination .current {background-color: #ccc;} .pagination a:hover { background-color: #ef8411;color: #fff;cursor: pointer;} .pagination .next, .pagination .prev{background-color: transparent} /* ========================================================================== ## buttons ========================================================================== */ .btn, .btn:visited{background:#ef8411; color: #fff; text-decoration: none; display: inline-block; font-size: 0.875em; text-transform: uppercase; font-weight: bold;padding: 11px 14px;-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;cursor: pointer} .btn:hover, .btn:active, .btn.white:hover, .btn.white:active{background: #363636;color:#fff} .btn>i{padding-left: 10px} .btn.white{background:#fff; color:#ef8411;} .btn-blue, .btn-blue:visited{background:#0fa4cc; color: #fff; text-decoration: none; display: inline-block; font-size: 0.875em; text-transform: uppercase; font-weight: bold;padding: 11px 14px;-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .btn-blue:hover, .btn-blue:active{background: #ef8411} .btn-blue>i{padding-left: 10px} /* ========================================================================== # site hero ========================================================================== */ #site-hero, .home-hero{background-repeat: no-repeat; background-size: cover; background-position:top center; position: relative} #loader{background: url(../imagens/loader.gif) center no-repeat;} #site-hero .container, .home-hero .container{display: table;height: 100%; min-height: 200px;} .site-title{background: #000; background: rgba(0,0,0,0.5); padding: 10px; display: inline-block; color: #fff; max-width: 855px; text-align: center;line-height: 1.05;} .home-hero .site-title {margin-top:.2em;font-size: 2.074em; font-weight: 900; margin-bottom: .2em; padding-top: 0em; background: none; padding: 10px; display: inline-block; color: #fff; max-width: 855px; text-align: center;text-transform: none} #site-hero .col-12, .home-hero .col-12{display: table-cell;float: none; vertical-align: middle;width:100%} #primary{background: #fff;} /* ========================================================================== # blocks ========================================================================== */ #site-destaques{margin-top: -20px;} .campanha-block{background: #fff; box-shadow: 1px 12px 20px 0px rgba(0, 0, 0, 0.13); width:100%} .campanha-block > .flex-cell{padding: 20px;} .campanha-block > .flex-img{overflow: hidden;} .campanha-block h2{margin-top: 0;} .page-block{background-repeat: no-repeat; background-size: cover; background-position: center;color: #fff; box-shadow: 1px 12px 20px 0px rgba(0, 0, 0, 0.13);height: 100%;display: table;width:100%;position: relative; background-color: #ef8411;} .page-block:before{background-color: #ef8411; background:rgba(239, 132, 17, 0.8); position: absolute; top: 0; left: 0; right:0; bottom: 0;content: ""} .page-block-content{padding: 20px;height: 100%;display: table-cell; vertical-align: middle; position: relative;z-index: 1} .page-block h2{margin-top: 0; color: #fff; line-height: 1; font-weight: bold; text-transform: none } .section-transform {position: relative;background: #f2f2f2;z-index: 1;padding:1em;margin-top:100px;} .section-produtos.even .section-transform{background: #fff} .section-transform:before {position: absolute;content:''; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); -webkit-transform-origin: 1% 0; transform-origin: 1% 0; top: 0; left: -25%; z-index: -1; width: 150%; height: 75%; background: inherit;} .section-transform:after {position: absolute; content:''; -webkit-transform: rotate(-1deg); transform: rotate(-1deg); -webkit-transform-origin: 1% 0; transform-origin: 1% 0; bottom: -100px; left: -25%; z-index: -1;width: 150%; height: 75%; background: inherit;} div.removeafter{padding-bottom: 2em} div.removeafter:after{content: none;} .lista-produtos{} .lista-produtos .col-3{display: -webkit-box; display: -ms-flexbox; display: flex;} .produto{background: #fff;box-shadow: 1px 6px 20px 0px rgba(0, 0, 0, 0.13); display: block; text-align: center; position: relative; overflow: hidden; -webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-decoration: none;width:100%} .produto > figure{padding: 20px 40px 40px 40px; margin:0; } .produto > .seta{line-height: 40px; height:40px; width: 40px; float: right; color:#fff; background: #ef8411;-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out; position: absolute; right: 0; bottom: 0} .produto-title{margin-top: 5px; font-size: 1em; -webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out; text-transform: none; font-weight: bold} .produto-desc{margin-top: 10px; color:#363636; font-size: 0.989em; font-weight: 300} a.produto:hover{transform: scale(1.1)} a.produto:hover > .seta{background: #363636} a.produto:hover .produto-title{color: #363636} .section-overlay-img{background-color: #000; color: #fff; background-size: cover;background-position: center} .section-overlay{background: rgba(0,0,0,0.5); padding: 5em 0;} #sectionoverlayimg .pre-text{color:#ccc} .empresa-block{} .empresa-block .fa{float: left; width:40px; height: 40px; line-height: 40px; text-align: center; background: #ef8411; font-size: 22px} .empresa-block h3{color: #fff; margin-top: 0} .empresa-block-content{width:100%; margin-left: -40px;float: left; padding-left: 40px;} .empresa-block-content > div{background-color: rgba(0,0,0,0.3); padding: 10px} .section-overlay .btn{margin-top: 2em} .hasprodutos{padding-top: 5em} #footer-cta{background-color: #ef8411;color:#fff} #footer-cta h2{text-transform: none; max-width: 550px; margin-left: auto; margin-right: auto; margin-top: 0} .owl-item{background-image: url(../imagens/loader.gif); background-position: center; background-repeat: no-repeat} .gallerycv .owl-nav, .home-slider .owl-nav{position: absolute; top: 50%; width:100%; color:#ef8411; font-size: 40px} .gallerycv .owl-nav > div, .home-slider .owl-nav> div{width:40px; height:40px; line-height: 40px; text-align: center; background: rgba(255, 255, 255, 0.6);} .gallerycv .owl-prev, .home-slider .owl-prev{float: left} .gallerycv .owl-next, .home-slider .owl-next{float: right} .gallerycv .loader {background-image: url(../imagens/loader.gif); background-size: auto} .owl-carousel .owl-dots {max-width: 50%; margin: auto;} .owl-carousel .owl-dot {float: left; background-size: contain; height:100px; background-position: center; background-repeat: no-repeat} .gallerycv .owl-dot.active {opacity: .5} div.gallerycv .owl-item img {width:auto} div.carouselcv .owl-item img {width:auto} #slider-parceiros{background: #fff} #slider-parceiros .owl-stage{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #slider-parceiros .owl-item{opacity: .5} #slider-parceiros .owl-item.center{opacity: 1} .home-slider .owl-dots{position: absolute; bottom: 20px; left: 0; right: 0; text-align: center} .home-slider .owl-dot{width: 10px; float: none; height: 10px; margin: 5px 7px; background: #D6D6D6; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;display: inline-block; zoom: 1;} .home-slider .owl-dot.active, .home-slider .owl-dot:hover{background: #ef8411; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);} /* ========================================================================== # site content ========================================================================== */ .entry-content {line-height: 1.4} .entry-content ul{list-style: none} .entry-content ul li{ line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex;} .entry-content ul li:before{content: "\f105"; font-family: FontAwesome; line-height: 1.4; color: #ef8411; padding-right: 5px} #tecnicalinfo .col-12{border-top:1px solid #ccc} .tecnicalinfo-title{color:#ef8411; margin: 1em 0; overflow: hidden} .tecnicalinfo-title > h2{width: 100%; padding-right: 40px; float: left; margin: 0 -40px 0 0} .tecnicalinfo-title > i{color:#ef8411; float: left; width:40px; height: 40px; line-height: 40px; display: block; text-align: center} .tecnicalinfo-table{} .tablecv{ font-size: 14px; background: #f4f4f4; width:100%; color:#000} .tablecv td{padding: 0.5em;} .tablecv tr:last-of-type td:last-child {box-shadow: inset -1px -1px 0 #fff;} .tablecv tr:nth-child(odd) td { background: #fff} .tablecv tr td:first-child {color: #656565;} .blockdestaques .col-3{display: -webkit-box; display: -ms-flexbox; display: flex;} .blockdestaques img{height:auto;} .blockdestaques h4 i{display: block; opacity: .5; font-size: 20px; margin-bottom: 10px;} .blockdestaque{background: #ef7c00; box-shadow: 1px 12px 20px 0px rgba(0, 0, 0, 0.13); display: block; text-align: center; position: relative; font-size: 85%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #fff; padding: 10px} .blockdestaque2{background: #fff; box-shadow: 1px 12px 20px 0px rgba(0, 0, 0, 0.13); display: block; text-align: center; position: relative; font-size: 85%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; padding: 10px} .blockdestaque3{background: #fff; box-shadow: 1px 12px 20px 0px rgba(0, 0, 0, 0.13); display: block; position: relative; font-size: 85%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; padding: 20px;width: 100%} .blockdestaque3 h5{margin-top: 0; text-transform: uppercase; font-size: 14px; color: #a1a1a1} .blockdestaque3 a{text-decoration: none; color: #363636} .blockdestaques div:nth-child(2) {animation-delay: 0.35s;} .blockdestaques div:nth-child(3) {animation-delay: .5s;} .blockdestaques div:nth-child(4) {animation-delay: 1s;} #logos{display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;} #logos img{width: 200px} #mapa{height:330px; width:100%; z-index:1} /* ========================================================================== # site footer ========================================================================== */ .site-footer{font-size: 14px; color: #a1a1a1} .site-footer h6{font-size: 1em} .site-footer a{color:#a1a1a1; text-decoration: none;} .site-footer a:hover{color:#ef8411;} .site-info{text-transform: uppercase; border-bottom:1px solid #505050; padding: 10px 0; letter-spacing: .05em;} .site-info strong{color:#ef8411;} .site-info .container{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} /* ========================================================================== # breadcrumbs ========================================================================== */ #breadcrumbs{border-bottom: 1px solid #f2f2f2; padding: 1em; line-height: 1.4;color:#ef8411; font-size: 75%;} .breadcrumb_last {color: #646464; vertical-align: middle} #breadcrumbs a {text-decoration: none; display: inline-block; vertical-align: middle;} /* ========================================================================== # video youtube ========================================================================== */ .vid-container { position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} .vid-container iframe, .vid-container object, .vid-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* ========================================================================== # forms ========================================================================== */ .mailchimpform{ margin-top: 24px} .mailchimpform input[type="text"], .mailchimpform input[type="email"]{border:none; background:#fff;line-height: 40px; height: 40px; width:100%; float: left; padding-right: 120px; margin-right: -118px; margin-top: 0} .mailchimpform input[type="submit"]{border:none; background:#ef8411;line-height: 40px; height: 40px; text-transform: uppercase; font-weight: bold; color:#fff; padding: 0 10px; float: left; width:118px;} .form-header{background: #ef8411;color:#fff;text-transform: uppercase; font-size: 1.125em; padding: .9em .83em; background-size:contain; display: table;width: 100%} .form-header span{display: table-cell} .page-contactos .form-header{text-align: center} .page-template-page-contactos .pre-text{margin-bottom: 0} #cd-form, #cd-msg{display: none} .is-visible .is-selected{display: block !important;} #formResponse{text-align: center; padding: 20px; background: #ef7c00; color: #fff; font-weight: bold; border-radius: 3px; box-shadow: 1px 12px 20px 0px rgba(0, 0, 0, 0.13)} #formResponse > i{font-size: 1.5em; color: #000; opacity: .5;} #form-container.hightlight {background: #000;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);} #form-container.hightlight #form-title{background: #cf0101} #lp-form{position: relative; z-index:1; display: table; width: 100%;height: 100%; vertical-align:middle;} #lp-form-bottom{display:table-cell; vertical-align:middle} #form-container{background:#000; background:rgba(0,0,0,.7);color:#fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; position:relative; margin-bottom:40px;margin-bottom:4vh; padding-bottom: 20px} #form-title{font-size:25px; font-weight:bold; font-style:italic; text-align:center; display:block; line-height:1.2; padding: 10px;background: #cf0101; background: rgba(207, 1,1, .6); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} #form-container p{font-size:14px; text-align:center; margin-top:5px; margin-bottom:15px} #form-container a{color:#fff; text-decoration:none} .form-control{ clear:both; margin-bottom:5px; border-radius: 3px; overflow:hidden;} .form-control:after {content:""; display:table; table-layout: fixed;} .form-control:after {clear:both;} .form-control > label{ font-size:14px; display: block;} .wpcf7-form .wpcf7-response-output{line-height:30px; display: table;width:100%; margin-top:1em; color: #D8000C;background-color: #FFBABA; font-size:.85em;} .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {color: #D8000C;background-color: #FFBABA;border: 0; padding: 10px;} .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ng{color: #D8000C;background-color: #FFBABA;border: 0; padding: 10px;} .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {color: #4F8A10;background-color: #DFF2BF;border: 0; padding: 10px;} div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {font: 26px/30px FontAwesome; display: table-cell;padding-right: 4px;vertical-align: middle;} div.wpcf7-mail-sent-ok:before {content:'\f00c';} div.wpcf7-validation-errors:before {content:'\f057';} .invalid input:not(#enviar){background-color:#f2dede !important;} .invalid label{color: red;} .help-block{display:none !important;} .screen-reader-response, .wpcf7-not-valid-tip {display: none !important;} .ajax-loader{background: url(../imagens/loader.gif) center no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: middle;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility:hidden;} .ajax-loader.is-active{background: url(../imagens/loader.gif) center no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: middle;opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility:visible;} #message{display:none; background:#047DC1; text-align:center; padding:5px} button, input[type="button"], input[type="submit"] { border: none; text-align:center;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background:#047DC1;} button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {outline:none;} input[type="text"], input[type="tel"], input[type="email"]{color: #383838;border: 1px solid #d9d9d9;max-width:100%; text-indent:10px; height:38px; line-height:38px; padding:0 7px; outline:none;background:#fff;display: block; width: 100%;margin-top: 5px;} textarea{color: #383838;border: 1px solid #d9d9d9;max-width:100%;height:100px; line-height:22px; padding:10px 17px; outline:none;background:#fff;display: block; width: 100%;margin-top: 5px; resize: none} select {display: block;width: 100%;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; -o-appearance: none;appearance: none; text-indent:10px; color: #383838;border: 1px solid #d9d9d9; margin-top: 5px; height:38px; line-height:38px; padding:0 7px; outline:none;background:#fff;border-radius: 0; } .select-control {position: relative;} .select-control::after { content: ''; position: absolute; z-index: 1; right: 16px; top: 50%; margin-top: -8px; display: block; width: 16px; height: 16px; background: url("../imagens/seta.png") no-repeat center center; background: url("../imagens/seta.svg") no-repeat center center; pointer-events: none; } select { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); cursor: pointer; } select::-ms-expand { display: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, select:focus{ color: #111; border-color: #2c97de; box-shadow: 0 0 5px rgba(44, 151, 222, 0.2); } .single-campanhas .entry-content h2{color:#ef8411;} #footer-cta h2{color:#fff;margin-top: 20px} .page-template-page-contactos .flex .col-12:first-of-type h2{margin-top: 0} #redes a, #redes a:visited{background:#ef8411; color: #fff; text-decoration: none; display: inline-block; text-transform: uppercase; font-weight: bold;-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out; margin: 2px; width:50px;height:50px;line-height:50px; text-align: center !important; font-size: 20px} #redes a:hover, #redes a:active{background: #363636} /* ========================================================================== 4.0 popup form ========================================================================== */ .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.68); z-index: 4; overflow-y: auto; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; -moz-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .modal.is-visible { visibility: visible; opacity: 1; } .modal.is-visible .modal-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .modal-container { position: relative; width: 90%; max-width: 600px; background: #FFF; margin: 3em auto 4em; cursor: auto; border-radius: 0.25em; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .fechar{font-weight: bold; padding: 14px; cursor: pointer;text-align: right;float: right; color: #fff;} .fechar:hover{color: #ef8411} .video-container {margin: 1.414em 0 0.5em;position: relative; padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wpt-half-block{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;} .wpt-half-section{width: 100%; position: relative;overflow: hidden;} .wpt-half-container{z-index: 1;position: relative;} .wpt-half-container-inner{margin: 0 5%; line-height: 1.4;padding-top: 1em} .wpt-half-container.wpt-half-left{margin-left: auto;float: right} .wpt-half-container.wpt-half-right{margin-right: auto;float: left} .wpt-half-img{width: 100%;height:250px;position: relative;top: 0;bottom:0;background-position: center center;background-size: cover;-webkit-background-size: cover; background-color: #f2f2f2; background-color: #505050;} .wpt-half-img.wpt-half-left{left:0} .wpt-half-img.wpt-half-right{right:0} /* ========================================================================== # Media queries ========================================================================== */ @media only screen and (max-width: 23.75em) { } @media only screen and (max-width: 33.75em) { /* 540px */ #masthead .container{margin: 0; width: 100%} #masthead .branding{width:100%; margin-right: -85px; padding-right: 85px; max-width: inherit; background: none; height:50px;z-index: -1} #top-bar .inliner, #site-mail{display:none} #masthead .row [class="col-9"]{width:75px; margin: 0} .site-info .container{display: block;} } @media only screen and (min-width: 33.75em) { /* 540px */ .container {width: 98%;} } @media only screen and (max-width: 44.99em) { .site-header .row [class^="col"]{width: 48%; float: left} #site-hero h1, .home-hero .site-title{font-size: 1.5em} #logos .col-3{width: 48%;} #logos img{width: 120px;} .wpt-half-container-inner{margin:auto !important; width: 100%} } @media only screen and (min-width: 45em) and (max-width: 60.99em) { div.wpt-half-container-inner{margin:auto !important; width: 100%} div.wpt-half-container-inner .container{padding:10px} } @media only screen and (min-width: 45em) { /* 720px */ .col-1 {width: 6.33%;} .col-2 {width: 14.66%;} .col-3 {width: 23%;} .nomargin [class^="col"]{width: 31.33%;margin-left:0; margin-right:1%} .col-4 {width: 31.33%;} .col-5 {width: 39.66%;} .col-6 {width: 48%;} .col-7 {width: 56.33%;} .col-8 {width: 64.66%;} .col-9 {width: 73%;} .col-10 {width: 81.33%;} .col-11 {width: 89.66%;} .col-12 {width: 98%;} .hidden-sm {display: block;} h1{margin-bottom: .4em; text-align: left} .divTableCell{padding: 18px} .flexcenter{-ms-flex-item-align: center; align-self: center} .flexbottom{-ms-flex-item-align: end; align-self: flex-end;} .form-control{clear: inherit; width:100% } #form-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .site-header .col-9{margin-right: 0; margin-left: 0; width: 74%;} #site-hero, .home-hero{height: 300px} .campanha-block{display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .campanha-block .flex-cell:first-child{min-width: 60%} .home-slider .owl-dots{bottom: 55px} #site-destaques{margin-top: -50px} #site-destaques .container, .post-type-archive-campanhas .col-6{display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex;} #site-destaques .col-8, #site-destaques .col-4{display: -webkit-box; display: -ms-flexbox; display: flex;} .lista-produtos{display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;} .page-block{display: block; height: inherit} .page-block-content{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .blockdestaques, .flex{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;} .flex .col-6{display: -webkit-box; display: -ms-flexbox; display: flex;} .wpt-half-container{margin-left: auto;width: 50%;} .wpt-half-img{width: 50%;height: 100%;position: absolute;} } @media screen and (orientation:landscape) and (min-width: 84em) { } @media only screen and (min-width: 45em) and (max-width: 60em) { .col-6-sm, .blockdestaques >div {width: 48%;} #logos .col-3{width: 31.33%;} #logos .col-3 > img{width: 120px;} .col-12-sm {width: 96%;} .site-footer-blocks .container{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .lista-produtos .col-3, .site-footer-blocks .col-3{width:48%} .site-header .row [class^="col"]{width: 48%; float: left;max-width: inherit} } @media only screen and (min-width: 60em) and (max-width: 84em) { .blockdestaques >div {width: 48%;} } @media only screen and (max-width: 83.99em) { #site-hero, .home-hero{padding-top: 10px; padding-bottom: 30px} .overflow{overflow:hidden;} .menu-open #content {overflow:hidden; background:#fff;} #wrapper { -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform:none; -moz-transition: 300ms ease-in-out all; -ms-transition: 300ms ease-in-out all; -o-transition: 300ms ease-in-out all; -webkit-transition: 300ms ease-in-out all; transition: 300ms ease-in-out all; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow:hidden; } .menu-active #wrapper { -moz-transform: translateX(230px); -ms-transform: translateX(230px); -o-transform: translateX(230px); -webkit-transform: translateX(230px); transform: translateX(230px); -moz-transform: translateZ(0) translateX(230px); -ms-transform: translateZ(0) translateX(230px); -o-transform: translateZ(0) translateX(230px); -webkit-transform: translateZ(0) translateX(230px); transform: translateZ(0) translateX(230px); -moz-transform: translate3d(230px, 0, 0); -ms-transform: translate3d(230px, 0, 0); -o-transform: translate3d(230px, 0, 0); -webkit-transform: translate3d(230px, 0, 0); transform: translate3d(230px, 0, 0); } .main-navigation ul ul ul{background: #505050} .menu-active #wrapper:after{position:absolute;display: block;left: 0;right: 0;top: 0;bottom: 0;z-index:2;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45); content:"";} #primary-menu{opacity:0;} .menu-active #primary-menu{opacity:1;} .site-branding{display: block; margin-left: 40px} .branding{max-width: inherit} #top-bar a{font-size: 1em; height: 50px; line-height: 50px; padding-top: 0; padding-bottom: 0} #menu-drawer{-webkit-overflow-scrolling: touch; -moz-transition: 300ms ease-in-out all; -ms-transition: 300ms ease-in-out all; -o-transition: 300ms ease-in-out all; -webkit-transition: 300ms ease-in-out all; transition: 300ms ease-in-out all; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;} } @media only screen and (min-width: 84em) { /* 1280px */ .home #wrapper{overflow: hidden; overflow: hidden; background: #fff;} .container {width: 96%;max-width: 84rem;} .branding{padding-top:10px; padding-bottom: 10px; height:83px} #menu-drawer{display:block;width:100%; height: auto;overflow-x: inherit; text-align:center;top:0; margin-top:0; background: none; opacity:1;left: inherit; float: left; position: inherit; overflow: inherit;} #site-tel > span, #site-mail > span{display:inline-block} #site-tel > i, #site-mail > i{display:none} #site-hero, .home-hero{height: 400px} h1, .home-hero .site-title{font-size: 2.5em;} .branding a img{max-height: 44px} .marginmenu{margin-top: 83px;} .menu-toggle {display: none;} .main-navigation ul {display: block;margin-left: 20px} .site-header{height: 83px} .site-branding{vertical-align: bottom} .small #top-bar{visibility: hidden; opacity: 0; height: 0} .menu-toggle { display: none; } .main-navigation { clear: both; display: block; float: right; padding-top: 0;white-space: nowrap; -moz-transition: 300ms ease-in-out height; -ms-transition: 300ms ease-in-out height; -o-transition: 300ms ease-in-out height; -webkit-transition: 300ms ease-in-out all; transition: 300ms ease-in-out height } .main-navigation ul li {display: inline-block; vertical-align: middle; position:relative; width: auto; border-bottom: 0;} .main-navigation ul ul { box-shadow:none; float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { position: absolute; top: 0; left: 100%; } .main-navigation ul ul li:hover > ul, .open > ul .main-navigation ul ul li.focus > ul, .open > .sub-menu { left: 100%; } .main-navigation ul ul a { width: 250px; white-space: normal; padding: 10px; } .main-navigation ul li:hover > ul, .main-navigation ul li.open ul .main-navigation ul li.focus > ul, .open > .sub-menu { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation li li {background: #ef8411;} .main-navigation li li a{color:#fff; background: none;} .main-navigation li li a:hover, li .menu-item-has-children.open, .main-navigation li li.current-menu-ancestor, .main-navigation li li .current-menu-item{background: #b96b17;color:#fff} .menu-item-has-children > a::after {border-color: #ef8411; right: 8px;} .main-navigation a {display: block;text-decoration: none;color:#363636; line-height:1; width: auto} .main-navigation a:hover, .main-navigation .open a, .menu-item-has-children:active, li.dropdown-link.menu-item-has-children:hover > a{color: #ef8411;} .main-navigation li li > a, .main-navigation li.open li > a{color: #fff;} .main-navigation a:hover, .current-page-parent > a, .current-page-ancestor > a, .current-menu-item > a, .current-menu-ancestor{ background-color: transparent} .main-navigation ul > li > a::before { background-color: transparent; bottom: 0px; content: ""; height: 3px; left: 50%; position: absolute; right: 50%; -moz-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; z-index: 1; } .main-navigation li li > a::before {content: none} .main-navigation ul > li > a:hover::before, .main-navigation ul > li.current_page_item > a::before, .main-navigation ul > li.open > a:hover::before, .main-navigation ul > li.current-menu-ancestor > a::before, .main-navigation ul > li.current-menu-item > a::before{ background-color: #ef8411; left: 0; right: 0; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .menu-item-has-children:hover > a:after, .menu-item-has-children.open > a:after {border-color: #ef8411;} .menu-item-has-children:hover li > a:after, .menu-item-has-children.open li > a:after {border-color: #fff;} .home-slider .owl-dots{bottom: 50px} .blockdestaques h4 i{font-size: 30px;} .wpt-half-section{min-height:350px} #redes a{font-size: 20px; width:60px;height:60px;line-height: 60px} } @media only screen and (min-width: 105em) { /* 1680px */ .branding{height: 87px} body{font-size: 18px} .entry-content{line-height: 1.6} #site-hero, .home-hero{height: 400px} .site-header{height: 87px} .empresa-block .fa{width:90px; height: 90px; line-height: 90px; font-size: 48px} .empresa-block-content{margin-left: -90px;padding-left: 90px; font-size: 0.889em;} .empresa-block-content > div{padding: 18px} .marginmenu{margin-top: 87px;} #breadcrumbs a, .breadcrumb_last {padding: 5px 10px} .tablecv td{padding: 0.8em;} #redes a{font-size: 20px; width:60px;height:60px;line-height: 60px} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 105em), only screen and (min-resolution: 192dpi) and (min-width: 105em){ } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { } #site-hero.defaultbg { background-image: url(../imagens/header-645x430.jpg); }@media (min-width: 541px) { #site-hero.defaultbg {background-image: url(../imagens/header-768x512.jpg); } }@media (min-width: 768px) { #site-hero.defaultbg {background-image: url(../imagens/header.jpg); } }@media (min-width: 1681px) { #site-hero.defaultbg {background-image: url(../imagens/header.jpg); } } .not-found img{max-width: 200px; margin-top: 1em} div#loader #site-hero:before, div#loader .home-hero:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.13); top: 0; left: 0; right: 0; bottom: 0; } div#loader #site-hero .site-title, .home-hero .site-title{text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6); background: none; display: block; margin-left:auto; margin-right: auto} /* ========================================================================== # edge ========================================================================== */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #site-destaques .page-block-content{display: block} } /* ========================================================================== # animation ========================================================================== */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} .fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .hide{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} @-webkit-keyframes fadeIn { 0% {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} 100% {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} } @keyframes fadeIn { 0% {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} 100% {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} } .moveIn {-webkit-animation-name: moveIn;animation-name: moveIn;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 500ms; animation-delay:500ms;} @-webkit-keyframes moveIn { 0% {-webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0;} 100% {-webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;} } @-webkit-keyframes moveIn { 0% {transform: translateY(50px); opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} 100% {transform: translateY(0px); opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} }