/*========== ESTILO GERAL RESET ==========*/ * {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box; font-family: 'Roboto', sans-serif;} body {font-family: 'Roboto', sans-serif;} a {color: #f74600; text-decoration: none; transition: all .8s;} a:hover {color: #000000; text-decoration: none; transition: all .3s;} ul {list-style: none;} li {list-style: none;} b {font-weight: bold;} strong {font-weight: bold;} /*========== BARRA DE ROLAGEM ==========*/ ::-webkit-scrollbar-thumb:vertical {background: #f74600; border-left: 0px solid #f74600;} ::-webkit-scrollbar-thumb:horizontal {background:#f74600; border: 0px solid #f74600;} ::-webkit-scrollbar {width:15px; background: #000000; border: 0px solid #f74600;} /*========== CARREGAMENTO DAS PÁGINAS ==========*/ #loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000;} #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: /*#3498db*/ #3498db; animation: spin 2s linear infinite; z-index: 2001;} #loader:before {content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: /*#e74c3c*/ #e74c3c; animation: spin 3s linear infinite;} #loader:after {content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: /*#f9c922*/ #f9c922; animation: spin 1.5s linear infinite;} @keyframes spin {0% {transform: rotate(0deg);} 100% {/*transform: rotate(1440deg);*/ transform: rotate(720deg);}} #loader-wrapper .loader-section {position: fixed; top: 0; width: 50%; height: 100%; background: rgba(255,255,255,1); z-index: 2000; transform: translateX(0);} #loader-wrapper .loader-section.section-left {left: 0;} #loader-wrapper .loader-section.section-right {right: 0;} .loaded #loader-wrapper .loader-section.section-left {transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);} .loaded #loader-wrapper .loader-section.section-right {transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);} .loaded #loader {opacity: 0; transition: all 0.3s ease-out;} .loaded #loader-wrapper {visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out;} @keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}} @keyframes girando{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}} @keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}} /*========== HEADER TOPO ====================================================================================================== =============================================================================================================================*/ /* 1 VERSÃO DESKTOP 1280px ================================================================================================= */ /*========== DIV PRINCIPAL ==========*/ .env {width: 100%; float: left;} .conteudo {width: 1300px; margin: 0 auto;} /* VERSÃO DESKTOP 1024px EM DIANTE ========================================================================================= */ /* 1 PRIMEIRO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ /*========== HEADER TOPO DO SITE ============================================================================================*/ .all {background: #ffffff; background: url(../img/fundo_videos_.jpg) center top/100% 100vh #ffffff no-repeat; scrollbar-base-color: #f74600; scrollbar-base-color: #f74600; scrollbar-3d-light-color: #f74600; scrollbar-highlight-color: #f74600; scrollbar-track-color: #000000; scrollbar-arrow-color: #f74600; scrollbar-shadow-color: #f74600; scrollbar-dark-shadow-color: #f74600;} .all2 {background: #ffffff; background: url(../img/fundo_videos2_.jpg) center top/100% 280px #ffffff no-repeat; scrollbar-base-color: #f74600; scrollbar-base-color: #f74600; scrollbar-3d-light-color: #f74600; scrollbar-highlight-color: #f74600; scrollbar-track-color: #000000; scrollbar-arrow-color: #f74600; scrollbar-shadow-color: #f74600; scrollbar-dark-shadow-color: #f74600;} /*========== VÍDEO DE FUNDO BACKGROUND ==========*/ .cd-bg-video-wrapper {width: 100%; height: 200px; background: transparent; position: relative; top: 0; left: 0;} .cd-bg-video-wrapper2 {width: 100%; height: 280px; background: transparent; background: url(../img/fundo_videos2.jpg) center top/100% 280px transparent no-repeat;} .cd-bg-video-wrapper video {position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background: url('../img/fundo_videos_.jpg') no-repeat; background-size: cover; transition: 1s opacity;} /*========== BARRA TOPO ==========*/ .barra_topo {width: 100%; height: 40px; float: left; background-image: linear-gradient(to right, #ff9900, #ff2f00); /*box-shadow: 0 8px 16px rgba(0, 0, 0, .15), 0px -0.5px 10px #eeeeee;*/ z-index: 5000; transition: all .8s;} /*========== SOM TOPO ==========*/ .som_topo {width: 50px; height: 40px; line-height: 40px; float: left; font-size: 22px; color: #ffffff; text-align: center; background: transparent; margin-top: 0px; margin-right: 2px; border-radius: 0px; transition: all .8s;} .som_topo:hover {color: #ffffff; background: #000000; transition: all .3s;} /*========== HORA TOPO ==========*/ .hora_topo {width: 130px; height: 40px; line-height: 40px; float: left; background: transparent; text-align: center; margin-right: 2px; transition: all .8s;} .hora_topo:hover {background: #000000; transition: all .3s;} .hora_topo1 {color: #ffffff; font-size: 18px; font-weight:bold; margin-right: 2px; transition: all .8s;} .hora_topo:hover .hora_topo1 {color: #ffffff; transition: all .3s;} .hora_topo2 {color: #ffffff; font-size: 12px; font-weight:bold; transition: all .8s;} .hora_topo:hover .hora_topo2 {color: #ffffff; transition: all .3s;} .hora_topo i {font-size: 22px; margin-right: 5px; transform: translateY(1.5px);} /*========== DATA TOPO ==========*/ .data_topo {width: 330px; height: 40px; line-height: 40px; float: left; color: #ffffff; font-size: 16px; text-align: center; background: transparent; position: relative; margin-right: 2px; padding: 0; transition: all .8s;} .data_topo:hover {color: #ffffff; background: #000000; transition: all .3s;} .data_topo i {font-size: 17px; margin-right: 3px;} /*========== BOTÃO CIDADES MENU SELECT TOPO ==========*/ .custom-select {width: 235px; float: left; font-size: 18px; position: relative; margin-left: 10px; margin-right: 2px;} .custom-select select {display: none;} .select-selected {background-color: transparent; transition: all .8s;} .select-selected:hover {background-color: #000000; transition: all .3s;} /* CAMPO MENU SELECT */ .select-selected {width: auto; height: 40px; line-height: 40px; color: #ffffff; padding: 0px 87px 0px 35px; border: 0px dashed transparent; border-color: rgba(0, 0, 0, 0.0) transparent transparent transparent; cursor: pointer; user-select: none; white-space: nowrap;} .select-arrow-active {background-color: #000000; transition: all .3s;} /* CAMPOS MENU OPTION */ .select-items div {width: auto; height: 40px; line-height: 40px; color: #333333; font-size: 17px; padding: 0px 20px 0px 20px; border: 1px dashed transparent; border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; cursor: pointer; user-select: none; white-space: nowrap; transition: all .8s;} .select-items div:hover {color: #ffffff; background-color: #f74600; padding-left: 40px; transition: all .3s;} .select-items {color: #000000; background-color: #ffffff; position: absolute; top: 100%; left: 0; right: 0; z-index: 99;} .select-hide {display: none;} .same-as-selected {color: #ffffff !important; background-color: #f74600; transition: all .3s;} /* ÍCONE FONT AWESOME */ .custom-select i {color: #ffffff; font-size: 24px; float: left; text-align: center; margin: 7.5px 15px 0 30px;} .select-selected i {color: #ffffff; font-size: 16px !important; text-align: left; margin: 11px 15px 0 14px !important; display: none; transition: all .3s;} .select-items div i {color: #f74600; font-size: 16px !important; text-align: left; margin: 11px 15px 0 14px !important; /*display: none;*/ transition: all .3s;} .select-items div:hover i {color: #000000; transition: all .3s;} .same-as-selected i {color: #000000 !important; transition: all .3s;} /* ÍCONE SETA SELECT */ .select-selected:after {position: absolute; content: ""; top: 14px; right: 30px; width: 0; height: 0; border-top: 11px solid #ffffff; border-right: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid transparent; transform: rotateX(0deg); transition: all .3s;} .select-selected.select-arrow-active:after {top: 5px; transform: rotateX(180deg); transition: all .3s;} .select-items {box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); border-radius: 0 0 6px 6px;} /*========== MENU PRINCIPAL TOPO ==========*/ .menu_topo {} .menu_topo ul {} .menu_topo li a {height: 40px; line-height: 40px; color: #ffffff; font-size: 17px; float: right; padding: 0 10px; margin-right: 2px;} .menu_topo li a:hover {color: #ffffff; background-color: #000000;} .menu_topo li a i {font-size: 22px; transform: translateY(2px); margin-right: 2px;} /*========== TEXTO TOPO MOBILE ==========*/ .texto_topo_mobile {display: none;} /*========== BARRA LOGO ==========*/ .barra_logo {/*width: 100%; height: 180px; float: left; background-color: #ffffff;*/} /*========== LOGO DO SITE ==========*/ .logo h1 img {width: 220px; float: left; margin-top: 50.5px; margin-right: 20px;} .logo h2 img {width: 100px; float: left; margin-top: 26px;} .navbar-fixed-top .logo h1 img {width: 145px; float: left; margin-top: 5px; font-size: 0; transition: all .8s;} .navbar-fixed-top .logo h2 img {display: none;} .logo {filter: drop-shadow(0px 0px 0px transparent); transform: translateX(0px); transition: all .3s;} .logo:hover {filter: drop-shadow(6px 6px 3px #999999); transform: translateX(20px); transition: all .3s;} /*========== ANÚNCIO TOPO ==========*/ .clima_tempo {width: 50px; float: left; margin-top: 30px; margin-left: 45px; z-index: -10 !important;} .navbar-fixed-top .clima_tempo {display: none;} /*========== ANÚNCIO TOPO ==========*/ .banner_topo {width: 728px; height: 90px; float: right; overflow: hidden; background: url(../img/bg5.gif); margin-top: 45px;} .navbar-fixed-top .banner_topo {display: none;} .texto_banner {float: left; position: absolute; color: #cccccc; font-size: 12px; transform: rotate(270deg); margin-left: -45px; margin-top: 37px;} .ads-728 {width: 728px; height: 90px; float: left; overflow: hidden; background: url(../img/bg5.gif);} .ads-728 nav {width: 728px; height: 90px; margin: 0 auto; background: #f0f0f0; margin-top: 0px;} .ads-topo-no-widget {float: left; margin-left: 0px; padding: 0 140px; margin-top: 100px;} /*========== BARRA MENU PRINCIPAL ==========*/ .barra_menu {width: 100%; height: 60px; line-height: 60px; float: left; margin-top: 0px; background: #ffffff; box-shadow: 0 8px 16px rgba(0, 0, 0, .15), 0px -0.5px 10px #eeeeee; /*0px -5px 5px #eeeeee;*/} /*========== BOTÃO MÓBILE MENU PRINCIPAL ==========*/ .botao_menu {width: 120px; height: 60px; line-height: 60px; float: left; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; display: block; margin-right: 10px; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; border-radius: 12px; transition: all .8s;} .botao_menu:hover {color: #ffffff; background: #000000; transition: all .8s;} .botao_menu i {font-size: 22px; transform: translateY(1.2px); margin-right: 3px;} /*========== MENU PRINCIPAL LINKS ==========*/ .menu-topo {float: left; height: 60px; line-height: 60px; font-size: 19px; font-weight: bold; padding: 0px 13.15px; margin-right: 1px; border-top: 1px solid transparent;} /*========== BUSCA DO SITE TOPO HEADER ==========*/ .busca_topo {display: block; position: relative;} .busca_topo_mobile {display: none;} .sb-search {width: 0%; min-width: 65px; height: 50px; float: right; top: 5px; right: 0px; position: absolute; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden;} /* ÍCONE LUPA BUSCA */ .sb-icon-search {width: 65px; height: 50px; line-height: 50px; font-size: 24px; color: #ffffff; background: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00); font-weight: bold; text-align: center; top: 0; right: 0; position: absolute; display: block; cursor: pointer; z-index: 90; border-radius: 12px; transition: all .8s;} .sb-icon-search:hover {color: #ffffff; background: #000000; transition: all .8s;} .sb-icon-search i {font-weight: bold; transform: translateY(-1px);} /* ÍCONE ATIVAR INPUT LUPA BUSCA */ .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {color: #ffffff; background-image: linear-gradient(to right, #FF9900, #ff2f00); z-index: 90; transition: all .3s;} .sb-search.sb-search-open, .no-js .sb-search {width: 78.3%; transition: all .3s;} .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {z-index: 90;} /* CAMPO INPUT BUSCA */ .sb-search-input {width: 37%; height: 50px; font-size: 19px; color: #333333; background: #ffffff; top: 0; right: 0; position: absolute; padding-left: 20px; padding-right: 10px; border: none; outline: none; z-index: 10; border-radius: 12px; box-shadow: inset 1px 1px 10px 1px rgba(0, 0, 0, 0.1);} /* BOTÃO OK INPUT BUSCA */ .sb-search-submit {width: 40px; height: 30px; margin-top: 10px; margin-right: 75px; float: right; position: relative; font-size: 17px; color: #ffffff; font-weight: bold; background-image: linear-gradient(to left, #ff9900, #ff2f00); border-radius: 8px; cursor: pointer; z-index: -1;} .sb-search-submit:hover {color: #ffffff; background: #000000; transition: all .8s;} /* ESTILO PLACEHOLDER */ input[type="search"].sb-search-input {-webkit-border-radius: 12px; -webkit-border-radius: 12px;} .sb-search-input::-webkit-input-placeholder {color: #999999;} .sb-search-input:-moz-placeholder {color: #999999;} .sb-search-input::-moz-placeholder {color: #999999;} .sb-search-input:-ms-input-placeholder {color: #999999;} /*========== MENU PRINCIPAL ==========*/ .navbar {width: 100%; height: 180px; float: left; background-color: #ffffff;} .navbar-fixed-top {width: 100%; height: 64px; float: left; top: 0; position: fixed; background: #ffffff; z-index: 5000; box-shadow: 0px 7px 7px #666666; transition: all .8s;} /*.navbar .logo_branca {display: none; transition: all .8s;} .navbar .logo_original {display: block; transition: all .8s;} .navbar-fixed-top .logo_branca {display: none; transition: all .8s;} .navbar-fixed-top .logo_original {display: block; transition: all .8s;}*/ .nav {float: right; display: block; margin-top: 0px; transition: all .8s;} .nav > li > a {color: #ffffff; border-top: 0px solid transparent; background: transparent; border-radius: 0px;} .nav > li > a:hover /*, .nav > li > a:focus */ {color: #ffffff; text-decoration: none; border-top: 0px solid #f74600; background: #f74600; border-radius: 0px;} .navbar .nav > li {float: left; background: transparent; margin: 0px 0px; padding-top: 0px; transition: all .8s;} .navbar-fixed-top .nav > li {margin: 0px 0px; padding-top: 0px; transition: all .8s;} .navbar .nav > li > a {display: block; font-size: 17px; color: #ffffff; height: 40px; line-height: 40px; text-decoration: none; vertical-align: middle; margin-right: 2px; padding: 0px 10px; text-transform: none;} .navbar .nav > li:hover > a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color: #ffffff !important; border-top: 0px solid #f74600; background: #000000; border-radius: 0px;} .navbar-fixed-top .nav > li > a {display: block; font-size: 17px; color: #ffffff; height: 40px; line-height: 40px; text-decoration: none; vertical-align: middle; margin-right: 2px; padding: 0px 10px;} .navbar-fixed-top .nav > li:hover > a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color: #ffffff !important; background: #000000; border-radius: 0px;} .navbar li a {color: #ffffff !important;} .navbar-fixed-top li a {color: #ffffff !important;} .navbar .nav > li > a i {font-size: 22px; transform: translateY(2px); margin-right: 2px;} /*========== MENU MÓBILE ==========*/ .btn-navbar {display: none;} /*========== MENU MÓBILE ==========*/ /* BOTÃO MENU TOPO */ .nav-toggle-topo {width: 60px; height: 40px; line-height: 40px; float: right; color: #ffffff; font-weight: bold; text-align: center; background: transparent; cursor: pointer; border-radius: 0px; opacity: 1; transition: all .8s;} .nav-toggle-topo:hover {color: #ffffff; background: #000000; transition: all .3s;} .nav-toggle-topo i {font-size: 26px; transform: translateY(4px);} /* BOTÃO FECHAR MENU */ .nav-toggle-fechar {width: 50px; height: 50px; line-height: 50px; float: right; color: #ffffff; font-size: 36px; font-weight: bold; text-align: center; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; border-radius: 100px; z-index: 9999999; white-space: nowrap; margin-top: -35px; transition: all .8s;} .nav-toggle-fechar:hover {color: #ffffff; background: #000000; transition: all .8s;} .nav-toggle-fechar i {transform: translateY(1px);} .texto_botao_menu_fechar {float: right; color: #555555; font-size: 15px; font-weight: none; text-align: center; margin-right: 8px; margin-top: -18.5px;} /* BOTÃO FECHAR MENU COM CLIQUE TELA INTEIRA */ .nav-toggle-fechar-clique {width: 100%; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; background: transparent; z-index: -1;} /* BOTÃO MENU VERSÃO MÓBILE */ .botao_menu_mobile {display: none;} /*.nav-toggle3 {display: none;}*/ /* CONFIGURAÇÕES BOTÃO MENU TOPO */ .nav-toggle {cursor: pointer; opacity: 1;} .nav-toggle .icon-menu {position: relative; display: inline-block; width: 30px; height: 26px; vertical-align: middle; fill: none;} .icon-menu .line {position: absolute; left: 0; display: block; width: 100%; height: 4px; background-color: #ffffff;} .icon-menu .line-1 { top: 0; transition: all .8s;} .icon-menu .line-2 {top: 50%; margin-top: -2px; transition: all .8s;} .icon-menu .line-3 {bottom: 0; transition: all .8s;} .nav-toggle:hover .icon-menu .line {background-color: #ffffff; transition: all .3s;} /* LOGO BOX MENU */ .logo_menu h1 img {width: 160px; float: left; position: absolute; margin-top: -39px;} .logo_menu h2 img {width: 100px; float: left; margin-top: 26px; display: none;} .logo_menu {filter: drop-shadow(0px 0px 0px transparent); transform: translateX(0px); transition: all .3s;} .logo_menu:hover {filter: drop-shadow(6px 6px 3px #999999); transform: translateX(10px); transition: all .3s;} /* MENU LOGIN MENU */ .botao_login {width: 100%; float: left; text-align: center; margin-top: 27px; margin-bottom: 17px;} .botao_login a {color: #333333; font-size: 17px; display: inline-block; margin-bottom: 3px; margin-right: 20px; transition: all .3s;} .botao_login a:hover {color: #f74600; transition: all .3s;} .botao_login a:last-child {margin-right: 0px;} .botao_login i {color: #f74600; transition: all .3s;} .botao_login a:hover i {color: #333333; transition: all .3s;} /* MENU LOGIN MENU MOBILE */ .botao_login_mobile {display: none;} /* BOX MENU */ .nav-container {width: 100%; height: 100%; min-height: 100%; top: 0; right: 0; position: fixed; z-index: 999999; visibility: hidden; margin: 0; padding: 0; overflow: auto; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); background-color: none; -webkit-overflow-scrolling: touch;} .nav-container.is-visible {visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); margin: 0px; padding:0px; background-color: rgba(0,0,0, 0.4);} /* LINKS BOX MENU */ .div-menu {width: 360px; height: auto; min-height: 100%; float: right; padding: 60px 30px 30px 30px; background: #ffffff; box-shadow: 0px 50px 50px #333333;} .menu {width: 300px; height: 100%; min-height: 100%; list-style: none; margin: 0; padding: 0;} .nav-menu {float: right; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} .nav-menu .menu-link {color: #333333; font-size: 19px; text-align: left; display: block; text-decoration: none; padding: 12px 0 12px 20px;} .nav-menu .menu-link:hover {color: #ffffff;} .nav-menu .menu-item {border-top: 1px dashed #cccccc; padding: 0; transition: all .8s;} .nav-menu .menu-item:hover {color: #ffffff; padding-left: 25px; transition: all .3s;} .nav-menu .menu-item:hover {background-color: #f74600; transition: all .3s;} .has-dropdown {position: relative; cursor: pointer; text-align: left;} .has-dropdown > .menu-link {display: inline-block;} .nav-menu .menu-item.is-active {color: #ffffff; background-color: #f74600; transition: all .3s;} .nav-menu > .menu-item.is-active {color: #ffffff; padding-left: 0px; transition: all .0s;} .has-dropdown.is-active > .nav-dropdown {color: #ffffff; display: block;} .nav-dropdown {display: none; background-color: #eeeeee;} .nav-dropdown > .menu-item:hover {color: #ffffff; background-color: #f74600; transition: all .3s;} .menu-item i {color: #f74600; font-size: 26px; margin-right: 12px; transform: translateY(2px);} .has-dropdown:hover i {color: #ffffff;} .menu-item.is-active a {color: #ffffff; transition: all .3s;} .menu-item.is-active a:hover {color: #ffffff !important; transition: all .3s;} .menu-item.is-active a i {color: #ffffff; transition: all .3s;} .nav-dropdown a {font-size: 17px !important; padding: 12px 0 12px 20px !important;} .menu-item.is-active .menu a {color: #333333; transition: all .3s;} .has-dropdown:after {color: #f74600; font-size: 32px; font-weight: bold; position: absolute; top: 0; right: 20px; margin-top: 6px; bottom: 0; content: "+"; transition: all .3s;} .has-dropdown:hover:after {color: #ffffff; font-size: 32px; font-weight: bold; position: absolute; top: 0; right: 20px; margin-top: 6px; bottom: 0; content: "+"; transition: all .3s;} .has-dropdown.is-active:after {color: #000000; content: "\2015"; transition: all .3s;} /*========== BOTÃO CIDADES MENU SELECT MENU ==========*/ .div_menu_cidades_menu {margin-top: 40px; margin-bottom: 20px;} .menu_cidades_icone_menu {width: 60px; height: 45px; line-height: 45px; float: left; font-size: 36px; color: #ffffff; text-align: center; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; border-radius: 10px 0 0 10px; transition: all .8s;} .menu_cidades_icone_menu:hover {color: #ffffff; background: #000000; transition: all .3s;} .menu_cidades_icone_menu i {transform: translateY(0px);} /*== ÍCONE BOTÃO CIDADES MENU SELECT MENU ==*/ .menu_cidades_menu {width: 240px; height: 45px; line-height: 45px; color: #333333; font-size: 20px; padding: 0 0 0 20px; cursor: pointer; background: url(../img/seta_cidades1.png) center right/47px 32px no-repeat; background-position: center right 0px; background-color: transparent; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15); border-radius: 0 10px 10px 0; text-indent: 0.01px; appearance: none; -moz-appearance: none; -webkit-appearance: none; text-overflow: ""; transition: all .8s;} .menu_cidades_menu:hover {color: #333333; background: url(../img/seta_cidades2.png) center right/47px 32px no-repeat; background-position: center right 0px; background-color: transparent; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); transition: all .3s;} .menu_cidades_menu:focus {color: #333333; background: url(../img/seta_cidades3.png) center right/47px 32px no-repeat; background-position: center right 0px; background-color: transparent; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); transition: all .3s;} .menu_cidades_menu option {float: left; color: #ffffff; background-color: #f74600;} /*========== BUSCA DO SITE TOPO HEADER MENU ==========*/ .busca_topo_menu {width: 300px; float: left; margin-top: 20px; margin-bottom: 20px;} .busca_topo_menu_input {width: 240px; height: 45px; line-height: 45px; float: left; background-color: #ffffff; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15); border-radius: 10px 0 0 10px; transition: all .8s;} .busca_topo_menu_input:hover {background-color: transparent; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); transition: all .3s;} .busca_topo_menu input {width: 233px; height: 43px; line-height: 43px; float: left; font-size: 20px; color: #666666; text-align: left; background-color: transparent; padding-left: 20px; transition: all .8s;} .busca_topo_menu_input:hover input {color: #000000; background-color: transparent; transition: all .3s;} .busca_topo_menu_input:focus .busca_topo_menu input {color: #ffffff; background-color: transparent; transition: all .3s;} .busca_topo_menu button {width: 60px; height: 45px; float: left; font-size: 26px; color: #ffffff; text-align: center; font-weight: bold; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; border-radius: 0 10px 10px 0; transition: all .8s;} .busca_topo_menu button:hover {color: #ffffff; background: #000000; transition: all .3s;} .busca_topo_menu i {transform: translateY(-1px);} /*========== REDES SOCIAIS MENU ==========*/ .redes_sociais_menu {width: 100%; float: left; text-align: center; display: inline-block; margin-top: 20px;} .redes_sociais_menu a {width: 45.8px; height: 45px; line-height: 45px; float: left; font-size: 26px; text-align: center; border-radius: 8px; margin-right: 5px; transition: all .8s;} .redes_sociais_menu a:last-child {margin-right: 0;} .redes_sociais_menu a:hover {transition: all .3s;} /*========== MENU LOGIN FIXADO ==========*/ .botao_login_fixado {float: right; transition: all .8s;} .botao_login_fixado a {color: #555555; font-size: 18px; font-weight: none; margin-right: 10px; transition: all .3s;} .botao_login_fixado a:hover {color: #f74600; transition: all .3s;} .botao_login_fixado a:last-child {margin-right: 0px;} .botao_login_fixado i {color: #f74600; margin-right: 3px; transition: all .3s;} .botao_login_fixado a:hover i {color: #333333; transition: all .3s;} .navbar .botao_login_fixado {float: right; margin-top: -250px; margin-right: 50px; transition: all .1s;} .navbar-fixed-top .botao_login_fixado {float: right; margin-top: 21.5px; margin-right: 50px; transition: all .5s;} /*========== BUSCA TOPO MENU FIXADO ==========*/ .navbar.busca_topo_fixado {float: right; transition: all .8s;} .busca_topo_fixado input {width: 280px; height: 45px; line-height: 45px; float: left; background-color: #ffffff; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15); border-right: 0px solid transparent; font-size: 18px; text-align: left; color: #777777; padding-left: 20px; margin-right: 0px; border-radius: 11px 0 0 11px; transition: all .8s;} .busca_topo_fixado input:hover {color: #333333; background-color: #ffffff; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); transition: all .3s;} .busca_topo_fixado input:focus {color: #333333; background-color: #ffffff; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); transition: all .3s;} .busca_topo_fixado button {width: 55px; height: 45px; float: left; background-image: linear-gradient(to left, #ff9900, #ff2f00); font-size: 24px; text-align: center; color: #ffffff; font-weight: bold; border-radius: 0 11px 11px 0; cursor: pointer; transition: all .8s;} .busca_topo_fixado button:hover {background: #000000; transition: all .8s;} .busca_topo_fixado button i {font-weight: bold; transform: translateY(-1px)} .navbar .busca_topo_fixado {float: right; margin-top: -250px; margin-right: 50px; transition: all .1s;} .navbar-fixed-top .busca_topo_fixado {float: right; margin-top: 9.5px; margin-right: 50px; transition: all .5s;} /*========== BOTÃO MENU PRINCIPAL FIXADO ==========*/ .botao_menu_fixado {width: 50px; height: 50px; line-height: 50px; float: right; color: #ffffff; font-weight: bold; text-align: center; display: block; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; border-radius: 100px; transition: all .8s; white-space: nowrap;} .botao_menu_fixado:hover {color: #ffffff; background: #000000; transition: all .8s;} .botao_menu_fixado i {font-size: 24px; transform: translateY(4px);} .navbar .botao_menu_fixado {float: right; margin-top: -250px; transition: all .1s;} .navbar-fixed-top .botao_menu_fixado {float: right; margin-top: 7px; transition: all .5s;} .texto_botao_menu_fixado {color: #555555; font-size: 19px; font-weight: none; text-align: center; display: block; float: right;} .navbar .texto_botao_menu_fixado {float: right; margin-top: -250px; margin-right: 10px; transition: all .1s;} .navbar-fixed-top .texto_botao_menu_fixado {float: right; margin-top: 21px; margin-right: 10px; transition: all .5s;} /*========== REDES SOCIAIS TOPO MENU FIXADO ==========*/ .redes_sociais {text-align: right;} .redes_sociais a {width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; color: #ffffff; margin-right: 0px; border-radius: 100px; transition: all .8s;} .redes_sociais a:last-child {margin-right: 0;} .redes_sociais a:hover {transition: all .3s;} /*.redes_sociais a:last-child {display: none;}*/ .redes_sociais a:nth-child(7) {display: none;} .redes_sociais a:nth-child(8) {display: none;} .redes_sociais a:nth-child(9) {display: none;} .redes_sociais a:nth-child(10) {display: none;} .redes_sociais_menu_mobile {display: none;} .navbar .redes_sociais {float: right; margin-top: -250px; margin-right: 50px; transition: all .1s;} .navbar-fixed-top .redes_sociais {float: right; margin-top: 11.5px; margin-right: 50px; transition: all .5s;} .texto_botao_redes_sociais {color: #555555; font-size: 19px; font-weight: none; text-align: center; display: block; float: right;} .navbar .texto_botao_redes_sociais {float: right; margin-top: -250px; margin-right: 10px; transition: all .1s;} .navbar-fixed-top .texto_botao_redes_sociais {float: right; margin-top: 21px; margin-right: 10px; transition: all .5s;} /*========== BANNER TOPO PRINCIPAL ==========*/ .desktop {display: block;} .mobile {display: none;} .div_banner {width: 100%; height: 100%; height: 500px; float: left; margin-top: 0px; margin-bottom: 90px;} /* Itens do Banner */ .item_banner {width: 50%; height: 500px; float: left; overflow: hidden; padding-right: 2.5px;} /* Imagem do Banner */ .zoom_banner {width: 100%; height: 500px; position: relative; overflow: hidden; z-index: 10; border-radius: 16px;} .zoom_banner > span {width: 100%; position: absolute; overflow: hidden; transform: scale(1.1); filter: brightness(1); transition: all .8s;} .item_banner:hover .zoom_banner > span {position: absolute; transform: scale(1.4); filter: brightness(0.4); transition: all .3s;} .item_banner img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_banner:hover img {transition: all .3s;} /* Dados do Banner */ .mascara_banner {width: 100%; height: 140px; float: left; position: relative; margin-top: -140px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_banner:hover .mascara_banner {height: 170px; margin-top: -170px; transition: all .3s;} /* Títulos do Banner */ .dados_banner h3 {float: left; color: #ffffff; font-size: 22px; padding: 5px 20px; margin: -18px 0 10px 25px; background: #F74600; border-radius: 8px; transition: all .8s;} .item_banner:hover .dados_banner h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_banner h2 {float: left; color: #ffffff; font-size: 34px; margin-left: 25px; margin-right: 15px; transition: all .8s;} .item_banner:hover .dados_banner h2 {color: #F74600; transition: all .3s;} /* Itens do Banner */ .item_banner2 {width: 25%; height: 247.5px; float: left; overflow: hidden;} /* Imagem do Banner */ .zoom_banner2 {width: 100%; height: 247.5px; position: relative; overflow: hidden; z-index: 10; border-radius: 16px;} .zoom_banner2 > span {width: 100%; position: absolute; overflow: hidden; transform: scale(1.1); filter: brightness(1); transition: all .8s;} .item_banner2:hover .zoom_banner2 > span {position: absolute; transform: scale(1.4); filter: brightness(0.4); transition: all .3s;} .item_banner2 img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_banner2:hover img {transition: all .3s;} /* Dados do Banner */ .mascara_banner2 {width: 100%; height: 85px; float: left; position: relative; margin-top: -85px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_banner2:hover .mascara_banner2 {height: 105px; margin-top: -105px; transition: all .3s;} /* Títulos do Banner */ .dados_banner2 h3 {float: left; color: #ffffff; font-size: 16px; padding: 5px 15px; margin: -13.5px 0 10px 17px; background: #F74600; border-radius: 6px; transition: all .8s;} .item_banner2:hover .dados_banner2 h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_banner2 h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_banner2:hover .dados_banner2 h2 {color: #F74600; transition: all .3s;} .item_banner2:nth-child(2) {padding-left: 2.5px; padding-right: 5px; margin-bottom: 5px;} .item_banner2:nth-child(3) {margin-bottom: 5px;} .item_banner2:nth-child(4) {padding-left: 2.5px; padding-right: 5px;} /* Botões Números Paginação */ .owl-theme .owl-controls {width: 100%; text-align: center; z-index: 9; position: absolute; margin-top: 15px;} .owl-pagination {width: 250px; margin: 0 auto; position: relative; z-index: 1;} .owl-theme .owl-controls .owl-page {display: inline-block; z-index: 1;} .owl-theme .owl-controls .owl-page span {width: 40px; height: 40px; line-height: 40px; margin: 2.8px; color: #666666; font-size: 18px; font-weight: bold; background: transparent; border-radius: 8px; display: block; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2); transition: all .8s;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {height: 40px; color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00); transition: all .3s;} /* Setas Paginação */ .owl-theme .owl-controls .owl-buttons div {width: 130px; height: 40px; line-height: 40px; margin-top: 0px; color: #666666; font-size: 18px; font-weight: bold; display: inline-block; padding-top: 0px; background: transparent; border-radius: 8px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1); transition: all .8s;} .owl-theme .owl-controls.clickable .owl-buttons div:hover {color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00); transition: all .3s;} .owl-theme .owl-controls .owl-buttons div i {transform: translateY(1px); margin: 0 5px;} .owl-theme .owl-controls .owl-buttons {position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);} .owl-prev {float: left; padding-right: 12px;} .owl-next {float: right; padding-left: 12px;} /* Gambiarra Temporária - Excluir */ .owl-buttons {width: 493px; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls .owl-page,.owl-controls .owl-buttons div {cursor: pointer;} .owl-theme .owl-controls.clickable .owl-buttons div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls.owl-theme .owl-controls .owl-page span {background: #000000;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out}.owl-carousel .owl-item{float: left} /* Correções */ .owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls.clickable .owl-buttons div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel {float: left; display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel .owl-wrapper {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel .owl-item {float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;} .owl-controls {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*========== BANNER ANÚNCIOS ==========*/ /* Botões Números Paginação */ .owl-theme .owl-controls2 {width: 100%; text-align: center; z-index: 9; position: absolute; bottom: -34px;} .owl-theme .owl-controls2 .owl-pagination {width: 120px; margin: 0 auto; position: relative;} .owl-theme .owl-controls2 .owl-page2 {display: inline-block; z-index: 1;} .owl-theme .owl-controls2 .owl-page2 span {display: block; width: 20px; height: 20px; line-height: 20px; margin: -8px 5px 0 5px; background: #ffffff; border-radius: 100px;} .owl-theme .owl-controls2 .owl-page2.active span, .owl-theme .owl-controls2.clickable .owl-page2:hover span {background: #f74600; transition: all .3s;} /* Setas Paginação */ .owl-theme .owl-controls2 .owl-buttons2 div {width: 50px; height: 50px; line-height: 50px; margin-top: -40px; color: #ffffff; font-size: 40px; font-weight: bold; display: inline-block; padding-top: 3px; background: transparent; border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls2.clickable .owl-buttons2 div:hover {color: #ffffff; background: #f74600; transition: all .3s;} .owl-theme .owl-controls2 .owl-buttons2 .owl-prev {float: left; padding-right: 8px; margin-left: 450px;} .owl-theme .owl-controls2 .owl-buttons2 .owl-next {float: right; padding-left: 8px; margin-right: 450px;} /* Gambiarra Temporária - Excluir */ .owl-buttons2 {width: 1140px; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls2 .owl-page2,.owl-controls2 .owl-buttons2 div {cursor: pointer;} .owl-theme .owl-controls2.clickable .owl-buttons2 div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls2 .owl-page2.active span, .owl-theme .owl-controls2.clickable .owl-page2:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls2.owl-theme .owl-controls2 .owl-page2 span {background: #000000;} .owl-theme .owl-controls2 .owl-page2.active span,.owl-theme .owl-controls2.clickable .owl-page2:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel2 .owl-wrapper2-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel2 .owl-wrapper2-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel2 .owl-item {float: left} /* Correções */ .owl-carousel2 .owl-wrapper2:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel2 .owl-wrapper2, .owl-carousel2 .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls2.clickable .owl-buttons2 div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel2 {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel2 .owl-wrapper2 {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel2 .owl-wrapper2-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel2 .owl-wrapper2-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel2 .owl-item {float: left;} .owl-controls2 .owl-page2, .owl-controls2 .owl-buttons2 div {cursor: pointer;} .owl-controls2 {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*========== MÓDULO 02 - GALERIAS ==========*/ .div_galerias {width: 100%; float: left; padding-top: 0px; padding-bottom: 0px; background: #ffffff;} .item_galerias {width: 420px; height: 300px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_galerias:hover {background: transparent;} .item_galerias:nth-child(3n+3) {margin-right: 0;} .zoom_galerias {width: 100%; height: 300px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_galerias > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_galerias:hover .zoom_galerias > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_galerias img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_galerias:hover img {transition: all .3s;} .mascara_galerias {width: 100%; height: 90px; float: left; position: relative; margin-top: -90px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_galerias:hover .mascara_galerias {height: 110px; margin-top: -110px; transition: all .3s;} .dados_galerias h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_galerias:hover .dados_galerias h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_galerias h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_galerias:hover .dados_galerias h2 {color: #F74600; transition: all .3s;} /* Fotos das Galerias de Eventos */ .tt-amplie {width: 100%; font-size: 15px; color: #cccccc; float: left; margin-top: 10px; margin-bottom: 10px;} .demo-gallery {margin-bottom: 0px;} .demo-gallery .justified-gallery > a:hover .icone-galeria {border: 5px solid #f74600;} .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {background: #f74600;} .lg-toolbar .lg-icon:hover {background: #f74600;} .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border: 5px solid #f74600;} .lg-outer .lg-toogle-thumb:hover {background: #f74600;} .lg-progress-bar .lg-progress {background: #f74600;} /* Menu de Seleção Categorias Produtos Home */ .div_nav-pills {width: 100%; float: left; margin: 0 auto;} .nav-pills {display: block !important; margin-bottom: 20px; text-align: right;} .nav-pills:before, .nav-pills:after {display: table; line-height: 0; content: ""; clear: both;} .nav-pills > li {display: block; margin: 0;} .nav-pills > li > a {height: 50px; line-height: 50px; float: left; font-size: 18px; color: #ffffff; background: transparent; padding: 0 12px; border-radius: 0px; cursor: pointer;} .nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {color: #ffffff; background: #f74600;} .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {color: #ffffff; background: #f74600;} .single-project {margin-bottom: 0px; background: #181A1C;} .single-project img {width: 100%;} .project-description {padding-right: 20px;} .project-description p {padding-left: 0;} .project-title {margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #ffffff;} .project-title h3 {float: left; margin-top: 0; padding: 0; width: 80%;} .project-title .close {color: #ffffff; margin-top: 10px;} .project-info span, .project-title h3 {color: #ffffff;} .project-info {font-weight: 100; padding: 10px 0;} .project-info span {width: 80px; display: inline-block;} .project-info div {margin-bottom: 5px;} .close {float: right; width: 40px; height: 40px; text-align: center;} #portfolio-grid .mix {opacity: 0; display: none; float: left;} /*========== BANNER GALERIAS ==========*/ .div_banner_galerias {width: 100%; height: 788px; float: left; margin-top: 0px; background: #000000;} .div_banner_galerias1 {width: 540px; float: left; margin-right: 20px;} .div_banner_galerias2 {width: 740px; float: left;} .texto_div_banner_galerias1 {width: 100%; height: 50px; line-height: 50px; color: #ffffff; font-size: 20px; background: #111111; box-shadow: inset 3px 3px 6px #444444, 1px 1px 0px #222222; border-radius: 8px; margin-bottom: 20px;} .texto_div_banner_galerias1 i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 32px; text-align: center; border-right: 5px solid #000000; margin-left: 7px; transition: all .8s;} .texto_div_banner_galerias1 i:hover {color: #F74600; transition: all .3s;} .texto_div_banner_galerias1 p {float: left; margin-left: 15px; transition: all .8s;} .texto_div_banner_galerias1 p:hover {color: #F74600; transition: all .3s;} .texto_div_banner_galerias2 {width: 100%; height: 50px; background: #111111; box-shadow: inset 3px 3px 6px #444444, 1px 1px 0px #222222; border-radius: 8px;} .texto_div_banner_galerias2 .nav-pills i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 32px; text-align: center; border-right: 5px solid #000000; margin-left: 7px; transition: all .8s;} .texto_div_banner_galerias2 .nav-pills i:hover {color: #F74600; transition: all .3s;} /* Itens do Banner */ .item_banner_galerias {width: 100%; height: 510px; float: left; overflow: hidden; padding-right: 0px;} /* Imagem do Banner */ .zoom_banner_galerias {width: 100%; height: 510px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_banner_galerias > span {width: 100%; position: absolute; overflow: hidden; transform: scale(1); filter: brightness(1); transition: all .8s;} .item_banner_galerias:hover .zoom_banner_galerias > span {position: absolute; transform: scale(1.3); filter: brightness(0.4); transition: all .3s;} .item_banner_galerias img {width: auto; height: 100%; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_banner_galerias:hover img {transition: all .3s;} /* Dados do Banner */ .mascara_banner_galerias {width: 100%; height: 120px; float: left; position: relative; margin-top: -120px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_banner_galerias:hover .mascara_banner_galerias {height: 150px; margin-top: -150px; transition: all .3s;} /* Títulos do Banner */ .dados_banner_galerias h3 {float: left; color: #ffffff; font-size: 20px; padding: 5px 20px; margin: -18px 0 10px 25px; background: #F74600; border-radius: 8px; transition: all .8s;} .item_banner_galerias:hover .dados_banner_galerias h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_banner_galerias h2 {float: left; color: #ffffff; font-size: 28px; margin-left: 25px; margin-right: 15px; transition: all .8s;} .item_banner_galerias:hover .dados_banner_galerias h2 {color: #F74600; transition: all .3s;} .degrade_banner_galerias {width: 100%; height: 510px; margin: 0 auto; margin-top: -510px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: transparent; border-radius: 12px 12px 0px 0px; display: block; transition: all .8s;} .degrade_banner_galerias h5 {text-align: center;} .item_banner_galerias:hover .degrade_banner_galerias h5 {text-align: center;} .degrade_banner_galerias h5 i {min-width: 120px; height: 120px; float: left; background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 11; border-radius: 0 12px 0 22px; display: block; padding: 0 5px; transition: all .8s;} .item_banner_galerias:hover .degrade_banner_galerias h5 i {color: #000000; background: #ffffff; transition: all .3s;} .degrade_banner_galerias .data1 {width: 100%; float: left; color: #ffffff; font-size: 60px; font-weight: bold; text-align: center; margin-top: 7px;} .item_banner_galerias:hover .degrade_banner_galerias .data1 {color: #000000;} .degrade_banner_galerias .data2 {width: 100%; float: left; color: #ffffff; font-size: 30px; font-weight: bold; text-align: center; margin-top: -12px;} .item_banner_galerias:hover .degrade_banner_galerias .data2 {color: #000000;} .degrade_banner_galerias h6 {float: left; color: #ffffff; font-size: 16px; background: rgba(0,0,0,0.4); padding: 6px 15px; border-radius: 12px 0px 8px 0px; margin-top: -25px; margin-left: -15px; margin-right: 5px; transition: all .8s;} .item_banner_galerias:hover .degrade_banner_galerias h6 {transition: all .3s;} .degrade_banner_galerias h6 i {color: #ffffff;} .degrade_banner_galerias h7 {float: left; color: #ffffff; font-size: 16px; background: rgba(0,0,0,0.4); padding: 6px 15px; border-radius: 0px 0px 8px 8px; margin-top: -25px; transition: all .8s;} .item_banner_galerias:hover .degrade_banner_galerias h7 {transition: all .3s;} .degrade_banner_galerias h7 i {color: #ffffff;} .div_galerias2 {} .item_galerias2 {width: 360px; height: 245px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_galerias2:hover {background: transparent;} .item_galerias2:nth-child(2n+2) {margin-right: 0;} .zoom_galerias2 {width: 100%; height: 245px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_galerias2 > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_galerias2:hover .zoom_galerias2 > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_galerias2 img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_galerias2:hover img {transition: all .3s;} .mascara_galerias2 {width: 100%; height: 90px; float: left; position: relative; margin-top: -90px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_galerias2:hover .mascara_galerias2 {height: 110px; margin-top: -110px; transition: all .3s;} .dados_galerias2 h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_galerias2:hover .dados_galerias2 h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_galerias2 h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_galerias2:hover .dados_galerias2 h2 {color: #F74600; transition: all .3s;} .degrade_galerias2 {width: 100%; height: 245px; margin: 0 auto; margin-top: -245px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: transparent; border-radius: 12px 12px 0px 0px; display: block; transition: all .8s;} .degrade_galerias2 h5 {text-align: center;} .item_galerias2:hover .degrade_galerias2 h5 {text-align: center;} .degrade_galerias2 h5 i {min-width: 100px; height: 100px; float: left; background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 11; border-radius: 0 12px 0 22px; display: block; padding: 0 5px; transition: all .8s;} .item_galerias2:hover .degrade_galerias2 h5 i {color: #000000; background: #ffffff; transition: all .3s;} .degrade_galerias2 .data1 {width: 100%; float: left; color: #ffffff; font-size: 50px; font-weight: bold; text-align: center; margin-top: 8px;} .item_galerias2:hover .degrade_galerias2 .data1 {color: #000000;} .degrade_galerias2 .data2 {width: 100%; float: left; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; margin-top: -9px;} .item_galerias2:hover .degrade_galerias2 .data2 {color: #000000;} .degrade_galerias2 h6 {float: left; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.4); padding: 5.5px 10px; border-radius: 12px 0px 8px 0px; margin-top: -25px; margin-left: -15px; margin-right: 5px; transition: all .8s;} .item_galerias2:hover .degrade_galerias2 h6 {transition: all .3s;} .degrade_galerias2 h6 i {color: #ffffff;} .degrade_galerias2 h7 {float: left; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.4); padding: 5.5px 10px; border-radius: 0px 0px 8px 8px; margin-top: -25px; transition: all .8s;} .item_galerias2:hover .degrade_galerias2 h7 {transition: all .3s;} .degrade_galerias2 h7 i {color: #ffffff;} /* Botões Números Paginação */ .owl-theme .owl-controls-galerias {width: 100%; text-align: center; z-index: 9; position: absolute; margin-top: 14px;} .owl-theme .owl-controls-galerias .owl-pagination {width: 100%; margin: 0 auto; position: relative;} .owl-theme .owl-controls-galerias .owl-page-galerias {display: inline-block; z-index: 1;} .owl-theme .owl-controls-galerias .owl-page-galerias span {display: block; width: 22px; height: 22px; line-height: 22px; margin: 0px 5px 0 5px !important; background: #ffffff; border-radius: 100px;} .owl-theme .owl-controls-galerias .owl-page-galerias.active span, .owl-theme .owl-controls-galerias.clickable .owl-page-galerias:hover span {background-image: linear-gradient(to left, #ff9900, #ff2f00); transition: all .3s;} /* Setas Paginação */ .owl-theme .owl-controls-galerias .owl-buttons-galerias div {width: 70px; height: 70px; line-height: 70px; margin-top: -340px; color: #ffffff; font-size: 42px; font-weight: bold; display: inline-block; padding-top: 3px; background: rgba(0,0,0,0.5); border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls-galerias.clickable .owl-buttons-galerias div:hover {color: #ffffff; background: #f74600; transition: all .3s;} .owl-theme .owl-controls-galerias .owl-buttons-galerias .owl-prev {float: left; padding-right: 8px; margin-left: 15px;} .owl-theme .owl-controls-galerias .owl-buttons-galerias .owl-next {float: right; padding-left: 8px; margin-right: 15px;} /* Gambiarra Temporária - Excluir */ .owl-buttons-galerias {width: 100%; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls-galerias .owl-page-galerias,.owl-controls-galerias .owl-buttons-galerias div {cursor: pointer;} .owl-theme .owl-controls-galerias.clickable .owl-buttons-galerias div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls-galerias .owl-page-galerias.active span, .owl-theme .owl-controls-galerias.clickable .owl-page-galerias:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls-galerias.owl-theme .owl-controls-galerias .owl-page-galerias span {background: #000000;} .owl-theme .owl-controls-galerias .owl-page-galerias.active span,.owl-theme .owl-controls-galerias.clickable .owl-page-galerias:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel-galerias .owl-wrapper-galerias-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel-galerias .owl-wrapper-galerias-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel-galerias .owl-item {float: left} /* Correções */ .owl-carousel-galerias .owl-wrapper-galerias:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel-galerias .owl-wrapper-galerias, .owl-carousel-galerias .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls-galerias.clickable .owl-buttons-galerias div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel-galerias {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel-galerias .owl-wrapper-galerias {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel-galerias .owl-wrapper-galerias-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel-galerias .owl-wrapper-galerias-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel-galerias .owl-item {float: left;} .owl-controls-galerias .owl-page-galerias, .owl-controls-galerias .owl-buttons-galerias div {cursor: pointer;} .owl-controls-galerias {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*========== MÓDULO 03 - VÍDEOS ==========*/ /*.div_videos {width: 100%; float: left; padding-top: 0px; padding-bottom: 0px; background: #ffffff;}*/ .item_videos {width: 420px; height: 300px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_videos:hover {background: transparent;} .item_videos:nth-child(3n+3) {margin-right: 0;} .zoom_videos {width: 100%; height: 300px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_videos > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_videos:hover .zoom_videos > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_videos img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_videos:hover img {transition: all .3s;} .mascara_videos {width: 100%; height: 90px; float: left; position: relative; margin-top: -90px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_videos:hover .mascara_videos {height: 110px; margin-top: -110px; transition: all .3s;} .dados_videos h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_videos:hover .dados_videos h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_videos h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_videos:hover .dados_videos h2 {color: #F74600; transition: all .3s;} /*========== MÓDULO AJAX - VÍDEOS ==========*/ .div_videos {width: 100%; height: auto; float: left; padding-top: 0px; padding-bottom: 20px; background: #000000;} .div_banner_videos1 {width: 640px; float: left; margin-right: 20px;} .div_banner_videos2 {width: 640px; float: left; /*overflow: auto;*/} /* Banners de Vídeos Ajax Principal */ .div_banner_videos {width: 100%; float: left; margin-top: 3px;} .item_banner_videos {width: 100%; float: left; text-align: left;} .item_banner_videos iframe {width: 100% !important; height: 380px; float: left; border-radius: 16px; margin-bottom: 20px; border: 5px solid #333333; transition: all .3s;} /*.item_banner_videos iframe:hover {border: 5px solid #F74600; transition: all .3s;}*/ .item_banner_videos a {height: 180px; float: left; background: #191919; padding: 30px 10px 0px 25px; border-radius: 16px; border: 5px solid #333333; transition: all .3s;} /*.item_banner_videos a:hover {border: 5px solid #F74600; transition: all .3s;}*/ .item_banner_videos h3 {float: left; color: #ffffff; font-size: 20px; background: #F74600; padding: 5px 20px; margin-bottom: 10px; border-radius: 8px; transition: all .8s;} a:hover h3 {color: #000000; background: #ffffff; transition: all .3s;} .item_banner_videos h2 {float: left; color: #ffffff; font-size: 30px; transition: all .8s;} a:hover h2 {color: #F74600; transition: all .3s;} /* Vídeos dos Banners de Vídeos Ajax Principal */ .item_videos2 {width: 310px; height: 180px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; border-radius: 16px; transition: all .3s;} .item_videos2:hover {background: transparent;} .item_videos2:nth-child(2n+2) {margin-right: 0;} .zoom_videos2 {width: 100%; height: 170px; position: relative; overflow: hidden; z-index: 10; border-radius: 16px;} .zoom_videos2 > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_videos2:hover .zoom_videos2 > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_videos2 img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_videos2:hover img {transition: all .3s;} .mascara_videos2 {width: 100%; height: 85px; float: left; position: relative; margin-top: -85px; background: rgba(0,0,0,0.7); border-radius: 0 0 16px 16px; display: block; z-index: 10; transition: all .8s;} .item_videos2:hover .mascara_videos2 {height: 110px; margin-top: -110px; transition: all .3s;} .dados_videos2 h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_videos2:hover .dados_videos2 h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_videos2 h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_videos2:hover .dados_videos2 h2 {color: #F74600; transition: all .3s;} .btn {background-color: #333333; padding: 5px 5px; transition: all .3s;} .active_videos, .btn:hover {background-color: #f74600; padding: 5px 5px; transition: all .3s;} /*========== BANNER VÍDEOS ==========*/ /* Botões Números Paginação */ .owl-theme .owl-controls-videos {width: 100%; text-align: center; z-index: 9; position: absolute; bottom: -34px;} .owl-theme .owl-controls-videos .owl-pagination {width: 100%; margin: 0 auto; position: relative;} .owl-theme .owl-controls-videos .owl-page-videos {display: inline-block; z-index: 1;} .owl-theme .owl-controls-videos .owl-page-videos span {display: block; width: 20px; height: 20px; line-height: 20px; margin: 0px 5px 0 5px !important; background: #ffffff; border-radius: 100px;} .owl-theme .owl-controls-videos .owl-page-videos.active span, .owl-theme .owl-controls-videos.clickable .owl-page-videos:hover span {background: #f74600; transition: all .3s;} /* Setas Paginação */ .owl-theme .owl-controls-videos .owl-buttons-videos div {width: 70px; height: 70px; line-height: 70px; margin-top: -340px; color: #ffffff; font-size: 42px; font-weight: bold; display: inline-block; padding-top: 3px; background: rgba(0,0,0,0.5); border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls-videos.clickable .owl-buttons-videos div:hover {color: #ffffff; background: #f74600; transition: all .3s;} .owl-theme .owl-controls-videos .owl-buttons-videos .owl-prev {float: left; padding-right: 8px; margin-left: 15px;} .owl-theme .owl-controls-videos .owl-buttons-videos .owl-next {float: right; padding-left: 8px; margin-right: 15px;} /* Gambiarra Temporária - Excluir */ .owl-buttons-videos {width: 100%; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls-videos .owl-page-videos,.owl-controls-videos .owl-buttons-videos div {cursor: pointer;} .owl-theme .owl-controls-videos.clickable .owl-buttons-videos div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls-videos .owl-page-videos.active span, .owl-theme .owl-controls-videos.clickable .owl-page-videos:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls-videos.owl-theme .owl-controls-videos .owl-page-videos span {background: #000000;} .owl-theme .owl-controls-videos .owl-page-videos.active span,.owl-theme .owl-controls-videos.clickable .owl-page-videos:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel-videos .owl-wrapper-videos-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel-videos .owl-wrapper-videos-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel-videos .owl-item {float: left} /* Correções */ .owl-carousel-videos .owl-wrapper-videos:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel-videos .owl-wrapper-videos, .owl-carousel-videos .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls-videos.clickable .owl-buttons-videos div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel-videos {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel-videos .owl-wrapper-videos {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel-videos .owl-wrapper-videos-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel-videos .owl-wrapper-videos-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel-videos .owl-item {float: left;} .owl-controls-videos .owl-page-videos, .owl-controls-videos .owl-buttons-videos div {cursor: pointer;} .owl-controls-videos {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* padrão original */ .owl-origin {-webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%;perspective: 1200px;} /* fade */ .owl-fade-out {z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;} .owl-fade-in {-webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease;} /* backSlide */ .owl-backSlide-out {-webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;} .owl-backSlide-in {-webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;} /* goDown */ .owl-goDown-out {-webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;} .owl-goDown-in {-webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both;} /* scaleUp */ .owl-fadeUp-in {-webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;} .owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;} /* Keyframes */ /*empty*/ @-webkit-keyframes empty{0%{opacity:1}} @-moz-keyframes empty{0%{opacity:1}} @keyframes empty{0%{opacity:1}} @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}} @-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}} @keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}} @-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}} @-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}} @keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}} @-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}} @-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}} @keyframes scaleToFade{to{opacity:0;transform:scale(.8)}} @-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}} @-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}} @keyframes goDown{from{transform:translateY(-100%)}} @-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}} @-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}} @keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}} @-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}} @-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}} @keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} /* Fim Keyframes */ /*empty*/ /*========== BANNER AGENDAS ==========*/ .div_banner_agendas {width: 100%; height: 718px; float: left; margin-top: 0px; background: #000000;} .div_banner_agendas1 {width: 540px; float: left; margin-left: 20px; margin-right: 20px;} .div_banner_agendas2 {width: 360px; float: left;} .texto_div_banner_agendas1 {width: 100%; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 20px; background: #111111; box-shadow: inset 3px 3px 6px #444444, 1px 1px 0px #222222; border-radius: 8px; margin-bottom: 20px;} .texto_div_banner_agendas1 i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 32px; text-align: center; border-right: 5px solid #000000; transition: all .8s;} .texto_div_banner_agendas1 i:hover {color: #F74600; transition: all .3s;} .texto_div_banner_agendas1 p {float: left; margin-left: 15px; transition: all .8s;} .texto_div_banner_agendas1 p:hover {color: #F74600; transition: all .3s;} .texto_div_banner_agendas2 {width: 100%; height: 50px; background: #111111; float: left; box-shadow: inset 3px 3px 6px #444444, 1px 1px 0px #222222; border-radius: 8px;} .texto_div_banner_agendas2 i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 32px; text-align: center; border-right: 5px solid #000000; transition: all .8s;} .texto_div_banner_agendas2 i:hover {color: #F74600; transition: all .3s;} /* Itens do Banner */ .item_banner_agendas {width: 100%; height: 510px; float: left; overflow: hidden; padding-right: 0px;} /* Imagem do Banner */ .zoom_banner_agendas {width: 100%; height: 510px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_banner_agendas > span {width: 100%; position: absolute; overflow: hidden; transform: scale(1); filter: brightness(1); transition: all .8s;} .item_banner_agendas:hover .zoom_banner_agendas > span {position: absolute; transform: scale(1.3); filter: brightness(0.4); transition: all .3s;} .item_banner_agendas img {width: auto; height: 100%; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_banner_agendas:hover img {transition: all .3s;} /* Dados do Banner */ .mascara_banner_agendas {width: 100%; height: 120px; float: left; position: relative; margin-top: -120px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_banner_agendas:hover .mascara_banner_agendas {height: 150px; margin-top: -150px; transition: all .3s;} /* Títulos do Banner */ .dados_banner_agendas h3 {float: left; color: #ffffff; font-size: 20px; padding: 5px 20px; margin: -18px 0 10px 25px; background: #F74600; border-radius: 8px; transition: all .8s;} .item_banner_agendas:hover .dados_banner_agendas h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_banner_agendas h2 {float: left; color: #ffffff; font-size: 28px; margin-left: 25px; margin-right: 15px; transition: all .8s;} .item_banner_agendas:hover .dados_banner_agendas h2 {color: #F74600; transition: all .3s;} .degrade_banner_agendas {width: 100%; height: 510px; margin: 0 auto; margin-top: -510px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: transparent; border-radius: 12px 12px 0px 0px; display: block; transition: all .8s;} .degrade_banner_agendas h5 {text-align: center;} .item_banner_agendas:hover .degrade_banner_agendas h5 {text-align: center;} .degrade_banner_agendas h5 i {min-width: 120px; height: 120px; float: left; background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 11; border-radius: 0 12px 0 22px; display: block; padding: 0 5px; transition: all .8s;} .item_banner_agendas:hover .degrade_banner_agendas h5 i {color: #000000; background: #ffffff; transition: all .3s;} .degrade_banner_agendas .data1 {width: 100%; float: left; color: #ffffff; font-size: 60px; font-weight: bold; text-align: center; margin-top: 7px;} .item_banner_agendas:hover .degrade_banner_agendas .data1 {color: #000000;} .degrade_banner_agendas .data2 {width: 100%; float: left; color: #ffffff; font-size: 30px; font-weight: bold; text-align: center; margin-top: -12px;} .item_banner_agendas:hover .degrade_banner_agendas .data2 {color: #000000;} .degrade_banner_agendas h6 {float: left; color: #ffffff; font-size: 16px; background: rgba(0,0,0,0.4); padding: 6px 15px; border-radius: 12px 0px 8px 0px; margin-top: -25px; margin-left: -15px; margin-right: 5px; transition: all .8s;} .item_banner_agendas:hover .degrade_banner_agendas h6 {transition: all .3s;} .degrade_banner_agendas h6 i {color: #ffffff;} .degrade_banner_agendas h7 {float: left; color: #ffffff; font-size: 16px; background: rgba(0,0,0,0.4); padding: 6px 15px; border-radius: 0px 0px 8px 8px; margin-top: -25px; transition: all .8s;} .item_banner_agendas:hover .degrade_banner_agendas h7 {transition: all .3s;} .degrade_banner_agendas h7 i {color: #ffffff;} .div_agendas2 {width: 100%; float: left; padding-top: 0px; padding-bottom: 0px; background: #000000;} .item_agendas2 {width: 360px; height: 245px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_agendas2:hover {background: transparent;} .item_agendas2:nth-child(2n+2) {margin-right: 0;} .zoom_agendas2 {width: 100%; height: 245px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_agendas2 > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_agendas2:hover .zoom_agendas2 > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_agendas2 img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_agendas2:hover img {transition: all .3s;} .mascara_agendas2 {width: 100%; height: 90px; float: left; position: relative; margin-top: -90px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_agendas2:hover .mascara_agendas2 {height: 110px; margin-top: -110px; transition: all .3s;} .dados_agendas2 h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_agendas2:hover .dados_agendas2 h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_agendas2 h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_agendas2:hover .dados_agendas2 h2 {color: #F74600; transition: all .3s;} .degrade_agendas2 {width: 100%; height: 245px; margin: 0 auto; margin-top: -245px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: transparent; border-radius: 12px 12px 0px 0px; display: block; transition: all .8s;} .degrade_agendas2 h5 {text-align: center;} .item_agendas2:hover .degrade_agendas2 h5 {text-align: center;} .degrade_agendas2 h5 i {min-width: 100px; height: 100px; float: left; background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 11; border-radius: 0 12px 0 22px; display: block; padding: 0 5px; transition: all .8s;} .item_agendas2:hover .degrade_agendas2 h5 i {color: #000000; background: #ffffff; transition: all .3s;} .degrade_agendas2 .data1 {width: 100%; float: left; color: #ffffff; font-size: 50px; font-weight: bold; text-align: center; margin-top: 8px;} .item_agendas2:hover .degrade_agendas2 .data1 {color: #000000;} .degrade_agendas2 .data2 {width: 100%; float: left; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; margin-top: -9px;} .item_agendas2:hover .degrade_agendas2 .data2 {color: #000000;} .degrade_agendas2 h6 {float: left; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.4); padding: 5.5px 10px; border-radius: 12px 0px 8px 0px; margin-top: -25px; margin-left: -15px; margin-right: 5px; transition: all .8s;} .item_agendas2:hover .degrade_agendas2 h6 {transition: all .3s;} .degrade_agendas2 h6 i {color: #ffffff;} .degrade_agendas2 h7 {float: left; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.4); padding: 5.5px 10px; border-radius: 0px 0px 8px 8px; margin-top: -25px; transition: all .8s;} .item_agendas2:hover .degrade_agendas2 h7 {transition: all .3s;} .degrade_agendas2 h7 i {color: #ffffff;} /* Botões Números Paginação */ .owl-theme .owl-controls-agendas {width: 100%; text-align: center; z-index: 9; position: absolute; margin-top: 14px;} .owl-theme .owl-controls-agendas .owl-pagination {width: 100%; margin: 0 auto; position: relative;} .owl-theme .owl-controls-agendas .owl-page-agendas {display: inline-block; z-index: 1;} .owl-theme .owl-controls-agendas .owl-page-agendas span {display: block; width: 22px; height: 22px; line-height: 22px; margin: 0px 5px 0 5px !important; background: #ffffff; border-radius: 100px;} .owl-theme .owl-controls-agendas .owl-page-agendas.active span, .owl-theme .owl-controls-agendas.clickable .owl-page-agendas:hover span {background-image: linear-gradient(to left, #ff9900, #ff2f00); transition: all .3s;} /* Setas Paginação */ .owl-theme .owl-controls-agendas .owl-buttons-agendas div {width: 70px; height: 70px; line-height: 70px; margin-top: -340px; color: #ffffff; font-size: 42px; font-weight: bold; display: inline-block; padding-top: 3px; background: rgba(0,0,0,0.5); border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls-agendas.clickable .owl-buttons-agendas div:hover {color: #ffffff; background: #f74600; transition: all .3s;} .owl-theme .owl-controls-agendas .owl-buttons-agendas .owl-prev {float: left; padding-right: 8px; margin-left: 15px;} .owl-theme .owl-controls-agendas .owl-buttons-agendas .owl-next {float: right; padding-left: 8px; margin-right: 15px;} /* Gambiarra Temporária - Excluir */ .owl-buttons-agendas {width: 100%; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls-agendas .owl-page-agendas,.owl-controls-agendas .owl-buttons-agendas div {cursor: pointer;} .owl-theme .owl-controls-agendas.clickable .owl-buttons-agendas div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls-agendas .owl-page-agendas.active span, .owl-theme .owl-controls-agendas.clickable .owl-page-agendas:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls-agendas.owl-theme .owl-controls-agendas .owl-page-agendas span {background: #000000;} .owl-theme .owl-controls-agendas .owl-page-agendas.active span,.owl-theme .owl-controls-agendas.clickable .owl-page-agendas:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel-agendas .owl-wrapper-agendas-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel-agendas .owl-wrapper-agendas-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel-agendas .owl-item {float: left} /* Correções */ .owl-carousel-agendas .owl-wrapper-agendas:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel-agendas .owl-wrapper-agendas, .owl-carousel-agendas .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls-agendas.clickable .owl-buttons-agendas div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel-agendas {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel-agendas .owl-wrapper-agendas {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel-agendas .owl-wrapper-agendas-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel-agendas .owl-wrapper-agendas-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel-agendas .owl-item {float: left;} .owl-controls-agendas .owl-page-agendas, .owl-controls-agendas .owl-buttons-agendas div {cursor: pointer;} .owl-controls-agendas {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*========== SETA TOPO ROLAR PARA BAIXO ==========*/ .scrollup_topo {width: 60%; margin-left: 20%; margin-right: 20%; text-align: center; display: block; position: absolute; bottom: 6%;} .scrollup_topo span {width: 90px; height: 90px; line-height: 90px; background: transparent; border-radius: 100px; color: #ffffff; font-size: 100px; font-weight: bold; text-align: center; padding-top: 4px; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: toup; display: inline-block; transition: all .8s;} .scrollup_topo span:hover {color: #ffffff; background: #f74600; transition: all .3s;} @keyframes toup {0% {opacity: 0;-webkit-transform: translateY(-20px);} 100% {opacity: 1; -webkit-transform: translateY(20px);}} @-webkit-keyframes toup {0% {opacity: 0;-webkit-transform: translateY(-20px);} 100% {opacity: 1; -webkit-transform: translateY(20px);}} @-o-keyframes toup {0% {opacity: 0;-webkit-transform: translateY(-20px);} 100% {opacity: 1; -webkit-transform: translateY(20px);}} /*========== CORPO DO SITE MAIN PRINCIPAL ===================================================================================== =============================================================================================================================*/ /*========== MÓDULOS CORPO DO SITE ==========*/ .home {width: 100%; float: left;} /*========== TÓPICOS MÓDULOS CATEGORIAS ==========*/ .div_topico_modulos {} .div_topico_modulos:hover {} .topico_modulos {width: 100%; float: left; text-align: center; margin: 30px 0 30px 0;} .topico_modulos a {color: #000000; font-size: 50px; font-weight: bold; position: relative; transition: all .8s;} .topico_modulos a:hover {color:#f74600; transition: all .3s;} .topico_modulos p {width: 120px; margin: 0 auto; margin-top: 5px; text-align: center; background-color: #f74600; border-bottom: 6px solid transparent; transition: all .8s;} .topico_modulos a:hover p {width: 120px; margin: 0 auto; margin-top: 5px; text-align: center; background-color: #000000; border-bottom: 6px solid transparent; transition: all .3s;} .topico_modulos i {font-size: 32px; color: #000000; position: relative; top: -5px; margin-right: 10px; transition: all .3s;} .topico_modulos a:hover i {color: #f74600; transition: all .3s;} .saiba_mais {color: #ffffff !important; font-size: 18px !important; font-weight: bold; background-color: #f74600; border-radius: 6px; padding: 3px 6px; margin-left: 10px; transform: translateY(-2px); transition: all .8s;} .topico_modulos a:hover .saiba_mais {background-color: #000000; transition: all .3s;} /*========== TÓPICOS MÓDULOS CATEGORIAS 2 ==========*/ .div_topico_modulos2 {} .div_topico_modulos2:hover {} .topico_modulos2 {width: 100%; float: left; text-align: center; margin: 30px 0 30px 0;} .topico_modulos2 a {color: #f74600; font-size: 50px; font-weight: bold; position: relative; transition: all .8s;} .topico_modulos2 a:hover {color:#ffffff; transition: all .3s;} .topico_modulos2 p {width: 120px; margin: 0 auto; margin-top: 5px; text-align: center; background-color: #ffffff; border-bottom: 6px solid transparent; transition: all .8s;} .topico_modulos2 a:hover p {width: 120px; margin: 0 auto; margin-top: 5px; text-align: center; background-color: #f74600; border-bottom: 6px solid transparent; transition: all .3s;} .topico_modulos2 i {font-size: 32px; color: #f74600; position: relative; top: -5px; margin-right: 10px; transition: all .3s;} .topico_modulos2 a:hover i {color: #ffffff; transition: all .3s;} .saiba_mais2{color: #000000 !important; font-size: 18px !important; font-weight: bold; background-color: #ffffff; border-radius: 6px; padding: 3px 6px; margin-left: 10px; transform: translateY(-2px); transition: all .8s;} .topico_modulos2 a:hover .saiba_mais2{color: #ffffff !important;background-color: #f74600; transition: all .3s;} /*========== TÓPICOS MÓDULOS GALERIAS E VÍDEOS ==========*/ .div_topico_modulos3 {} .div_topico_modulos3:hover {} .topico_modulos3 {width: 100%; float: left; text-align: center; margin: 8px 0 30px 0;} .topico_modulos3 a {color: #f74600; font-size: 50px; font-weight: bold; position: relative; transition: all .8s;} .topico_modulos3 a:hover {color:#ffffff; transition: all .3s;} .topico_modulos3 p {width: 120px; margin: 0 auto; margin-top: 5px; text-align: center; background-color: #ffffff; border-bottom: 6px solid transparent; transition: all .8s;} .topico_modulos3 a:hover p {width: 120px; margin: 0 auto; margin-top: 5px; text-align: center; background-color: #f74600; border-bottom: 6px solid transparent; transition: all .3s;} .topico_modulos3 i {font-size: 32px; color: #f74600; position: relative; top: -5px; margin-right: 10px; transition: all .3s;} .topico_modulos3 a:hover i {color: #ffffff; transition: all .3s;} .saiba_mais3{color: #000000 !important; font-size: 18px !important; font-weight: bold; background-color: #ffffff; border-radius: 6px; padding: 3px 6px; margin-left: 10px; transform: translateY(-2px); transition: all .8s;} .topico_modulos3 a:hover .saiba_mais2{color: #ffffff !important;background-color: #f74600; transition: all .3s;} .topico_modulos3 img {height: 80px; margin-right: 15px; transform: translateY(13px); transition: all .8s;} .topico_modulos3 a:hover img {filter: grayscale(100%); transition: all .3s;} /*========== MÓDULO 01 - MARQUEE TOPO ==========*/ .div_marquee {width: 100%; float: left; margin-top: 30px; margin-bottom: 25px;} .texto_marquee {width: 100%; height: 45px; line-height: 45px; float: left; padding: 5px 0px; white-space: nowrap; border-radius: 100px;} .texto_marquee img {width: auto; height: 30px; line-height: 30px; position: relative; transform: translateY(3px); margin-right: 3px; border-radius: 6px; transition: all .8s;} .texto_marquee a:hover img {transition: all .3s;} .texto_marquee a {font-size: 18px; color: #666666; margin-right: 10px; transition: all .3s;} .texto_marquee a:hover {color: #F74600; transition: all .3s;} .texto_marquee span {font-weight: bold; display: inline-block; transform: translateY(-7px);} .titulo_marquee {font-weight: bold;} /* Barra Marquee Topo */ .barra_marquee {width: 100%; height: 45px; line-height: 45px; float: left; background-color: #ffffff; border-radius: 10px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15); transition: all .8s;} .barra_marquee:hover {color: #ffffff; background-color: none; transition: all .3s;} .botao_marquee {width: 210px; height: 45px; line-height: 45px; float: left; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; display: block; background: #000000; cursor: pointer; border-radius: 10px; white-space: nowrap; margin-top: 0px; margin-left: 0px; position: absolute; z-index: 1; transition: all .8s;} .barra_marquee:hover .botao_marquee {color: #ffffff; background: #F74600; transition: all .3s;} .botao_marquee i {color: #f74600; font-size: 20px; margin-right: 3px; transform: translateY(-1px);} .barra_marquee:hover i {color: #000000;} /*========== MÓDULO - CÁLCULO IMC ==========*/ .item_calculo_imc {width: 640px; float: left; margin-right: 20px;} .item_modulo_imcs img {width: 50%; height: 397.5px; float: left; border-radius: 12px 0 0 12px;} .item_modulo_imcs form {width: 50%; height: 397.5px; float: left; background-color: #eeeeee; padding: 23px 15px 0 15px; margin: 0 auto; border-radius: 0 12px 12px 0;} .input_dados {width: 100%; height: 45px; padding: 0px 12px; margin-bottom: 10px; font-size: 18px; color: #666666; background-color: #ffffff; box-shadow: -2px -2px 2px #aaaaaa, 1px 1px 1px #dddddd; border-radius: 8px; transition: all .8s;} .input_dados:hover, .input_dados:focus {background-color: #F74600; color: #ffffff; transition: all .3s;} .input_resultado1 {width: 100%; font-size: 22px; color: #333333; font-weight: bold; text-align:center; background-color: transparent;} .div_resultado1:hover .input_resultado1 {color: #ffffff;} .input_resultado2 {width: 48px; font-size: 42px; color: #F74600; font-weight: bold; text-align:center; background-color: transparent;} .div_resultado2:hover .input_resultado2 {color: #ffffff;} .div_resultado1 {width: 100%; background-color: #ffffff; padding: 10px 0; box-shadow: -2px -2px 2px #aaaaaa, 1px 1px 1px #dddddd; border-radius: 8px; transition: all .8s;} .div_resultado1:hover {background-color: #F74600; transition: all .3s;} .div_resultado2 {width: 100%; background-color: #ffffff; padding: 8px 0; margin: 0 auto; margin-top: 10px; margin-bottom: 0px; box-shadow: -2px -2px 2px #aaaaaa, 1px 1px 1px #dddddd; border-radius: 8px; transition: all .8s;} .div_resultado2:hover {background-color: #F74600; transition: all .3s;} .botao_calculo_imc {width: 100%; height: 50px; font-size: 18px; color: #ffffff; font-weight: bold; background-color: #000000; margin-top: 10px; cursor: pointer; background-image: url(../imgs/fundo_inputs.png); border-radius: 8px; transition: all .8s;} .botao_calculo_imc:hover {color: #ffffff; background-color: #F74600; transition: all .3s;} .botao_calculo_imc2 {width: 100%; height: 50px; font-size: 18px; color: #ffffff; font-weight: bold; background-color: #F74600; margin-top: 5px; cursor: pointer; background-image: url(../imgs/fundo_inputs.png); border-radius: 8px; transition: all .8s;} .botao_calculo_imc2:hover {color: #ffffff; background-color: #000000; transition: all .3s;} /*========== MÓDULO - HORÓSCOPO ==========*/ .div_horoscopo {width: 100%; height: auto; float: left; padding-top: 0px; padding-bottom: 31px;} .item_horoscopo {width: 640px; float: left;} .item_modulo_horoscopos a {width: 24%; float: left; font-size: 18px; color: #666666; text-align: center; background-color: #eeeeee; margin-right: 1.3%; margin-bottom: 1.3%; padding: 22px 0 21px 0; cursor: pointer; border-radius: 12px; transition: all .8s;} .item_modulo_horoscopos a:hover {color: #ffffff; background-color: #F74600; transition: all .3s;} .item_modulo_horoscopos img {width: 60px; text-align: center; margin: 0 auto; margin-bottom: 6px; transition: all .3s;} .item_modulo_horoscopos a:hover img {filter: brightness(0); transition: all .3s;} .item_modulo_horoscopos a:nth-child(4n+4) {margin-right: 0px;} /*========== MÓDULO - JOGOS ==========*/ .div_jogos {width: 100%; height: auto; float: left; padding-top: 0px; padding-bottom: 30px; background: #ffffff;} .div_jogos1 {width: 640px; float: left; margin-right: 20px;} .div_jogos2 {width: 640px; float: left;} .item_jogos {width: 206.671px; height: 140px; float: left; margin-right: 10px; margin-bottom: 10px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_jogos:hover {background: transparent;} .item_jogos:nth-child(3n+4) {margin-right: 0;} .zoom_jogos {width: 100%; height: 140px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_jogos > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_jogos:hover .zoom_jogos > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_jogos img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_jogos:hover img {transition: all .3s;} .mascara_jogos {width: 100%; height: 65px; float: left; position: relative; margin-top: -65px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_jogos:hover .mascara_jogos {height: 85px; margin-top: -85px; transition: all .3s;} .dados_jogos h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 10px; border-radius: 6px; transition: all .8s;} .item_jogos:hover .dados_jogos h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_jogos h2 {width: 100%; float: left; color: #ffffff; font-size: 18px; margin-left: 10px; margin-right: 10px; transition: all .8s;} .item_jogos:hover .dados_jogos h2 {color: #F74600; transition: all .3s;} .sites_jogos a {display:inline-block; color: #ffffff; font-size: 26px; font-weight: bold; background: #f74600; padding: 10px 60px; border-radius: 8px; margin-top: 30px; margin-bottom: 7px; transition: all .8s;} .sites_jogos a:hover {background: #000000; transition: all .3s;} /*========== MÓDULO 06 - NEWS LATTER FORMULÁRIO DE E-MAIL ==========*/ .div_newsletters {width: 100%; height: auto; float: left; background: transparent; padding-top: 10px; position: relative; z-index: 0;} .newsletters {width: 100%; float: left; padding: 0px 0px 0px 0px;} .newsletters input {width: 300px; height: 50px; font-size: 20px; color: #333333; background: #ffffff; border: none; padding: 0 15px 0 15px; margin: 0 5px 0px 0; border-radius: 8px; transition: all .3s;} .newsletters input:hover {background: #ffffff70; transition: all .3s;} .newsletters input:focus {background: #ffffff70; transition: all .3s;} .newsletters textarea {width: 100%; height: 100px; font-size: 26px; color: #ffffff; background: transparent; border: none; padding: 0px 0px; margin-bottom: 22px; transition: all .8s;} .newsletters textarea:hover {transition: all .3s;} .newsletters textarea:focus {transition: all .3s;} .newsletters button {width: 220px; height: 50px; float: right; font-size: 20px; color: #ffffff; font-weight: bold; background-image: linear-gradient(to left, #ff9900, #D93600); margin-left: 4px; cursor: pointer; border-radius: 9px; text-transform: uppercase; transition: all .8s;} .newsletters button:hover {color: #ffffff; background: #000000; transition: all .3s;} .newsletters_button {width: 100%; height: 70px; line-height: 70px; font-size: 36px; color: #ffffff; font-weight: bold; background: #f74600; margin-top: 10px; cursor: pointer; border-radius: 9px; text-align: center; transition: all .8s;} .newsletters_button:hover {background: #000000; transition: all .3s;} .newsletters_enviado {width: 580px; font-size: 18px; color: #ffffff; text-align: center; font-weight: bold; background: #36D900; padding: 5px; margin: 0 auto; border-radius: 9px; margin-top: 10px; margin-bottom: -20px;} .newsletters_erro {width: 100%; float: left; font-size: 24px; color: #ffffff; text-align: center; font-weight: bold; background: #f74600; padding: 15px; margin: 0 0 20px 0; border-radius: 9px;} .newsletters h4 {font-size: 30px; color: #f74600; font-weight: bold; margin-bottom: 25px; transition: all .8s;} .newsletters h4:hover {color: #ffffff; transition: all .3s;} .newsletters_checkbox {display: none;} .coment {display: none;} .newsletters_checkbox:checked + .newsletters_botao .coment {display: block; float: left; width: 100%; animation:animatetop .4s;} .newsletters_checkbox:checked + .newsletters_botao .botao-coment {display: none;} .newsletters_checkbox:checked + .newsletters_botao .recaptcha {margin-top: 10px;} .newsletters h5 {float: left; font-size: 50px; color: #ffffff; font-weight: bold; margin-right: 15px; transition: all .8s;} .newsletters h5:hover {color: #ffffff; transition: all .3s;} .newsletters h6 {font-size: 29.6px; color: #ffffff; font-weight: bold; margin-top: 5px; transition: all .8s;} .newsletters h6:hover {color: #ffffff; transition: all .3s;} .newsletters h7 {float: left; font-size: 20px; color: #ffffff; font-weight: bold; margin-top: -5px; transition: all .8s;} .newsletters h7:hover {color: #ffffff; transition: all .3s;} .newsletters_dados {width: 450px; float: left; margin-top: 28px;} .newsletters_formularios {float: right; margin-top: 35px;} /*========== MÓDULO 01 - SOBRE YURI MENEZES ==========*/ .div_yurimenezes {width: 100%; float: left; padding-top: 10px; padding-bottom: 50px; background: #eeeeee;} .item_yurimenezes {width: 100%; height: 360px; float: left; margin-right: 0px; margin-bottom: 0px; background: #ffffff; display: inline-block; position: relative; transition: all .8s;} .div_yurimenezes span.titulo {width: 100%; float: left; color: #f74600; font-size: 32px; font-weight: bold; text-align: center; padding: 0px 15%; transition: all .3s;} .titulos_sobre:hover span.titulo {color: #000000; transition: all .3s;} .div_yurimenezes span.subtitulo {width: 100%; float: left; color: #666666; font-size: 24px; text-align: center; line-height: 30px; margin-top: 10px; margin-bottom: 30px; transition: all .3s;} .titulos_sobre:hover span.subtitulo {color: #f74600; transition: all .3s;} .item_yurimenezes_border_radius1 {border-radius: 12px 12px 0px 0px;} .item_yurimenezes_border_radius2 {border-radius: 0px 0px 12px 12px;} .item_yurimenezes:hover {background: #ffffff; transition: all .3s;} .item_yurimenezes:nth-child(3n+3) {margin-right: 0;} .zoom_yurimenezes {width: 50%; height: 360px; position: relative; overflow: hidden; z-index: 10; float: left; /*border-radius: 8px;*/} .zoom_yurimenezes > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(0.6); transition: all .8s;} .link_yurimenezes:hover .zoom_yurimenezes > span {position: absolute; transform: scale(1.3); filter: brightness(0.9); transition: all .3s;} .item_yurimenezes img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);} .mascara_yurimenezes {width: 50%; float: left;} .mascara_yurimenezes.esquerda {padding-left: 30px; padding-right: 10px;} .mascara_yurimenezes.direita {padding-right: 10px; padding-left: 30px;} .dados_yurimenezes h2 {float: left; font-size: 26px; color: #333333; font-weight: bold; margin: 53px 0 30px 0; transition: all .8s;} .dados_yurimenezes h2:hover {color: #333333; transition: all .3s;} .dados_yurimenezes h2 i {width: 65px; height: 65px; line-height: 65px; float: left; font-size: 32px; color: #ffffff; font-weight: bold; text-align: center; background: #f74600; border-radius: 100px; margin-right: 15px; cursor: pointer; transition: all .8s;} .dados_yurimenezes h2 i:hover {color: #ffffff; cursor: pointer; background: #000000; transition: all .3s;} .dados_yurimenezes h2 a {color: #333333; transition: all .3s;} .dados_yurimenezes h2 a:hover {color: #f74600; transition: all .3s;} .dados_yurimenezes h3 {font-size: 18px; color: #666666; line-height: 25px; margin: 0 auto; margin-top: 12px; margin-bottom: 15px; transition: all .8s;} .dados_yurimenezes h3:hover {color: #666666; transition: all .3s;} .dados_yurimenezes h4 {font-size: 18px; color: #666666; margin: 0 auto; margin-bottom: 5px; transition: all .8s;} .dados_yurimenezes h4 a {color: #666666; font-weight: 300; transition: all .3s;} .dados_yurimenezes h4 a:hover {color: #f74600; font-weight: 300; transition: all .3s;} .dados_yurimenezes h4 i {color: #f74600; transform: translateY(1px); transition: all .3s;} .dados_yurimenezes h4:hover i {color: #000000; transition: all .3s;} .dados_yurimenezes h5 {width: 260px; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; height: 45px; line-height: 45px; background: #f74600; margin: 37px 0px 0px 0px; padding: 0; border-radius: 8px; cursor: pointer; transition: all .8s;} .dados_yurimenezes h5:hover {color: #ffffff; cursor: pointer; background: #000000; transition: all .3s;} .dados_yurimenezes h5 i {font-size: 28px; transform: translateY(3px); margin-right: 10px;} .dados_yurimenezes a {color: #ffffff; font-weight: bold;} .dados_yurimenezes a:hover {color: #ffffff; font-weight: bold;} .sites_yurimenezes a {display:inline-block; color: #ffffff; font-size: 22px; font-weight: bold; background: #f74600; padding: 10px 25px; border-radius: 8px; margin-top: 30px; margin-bottom: 7px; transition: all .8s;} .sites_yurimenezes a:hover {background: #000000; transition: all .3s;} .texto_imagem {display: none; transition: all .8s;} .link_yurimenezes:hover .texto_imagem {width: 80%; height: 260px; padding: 55px 100px 0px 100px; margin: 0 auto; margin-top: 50px; position: relative; z-index: 10; background: rgba(0,0,0,0.8); border-radius: 12px; display: block; text-align: center; cursor: pointer; transition: all .8s;} .dados_texto_imagem h2 {font-size: 22px; color: #ffffff; font-weight: bold; text-align: center; margin: 15px 0 0 0;} .dados_texto_imagem h3 {font-size: 18px; color: #f74600; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px;} .dados_texto_imagem h4 {text-align: center;} .dados_texto_imagem h4 i {font-size: 26px; color: #ffffff; font-weight: bold; padding: 13px 16px; background: #f74600; border-radius: 100px; margin-right: 0px; transition: all .8s;} .dados_texto_imagem h4 i:hover {color: #ffffff; background: #000000; transition: all .3s;} /*.item_yurimenezes:nth-child(5) {display: none;}*/ .item_yurimenezes_item_desktop {display: block;} .item_yurimenezes_item_mobile {display: none;} /*========== MÓDULO 02 - SERVIÇOS ==========*/ .div_servicos {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_servicos {width: 360px; height: 270px; float: left; margin-right: 30px; margin-bottom: 30px; background: #ffffff; display: inline-block; position: relative; padding: 20px; border-bottom: 6px solid #dddddd; border-radius: 10px; transition: all .8s;} .item_servicos:hover {background: #ffffff; /*border-bottom: 10px solid rgba(0,0,0,0.2);*/ transition: all .3s;} .item_servicos:nth-child(3n+4) {margin-right: 0;} .zoom_servicos {width: 100%; height: 120px; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_servicos > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .item_servicos:hover .zoom_servicos > span {position: absolute; transform: rotate(360deg); transition: all .3s;} .item_servicos img {width: 120px; height: 120px; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); border-radius: 100px; border: 8px solid #eeeeee; transition: all .8s;} .item_servicos:hover img {border: 8px solid #eeeeee; transition: all .3s;} .mascara_servicos {width: 100%; float: left;} .dados_servicos h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .8s;} .item_servicos:hover .dados_servicos h2 {color: #000000; transition: all .3s;} .dados_servicos h3 {font-size: 18px; color: #666666; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px; transition: all .8s;} .item_servicos:hover .dados_servicos h3 {color: #f74600; transition: all .3s;} /* Serviços Página Inicial */ .div_servicos2 {width: 100%; height: 740px; float: left; background: url(../img/servicos.jpg) left top/100% 100% #ffffff no-repeat; padding-top: 10px; position: relative; z-index: 0;} .item_servicos2 {width: 340px; height: 210px; float: left; margin-right: 60px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .8s;} .item_servicos2:hover {transition: all .3s;} .item_servicos2:nth-child(3n+4) {margin-right: 0;} .zoom_servicos2 {width: 100%; text-align: center; transition: all .8s;} .item_servicos2:hover .zoom_servicos2 {width: 100%; text-align: center; transform: rotate(360deg); transition: all .3s;} .zoom_servicos2 i {width: 110px; height: 110px; line-height: 110px; color: #ffffff; font-size: 60px; border: 1px solid #ffffff; text-align: center; border-radius: 100px;} .item_servicos2:hover .zoom_servicos2 i {background: linear-gradient(to right,#77530a,#CE8E13,#77530a); border: 1px solid #f74600; transition: all .3s;} .mascara_servicos2 {width: 100%; float: left;} .dados_servicos2 h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .8s;} .item_servicos2:hover .dados_servicos2 h2 {color: #ffffff; transition: all .3s;} .dados_servicos2 h3 {font-size: 18px; color: #ffffff; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px; transition: all .8s;} .item_servicos2:hover .dados_servicos2 h3 {color: #f74600; transition: all .3s;} /*========== MÓDULO 03 - PORTFÓLIOS ==========*/ .div_portfolios {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_portfolios {width: 360px; height: 415px; float: left; margin-right: 30px; margin-bottom: 30px; background: #ffffff; display: inline-block; position: relative; padding: 20px; border-bottom: 6px solid #dddddd; border-radius: 10px; transition: all .8s;} .item_portfolios:hover {background: #ffffff; transition: all .3s;} .item_portfolios:nth-child(3n+3) {margin-right: 0;} .zoom_portfolios {width: 100%; height: 200px; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_portfolios > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .zoom_portfolios:hover span {position: absolute; transform: scale(1.3); filter: brightness(0.4); transition: all .3s;} .item_portfolios img {width: 100%; height: auto; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%);} .mascara_portfolios {width: 100%; float: left;} .dados_portfolios h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .3s;} .dados_portfolios:hover h2 {color: #000000; transition: all .3s;} .dados_portfolios h3 {font-size: 18px; color: #666666; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px; margin-bottom: 20px; transition: all .3s;} .dados_portfolios:hover h3 {color: #f74600; transition: all .3s;} .dados_portfolios h4 {width: 100%; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; height: 50px; line-height: 50px; background: #f74600; margin: 10px 0px 0px 0px; padding: 0; border-radius: 8px; transition: all .8s;} .dados_portfolios h4:hover {color: #ffffff; cursor: pointer; background: #000000; transition: all .3s;} .dados_portfolios h4 i {color: #ffffff; font-size: 28px; transform: translateY(3px); margin-right: 10px;} .dados_portfolios a {color: #ffffff; font-weight: bold;} .dados_portfolios a:hover {color: #ffffff; font-weight: bold;} .sites_portfolios a {display:inline-block; color: #ffffff; font-size: 22px; font-weight: bold; background: #f74600; padding: 10px 25px; border-radius: 8px; margin-top: 30px; margin-bottom: 7px; transition: all .8s;} .sites_portfolios a:hover {background: #000000; transition: all .3s;} .zoom_portfolios h5 {text-align: center;} .zoom_portfolios h5 i {font-size: 26px; color: #ffffff; font-weight: bold; padding: 13px 16px; background: #f74600; border-radius: 100px; margin-right: 0px; transition: all .8s; display: none;} .zoom_portfolios:hover h5 i {position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 11; color: #ffffff; display: inline-block; background: #000000; transition: all .3s;} .zoom_portfolios h5 i:hover {color: #ffffff; background: #000000; transition: all .3s;} /*========== MÓDULO 04 - EQUIPE PROFISSIONAL ==========*/ .div_equipes {width: 100%; height: 660px; float: left; background: url(../img/equipe.jpg) left top/100% 100% #ffffff no-repeat; padding-top: 10px; position: relative; z-index: 0;} .div_equipes_todos {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_equipes {width: 262.5px; height: 370px; float: left; margin-right: 30px; margin-bottom: 30px; background: #ffffff; display: inline-block; position: relative; padding: 20px; border-bottom: 6px solid #dddddd; border-radius: 10px; transition: all .8s;} .item_equipes:hover {background: #ffffff; transition: all .3s;} .item_equipes:nth-child(5n+5) {margin-right: 0;} .zoom_equipes {width: 100%; height: 220px; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_equipes > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .zoom_equipes:hover span {position: absolute; transform: scale(1.3); filter: brightness(0.4); transition: all .3s;} .item_equipes img {width: 100%; height: auto; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%);} .mascara_equipes {width: 100%; float: left;} .dados_equipes h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .3s;} .dados_equipes:hover h2 {color: #000000; transition: all .3s;} .dados_equipes h3 {font-size: 18px; color: #666666; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 3px; margin-bottom: 10px; transition: all .3s;} .dados_equipes:hover h3 {color: #f74600; transition: all .3s;} .zoom_equipes h4 {text-align: center;} .zoom_equipes h4 i {font-size: 26px; color: #ffffff; font-weight: bold; padding: 13px 16px; background: #f74600; border-radius: 100px; margin-right: 0px; cursor: pointer; transition: all .8s; display: none;} .zoom_equipes:hover h4 i {position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 11; color: #ffffff; display: inline-block; background: #000000; transition: all .3s;} .zoom_equipes h4 i:hover {color: #ffffff; background: #000000; transition: all .3s;} /* Redes Sociais Perfil Equipes */ .rede_social_equipes {margin: 0 auto; text-align: center;} .rede_social_equipes a {background: transparent; font-size: 20px; text-align: center; color: #000000; margin-right: 10px; border-radius: 8px; transition: all .3s;} .rede_social_equipes a:hover {color: #f74600; transition: all .3s;} .rede_social_equipes a:last-child {margin-right: 0;} /*.rede_social_equipes a:last-child {display: none;}*/ /*.rede_social_equipes a:nth-child(5) {display: none;}*/ /*.rede_social_equipes a:nth-child(6) {display: none;}*/ .rede_social_equipes a:nth-child(7) {display: none;} .rede_social_equipes a:nth-child(8) {display: none;} .rede_social_equipes a:nth-child(9) {display: none;} .rede_social_equipes a:nth-child(10) {display: none;} .rede_social_equipes a:nth-child(11) {display: none;} .rede_social_equipes a:nth-child(12) {display: none;} /* Redes Sociais Perfil Equipes Páginas */ .rede_social_equipes_paginas {margin-top: 20px;} .rede_social_equipes_paginas h4 {color: #ffffff; font-size: 32px; margin-bottom: 5px;} .rede_social_equipes_paginas {height: 40px; line-height: 40px;} .rede_social_equipes_paginas a {width: 40px; height: 40px; line-height: 40px; background: #f74600; font-size: 22px; text-align: center; color: #ffffff; margin-right: 0px; border-radius: 100px;} .rede_social_equipes_paginas a:last-child {margin-right: 0;} .rede_social_equipes_paginas a:hover {background: #000000; transition: all .3s;} /*.rede_social_equipes_paginas a:last-child {display: none;}*/ /*.rede_social_equipes_paginas a:nth-child(5) {display: none;} .rede_social_equipes_paginas a:nth-child(6) {display: none;}*/ .rede_social_equipes_paginas a:nth-child(7) {display: none;} .rede_social_equipes_paginas a:nth-child(8) {display: none;} .rede_social_equipes_paginas a:nth-child(9) {display: none;} .rede_social_equipes_paginas a:nth-child(10) {display: none;} .rede_social_equipes_paginas a:nth-child(11) {display: none;} .rede_social_equipes_paginas a:nth-child(12) {display: none;} /*========== MÓDULO 05 - EMPRESAS ==========*/ .div_empresas {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_empresas {width: 360px; height: 270px; float: left; margin-right: 30px; margin-bottom: 30px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_empresas:hover {background: transparent;} .item_empresas:nth-child(3n+4) {margin-right: 0;} .zoom_empresas {width: 100%; height: 270px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_empresas > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .item_empresas:hover .zoom_empresas > span {position: absolute; transform: scale(1.3); filter: brightness(1); transition: all .3s;} .item_empresas img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_empresas:hover img {transition: all .3s;} .mascara_empresas {display: none; transition: all .8s;} .item_empresas:hover .mascara_empresas {width: 80%; height: 200px; margin: 0 auto; margin-top: -235px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: rgba(0,0,0,0.8); border-radius: 12px; display: block; transition: all .8s;} .dados_empresas h2 {font-size: 22px; color: #ffffff; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .8s;} .item_empresas:hover .dados_empresas h2 {color: #ffffff; transition: all .3s;} .dados_empresas h3 {font-size: 18px; color: #f74600; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px; transition: all .8s;} .item_empresas:hover .dados_empresas h3 {color: #f74600; transition: all .3s;} .dados_empresas h4 {text-align: center;} .dados_empresas h4 i {font-size: 26px; color: #ffffff; font-weight: bold; padding: 13px 16px; background: #f74600; border-radius: 100px; margin-right: 0px; transition: all .8s;} .dados_empresas h4 i:hover {color: #ffffff; background: #000000; transition: all .3s;} .dados_empresas a {color: #ffffff; font-weight: bold;} .dados_empresas a:hover {color: #ffffff; font-weight: bold;} .sites_empresas a {display:inline-block; color: #ffffff; font-size: 22px; font-weight: bold; background: #f74600; padding: 10px 25px; border-radius: 8px; margin-top: 30px; margin-bottom: 7px; transition: all .8s;} .sites_empresas a:hover {background: #000000; transition: all .3s;} /*========== MÓDULO 07 - CLIENTES BANNERS ==========*/ .div_clientes {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_clientes {width: 262.5px; height: 130px; float: left; margin-right: 30px; margin-bottom: 30px; background: #ffffff; display: inline-block; position: relative; border-bottom: 6px solid #dddddd; border-radius: 10px; padding: 0px; transition: all .8s;} .item_clientes:hover {background: #ffffff; padding: 0px; transition: all .3s;} .item_clientes:nth-child(4n+5) {margin-right: 0;} .zoom_clientes {width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_clientes > span {width: 100%; position: absolute; overflow: hidden; transform: scale(0.7); transition: all .3s;} .item_clientes:hover .zoom_clientes > span {position: absolute; transform: scale(0.9); cursor: pointer; transition: all .3s;} .item_clientes img {width: 240px; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); transition: all .3s;} .item_clientes:hover img {transition: all .3s;} .mascara_clientes {width: 100%; float: left;} .dados_clientes h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .8s;} .item_clientes:hover .dados_clientes h2 {color: #000000; transition: all .3s;} .dados_clientes h3 {font-size: 18px; color: #666666; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px; margin-bottom: 20px; transition: all .8s;} .item_clientes:hover .dados_clientes h3 {color: #ffffff; transition: all .3s;} /*========== MÓDULO 08 - CONTATOS FORMULÁRIO FALE CONOSCO ==========*/ .div_contatos {width: 100%; height: 100%; float: left; background: url(../img/fundo_videos.jpg) left top/100% 100% #ffffff no-repeat; padding-top: 10px; position: relative; z-index: 0;} .contatos {width: 100%; float: left; padding: 0px 15% 50px 15%;} .contatos input {width: 100%; height: 50px; font-size: 26px; color: #ffffff; background: transparent; border-bottom: 1px solid #bbbbbb; padding: 0px 0px; margin: 0 0 10px 0; transition: all .8s;} .contatos input:hover {border-bottom: 5px solid #f74600; transition: all .3s;} .contatos input:focus {border-bottom: 5px solid #f74600; transition: all .3s;} .contatos textarea {width: 100%; height: 100px; font-size: 26px; color: #ffffff; background: transparent; border-bottom: 1px solid #bbbbbb; padding: 0px 0px; margin-bottom: 22px; transition: all .8s;} .contatos textarea:hover {border-bottom: 5px solid #f74600; transition: all .3s;} .contatos textarea:focus {border-bottom: 5px solid #f74600; transition: all .3s;} .contatos button {width: 100%; height: 70px; font-size: 36px; color: #ffffff; font-weight: bold; background: #f74600; margin-top: 10px; cursor: pointer; border-radius: 9px; transition: all .8s;} .contatos button:hover {background: #000000; transition: all .3s;} .contatos_enviado {width: 100%; float: left; font-size: 32px; color: #ffffff; text-align: center; font-weight: bold; background: #36D900; padding: 20px; margin: 0 0 20px 0; border-radius: 9px;} .contatos_erro {width: 60%; float: left; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; background: #f74600; padding: 10px; margin: 0 20% 22px 20%; border-radius: 9px;} .recaptcha {width: 200px !important; float: left !important; left: 50%; margin-left: -151px; position: relative; margin-bottom: 10px;} /*========== MÓDULO 09 - BLOG DE NOTÍCIAS ==========*/ .div_noticias {width: 100%; float: left; padding-top: 0px; padding-bottom: 20px; background: #ffffff;} .item_noticias {width: 420px; height: 300px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_noticias:hover {background: transparent;} .item_noticias:nth-child(3n+4) {margin-right: 0;} .zoom_noticias {width: 100%; height: 300px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_noticias > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_noticias:hover .zoom_noticias > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_noticias img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_noticias:hover img {transition: all .3s;} .mascara_noticias {width: 100%; height: 90px; float: left; position: relative; margin-top: -90px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_noticias:hover .mascara_noticias {height: 110px; margin-top: -110px; transition: all .3s;} .dados_noticias h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_noticias:hover .dados_noticias h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_noticias h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_noticias:hover .dados_noticias h2 {color: #F74600; transition: all .3s;} .degrade_noticias {width: 100%; height: 300px; margin: 0 auto; margin-top: -300px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: transparent; border-radius: 12px 12px 0px 0px; display: block; transition: all .8s;} .degrade_noticias h5 {text-align: center;} .item_noticias:hover .degrade_noticias h5 {text-align: center;} .degrade_noticias h5 i {min-width: 100px; height: 100px; line-height: 100px; font-size: 60px; color: #ffffff; font-weight: bold; background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; z-index: 11; border-radius: 0 12px 0 22px; display: inline-block; transition: all .8s;} .item_noticias:hover .degrade_noticias h5 i {color: #000000; background: #ffffff; transition: all .3s;} .degrade_noticias h6 {float: left; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.4); padding: 5.5px 10px; border-radius: 12px 0px 8px 0px; margin-top: -25px; margin-left: -15px; margin-right: 5px; transition: all .8s;} .item_noticias:hover .degrade_noticias h6 {transition: all .3s;} .degrade_noticias h6 i {color: #ffffff;} .degrade_noticias h7 {float: left; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.4); padding: 5.5px 10px; border-radius: 0px 0px 8px 8px; margin-top: -25px; transition: all .8s;} .item_noticias:hover .degrade_noticias h7 {transition: all .3s;} .degrade_noticias h7 i {color: #ffffff;} /*========== MÓDULO 09 - BLOG DE NOTÍCIAS PEQUENAS ==========*/ /*.div_noticias {width: 100%; float: left; padding-top: 0px; padding-bottom: 0px; background: #ffffff;} .item_noticias {width: 310px; height: 230px; float: left; margin-right: 20px; margin-bottom: 20px; background: transparent; display: inline-block; position: relative; transition: all .3s;} .item_noticias:hover {background: transparent;} .item_noticias:nth-child(4n+5) {margin-right: 0;} .zoom_noticias {width: 100%; height: 230px; position: relative; overflow: hidden; z-index: 10; border-radius: 12px;} .zoom_noticias > span {width: 100%; position: absolute; overflow: hidden; filter: brightness(1); transition: all .8s;} .item_noticias:hover .zoom_noticias > span {position: absolute; transform: scale(1.3); filter: brightness(0.5); transition: all .3s;} .item_noticias img {width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_noticias:hover img {transition: all .3s;} .mascara_noticias {width: 100%; height: 90px; float: left; position: relative; margin-top: -90px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10; transition: all .8s;} .item_noticias:hover .mascara_noticias {height: 110px; margin-top: -110px; transition: all .3s;} .dados_noticias h3 {float: left; color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px; border-radius: 6px; transition: all .8s;} .item_noticias:hover .dados_noticias h3 {color: #000000; background: #ffffff; transition: all .3s;} .dados_noticias h2 {float: left; color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px; transition: all .8s;} .item_noticias:hover .dados_noticias h2 {color: #F74600; transition: all .3s;}*/ /*========== MÓDULO - HOSPEDAGEM DE SITES ==========*/ .div_hospedagens {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_hospedagens {width: 360px; height: 538px; float: left; margin-right: 30px; margin-bottom: 30px; background: #ffffff; display: inline-block; position: relative; padding: 20px; border-bottom: 6px solid #dddddd; border-radius: 10px; transition: all .8s;} .item_hospedagens:hover {background: #ffffff; transition: all .3s;} .item_hospedagens:nth-child(1n+4) {margin-right: 0;} .zoom_hospedagens {width: 100%; height: 120px; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_hospedagens > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .item_hospedagens:hover .zoom_hospedagens > span {position: absolute; transform: rotate(360deg); transition: all .3s;} .item_hospedagens img {width: 120px; height: 120px; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); border-radius: 100px; border: 8px solid #eeeeee; transition: all .8s;} .item_hospedagens:hover img {border: 8px solid #eeeeee; transition: all .3s;} .mascara_hospedagens {width: 100%; float: left;} .dados_hospedagens h2 {font-size: 28px; color: #f74600; font-weight: bold; text-align: center; margin: 17px 0 18px 0; transition: all .8s;} .item_hospedagens:hover .dados_hospedagens h2 {color: #000000; transition: all .3s;} .dados_hospedagens h3 {font-size: 28px; color: #000000; font-weight: bold; text-align: center; line-height: 42px; margin: 0 auto; padding: 15px 0 2px 0; border-top: 1px dotted #aaaaaa; transition: all .8s;} .item_hospedagens:hover .dados_hospedagens h3 {color: #f74600; transition: all .3s;} .dados_hospedagens h4 {font-size: 20px; color: #666666; text-align: center; line-height: 30px; margin: 8px 0px 0 0px; padding: 15px 0 7px 0; border-top: 1px dotted #aaaaaa; transition: all .8s;} .item_hospedagens:hover .dados_hospedagens h4 {color: #666666; transition: all .3s;} .dados_hospedagens h5 {width: 100%; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; height: 50px; line-height: 50px; background: #f74600; margin: 10px 0px 0px 0px; padding: 0; border-radius: 8px; transition: all .8s;} .dados_hospedagens h5:hover {color: #ffffff; background: #000000; transition: all .3s;} .dados_hospedagens h5 i {color: #ffffff; font-size: 28px; transform: translateY(3px); margin-right: 10px;} .dados_hospedagens a {color: #ffffff; font-weight: bold;} .dados_hospedagens a:hover {color: #ffffff; font-weight: bold;} /*========== MÓDULO - MENTORIAS ==========*/ .div_mentorias {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .item_mentorias {width: 360px; height: 538px; float: left; margin-right: 30px; margin-bottom: 30px; background: #ffffff; display: inline-block; position: relative; padding: 20px; border-bottom: 6px solid #dddddd; border-radius: 10px; transition: all .8s;} .item_mentorias:hover {background: #ffffff; transition: all .3s;} .item_mentorias:nth-child(1n+4) {margin-right: 0;} .zoom_mentorias {width: 100%; height: 120px; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_mentorias > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .item_mentorias:hover .zoom_mentorias > span {position: absolute; transform: rotate(360deg); transition: all .3s;} .item_mentorias img {width: 120px; height: 120px; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); border-radius: 100px; border: 8px solid #eeeeee; transition: all .8s;} .item_mentorias:hover img {border: 8px solid #eeeeee; transition: all .3s;} .mascara_mentorias {width: 100%; float: left;} .dados_mentorias h2 {font-size: 28px; color: #f74600; font-weight: bold; text-align: center; margin: 17px 0 18px 0; transition: all .8s;} .item_mentorias:hover .dados_mentorias h2 {color: #000000; transition: all .3s;} .dados_mentorias h3 {font-size: 28px; color: #000000; font-weight: bold; text-align: center; line-height: 42px; margin: 0 auto; padding: 15px 0 2px 0; border-top: 1px dotted #aaaaaa; transition: all .8s;} .item_mentorias:hover .dados_mentorias h3 {color: #f74600; transition: all .3s;} .dados_mentorias h4 {font-size: 20px; color: #666666; text-align: center; line-height: 30px; margin: 8px 0px 0 0px; padding: 15px 0 7px 0; border-top: 1px dotted #aaaaaa; transition: all .8s;} .item_mentorias:hover .dados_mentoriash4 {color: #666666; transition: all .3s;} .dados_mentorias h5 {width: 100%; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; height: 50px; line-height: 50px; background: #f74600; margin: 10px 0px 0px 0px; padding: 0; border-radius: 8px; transition: all .8s;} .dados_mentorias h5:hover {color: #ffffff; background: #000000; transition: all .3s;} .dados_mentorias h5 i {color: #ffffff; font-size: 28px; transform: translateY(3px); margin-right: 10px;} .dados_mentorias a {color: #ffffff; font-weight: bold;} .dados_mentorias a:hover {color: #ffffff; font-weight: bold;} /*========== MÓDULO - FAQ PERGUNTAS FREQUENTES ==========*/ .div_faqs {width: 100%; height: auto; float: left; background: url(../img/faq.jpg) left top/100% 100% #ffffff no-repeat; padding-top: 10px; padding-bottom: 55px; position: relative; z-index: 0;} .div_faqs2 {width: 100%; height: auto; float: left; margin-bottom: 50px;} .item_faqs_espaco {width: 100%; float: left; margin-bottom: 10px;} .item_faqs {width: 100%; float: left;} .item_faqs img {width: 430px; height: auto; float: left; position: absolute; bottom: 0px; z-index: -1; transition: all .8s;} .item_faqs input {position: absolute; opacity: 0; z-index: -1;} .item_faqs .tabs {width: 670px; overflow: hidden; float: right;} .item_faqs .tab {color: #ffffff; border-radius: 12px; overflow: hidden;} .item_faqs .tab-label {color: #ffffff; font-size: 22px; background: rgba(252,178,0,0.3); margin-bottom: 7px; display: flex; justify-content: flex-start; padding: 22px; font-weight: 700; cursor: pointer; transition:all .3s ease; border-radius: 12px; transform: rotate(0deg); transition-duration: 0.3s;} .item_faqs .tab-label:hover {color: #ffffff; background: #f74600; transition: all .3s ease;} .item_faqs .tab-label::before {content:"+"; text-align: left; margin-right: 10px; font-size: 40px; line-height: 25px; transform: rotate(0deg); transition-duration: 0.3s;} .item_faqs .tab-label:hover:before {color: #000000; transform: rotate(360deg); transition-duration: 0.3s;} .item_faqs .tab-content {font-size: 16px; max-height: 0; padding: 0 16px; transition:all 0.40s;} .item_faqs input:checked+.tab-label {color: #ffffff; background: #f74600;} .item_faqs input:checked+.tab-label::before {content:"-"; color: #000000; text-align: left; margin-right: 10px; font-size: 60px; line-height: 20px; transform: rotate(720deg); transition-duration: 0.3s;} .item_faqs input:checked~.tab-content {max-height: 100vh; padding: 16px; color: #333333; background: #ffffff; margin-bottom: 7px; border-radius: 8px;} /*========== MÓDULO - DEPOIMENTOS ==========*/ .div_banner_depoimentos {width: 100%; height: auto; float: left; background: url(../img/equipe.jpg) left top/100% 100% #ffffff no-repeat; padding-top: 10px; padding-bottom: 80px; position: relative; z-index: 0;} .div_depoimentos_todos {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .banner_depoimentos {margin: 15px;} .owl-item:nth-child(2n+1) > .banner_depoimentos {margin-left: 0;} .owl-item:nth-child(2n+2) > .banner_depoimentos {margin-right: 0;} .item_depoimentos {/*width: 555px;*/ width: 100%; height: 370px; float: left; /*margin-right: 30px;*/ margin-bottom: 30px; background: rgba(255,255,255,0.1); display: inline-block; position: relative; padding: 20px; border-radius: 10px; transition: all .8s;} .item_depoimentos:hover {background: rgba(0,0,0,0.3); transition: all .3s;} /*.item_depoimentos:nth-child(2n+3) {margin-right: 0;}*/ .zoom_depoimentos {width: 160px; height: 160px; float: left; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_depoimentos > span {width: 100%; position: absolute; overflow: hidden; transition: all .8s;} .item_depoimentos:hover .zoom_depoimentos > span {position: absolute; transform: rotate(360deg); transition: all .3s;} .item_depoimentos img {width: 160px; height: 160px; display: block; position: absolute; top: 0%; left: 50%; margin-right: -50%; transform: translate(-50%, 0%); border-radius: 100px; border: 8px solid rgba(255,255,255,0.1); transition: all .8s;} /*.degrade_depoimentos {width: 100%; height: 220px; margin: 0 auto; margin-top: -220px; padding: 25px 15px 0px 15px; position: relative; z-index: 10; background: linear-gradient(0deg, rgba(197,38,35,0.6), rgba(0,108,111,0.6)); border-radius: 8px; display: block; transition: all .8s;}*/ .mascara_depoimentos {width: 240px; float: left;} .dados_depoimentos h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .8s;} .item_depoimentos:hover .dados_depoimentos h2 {color: #ffffff; transition: all .3s;} .dados_depoimentos h3 {font-size: 18px; color: #ffffff; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 3px; margin-bottom: 10px; transition: all .8s;} .item_depoimentos:hover .dados_depoimentos h3 {color: #f74600; transition: all .3s;} .dados_depoimentos h5 i {width: 65px; height: 65px; line-height: 65px; float: right; font-size: 32px; color: #ffffff; font-weight: bold; text-align: center; border-radius: 100px; margin-top: -95px; margin-right: -70px; cursor: pointer; background: #f74600; transition: all .8s;} .dados_depoimentos h5 i:hover {background: #000000; transition: all .3s;} .dados_depoimentos a {color: #ffffff; font-weight: bold;} .dados_depoimentos a:hover {color: #ffffff; font-weight: bold;} .estrelas_depoimentos {width: 100%; float: left; font-size: 18px; color: #ffb503; font-weight: bold; text-align: center; margin-bottom: 15px;} .estrelas_depoimentos i {color: #ffb503; margin: 0px 2px; transition: all .8s;} .estrelas_depoimentos i:hover {color: #ffffff; cursor: pointer; transition: all .3s;} .balao {width: 100%; height: 150px; background: rgba(0,0,0,0.3); /*border: 5px solid rgba(255,255,255,0.3);*/ position: relative; border-radius: 10px; padding: 20px; margin-bottom: 20px; transition: all .8s;} .item_depoimentos:hover .balao {background: rgba(255,255,255,1); transition: all .3s;} .balao:after {width: 0; height: 0; content: ""; background: transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgba(0,0,0,0.3); left: 25%; bottom: -20px; position: absolute; transition: all .8s;} .item_depoimentos:hover .balao:after {border-top: 20px solid rgba(255,255,255,1); transition: all .3s;} /*.balao:before {width: 14px; height: 14px; content: ''; background: transparent; border: 2px solid #ffffff; display: block; border-right: none; border-bottom: none; transform: translateX(-50%) rotateZ(-135deg); position: absolute; bottom: -20px; left: 40%;}*/ .texto_depoimentos p {width: 100%; height: 100px; float: left; font-size: 20px; font-style: italic; color: #ffffff; line-height: 30px; font-weight: 600; overflow: auto; padding-right: 15px; transition: all .8s;} .item_depoimentos:hover .texto_depoimentos p {color: #333333; transition: all .3s;} .texto_depoimentos p:before {font-size: 40px; color: #f74600; font-family: 'Libre Baskerville', sans-serif; content: "“"; transition: all .8s;} .texto_depoimentos p:hover:before {color: #f74600; transition: all .3s;} .texto_depoimentos p:after {font-size: 40px; color: #f74600; font-family: 'Libre Baskerville', sans-serif; content: "”"; transition: all .8s;} .texto_depoimentos p:hover:after {color: #f74600; transition: all .3s;} /* Estrelas Perfil depoimentos Páginas */ .estrelas_depoimentos_paginas {width: 100%; font-size: 24px; color: #ffb503; font-weight: bold; margin-top: 10px; margin-bottom: 15px;} .estrelas_depoimentos_paginas i {color: #ffb503; margin: 0px 2px; transition: all .8s;} .estrelas_depoimentos_paginas i:hover {color: #333333; cursor: pointer; transition: all .3s;} /* Redes Sociais Perfil depoimentos */ .rede_social_depoimentos {width: 100%; text-align: center;} .rede_social_depoimentos a {background:transparent; font-size: 20px; text-align: center; color: #ffffff; margin-right: 10px; border-radius: 8px; transition: all .3s;} .rede_social_depoimentos a:hover {color: #f74600; transition: all .3s;} .rede_social_depoimentos a:last-child {margin-right: 0;} /*.rede_social_depoimentos a:last-child {display: none;}*/ /*.rede_social_depoimentos a:nth-child(5) {display: none;}*/ /*.rede_social_depoimentos a:nth-child(6) {display: none;}*/ .rede_social_depoimentos a:nth-child(7) {display: none;} .rede_social_depoimentos a:nth-child(8) {display: none;} .rede_social_depoimentos a:nth-child(9) {display: none;} .rede_social_depoimentos a:nth-child(10) {display: none;} .rede_social_depoimentos a:nth-child(11) {display: none;} .rede_social_depoimentos a:nth-child(12) {display: none;} /* Redes Sociais Perfil depoimentos Páginas */ .rede_social_depoimentos_paginas {margin-top: 20px;} .rede_social_depoimentos_paginas h4 {color: #ffffff; font-size: 32px; margin-bottom: 5px;} .rede_social_depoimentos_paginas {height: 40px; line-height: 40px;} .rede_social_depoimentos_paginas a {width: 40px; height: 40px; line-height: 40px; background: #f74600; font-size: 22px; text-align: center; color: #ffffff; margin-right: 0px; border-radius: 100px; transition: all .8s;} .rede_social_depoimentos_paginas a:last-child {margin-right: 0;} .rede_social_depoimentos_paginas a:hover {background: #000000; transition: all .3s;} /*.rede_social_depoimentos_paginas a:last-child {display: none;}*/ /*.rede_social_depoimentos_paginas a:nth-child(5) {display: none;} .rede_social_depoimentos_paginas a:nth-child(6) {display: none;}*/ .rede_social_depoimentos_paginas a:nth-child(7) {display: none;} .rede_social_depoimentos_paginas a:nth-child(8) {display: none;} .rede_social_depoimentos_paginas a:nth-child(9) {display: none;} .rede_social_depoimentos_paginas a:nth-child(10) {display: none;} .rede_social_depoimentos_paginas a:nth-child(11) {display: none;} .rede_social_depoimentos_paginas a:nth-child(12) {display: none;} /*========== MÓDULO - LOCALIZAÇÃO ==========*/ .div_modulo6 {width: 100%; float: left; padding-top: 10px;} .div_modulo6 iframe {width: 100%; height: 400px;} /*========== LATERAL DAS PÁGINAS ==========*/ .div_lateral_paginas1 {width: 970px; float: left; margin-right: 30px;} .div_lateral_paginas2 {width: 300px; float: left; margin-top: 40px;} .item_lateral_paginas {width: 100%; height: 1000px; border: 1px solid #dddddd; border-radius: 4px; margin-top: 15px;} /*========== TÓPICOS DAS PÁGINAS ==========*/ .div_topico_paginas {float: left; margin: 30px 0 20px 0;} .div_topico_paginas:hover {} .topico_paginas {float: left; text-align: left;} .topico_paginas span {color: #000000 !important; font-size: 45px; text-align: left;} .topico_paginas p {color: #f74600; font-size: 22px; text-align: left;} .topico_paginas p a {color: #f74600; transition: all .8s;} .topico_paginas p a:hover {color: #000000; transition: all .3s;} .topico_paginas i {font-size: 35px; transform: translateY(-3px);} /* Redes Sociais Tópicos Páginas */ .div_redes_sociais_topico_paginas {margin-top: 0px; float: right; text-align: center;} .div_redes_sociais_topico_paginas h4 {color: #000000; font-size: 32px; margin-top: 30px; margin-bottom: 5px;} .redes_sociais_topico_paginas {height: 40px; line-height: 40px;} .redes_sociais_topico_paginas a {width: 40px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; color: #ffffff; margin-right: 0px; border-radius: 100px; transition: all .8s;} .redes_sociais_topico_paginas a:last-child {margin-right: 0;} .redes_sociais_topico_paginas a:hover {transition: all .3s;} /*.redes_sociais_topico_paginas a:last-child {display: none;}*/ .redes_sociais_topico_paginas a:nth-child(7) {display: none;} .redes_sociais_topico_paginas a:nth-child(8) {display: none;} .redes_sociais_topico_paginas a:nth-child(9) {display: none;} .redes_sociais_topico_paginas a:nth-child(10) {display: none;} /*========== TÍTULOS E TEXTOS DAS PÁGINAS ==========*/ .div_titulo_paginas {width: 100%; float: left;} .titulo_paginas {width: 100%; float: left;} .titulo h1 {width: 100%; float:left; font-size: 42px; color: #000000; margin-top:0px; margin-bottom: 15px;} .subtitulo h2 {width:100%; float:left; font-size: 26px; color: #999999; margin-bottom: 30px;} .texto {float: left; font-size: 21px; color: #000000;} .texto a {font-weight: bold;} .topico {width: 100%; float: left; color: #f74600; font-size: 32px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 20px 0; margin: 0px 0 35px 0;} .texto:first-letter {float: left; margin: -12px 10px 0 0; font-size: 65px;} .creditos {color: #f74600; font-size: 22px; margin-top: 20px;} .creditos:hover {color: #000000;} /*.creditos a {font-weight: bold;}*/ .redes_sociais_compartilhamentos1 {float: right;} .redes_sociais_compartilhamentos2 {float: left; margin-top: 20px; margin-bottom: 0px;} .redes_sociais_compartilhamentos2 h3 {font-size: 20px; color: #cccccc; margin-bottom: 7px;} .imagem {width: 560px !important; float: left; margin-right: 30px; margin-bottom: 20px;} .imagem img {width: 100% !important; float: left; border-radius: 12px; transition: all .3s;} .imagem img:hover {filter: brightness(0.4); transition: all .3s;} .imagem_largura {float: left; margin-right: 30px; margin-bottom: 20px;} .imagem_largura img {width: 100% !important; float: left; border-radius: 12px; transition: all .3s;} .imagem_largura img:hover {filter: brightness(0.3); transition: all .3s;} .imagem_icon {width: 100%; float: left; color: #000000; font-size: 15px; background: #eeeeee; padding: 10px 15px; margin-top: 5px; border-radius: 10px;} .imagem_icon i {color: #f74600; margin-right: 2px;} /* Ampliar Imagem Principal */ #imagem {cursor: pointer; transition: all 3.s;} #imagem:hover {/*opacity: 0.7;*/ transition: all .3s;} .modal {display: none; position: fixed; z-index: 100000; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; /*overflow: auto;*/ background: rgb(0,0,0); background: rgba(0,0,0,0.9);} .modal-content {width: auto; max-width: auto; height: 97%; max-height: 97%; margin: auto; display: block; border-radius: 12px;} #caption {width: auto; max-width: auto; height: 97%; max-height: 97%; font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; background: #f74600; margin: auto; margin-top: 5px; display: block; padding: 15px 0;} .modal-content, #caption {animation-name: zoom; animation-duration: 0.6s;} @keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}} .close {width: 50px; max-width: 50px; position: inherit; left: 50%; margin-left: 395px; top: 5px; color: #ffffff; font-size: 40px; font-weight: bold; transition: 0.3s;} .close:hover, .close:focus {color: #ffffff; text-decoration: none; cursor: pointer;} .close i {width: 50px; height: 50px; line-height: 46px; color: #ffffff; font-size: 35px; font-weight: 300; background: #f74600; border-radius: 100px; transition: all .8s;} .close i:hover, .close i:focus {text-decoration: none; cursor: pointer; background: #000000; transition: all .3s;} /*========== TÍTULOS E TEXTOS DAS PÁGINAS DE VÍDEOS ==========*/ blockquote {border-left: 3px solid #999999; padding-left: 20px;} .video {width: 50% !important; height: 400px; float: left; background: #00000; overflow: hidden; margin-right: 30px; margin-bottom: 20px;} .imagem_videos iframe {width: 50% !important; height: 400px;} .fb-video {width: 50% !important; height: 400px; float: left;} /*========== TEXTO RESULTADO BUSCA DE TODAS AS PÁGINAS ==========*/ .texto_resultado_buscas1 {width: 100%; float: left; color: #000000; font-size: 30px; margin-bottom: 15px; margin-top: 5px;} .texto_resultado_buscas2 {color: #f74600; font-size: 30px; font-weight: bold;} .texto_resultado_buscas3 {width: 100%; float: left; color: #bbbbbb; font-size: 26px; margin-top: -10px; margin-bottom: 10px;} /*========== IMPUT SELECT BUSCA DE TODAS AS PÁGINAS ==========*/ .input_resultado_buscas {width: 280px; float: right; height: 50px; padding-left: 20px; margin: 0; color: #ffffff; font-size: 22px; border-radius: 10px; cursor: pointer; transition: all .3s linear; appearance: none; -moz-appearance: none; -webkit-appearance: none; text-indent: 0.01px; text-overflow: ""; background: url(../img/icone_seta_galerias1.png) center top/47px 32px no-repeat #f74600; background-position: center right 0px; display: block; transform: translateY(-7px);} .input_resultado_buscas:hover {color: #ffffff; transition: all .3s linear; background: url(../img/icone_seta_galerias2.png) center right/47px 32px no-repeat #f74600; background-position: center right 0px;} .input_resultado_buscas:focus {color: #ffffff; transition: all .3s linear; background: url(../img/icone_seta_galerias3.png) center right/47px 32px no-repeat #f74600; background-position: center right 0px;} .input_resultado_buscas option {font-size: 22px; color: #ffffff; background-color: #f74600; padding-left: 20px;} /*========== MÓDULO PAGINAÇÃO DE TODAS AS PÁGINAS CATEGORIAS ==========*/ .div_paginacao {width: 100%; float: left; text-align: center; margin-top: 20px; margin-bottom: 20px;} .div_paginacao2 {margin-top: 70px;} .paginacao {display: block !important; z-index: 1000; margin-top: -40px;} .paginacao_proximo {font-size: 16px; color: #666666; background: #ffffff; padding: 10px 15px; margin: 0 2px; border: 1px solid #dddddd; border-radius: 4px; transition: all .8s;} .paginacao_proximo:hover {color: #ffffff; transition: all .3s; background: linear-gradient(to right,#77530a,#FFB018) !important; border: 0px solid #dddddd;} .paginacao_proximo_fim:hover {color: #ffffff !important; background: #ffffff; border: 1px solid #dddddd;} .paginacao_links {font-size: 16px; color: #666666; background: #ffffff; padding: 10px 15px; margin: 0 2px; border: 1px solid #dddddd; border-radius: 4px; transition: all .8s;} .paginacao_links:hover {color: #ffffff; transition: all .3s; background: linear-gradient(to right,#77530a,#FFB018) !important; border: 1px solid #dddddd;} .paginacao_links_ativado {font-size: 16px; color: #ffffff; border-radius: 4px; padding: 10px 15px; margin: 0 2px; transition: all .8s; background: linear-gradient(to right,#77530a,#FFB018) !important;} .paginacao_links_ativado:hover {background: linear-gradient(to right,#FFB018,#77530a) !important; cursor: pointer;} /*========== CONTATOS FORMULÁRIO FALE CONOSCO DE TODAS AS PÁGINAS ==========*/ .div_contatos2 {width: 100%; float: left; background: transparent; padding: 5px 0px 50px 0px;} .div_contatos2 h4 {font-size: 30px; color: #000000; margin-bottom: 25px; transition: all .8s;} .div_contatos2 h4:hover {color: #f74600; transition: all .3s;} .contatos2 input {width: 100%; height: 60px; font-size: 26px; color: #000000; background: #eeeeee; padding: 10px 20px; margin: 0 0 20px 0; border-radius: 8px; transition: all .8s;} .contatos2 input:hover {background: #f7460060; transition: all .3s;} .contatos2 input:focus {background: #f7460060; transition: all .3s;} .contatos2 textarea {width: 100%; height: 160px; font-size: 26px; color: #000000; background: #eeeeee; padding: 10px 20px; margin-bottom: 20px; border-radius: 8px; transition: all .8s;} .contatos2 textarea:hover {background: #f7460060; transition: all .3s;} .contatos2 textarea:focus {background: #f7460060; transition: all .3s;} .contatos2 button {width: 100%; height: 80px; font-size: 34px; color: #ffffff; font-weight: bold; background: #f74600; margin-top: 10px; cursor: pointer; border-radius: 9px; transition: all .8s;} .contatos2 button:hover {background: #000000; transition: all .3s;} .contatos2_enviado {width: 100%; float: left; font-size: 32px; color: #ffffff; text-align: center; font-weight: bold; background: #36D900; padding: 20px; margin: 0 0 20px 0; border-radius: 9px;} .contatos2_erro {width: 60%; float: left; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; background: #f74600; padding: 10px; margin: 0 20% 22px 20%; border-radius: 9px;} /*========== NEWSLETTERS FORMULÁRIO DE TODAS AS PÁGINAS ==========*/ .div_newsletters2 {width: 100%; float: left; background: transparent; padding: 5px 0px 50px 0px;} .div_newsletters2 h4 {font-size: 30px; color: #000000; margin-bottom: 25px; transition: all .8s;} .div_newsletters2 h4:hover {color: #f74600; transition: all .3s;} .newsletters2 input {width: 100%; height: 60px; font-size: 26px; color: #000000; background: #ffffff; padding: 10px 20px; margin: 0 0 20px 0; border-radius: 8px; transition: all .8s;} .newsletters2 input:hover {background: #f7460060; transition: all .3s;} .newsletters2 input:focus {background: #f7460060; transition: all .3s;} .newsletters2 textarea {width: 100%; height: 160px; font-size: 26px; color: #000000; background: #ffffff; padding: 10px 20px; margin-bottom: 20px; border-radius: 8px; transition: all .8s;} .newsletters2 textarea:hover {background: #f7460060; transition: all .3s;} .newsletters2 textarea:focus {background: #f7460060; transition: all .3s;} .newsletters2 button {width: 100%; height: 80px; font-size: 34px; color: #ffffff; font-weight: bold; background: #f74600; margin-top: 10px; cursor: pointer; border-radius: 9px; transition: all .8s;} .newsletters2 button:hover {background: #000000; transition: all .3s;} .newsletters2_enviado {width: 100%; float: left; font-size: 32px; color: #ffffff; text-align: center; font-weight: bold; background: #36D900; padding: 20px; margin: 0 0 20px 0; border-radius: 9px;} .newsletters2_erro {width: 60%; float: left; font-size: 20px; color: #ffffff; text-align: center; font-weight: bold; background: #f74600; padding: 10px; margin: 0 20% 22px 20%; border-radius: 9px;} /*========== FOOTER BASE RODAPÉ =============================================================================================== =============================================================================================================================*/ .rodape {width: 100%; height: auto; float: left; background: #ffffff;} /*========== NEWSLETTER FOOTER ==========*/ .barra_rodape {width: 100%; height: 140px; float: left; background-image: linear-gradient(to right, #ff9900, #ff2f00); margin-bottom: 0px; /*box-shadow: 0px 5px 5px #999999;*/} /*========== BARRRA LOGO FOOTER ==========*/ .barra_logo_rodape {width: 100%; height: auto; float: left; padding-top: 35px; padding-bottom: 40px;} /*========== LOGO BASE RODAPÉ ==========*/ .div_logo {width: 380px; float: left; text-align: center; margin: 0 auto; padding-top: 3px;} .div_logo .logo_rodape h1 img {width: 240px; float: left; margin-top: 34px; margin-right: 20px;} .div_logo .logo_rodape h2 img {width: 120px; float: left; margin-top: 0px;} .logo_rodape {filter: drop-shadow(0px 0px 0px transparent); transform: translateX(0px); transition: all .3s;} .logo_rodape:hover {filter: drop-shadow(6px 6px 3px #999999); transform: translateX(20px); transition: all .3s;} /*========== CNPJ RODAPÉ ==========*/ .cnpj {width: 100%; float: left; text-align: left; margin-top: 28px; margin-left: 5px; margin-bottom: 5px;} .cnpj span {width: 100%; float: left; color: #f74600; font-size: 22px; font-weight: bold; margin-bottom: 5px; transition: all .8s;} .cnpj span:hover {color: #000000; transition: all .3s;} .cnpj a {width: 100%; float: left; color: #666666; font-size: 17px; margin-top: 7px; transition: all .8s;} .cnpj a:hover {color: #f74600; transition: all .3s;} .cnpj i {font-size: 18px; line-height: 22px; color: #f74600; margin-right: 4px; border-right: 1px solid #666666; padding-right: 8px; transition: all .8s;} .cnpj a:hover i {color: #000000; transition: all .3s;} /*========== REDES SOCIAIS BASE RODAPÉ ==========*/ .redes_sociais_rodape {width: 380px; float: left; text-align: center; display: inline-block; margin-top: 20px;} .redes_sociais_rodape a {width: 48px; height: 45px; line-height: 45px; float: left; font-size: 26px; text-align: center; margin-right: 5px; border-radius: 8px; transition: all .8s;} .redes_sociais_rodape a:last-child {margin-right: 0;} .redes_sociais_rodape a:hover {transition: all .3s;} /*========== CORES REDES SOCIAIS RODAPÉ ==========*/ .fac {color: #ffffff; background-color: #354E86; border-color: #354E86 !important;} .fac:hover {color: #354E86; background-color: #354E8630;} .ins {color: #ffffff; background-color: #6A3B11; border-color: #6A3B11 !important;} .ins:hover {color: #6A3B11; background-color: #6A3B1130;} .twi {color: #ffffff; background-color: #44AAC3; border-color: #44AAC3 !important;} .twi:hover {color: #44AAC3; background-color: #44AAC330;} .you {color: #ffffff; background-color: #D82C32; border-color: #D82C32 !important;} .you:hover {color: #D82C32; background-color: #D82C3230;} .lin {color: #ffffff; background-color: #0276a8; border-color: #0276a8 !important;} .lin:hover {color: #0276a8; background-color: #0276a830;} .tik {color: #ffffff; background-color: #000000; border-color: #000000 !important;} .tik:hover {color: #000000; background-color: #00000030;} .kwa {color: #ffffff; background-color: #FF4906; border-color: #FF4906 !important;} .kwa:hover {color: #FF4906; background-color: #FF490630;} .pin {color: #ffffff; background-color: #8C0000; border-color: #8C0000 !important;} .pin:hover {color: #8C0000; background-color: #8C000030;} .ber {color: #ffffff; background-color: #000000; border-color: #000000 !important;} .ber:hover {color: #000000; background-color: #00000030;} .vks {color: #ffffff; background-color: #0077FE; border-color: #0077FE !important;} .vks:hover {color: #0077FE; background-color: #0077FE30;} .goo {color: #ffffff; background-color: #8C0000; border-color: #8C0000 !important;} .goo:hover {color: #8C0000; background-color: #8C000030;} .fac, .ins, .twi, .you, .lin, .tik, .kwa, .pin, .ber, .vks, .goo {border: 0px solid;} .fac:hover, .ins:hover, .twi:hover, .you:hover, .lin:hover, .tik:hover, .kwa:hover, .pin:hover, .ber:hover, .vks:hover, .goo:hover {/*background-color: #354E8630; */border: 0px solid;} /*========== BARRA NAV E FACEBOOK RODAPÉ ==========*/ .barra_menu_rodape {width: 820px; height: auto; float: right;} .nav_rodape {width: auto; display: block; float: left; margin-top: 0px; margin-right: 0px;} .nav_rodape:nth-child(1) {width: 235px;} .nav_rodape:nth-child(2) {width: 195px;} .nav_rodape:nth-child(3) {width: 340px; float: right; margin-right: 0; border-right: 0px solid #000000;} .nav_rodape h2 {color: #f74600; font-size: 24px; font-weight: bold; margin-bottom: 20px; transition: all .8s;} .nav_rodape h2:hover {color: #000000; transition: all .3s;} .nav_rodape ul {width: 200px; background-color: transparent;} .nav_rodape li a {color: #666666; font-size: 17px; text-decoration: none; line-height: 30px; display: block; transition: all .8s;} .nav_rodape li a:hover {color: #f74600; font-weight: bold; padding: 0 0 0 10px; transition: all .3s;} .nav_rodape h2 i {font-size: 30px; transform: translateY(3px); margin-right: 8px;} .nav_rodape ul li i {display: none;} .nav_rodape li a:hover i {color: #000000; display: inline-block;} /*========== CNPJ RODAPÉ ==========*/ .nav_contatos {width: 100%; float: left; text-align: left; margin-top: 0px; margin-left: 5px; margin-bottom: 12px;} .nav_contatos a {width: 100%; float: left; color: #666666; font-size: 16px; margin-top: 7px; transition: all .8s;} .nav_contatos a:hover {color: #f74600; transition: all .3s;} .nav_contatos i {font-size: 18px; line-height: 22px; color: #f74600; margin-right: 4px; border-right: 1px solid #666666; padding-right: 8px; transition: all .8s;} .nav_contatos a:hover i {color: #000000; transition: all .3s;} /*========== FACEBOOK FOOTER ==========*/ .facebook {width: 340px; height: 170px; float: right; background: #ffffff; box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 27px -5px, rgba(0, 0, 0, 0.1) 0px 8px 6px -8px;/*box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/ /*box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 17px -5px, rgba(0, 0, 0, 0.3) 0px 1px 16px -8px;*/ border-radius: 18px; padding: 20px; text-align: center; justify-content: center; margin-top: 20px;} .facebook img {width: 100%; border-radius: 10px; transition: all .8s;} .facebook img:hover {filter: brightness(0.5); transform: scale(0.95); transition: all .3s;} /*========== BARRA LINKS RODAPÉ ==========*/ .barra_selos {width: 100%; height: auto; float: left; padding-top: 0px; box-shadow: 0px -5px 5px #eeeeee;} .div_selos {width: 1300px; color: #f74600; font-size: 18px; font-weight: 600; text-align: center; padding: 40px 0px; margin: 0 auto;} .selos {display: inline-block; text-align: left; margin-right: 50px;} .selos h2 {color: #f74600; font-size: 24px; font-weight: bold; transition: all .8s;} .selos h2:hover {color: #000000; transition: all .3s;} .selos:last-child {margin-right: 0;} .selos:nth-child(1) {float: left;} .selos:nth-child(3) {float: right;} .selos img {height: 40px; display: inline-block; margin-top: 12px; border-radius: 8px;} .selos_pagamentos img {margin-right: 15px;} .selos_pagamentos img:last-child {margin-right: 0;} /*========== FOOTER TEXTO COPYRIGHT RODAPÉ ==========*/ .barra_copyright {width: 100%; height: auto; line-height: 26px; float: left; background: #eeeeee; padding: 30px 0px;} .copyright {text-align: center;} .copyright p {color: #666666; text-align: center; font-size: 16.5px; transition: all .8s;} .copyright a {font-size: 18px; color: #000000; font-weight: bold; margin-left: 0px; transition: all .8s;} .copyright a:hover {color: #f74600; transition: all .3s;} /*========== FOOTER BOTÃO SETA SCROLLUP RODAPÉ ==========*/ .scrollup {width: 70px; height: 60px; line-height: 60px; float: left; color: #ffffff; font-weight: bold; text-align: center; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; position: fixed; bottom: 39px; left: 50%; margin-left: 580px; z-index: 2000; display: none; border-radius: 8px; opacity: 1;} .scrollup:hover {color: #ffffff; background: #000000; transition: all .8s;} .scrollup i {font-size: 32px; transform: translateY(6.5px);} /*========== DIV ESPAÇAMENTO RODAPÉ / CONTEÚDO ==========*/ .div_espaco_rodape {width: 100%; float: left; background: transparent; margin-bottom: 40px;} /* VERSÃO 1 MOBILE 420px Á 1023px ========================================================================================= */ /* 1 - PRIMEIRO ESTILO VERSÃO RESPONSIVO ================================================================================== */ /*========== HEADER TOPO DO SITE ==========================================================================================*/ @media screen and (min-width: 0px) and (max-width: 1023px) { /*========== HEADER TOPO DO SITE ============================================================================================*/ .conteudo {width: 90%;} .all {background: url(../img/fundo_videos_.jpg) center top/200% 560px transparent no-repeat; background-position: -260px 0;} .all2 {background: url(../img/fundo_videos2_.jpg) center top/140% 210px #ffffff no-repeat;} .cd-bg-video-wrapper {width: 100%; height: 560px;} .cd-bg-video-wrapper2 {width: 100%; height: 210px; background: url(../img/fundo_videos2.jpg) center top/150% 100% #ffffff no-repeat; background-position: -120px 0;} .cd-bg-video-wrapper video {display: none;} /*========== BARRA TOPO ==========*/ .barra_topo {width: 100%; height: 35px;} /*========== SOM TOPO ==========*/ .som_topo {display: none;} .som_topo:hover {background: transparent;} /*========== HORA TOPO ==========*/ .hora_topo {display: none;} .hora_topo:hover {background: transparent;} /*========== DATA TOPO ==========*/ .data_topo {display: none;} .data_topo:hover {background: transparent;} /*========== BOTÃO CIDADES MENU SELECT TOPO ==========*/ .custom-select {display: none;} /*========== TEXTO TOPO MOBILE ==========*/ .texto_topo_mobile {width: 100%; height: 35px; line-height: 35px; color: #ffffff; font-size: 16px; text-align: center; display: block;} /*========== MENU PRINCIPAL TOPO ==========*/ .menu_topo {display: none;} /*========== BARRA LOGO ==========*/ .barra_logo {} /*========== LOGO DO SITE ==========*/ .logo h1 img {width: 160px; float: left; margin-top: 28px; margin-right: 10px;} .logo h2 img {width: 70px; float: left; margin-top: 11px;} .navbar-fixed-top .logo h1 img {width: 145px; float: left; margin-top: 5px; font-size: 0; transition: all .8s;} .navbar-fixed-top .logo h2 img {display: none;} .logo:hover {filter: drop-shadow(0px 0px 0px transparent); transform: translateX(0px);} /* BOTÃO FECHAR MENU */ .nav-toggle-fechar:hover {color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00);} /* MENU LOGIN MENU */ .botao_login_mobile {width: 100px; float: right; text-align: right; display: block;} .botao_login_mobile a {color: #333333; font-size: 30px; display: inline-block; margin-bottom: 3px; margin-right: 10px;} .botao_login_mobile a:last-child {margin-right: 0px;} .botao_login_mobile i {color: #f74600;} /* LOGO BOX MENU */ .logo_menu:hover {filter: drop-shadow(0px 0px 0px transparent); transform: translateX(0px);} /* MENU LOGIN MENU */ .botao_login a:hover {color: #333333;} .botao_login a:hover i {color: #f74600;} .navbar .botao_login_mobile {margin-top: 39px;} .navbar-fixed-top .botao_login_mobile {margin-top: 15px;} .nav-menu .menu-link:hover {color: #333333;} .nav-menu .menu-item:hover {color: #333333; padding-left: 0px;} .nav-menu .menu-item:hover {background-color: #ffffff;} .nav-menu .menu-item.is-active {color: #ffffff; background-color: #f74600;} .nav-menu > .menu-item.is-active {color: #ffffff; padding-left: 0px;} .has-dropdown.is-active > .nav-dropdown {color: #ffffff;} .nav-dropdown {background-color: #eeeeee;} .nav-dropdown > .menu-item:hover {color: #333333; background-color: #eeeeee;} .menu-item i {color: #f74600;} .has-dropdown:hover i {color: #f74600;} .menu-item.is-active a {color: #ffffff;} .menu-item.is-active a:hover {color: #333333 !important;} .menu-item.is-active a i {color: #ffffff;} .nav-dropdown a {font-size: 17px !important; padding: 12px 0 12px 20px !important;} .menu-item.is-active .menu a {color: #333333;} .has-dropdown:after {color: #f74600;} .has-dropdown:hover:after {color: #f74600;} .has-dropdown.is-active:after {color: #000000; content: "\2015";} /*========== ANÚNCIO TOPO ==========*/ .clima_tempo {display: none;} /*========== ANÚNCIO TOPO ==========*/ .banner_topo {width: 100%; height: 80px; float: left; overflow: hidden; background: url(../img/bg5.gif); margin-top: 40px; display: none;} .navbar-fixed-top .banner_topo {display: none;} .texto_banner {float: left; position: absolute; color: #cccccc; font-size: 12px; transform: rotate(270deg); margin-left: -45px; margin-top: 28px; display: none;} .ads-728 {width: 100%; height: 80px; float: left; overflow: hidden; background: url(../img/bg5.gif);} .ads-728 nav {width: 728px; height: 90px; margin: 0 auto; background: #f0f0f0; margin-top: 0px;} .ads-topo-no-widget {float: left; margin-left: 0px; padding: 0 140px; margin-top: 100px;} /*========== BARRA MENU PRINCIPAL ==========*/ .barra_menu {display: none;} /*========== BOTÃO MÓBILE MENU PRINCIPAL ==========*/ .botao_menu {display: none;} /*========== MENU PRINCIPAL LINKS ==========*/ .menu-topo {display: none;} /*========== BUSCA DO SITE TOPO HEADER MOBILE ==========*/ .busca_topo {display: none;} .busca_topo_mobile {display: block;} .navbar.busca_topo_mobile {width: 83%; float: right;} .navbar .busca_topo_mobile {width: 83%; float: right; margin-top: 12px;} .navbar-fixed-top .busca_topo_mobile {width: 83%; float: right; margin-top: 7px; transition: all .5s;} .busca_topo_mobile input {width: 83%; height: 45px; line-height: 45px; float: left; background-color: #ffffff; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15); border-right: 0px solid transparent; font-size: 18px; text-align: left; color: #777777; padding-left: 20px; margin-right: 0px; border-radius: 11px 0 0 11px; transition: all .8s;} .busca_topo_mobile input:hover {box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);} .busca_topo_mobile input:focus {box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);} .busca_topo_mobile button {width: 17%; height: 45px; float: left; background-image: linear-gradient(to left, #ff9900, #ff2f00); font-size: 24px; text-align: center; color: #ffffff; font-weight: bold; border-radius: 0 11px 11px 0; cursor: pointer; transition: all .8s;} .busca_topo_mobile button:hover {background-image: linear-gradient(to left, #ff9900, #ff2f00);} .busca_topo_mobile button i {font-weight: bold; transform: translateY(-1px)} /*========== MENU PRINCIPAL ==========*/ .navbar {width: 100%; height: 175px; box-shadow: 0 8px 16px rgba(0, 0, 0, .15);} .navbar-fixed-top {width: 100%; height: 120px; float: left; top: 0; position: fixed; background: #ffffff; z-index: 5000; box-shadow: 0px 7px 7px #666666; transition: all .8s;} /*========== MENU MÓBILE ==========*/ /* BOTÃO MENU TOPO */ .nav-toggle-topo {display: none;} /* BOTÃO MENU MOBILE TOPO */ .botao_menu_mobile {width: 55px; height: 45px; line-height: 45px; float: left; color: #ffffff; font-weight: bold; text-align: center; background-image: linear-gradient(to left, #ff9900, #ff2f00); border-radius: 8px; margin-top: 12px; display: block; transition: all .0s;} .botao_menu_mobile:hover {color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00);} .botao_menu_mobile i {font-size: 26px; transform: translateY(4px);} .navbar-fixed-top .botao_menu_mobile {margin-top: 7px; transition: all .0s;} /*========== BOTÃO CIDADES MENU SELECT MENU ==========*/ .menu_cidades_icone_menu:hover {background-image: linear-gradient(to left, #ff9900, #ff2f00);} /*== ÍCONE BOTÃO CIDADES MENU SELECT MENU ==*/ .menu_cidades_menu:hover {box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);} .menu_cidades_menu:focus {box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);} /*========== BUSCA DO SITE TOPO HEADER MENU ==========*/ .busca_topo_menu_input:hover {box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);} .busca_topo_menu button:hover {background-image: linear-gradient(to left, #ff9900, #ff2f00);} /*========== MENU LOGIN FIXADO ==========*/ .botao_login_fixado {display: none;} /*========== BUSCA TOPO MENU FIXADO ==========*/ .busca_topo_fixado {display: none;} /*========== BOTÃO MENU PRINCIPAL FIXADO ==========*/ .botao_menu_fixado {display: none;} .texto_botao_menu_fixado {display: none;} /*========== REDES SOCIAIS TOPO MENU FIXADO ==========*/ .redes_sociais {display: none;} .texto_botao_redes_sociais {display: none;} /*========== BANNER TOPO PRINCIPAL ==========*/ .desktop {display: none;} .mobile {display: block;} .div_banner {width: 100%; height: 100%; height: 450px; margin-top: 0px; margin-bottom: 60px;} /* Itens do Banner */ .item_banner {width: 100%; height: 450px; padding-right: 0px;} /* Imagem do Banner */ .zoom_banner {width: 100%; height: 450px; border-radius: 16px;} .zoom_banner > span {width: 100%; transform: scale(1); filter: brightness(1);} .item_banner:hover .zoom_banner > span {transform: scale(1); filter: brightness(1);} .item_banner img {width: auto; height: 100%;} /* Dados do Banner */ .mascara_banner {width: 100%; height: 120px; margin-top: -120px; border-radius: 0 0 12px 12px;} .item_banner:hover .mascara_banner {height: 120px; margin-top: -120px;} /* Títulos do Banner */ .dados_banner h3 {float: left; color: #ffffff; font-size: 18px; padding: 5px 20px; margin: -15px 0 10px 20px; background: #F74600; border-radius: 8px;} .item_banner:hover .dados_banner h3 {color: #ffffff; background: #F74600;} .dados_banner h2 {float: left; color: #ffffff; font-size: 24px; margin-left: 20px; margin-right: 10px; transition: all .8s;} .item_banner:hover .dados_banner h2 {color: #ffffff;} /* Botões Números Paginação */ .owl-theme .owl-controls-mobile {width: 100%; text-align: center; z-index: 9; position: relative; margin-top: 10px;} .owl-theme .owl-controls-mobile .owl-pagination {width: 100%; margin: 0 auto; position: relative;} .owl-theme .owl-controls-mobile .owl-page-mobile {display: inline-block; z-index: 1;} .owl-theme .owl-controls-mobile .owl-page-mobile span {width: 22px; height: 22px; line-height: 22px; margin: 2.8px; color: #666666; font-size: 18px; font-weight: bold; background: transparent; border-radius: 100px; display: block; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2); transition: all .8s;} .owl-theme .owl-controls-mobile .owl-page-mobile.active span, .owl-theme .owl-controls-mobile.clickable .owl-page-mobile:hover span {height: 22px; color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00); transition: all .3s;} /* Setas Paginação */ .owl-theme .owl-controls-mobile .owl-buttons-mobile div {width: 70px; height: 70px; line-height: 70px; margin-top: -310px; color: #ffffff; font-size: 42px; font-weight: bold; display: inline-block; padding-top: 3px; background: rgba(0,0,0,0.5); border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls-mobile.clickable .owl-buttons-mobile div:hover {color: #ffffff; background: rgba(0,0,0,0.5); transition: all .3s;} .owl-theme .owl-controls-mobile .owl-buttons-mobile .owl-prev {float: left; padding-right: 8px; margin-left: 15px;} .owl-theme .owl-controls-mobile .owl-buttons-mobile .owl-next {float: right; padding-left: 8px; margin-right: 15px;} /* Gambiarra Temporária - Excluir */ .owl-buttons-mobile {width: 100%; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls-mobile .owl-page-mobile,.owl-controls-mobile .owl-buttons-mobile div {cursor: pointer;} .owl-theme .owl-controls-mobile.clickable .owl-buttons-mobile div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls-mobile .owl-page-mobile.active span, .owl-theme .owl-controls-mobile.clickable .owl-page-mobile:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls-mobile.owl-theme .owl-controls-mobile .owl-page-mobile span {background: #000000;} .owl-theme .owl-controls-mobile .owl-page-mobile.active span,.owl-theme .owl-controls-mobile.clickable .owl-page-mobile:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel-mobile .owl-wrapper-mobile-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel-mobile .owl-wrapper-mobile-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel-mobile .owl-item {float: left} /* Correções */ .owl-carousel-mobile .owl-wrapper-mobile:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel-mobile .owl-wrapper-mobile, .owl-carousel-mobile .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls-mobile.clickable .owl-buttons-mobile div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel-mobile {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel-mobile .owl-wrapper-mobile {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel-mobile .owl-wrapper-mobile-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel-mobile .owl-wrapper-mobile-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel-mobile .owl-item {float: left;} .owl-controls-mobile .owl-page-mobile, .owl-controls-mobile .owl-buttons-mobile div {cursor: pointer;} .owl-controls-mobile {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* Menu de Seleção Categorias Produtos Home */ .nav-pills {display: block !important; margin-bottom: 15px; text-align: center;} .nav-pills > li {display: inline-block; margin: 0 0px;} .nav-pills > li > a {width: 160px; height: 45px; line-height: 45px; font-size: 20px; color: #000000; background: #ffffff; padding: 0 0px; border-radius: 8px;} .nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {color: #ffffff; background: #F74600;} .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {color: #ffffff; background: #F74600;} .nav-pills > li > a:hover {color: #000000; background: #ffffff;} /*========== BANNER GALERIAS ==========*/ .div_banner_galerias {width: 100%; height: auto; float: left; margin-top: 0px; background: #000000;} .div_banner_galerias1 {width: 100%; height: auto; float: left; margin-right: 0px; margin-bottom: 60px;} .div_banner_galerias2 {width: 100%; height: auto; float: left; margin-bottom: 20px;} .texto_div_banner_galerias1 {width: 100%; height: 50px; line-height: 50px; font-size: 18px;} .texto_div_banner_galerias1 i {width: 70px; height: 50px; line-height: 50px; font-size: 26px;} .texto_div_banner_galerias1 i:hover {color: #F74600;} .texto_div_banner_galerias1 p {margin-left: 15px;} .texto_div_banner_galerias1 p:hover {color: #F74600;} .texto_div_banner_galerias2 {width: 100%; height: auto; background: transparent; box-shadow: inset 0px 0px 0px #444444, 0px 0px 0px #222222; border-radius: 8px;} .texto_div_banner_galerias2 {width: 100%; height: 50px;} .texto_div_banner_galerias2 i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 26px; display: none;} .texto_div_banner_galerias2 i:hover {color: #F74600;} /* Itens do Banner */ .item_banner_galerias {width: 100%; height: 450px;} /* Imagem do Banner */ .zoom_banner_galerias {width: 100%; height: 450px;} .zoom_banner_galerias > span {width: 100%; transform: scale(1); filter: brightness(1);} .item_banner_galerias:hover .zoom_banner_galerias > span {transform: scale(1); filter: brightness(1);} .item_banner_galerias img {width: auto; height: 100%;} /* Dados do Banner */ .mascara_banner_galerias {width: 100%; height: 120px; margin-top: -120px;} .item_banner_galerias:hover .mascara_banner_galerias {height: 120px; margin-top: -120px;} /* Títulos do Banner */ .dados_banner_galerias h3 {font-size: 18px; margin: -18px 0 10px 20px;} .item_banner_galerias:hover .dados_banner_galerias h3 {color: #ffffff; background: #F74600;} .dados_banner_galerias h2 {font-size: 24px; margin-left: 20px; margin-right: 15px;} .item_banner_galerias:hover .dados_banner_galerias h2 {color: #ffffff;} .degrade_banner_galerias {width: 100%; height: 450px; margin-top: -450px;} .degrade_banner_galerias h5 i {background: rgba(0,0,0,0.7);} .item_banner_galerias:hover .degrade_banner_galerias h5 i {color: #ffffff; background: rgba(0,0,0,0.7);} .item_banner_galerias:hover .degrade_banner_galerias .data1 {color: #ffffff;} .item_banner_galerias:hover .degrade_banner_galerias .data2 {color: #ffffff;} .div_galerias2 {} .item_galerias2 {width: 100%; height: 245px; margin-right: 20px; margin-bottom: 20px;} .item_galerias2:hover {background: transparent;} .item_galerias2:nth-child(2n+2) {margin-right: 0;} .zoom_galerias2 {width: 100%; height: 245px;} .zoom_galerias2 > span {width: 100%; filter: brightness(1);} .item_galerias2:hover .zoom_galerias2 > span {transform: scale(1); filter: brightness(1);} .mascara_galerias2 {width: 100%; height: 90px; margin-top: -90px;} .item_galerias2:hover .mascara_galerias2 {height: 90px; margin-top: -90px;} .dados_galerias2 h3 {padding: 5px 15px; margin: -13.5px 0 10px 17px;} .item_galerias2:hover .dados_galerias2 h3 {color: #ffffff; background: #F74600;} .dados_galerias2 h2 {margin-left: 17px; margin-right: 10px;} .item_galerias2:hover .dados_galerias2 h2 {color: #ffffff;} .degrade_galerias2 {width: 100%; height: 245px; margin-top: -245px;} .degrade_galerias2 h5 i {background: rgba(0,0,0,0.7);} .item_galerias2:hover .degrade_galerias2 h5 i {color: #ffffff; background: rgba(0,0,0,0.7);} .item_galerias2:hover .degrade_galerias2 .data1 {color: #ffffff;} .item_galerias2:hover .degrade_galerias2 .data2 {color: #ffffff;} /* Setas Paginação */ .owl-theme .owl-controls-galerias .owl-buttons-galerias div {width: 70px; height: 70px; line-height: 70px; margin-top: -310px; color: #ffffff; font-size: 42px; font-weight: bold; display: inline-block; padding-top: 3px; background: rgba(0,0,0,0.5); border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls-galerias.clickable .owl-buttons-galerias div:hover {background: rgba(0,0,0,0.5);} /* Botões Números Paginação */ .owl-theme .owl-controls-galerias {width: 100%; text-align: center; z-index: 9; position: absolute; margin-top: 14px;} /*========== MÓDULO 03 - VÍDEOS ==========*/ .div_videos {width: 100%; height: auto; padding-bottom: 20px;} .div_banner_videos1 {width: 100%; float: left; margin-right: 0px;} .div_banner_videos2 {width: 100%; float: left; /*overflow: auto;*/} /* Banners de Vídeos Ajax Principal */ .div_banner_videos {width: 100%; float: left; margin-top: 3px;} .item_banner_videos {width: 100%; float: left; text-align: left;} .item_banner_videos iframe {width: 100% !important; height: 240px; float: left; border-radius: 16px; margin-bottom: 20px; border: 5px solid #333333; transition: all .3s;} /*.item_banner_videos iframe:hover {border: 5px solid #F74600; transition: all .3s;}*/ .item_banner_videos a {height: 130px; padding: 20px 10px 0px 15px; margin-bottom: 10px; display: none;} /*.item_banner_videos a:hover {border: 5px solid #F74600; transition: all .3s;}*/ .item_banner_videos h3 {font-size: 15px; padding: 5px 20px; margin-bottom: 10px;} a:hover h3 {color: #ffffff; background: #F74600;} .item_banner_videos h2 {font-size: 18px;} a:hover h2 {color: #ffffff;} /* Vídeos dos Banners de Vídeos Ajax Principal */ .div_videos2 {width: 100%; height: auto; padding-top: 10px; padding-bottom: 20px; background: #000000; margin-top: 50px;} .item_videos2 {width: 49%; height: 110px; margin-right: 2%; margin-bottom: 10px;} .item_videos2:hover {background: transparent;} .item_videos2:nth-child(2n+2) {margin-right: 0;} .zoom_videos2 {width: 100%; height: 100px;} .zoom_videos2 > span {width: 100%; filter: brightness(1);} .item_videos2:hover .zoom_videos2 > span {transform: scale(1); filter: brightness(1);} .item_videos2 img {width: 100%; height: auto;} .mascara_videos2 {width: 100%; height: 65px; margin-top: -65px; display: none;} .item_videos2:hover .mascara_videos2 {height: 65px; margin-top: -65px;} .dados_videos2 h3 {color: #ffffff; font-size: 12px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 10px;} .item_videos2:hover .dados_videos2 h3 {color: #ffffff; background: #F74600;} .dados_videos2 h2 {color: #ffffff; font-size: 12px; margin-left: 10px; margin-right: 10px;} .item_videos2:hover .dados_videos2 h2 {color: #ffffff;} .btn {background-color: #333333; padding: 5px 5px;} .active_videos, .btn:hover {background-color: #f74600; padding: 5px 5px;} /*========== BANNER AGENDAS ==========*/ .div_banner_agendas {width: 100%; height: auto; float: left; margin-top: 0px; background: #000000;} .div_banner_agendas1 {width: 100%; height: auto; float: left; margin-left: 0px; margin-right: 0px; margin-bottom: 65px;} .div_banner_agendas2 {width: 100%; height: auto; float: left;} .texto_div_banner_agendas1 {width: 100%; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 20px; background: #111111; box-shadow: inset 3px 3px 6px #444444, 1px 1px 0px #222222; border-radius: 8px; margin-bottom: 20px;} .texto_div_banner_agendas1 i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 32px; text-align: center; border-right: 5px solid #000000; transition: all .8s;} .texto_div_banner_agendas1 i:hover {color: #F74600; transition: all .3s;} .texto_div_banner_agendas1 p {float: left; margin-left: 15px; transition: all .8s;} .texto_div_banner_agendas1 p:hover {color: #F74600; transition: all .3s;} .texto_div_banner_agendas2 {width: 100%; height: 50px; background: #111111; float: left; box-shadow: inset 3px 3px 6px #444444, 1px 1px 0px #222222; border-radius: 8px;} .texto_div_banner_agendas2 i {width: 70px; height: 50px; line-height: 50px; float: left; color: #ffffff; font-size: 32px; text-align: center; border-right: 5px solid #000000; transition: all .8s;} .texto_div_banner_agendas2 i:hover {color: #F74600; transition: all .3s;} /* Itens do Banner */ .item_banner_agendas {width: 100%; height: 450px;} /* Imagem do Banner */ .zoom_banner_agendas {width: 100%; height: 450px;} .zoom_banner_agendas > span {width: 100%; transform: scale(1); filter: brightness(1);} .item_banner_agendas:hover .zoom_banner_agendas > span {transform: scale(1); filter: brightness(1);} .item_banner_agendas img {width: auto; height: 100%;} /* Dados do Banner */ .mascara_banner_agendas {width: 100%; height: 120px; margin-top: -120px;} .item_banner_agendas:hover .mascara_banner_agendas {height: 120px; margin-top: -120px;} /* Títulos do Banner */ .dados_banner_agendas h3 {font-size: 18px; margin: -18px 0 10px 20px;} .item_banner_agendas:hover .dados_banner_agendas h3 {color: #ffffff; background: #F74600;} .dados_banner_agendas h2 {font-size: 24px; margin-left: 20px; margin-right: 15px;} .item_banner_agendas:hover .dados_banner_agendas h2 {color: #ffffff;} .degrade_banner_agendas {width: 100%; height: 450px; margin-top: -450px;} .degrade_banner_agendas h5 i {background: rgba(0,0,0,0.7);} .item_banner_agendas:hover .degrade_banner_agendas h5 i {color: #ffffff; background: rgba(0,0,0,0.7);} .item_banner_agendas:hover .degrade_banner_agendas .data1 {color: #ffffff;} .item_banner_agendas:hover .degrade_banner_agendas .data2 {color: #ffffff;} .div_agendas2 {} .item_agendas2 {width: 100%; height: 245px; margin-right: 20px; margin-bottom: 20px; display: none;} .item_agendas2:hover {background: transparent;} .item_agendas2:nth-child(2n+2) {margin-right: 0;} .zoom_agendas2 {width: 100%; height: 245px;} .zoom_agendas2 > span {width: 100%; filter: brightness(1);} .item_agendas2:hover .zoom_agendas2 > span {transform: scale(1); filter: brightness(1);} .mascara_agendas2 {width: 100%; height: 90px; margin-top: -90px;} .item_agendas2:hover .mascara_agendas2 {height: 90px; margin-top: -90px;} .dados_agendas2 h3 {padding: 5px 15px; margin: -13.5px 0 10px 17px;} .item_agendas2:hover .dados_agendas2 h3 {color: #ffffff; background: #F74600;} .dados_agendas2 h2 {margin-left: 17px; margin-right: 10px;} .item_agendas2:hover .dados_agendas2 h2 {color: #ffffff;} .degrade_agendas2 {width: 100%; height: 245px; margin-top: -245px;} .degrade_agendas2 h5 i {background: rgba(0,0,0,0.7);} .item_agendas2:hover .degrade_agendas2 h5 i {color: #ffffff; background: rgba(0,0,0,0.7);} .item_agendas2:hover .degrade_agendas2 .data1 {color: #ffffff;} .item_agendas2:hover .degrade_agendas2 .data2 {color: #ffffff;} /* Setas Paginação */ .owl-theme .owl-controls-agendas .owl-buttons-agendas div {width: 70px; height: 70px; line-height: 70px; margin-top: -310px; color: #ffffff; font-size: 42px; font-weight: bold; display: inline-block; padding-top: 3px; background: rgba(0,0,0,0.5); border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls-agendas.clickable .owl-buttons-agendas div:hover {background: rgba(0,0,0,0.5);} /* Botões Números Paginação */ .owl-theme .owl-controls-agendas {width: 100%; text-align: center; z-index: 9; position: absolute; margin-top: 14px;} .redes_sociais {width: 90%; text-align: center; height: 30px; line-height: 30px; margin-top: 85px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);} .redes_sociais a:hover {color: #ffffff; background: #f74600; transition: all .3s;} /*.redes_sociais a:last-child {display: none;}*/ .redes_sociais a:nth-child(7) {display: none;} .redes_sociais a:nth-child(8) {display: none;} .redes_sociais a:nth-child(9) {display: none;} .redes_sociais a:nth-child(10) {display: none;} .scrollup_topo {bottom: 7%;} .scrollup_topo span {width: 45px; height: 45px; line-height: 45px; font-size: 80px;} .scrollup_topo span:hover {background: transparent; background: transparent;} /*========== CORPO DO SITE MAIN PRINCIPAL ============================================================================================*/ /*========== TÓPICOS MÓDULOS CATEGORIAS ==========*/ .topico_modulos {width: 100%; margin: 20px 0 20px 0;} .topico_modulos a {color: #000000; font-size: 36px;} .topico_modulos a:hover {color:#000000;} .topico_modulos p {width: 120px; margin-top: 5px; background-color: #f74600;} .topico_modulos a:hover p {width: 120px; margin-top: 5px; background-color: #f74600;} .topico_modulos i {font-size: 32px; color: #000000; top: -5px; margin-right: 5px; transform: translateY(3px);} .topico_modulos a:hover i {color: #000000;} .saiba_mais {color: #ffffff !important; font-size: 15px !important; background-color: #f74600; padding: 2px 4px; margin-left: 10px; transform: translateY(-2px);} .topico_modulos a:hover .saiba_mais {color: #ffffff !important; background-color: #f74600;} /*========== TÓPICOS MÓDULOS CATEGORIAS 2 ==========*/ .topico_modulos2 {width: 100%; margin: 20px 0 20px 0;} .topico_modulos2 a {color: #f74600; font-size: 36px;} .topico_modulos2 a:hover {color:#f74600;} .topico_modulos2 p {width: 120px; margin-top: 5px; background-color: #ffffff;} .topico_modulos2 a:hover p {width: 120px; margin-top: 5px; background-color: #ffffff;} .topico_modulos2 i {font-size: 32px; color: #f74600; top: -5px; margin-right: 5px; transform: translateY(3px);} .topico_modulos2 a:hover i {color: #f74600;} .saiba_mais2 {color: #000000 !important; font-size: 15px !important; background-color: #ffffff; padding: 2px 4px; margin-left: 10px; transform: translateY(-2px);} .topico_modulos2 a:hover .saiba_mais2 {color: #000000 !important; background-color: #ffffff;} /*========== TÓPICOS MÓDULOS GALERIAS E VÍDEOS ==========*/ .topico_modulos3 {width: 100%; margin: 8px 0 30px 0;} .topico_modulos3 a {color: #f74600; font-size: 36px;} .topico_modulos3 a:hover {color:#f74600;} .topico_modulos3 p {width: 120px; margin-top: 5px; background-color: #ffffff;} .topico_modulos3 a:hover p {width: 120px; margin-top: 5px; background-color: #ffffff;} .topico_modulos3 i {font-size: 32px; color: #f74600; top: -5px; margin-right: 10px;} .topico_modulos3 a:hover i {color: #ffffff;} .saiba_mais3 {color: #000000 !important; font-size: 15px !important; background-color: #ffffff; padding: 2px 4px; margin-left: 10px; transform: translateY(-2px);} .topico_modulos3 a:hover .saiba_mais2 {color: #ffffff !important; background-color: #f74600;} .topico_modulos3 img {height: 60px; margin-right: 15px; transform: translateY(13px);} .topico_modulos3 a:hover img {filter: grayscale(0);} /*========== MÓDULO 01 - MARQUEE TOPO ==========*/ .div_marquee {width: 100%; float: left; margin-top: 25px; margin-bottom: 25px;} .texto_marquee {width: 100%; height: 45px; line-height: 45px;} .texto_marquee img {width: auto; height: 30px; line-height: 30px;} .texto_marquee a {font-size: 18px; color: #666666; margin-right: 10px;} .texto_marquee a:hover {color: #666666;} .titulo_marquee {display: none;} .botao_marquee {width: 56px; height: 45px; line-height: 45px; font-size: 20px; background-image: linear-gradient(to left, #ff9900, #ff2f00);} .barra_marquee:hover .botao_marquee {color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00);} .botao_marquee i {color: #ffffff; font-size: 28px; transform: translateY(2px);} .barra_marquee:hover i {color: #ffffff;} /*========== MÓDULO - CÁLCULO IMC ==========*/ .item_calculo_imc {width: 100%; float: left; margin-right: 20px;} .item_modulo_imcs img {width: 100%; height: 200px; float: left; border-radius: 12px 12px 0 0;} .item_modulo_imcs form {width: 100%; height: 397.5px; float: left; background-color: #eeeeee; padding: 23px 15px 0 15px; margin: 0 auto; border-radius: 0 0 12px 12px;} .input_dados {width: 100%; height: 45px; padding: 0px 12px; margin-bottom: 10px; font-size: 18px; color: #666666; background-color: #ffffff; box-shadow: -2px -2px 2px #aaaaaa, 1px 1px 1px #dddddd; border-radius: 8px; transition: all .8s;} .input_dados:hover, .input_dados:focus {background-color: #ffffff; color: #666666;} .input_resultado1 {width: 100%; font-size: 22px; color: #333333; font-weight: bold; text-align:center; background-color: transparent;} .div_resultado1:hover .input_resultado1 {color: #333333;} .input_resultado2 {width: 48px; font-size: 42px; color: #F74600; font-weight: bold; text-align:center; background-color: transparent;} .div_resultado2:hover .input_resultado2 {color: #F74600;} .div_resultado1 {width: 100%; background-color: #ffffff; padding: 10px 0; box-shadow: -2px -2px 2px #aaaaaa, 1px 1px 1px #dddddd; border-radius: 8px; transition: all .8s;} .div_resultado1:hover {background-color: #ffffff;} .div_resultado2 {width: 100%; background-color: #ffffff; padding: 8px 0; margin: 0 auto; margin-top: 10px; margin-bottom: 0px; box-shadow: -2px -2px 2px #aaaaaa, 1px 1px 1px #dddddd; border-radius: 8px; transition: all .8s;} .div_resultado2:hover {background-color: #ffffff;} .botao_calculo_imc {width: 100%; height: 50px; font-size: 18px; color: #ffffff; font-weight: bold; background-color: #000000; margin-top: 10px; cursor: pointer; background-image: url(../imgs/fundo_inputs.png); border-radius: 8px;} .botao_calculo_imc:hover {color: #ffffff; background-color: #000000;} .botao_calculo_imc2 {width: 100%; height: 50px; font-size: 18px; color: #ffffff; font-weight: bold; background-color: #F74600; margin-top: 5px; cursor: pointer; background-image: url(../imgs/fundo_inputs.png); border-radius: 8px;} .botao_calculo_imc2:hover {color: #ffffff; background-color: #F74600;} /*========== MÓDULO - HORÓSCOPO ==========*/ .div_horoscopo {width: 100%; height: auto; padding-top: 10px; padding-bottom: 30px; background: #ffffff; margin-top: 0px;} .item_horoscopo {width: 100%;} .item_modulo_horoscopos a {width: 24%; font-size: 15px; margin-right: 1.3%; margin-bottom: 1.3%; padding: 12px 0 9px 0; border-radius: 10px;} .item_modulo_horoscopos a:hover {color: #666666; background-color: #eeeeee;} .item_modulo_horoscopos img {width: 45px; margin-bottom: 0px;} .item_modulo_horoscopos a:hover img {filter: brightness(1);} .item_modulo_horoscopos a:nth-child(4n+4) {margin-right: 0px;} /*========== MÓDULO - JOGOS ==========*/ .div_jogos {width: 100%; height: auto; float: left; padding-bottom: 30px;} .div_jogos1 {width: 100%; margin-right: 0px;} .div_jogos2 {width: 100%;} .item_jogos {width: 32.466%; height: 90px; float: left; margin-right: 1.3%; margin-bottom: 1.3%;} .item_jogos:nth-child(3n+4) {margin-right: 0;} .zoom_jogos {width: 100%; height: 90px; border-radius: 12px;} .item_jogos:hover .zoom_jogos > span {transform: scale(1); filter: brightness(1);} .item_jogos img {width: 100%; height: auto;} .mascara_jogos {width: 100%; height: 42px; float: left; position: relative; margin-top: -42px; background: rgba(0,0,0,0.7); border-radius: 0 0 12px 12px; display: block; z-index: 10;} .item_jogos:hover .mascara_jogos {height: 42px; margin-top: -42px;} .dados_jogos h3 {color: #ffffff; font-size: 13px; background: #F74600; padding: 3px 8px; margin: -13.5px 0 5px 10px; border-radius: 6px;} .item_jogos:hover .dados_jogos h3 {color: #ffffff; background: #F74600;} .dados_jogos h2 {width: 100%; color: #ffffff; font-size: 14px; margin-left: 10px; margin-right: 10px;} .item_jogos:hover .dados_jogos h2 {color: #ffffff;} /*========== MÓDULO 06 - NEWS LATTER FORMULÁRIO DE E-MAIL ==========*/ .div_newsletters {width: 100%; height: auto; padding-top: 18px; padding-bottom: 32px;} .newsletters {width: 100%; padding: 0px 0px 0px 0px;} .newsletters input {width: 100%; height: 50px; font-size: 20px; color: #333333; padding: 0 15px 0 15px; margin: 0 0px 10px 0;} .newsletters input:hover {background: #ffffff;} .newsletters input:focus {background: #ffffff;} .newsletters button {width: 100%; height: 50px; float: right; font-size: 20px; color: #ffffff; background-image: linear-gradient(to left, #ff9900, #D93600); margin-left: 0px; margin-top: 10px;} .newsletters button:hover {color: #ffffff; background-image: linear-gradient(to left, #ff9900, #D93600);} .newsletters_button {width: 100%; height: 70px; line-height: 70px; font-size: 36px; background: #f74600; margin-top: 10px; text-align: center;} .newsletters_button:hover {background: #000000;} .newsletters_enviado {width: 580px; font-size: 18px; color: #ffffff; text-align: center; background: #36D900; padding: 5px; margin: 0 auto; border-radius: 9px; margin-top: 10px; margin-bottom: -20px;} .newsletters_erro {width: 100%; float: left; font-size: 24px; color: #ffffff; text-align: center; background: #f74600; padding: 15px; margin: 0 0 20px 0; border-radius: 9px;} .newsletters h5 {width: 100%; float: left; font-size: 50px; color: #ffffff; margin-right: 0px; text-align: center;} .newsletters h6 {width: 100%; font-size: 26px; color: #ffffff; margin-top: 0px; text-align: center;} .newsletters h7 {width: 100%; float: left; font-size: 17.6px; color: #ffffff; margin-top: -2px; margin-bottom: 15px; text-align: center;} .newsletters_dados {width: 100%; float: left; margin-top: 0px;} .newsletters_formularios {float: right; margin-top: 0px;} /*========== MÓDULO 01 - SOBRE YURI MENEZES ==========*/ .div_yurimenezes {padding-top: 10px; padding-bottom: 30px;} .item_yurimenezes {width: 100%; height: 100%; margin-right: 0px; margin-bottom: 0px;} .div_yurimenezes span.titulo {font-size: 27px; padding: 0px 0px;} .titulos_sobre:hover span.titulo {color: #f74600;} .div_yurimenezes span.subtitulo {font-size: 19px; line-height: 25px; margin-top: 10px; margin-bottom: 25px;} .titulos_sobre:hover span.subtitulo {color: #666666; transition: all .3s;} .zoom_yurimenezes {width: 100%; height: 260px; border-radius: 8px;} .link_yurimenezes:hover .zoom_yurimenezes > span {transform: scale(1); filter: brightness(0.6);} .mascara_yurimenezes {width: 100%; float: left;} .mascara_yurimenezes.esquerda {padding-left: 20px; padding-right: 20px;} .mascara_yurimenezes.direita {padding-right: 20px; padding-left: 20px;} .dados_yurimenezes h2 {font-size: 20px; margin: 30px 0 20px 0;} .dados_yurimenezes h2:hover {color: #333333;} .dados_yurimenezes h2 i {width: 65px; height: 65px; line-height: 65px; font-size: 32px; margin-right: 15px;} .dados_yurimenezes h2 i:hover {background: #000000; transition: all .3s;} .dados_yurimenezes h2 a:hover {color: #333333;} .dados_yurimenezes h3 {font-size: 18px; color: #666666; line-height: 25px; margin: 0 auto; margin-top: 12px; margin-bottom: 15px;} .dados_yurimenezes h3:hover {color: #666666;} .dados_yurimenezes h4 {font-size: 18px; color: #666666; margin: 0 auto; margin-bottom: 15px;} .dados_yurimenezes h4 i {color: #f74600; transform: translateY(1px);} .dados_yurimenezes h4 a:hover {color: #666666;} .dados_yurimenezes h4:hover i {color: #f74600;} .dados_yurimenezes h5 {width: 100%; margin: 30px 0px 30px 0px;} .dados_yurimenezes h5:hover {background: #000000; transition: all .3s;} .dados_yurimenezes a {color: #ffffff;} .dados_yurimenezes a:hover {color: #ffffff;} .sites_yurimenezes a:hover {background: #000000; transition: all .3s;} .link_yurimenezes:hover .texto_imagem {display: none;} .item_yurimenezes_item_desktop {display: none;} .item_yurimenezes_item_mobile {display: block;} /*========== MÓDULO 02 - SERVIÇOS ==========*/ .div_servicos {width: 100%; padding-bottom: 10px;} .item_servicos {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_servicos:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .item_servicos:hover .zoom_servicos > span {transform: rotate(0deg);} .item_servicos:hover img {border: 8px solid #eeeeee;} .item_servicos:hover .dados_servicos h2 {color: #f74600;} .dados_servicos h3 {margin-bottom: 5px;} .item_servicos:hover .dados_servicos h3 {color: #666666;} /* Serviços Página Inicial */ .div_servicos2 {width: 100%; height: auto; background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../img/servicos2.jpg) center top/500% 100% #ffffff no-repeat; /*background-position: -40px 0px;*/ padding-top: 10px; padding-bottom: 20px;} .item_servicos2 {width: 100%; height: auto; margin-right: 0; margin-bottom: 20px;} .item_servicos2:hover .zoom_servicos2 {transform: rotate(0deg);} .item_servicos2:hover .zoom_servicos2 i {background: transparent; border: 1px solid #ffffff;} .item_servicos2:hover .dados_servicos2 h2 {color: #f74600;} .dados_servicos2 h3 {padding: 0px 10%;} .item_servicos2:hover .dados_servicos2 h3 {color: #ffffff;} /*========== MÓDULO 3 - PORTFÓLIOS ==========*/ .div_portfolios {width: 100%; padding-top: 10px; padding-bottom: 10px;} .item_portfolios {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_portfolios:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .zoom_portfolios {width: 100%; height: 250px;} .item_portfolios:hover .zoom_portfolios > span {transform: scale(1); filter: brightness(1);} .item_portfolios img {width: 100%;} .mascara_portfolios {width: 100%;} .dados_portfolios h2 {margin: 15px 0 0 0;} .item_portfolios:hover .dados_portfolios h2 {color: #f74600;} .dados_portfolios h3 {color: #666666;} .item_portfolios:hover .dados_portfolios h3 {color: #666666;} .item_portfolios:hover .dados_portfolios h4 {background: #000000; transition: all .3s;} .dados_portfolios a {color: #ffffff;} .dados_portfolios a:hover {color: #ffffff;} .zoom_portfolios:hover h5 i {display: none;} .sites_portfolios a {font-size: 18px; padding: 12px 25px;} .sites_portfolios a:hover {background: #000000; transition: all .3s;} .sites_portfolios i {font-size: 28px; transform: translateY(3px);} /*========== MÓDULO 04 - EQUIPE PROFISSIONAL ==========*/ .div_equipes {width: 100%; height: auto; background: url(../img/equipe.jpg) center top/200% 100% #ffffff no-repeat; padding-top: 10px; padding-bottom: 20px;} .div_equipes_todos {width: 100%; padding-bottom: 10px;} .item_equipes {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_equipes:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .zoom_equipes {width: 100%; height: 340px;} .zoom_equipes > span {width: 100%;} .item_equipes:hover .zoom_equipes > span {transform: scale(1); filter: brightness(1);} .mascara_equipes {width: 100%;} .dados_equipes h2 {font-size: 22px; margin: 15px 0 0 0;} .item_equipes:hover .dados_equipes h2 {color: #f74600;} .dados_equipes h3 {font-size: 18px; line-height: 25px; margin: 0 auto; margin-top: 3px; margin-bottom: 10px;} .item_equipes:hover .dados_equipes h3 {color: #666666;} .zoom_equipes:hover h4 i {display: none;} .rede_social_equipes a {font-size: 20px; margin-right: 10px; margin-bottom: 5px;} .rede_social_equipes a:hover {color: #000000;} .rede_social_equipes_paginas a {width: 40px; height: 40px; line-height: 40px;} .rede_social_equipes_paginas a:hover {background: #000000; transition: all .3s;} .rede_social_equipes_paginas a:last-child {margin-right: 0;} /*.rede_social_equipes_paginas a:last-child {display: none;}*/ .rede_social_equipes_paginas a:nth-child(7) {display: none;} .rede_social_equipes_paginas a:nth-child(8) {display: none;} .rede_social_equipes_paginas a:nth-child(9) {display: none;} .rede_social_equipes_paginas a:nth-child(10) {display: none;} /*========== MÓDULO 05 - EMPRESAS ==========*/ .div_empresas {width: 100%; padding-bottom: 10px;} .item_empresas {width: 100%; height: 260px; margin-right: 0px; margin-bottom: 20px;} .item_empresas:hover {background: transparent;} .zoom_empresas {width: 100%; height: 260px;} .zoom_empresas > span {width: 100%;} .item_empresas:hover .zoom_empresas > span {transform: scale(1); filter: brightness(1);} .item_empresas img {width: 100%; height: auto;} .item_empresas:hover img {transition: all .3s;} .mascara_empresas {display: none;} .item_empresas:hover .mascara_empresas {display: none;} .sites_empresas a:hover {background: #000000; transition: all .3s;} /*========== MÓDULO 06 - NEWS LATTER FORMULÁRIO DE E-MAIL ==========*/ /*.div_newsletters {width: 100%; height: 100%; background: url(../img/newslatter.jpg) center top/200% 100% transparent no-repeat;} .newsletters {width: 100%; float: left; padding: 0px 0px 40px 0px;} .newsletters input {font-size: 20px;} .newsletters input:hover {border-bottom: 1px solid #bbbbbb;} .newsletters input:focus {border-bottom: 5px solid #f74600;} .newsletters textarea {font-size: 20px;} .newsletters textarea:hover {border-bottom: 1px solid #bbbbbb;} .newsletters textarea:focus {border-bottom: 5px solid #f74600;} .newsletters_button {width: 100%; height: 55px; line-height: 55px; font-size: 24px; color: #ffffff; background: #f74600; margin-top: 10px;} .newsletters_button:hover {background: #000000; transition: all .3s;} .newsletters button {width: 100%; height: 55px; font-size: 24px; color: #ffffff; background: #f74600; margin-top: 10px;} .newsletters button:hover {background: #000000; transition: all .3s;} .newsletters_enviado {width: 100%; font-size: 26px; padding: 20px; margin: 0 0 10px 0;} .newsletters_erro {width: 100%; font-size: 20px; padding: 15px 20px; margin: 0 0px 22px 0px;} .newsletters h4 {font-size: 20px;} .newsletters h4:hover {color: #f74600;}*/ /*========== MÓDULO 07 - CLIENTES BANNERS ==========*/ .div_clientes {width: 100%; padding-bottom: 20px;} .item_clientes {width: 48%; height: 100px; margin-right: 4%; margin-bottom: 10px;} .item_clientes:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .item_clientes:nth-child(2n+3) {margin-right: 0;} .zoom_clientes {width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 10; border-radius: 8px;} .zoom_clientes > span {width: 100%; position: absolute; overflow: hidden; transform: scale(0.6); transition: all .8s;} .item_clientes:hover .zoom_clientes > span {position: absolute; transform: scale(0.6); transition: all .3s;} .item_clientes img {width: 100%; display: block; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); transition: all .8s;} .item_clientes:hover img {transition: all .3s;} .mascara_clientes {width: 100%;} .dados_clientes h2 {font-size: 22px; color: #f74600; font-weight: bold; text-align: center; margin: 15px 0 0 0; transition: all .8s;} .item_clientes:hover .dados_clientes h2 {color: #000000; transition: all .3s;} .dados_clientes h3 {font-size: 18px; color: #666666; text-align: center; line-height: 25px; margin: 0 auto; margin-top: 8px; margin-bottom: 20px; transition: all .8s;} .item_clientes:hover .dados_clientes h3 {color: #ffffff; transition: all .3s;} /*========== MÓDULO 08 - CONTATOS FORMULÁRIO FALE CONOSCO ==========*/ .div_contatos {width: 100%; height: 100%; background: url(../img/fundo_videos.jpg) center top/220% 100% transparent no-repeat; background-position: -325px 0;} .contatos {width: 100%; float: left; padding: 0px 0px 40px 0px;} .contatos input {font-size: 20px;} .contatos input:hover {border-bottom: 1px solid #bbbbbb;} .contatos input:focus {border-bottom: 5px solid #f74600;} .contatos textarea {font-size: 20px;} .contatos textarea:hover {border-bottom: 1px solid #bbbbbb;} .contatos textarea:focus {border-bottom: 5px solid #f74600;} .contatos button {width: 100%; height: 55px; font-size: 24px; color: #ffffff; background: #f74600; margin-top: 10px;} .contatos button:hover {background: #000000; transition: all .3s;} .contatos_enviado {width: 100%; font-size: 26px; padding: 20px; margin: 0 0 10px 0;} .contatos_erro {width: 100%; font-size: 20px; padding: 15px 20px; margin: 0 0px 22px 0px;} /*========== MÓDULO 09 - BLOG DE NOTÍCIAS ==========*/ .div_noticias {width: 100%; padding-bottom: 10px;} .item_noticias {width: 100%; height: 260px; float: left; margin-right: 0px; margin-bottom: 20px;} .item_noticias:hover {background: transparent;} .item_noticias:nth-child(3n+4) {margin-right: 0;} .zoom_noticias {width: 100%; height: 260px;} .zoom_noticias > span {width: 100%; filter: brightness(1);} .item_noticias:hover .zoom_noticias > span {transform: scale(1); filter: brightness(1);} .item_noticias img {width: 100%; height: auto;} .item_noticias:hover img {transition: all .3s;} .mascara_noticias {width: 100%; height: 90px; margin-top: -90px;} .item_noticias:hover .mascara_noticias {height: 90px; margin-top: -90px;} .dados_noticias h3 {color: #ffffff; font-size: 16px; background: #F74600; padding: 5px 15px; margin: -13.5px 0 10px 17px;} .item_noticias:hover .dados_noticias h3 {color: #ffffff; background: #F74600;} .dados_noticias h2 {color: #ffffff; font-size: 18px; margin-left: 17px; margin-right: 10px;} .item_noticias:hover .dados_noticias h2 {color: #ffffff;} .degrade_noticias {width: 100%; height: 260px; margin-top: -260px;} .degrade_noticias h5 i {background: rgba(0,0,0,0.7);} .item_noticias:hover .degrade_noticias h5 i {color: #ffffff; background: rgba(0,0,0,0.7);} .item_noticias:hover .degrade_noticias .data1 {color: #ffffff;} .item_noticias:hover .degrade_noticias .data2 {color: #ffffff;} /* .item_noticias {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_noticias:hover {background: transparent;} .zoom_noticias {width: 100%; height: 270px; margin-right: 0px;} .item_noticias:hover .zoom_noticias > span {transform: scale(1); filter: brightness(1);} .item_noticias img {width: 100%; height: auto;} .mascara_noticias {width: 100%;} .dados_noticias h2 {font-size: 22px; margin: 15px 0 0 0;} .item_noticias:hover .dados_noticias h2 {color: #f74600;} .dados_noticias h3 {font-size: 18px; color: #ffffff;} .item_noticias:hover .dados_noticias h3 {color: #ffffff;} .dados_noticias h4 {display: none;} .dados_noticias h4 i {display: none;} .item_noticias:hover h4 i {display: none;} .item_noticias h4 i:hover {display: none;} .dados_noticias a {color: #ffffff;} .dados_noticias a:hover {color: #ffffff;} .sites_noticias a:hover {background: #000000; transition: all .3s;} */ /*========== MÓDULO GALERIAS ==========*/ .div_galerias {width: 100%; padding-top: 10px; padding-bottom: 10px;} .item_galerias {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_galerias:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .zoom_galerias {width: 100%; height: 250px;} .item_galerias:hover .zoom_galerias > span {transform: scale(1); filter: brightness(1);} .item_galerias img {width: 100%;} .mascara_galerias {width: 100%;} .dados_galerias h2 {margin: 15px 0 0 0;} .item_galerias:hover .dados_galerias h2 {color: #f74600;} .dados_galerias h3 {color: #666666;} .item_galerias:hover .dados_galerias h3 {color: #666666;} .item_galerias:hover .dados_galerias h4 {background: #000000; transition: all .3s;} .dados_galerias a {color: #ffffff;} .dados_galerias a:hover {color: #ffffff;} .zoom_galerias:hover h5 i {display: none;} /* Fotos das Galerias de Eventos */ .tt-amplie {margin-top: 27px;} /*========== MÓDULO VÍDEOS ==========*/ /*.div_videos {width: 100%; padding-top: 10px; padding-bottom: 10px;}*/ .item_videos {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_videos:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .zoom_videos {width: 100%; height: 250px;} .item_videos:hover .zoom_videos > span {transform: scale(1.2); filter: brightness(1);} .item_videos img {width: 100%;} .mascara_videos {width: 100%;} .dados_videos h2 {margin: 15px 0 0 0;} .item_videos:hover .dados_videos h2 {color: #f74600;} .dados_videos h3 {color: #666666;} .item_videos:hover .dados_videos h3 {color: #666666;} .item_videos:hover .dados_videos h4 {background: #000000; transition: all .3s;} .dados_videos a {color: #ffffff;} .dados_videos a:hover {color: #ffffff;} .zoom_videos:hover h5 i {display: none;} /*========== MÓDULO - HOSPEDAGEM DE SITES ==========*/ .div_hospedagens {width: 100%; padding-bottom: 10px;} .item_hospedagens {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;} .item_hospedagens:hover {background: #ffffff; border-bottom: 6px solid #dddddd;} .zoom_hospedagens {width: 100%; height: 120px;} .item_hospedagens:hover .zoom_hospedagens > span {transform: rotate(0deg);} .item_hospedagens:hover img {border: 8px solid #eeeeee;} .dados_hospedagens h2 {font-size: 28px; margin: 17px 0 18px 0;} .item_hospedagens:hover .dados_hospedagens h2 {color: #f74600;} .dados_hospedagens h3 {font-size: 28px; color: #000000; padding: 15px 0 2px 0;} .item_hospedagens:hover .dados_hospedagens h3 {color: #000000;} .dados_hospedagens h4 {font-size: 20px; color: #666666; margin: 8px 0px 0 0px; padding: 15px 0 7px 0;} .item_hospedagens:hover .dados_hospedagens h4 {color: #666666;} .dados_hospedagens h5 {width: 100%; font-size: 20px; margin: 10px 0px 0px 0px;} .item_hospedagens:hover .dados_hospedagens h5 {background: #000000; transition: all .3s;} .dados_hospedagens a:hover {color: #ffffff;} /*========== MÓDULO - FAQ PERGUNTAS FREQUENTES ==========*/ .div_faqs {width: 100%; height: auto; background: url(../img/faq.jpg) left top/100% 100% #ffffff no-repeat; padding-bottom: 45px;} .div_faqs2 {width: 100%; height: auto; margin-bottom: 50px;} .item_faqs img {width: 300px; height: auto; filter: brightness(0.3); left: 50%; margin-left: -150px;} .item_faqs .tabs {width: 100%; float: left;} .item_faqs .tab-label {font-size: 18px; padding: 16px;} .item_faqs .tab-label:hover {background: rgba(252,178,0,0.3);} .item_faqs .tab-label::before {font-size: 30px; line-height: 23px;} .item_faqs .tab-label:hover:before {color: #ffffff; transform: rotate(0deg);} /*========== MÓDULO - DEPOIMENTOS ==========*/ .div_banner_depoimentos {width: 100%; height: auto; background: url(../img/equipe.jpg) left top/100% 100% #ffffff no-repeat; padding-bottom: 60px;} .div_depoimentos_todos {width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; background: #eeeeee;} .banner_depoimentos {margin: 0px;} .owl-item:nth-child(2n+1) > .banner_depoimentos {margin-left: 0;} .owl-item:nth-child(2n+2) > .banner_depoimentos {margin-right: 0;} .item_depoimentos {width: 100%; height: auto;} .item_depoimentos:hover {background: rgba(255,255,255,0.1);} .zoom_depoimentos {width: 100%; height: 160px; margin: 0 auto; margin-left: -23px;} .zoom_depoimentos > span {width: 100%;} .item_depoimentos:hover .zoom_depoimentos > span {transform: rotate(0deg);} .item_depoimentos img {width: 160px; height: 160px;} .mascara_depoimentos {width: 100%; float: left;} .item_depoimentos:hover .dados_depoimentos h2 {color: #f74600;} .item_depoimentos:hover .dados_depoimentos h3 {color: #ffffff;} .dados_depoimentos h5 i {display: none;} .balao {width: 100%; height: 195px; background: rgba(0,0,0,0.3); margin-bottom: 20px;} .item_depoimentos:hover .balao {background: rgba(0,0,0,0.3);} .balao:after {border-top: 20px solid rgba(0,0,0,0.3);} .item_depoimentos:hover .balao:after {border-top: 20px solid rgba(0,0,0,0.3);} .texto_depoimentos p {font-size: 20px; line-height: 27px;} .item_depoimentos:hover .texto_depoimentos p {color: #ffffff;} .texto_depoimentos p:before {font-size: 40px;} .texto_depoimentos p:after {font-size: 40px;} /* Estrelas Perfil depoimentos Páginas */ .estrelas_depoimentos_paginas i:hover {color: #ffb503;} /* Redes Sociais Perfil depoimentos */ .rede_social_depoimentos a:hover {color: #ffffff;} /* Redes Sociais Perfil depoimentos Páginas */ .rede_social_depoimentos_paginas a:hover {background: #000000; transition: all .3s;} /*========== TÓPICOS DAS PÁGINAS ==========*/ .div_topico_paginas {margin: -90px 0 40px 0;} .topico_paginas span {font-size: 34px;} .topico_paginas p {font-size: 18px;} .topico_paginas p a:hover {color: #f74600;} .topico_paginas i {font-size: 28px; transform: translateY(-3px);} .div_redes_sociais_topico_paginas {display: none;} /*========== TÍTULOS E TEXTOS DAS PÁGINAS ==========*/ .titulo h1 {font-size: 26px; margin-top: 5px; margin-bottom: 15px;} .subtitulo h2 {font-size: 18px; margin-bottom: 20px;} .texto {font-size: 21px;} .topico {color: #f74600; font-size: 24px; padding: 20px 0; margin: 5px 0 30px 0;} .redes_sociais_compartilhamentos1 {float: none; margin-top: 15px; margin-bottom: 7px;} .imagem {width: 100% !important; margin-right: 30px; margin-bottom: 30px;} .imagem img:hover {filter: brightness(1);} .imagem_largura {width: 100% !important; margin-right: 30px;} .imagem_largura img:hover {filter: brightness(1);} /* Ampliar Imagem Principal */ .modal {padding-top: 30%;} .modal-content {width: 90%; max-width: 90%; height: auto; max-height: auto;} #caption {width: 90%; max-width: 90%; height: auto; max-height: auto;} .close {position: relative; left: inherit; margin-left: 0; right: 5%;} .close i {width: 50px; height: 50px; line-height: 46px; font-size: 35px; text-align: center; margin-top: 10px; margin-right: 10px; margin-left: -7px;} .close i:hover, .close i:focus {background: #000000; transition: all .3s;} .creditos {font-size: 22px;} .creditos:hover {color: #f74600;} .creditos a:hover {color: #f74600;} /*========== TÍTULOS E TEXTOS DAS PÁGINAS DE VÍDEOS ==========*/ .video {width: 100% !important; height: 300px; margin-right: 0px; margin-bottom: 30px;} .imagem_videos iframe {width: 100% !important; height: 300px; margin-right: 0px;} .fb-video {width: 100% !important; height: 300px;} /*========== TEXTO RESULTADO BUSCA DE TODAS AS PÁGINAS ==========*/ .texto_resultado_buscas1 {font-size: 26px; margin-bottom: 10px; margin-top: 5px;} .texto_resultado_buscas2 {font-size: 26px;} .texto_resultado_buscas3 {font-size: 20px; margin-top: 10px; margin-bottom: 0px;} /*========== IMPUT SELECT BUSCA DE TODAS AS PÁGINAS ==========*/ .input_resultado_buscas {float: none; margin: 20px 0 0 0; white-space: nowrap;} .input_resultado_buscas:hover {background: url(../img/icone_seta_galerias1.png) center top/47px 32px no-repeat #f74600; background-position: center right 0px;} .input_resultado_buscas:focus {color: #ffffff; transition: all .3s linear; background: url(../img/icone_seta_galerias3.png) center top/47px 32px no-repeat #f74600; background-position: center right 0px;} /*========== MÓDULO PAGINAÇÃO DE TODAS AS PÁGINAS CATEGORIAS ==========*/ .div_paginacao {margin-top: 20px; margin-bottom: 40px;} .div_paginacao2 {margin-top: 50px;} .paginacao {margin-top: -20px;} .paginacao_proximo:hover {color: #666666; background: #ffffff !important; border: 1px solid #dddddd !important;} .paginacao_proximo_fim:hover {color: #666666; background: #ffffff !important; border: 1px solid #dddddd !important;} .paginacao_links:hover {color: #666666; background: #ffffff !important; border: 1px solid #dddddd !important;} .paginacao_links_ativado:hover {background: linear-gradient(to right,#77530a,#FFB018) !important;} .paginacao_proximo {display: none !important;} /*========== CONTATOS FORMULÁRIO FALE CONOSCO DE TODAS AS PÁGINAS ==========*/ .div_contatos2 {padding: 0px 0px 30px 0px;} .div_contatos2 h4 {font-size: 30px; color: #000000; margin-bottom: 25px;} .div_contatos2 h4:hover {color: #f74600;} .contatos2 input {height: 50px; font-size: 20px; margin: 0 0 15px 0;} .contatos2 input:hover {background: #ffffff;} .contatos2 input:focus {background: #f7460060;} .contatos2 textarea {height: 120px; font-size: 20px; margin-bottom: 20px;} .contatos2 textarea:hover {background: #f7460060;} .contatos2 textarea:focus {background: #f7460060;} .contatos2 button {height: 55px; font-size: 24px; margin-top: 10px;} .contatos2 button:hover {background: #f74600;} .contatos2_enviado {width: 100%; font-size: 26px; padding: 20px; margin: 0 0 30px 0;} .contatos2_erro {width: 100%; font-size: 20px; padding: 15px 20px; margin: 0 0px 22px 0px;} /*========== NEWSLETTERS FORMULÁRIO DE TODAS AS PÁGINAS ==========*/ .div_newsletters2 {padding: 0px 0px 30px 0px;} .div_newsletters2 h4 {font-size: 30px; color: #000000; margin-bottom: 25px;} .div_newsletters2 h4:hover {color: #f74600;} .newsletters2 input {height: 50px; font-size: 20px; margin: 0 0 15px 0;} .newsletters2 input:hover {background: #ffffff;} .newsletters2 input:focus {background: #f7460060;} .newsletters2 textarea {height: 120px; font-size: 20px; margin-bottom: 20px;} .newsletters2 textarea:hover {background: #f7460060;} .newsletters2 textarea:focus {background: #f7460060;} .newsletters2 button {height: 55px; font-size: 24px; margin-top: 10px;} .newsletters2 button:hover {background: #f74600;} .newsletters2_enviado {width: 100%; font-size: 26px; padding: 20px; margin: 0 0 30px 0;} .newsletters2_erro {width: 100%; font-size: 20px; padding: 15px 20px; margin: 0 0px 22px 0px;} /*========== FOOTER BASE RODAPÉ ============================================================================================*/ .rodape {width: 100%; height: auto;} /*========== NEWSLETTER FOOTER ==========*/ .barra_rodape {width: 100%; height: auto;} /*========== BARRRA LOGO FOOTER ==========*/ .barra_logo_rodape {padding-top: 30px; padding-bottom: 20px;} /*========== LOGO BASE RODAPÉ ==========*/ .div_logo {width: 100%; text-align: center; padding-top: 0px;} .div_logo .logo_rodape h1 img {width: 200px; margin-top: 26px; margin-right: 10px;} .div_logo .logo_rodape h2 img {width: 90px; margin-top: 0px;} .logo_rodape:hover {filter: drop-shadow(0px 0px 0px transparent); transform: translateX(0px);} .logo_center {width: 300px; float: left; position: relative; left: 50%; margin-left: -150px;} /*========== CNPJ RODAPÉ ==========*/ .cnpj {width: 100%; text-align: center; margin-top: 18px; margin-left: 0px;} .cnpj span:hover {color: #f74600;} .cnpj a:hover {color: #666666;} .cnpj a:hover i {color: #f74600;} /*========== REDES SOCIAIS BASE RODAPÉ ==========*/ .redes_sociais_rodape {width: 290px; margin-top: 20px; position: relative; left: 50%; margin-left: -145px;} .redes_sociais_rodape a {width: 37.1428571px; height: 40px; line-height: 40px; font-size: 22px; margin-right: 5px;} .redes_sociais_rodape a:last-child {margin-right: 0;} .redes_sociais_rodape a:hover {} /*========== CORES REDES SOCIAIS RODAPÉ ==========*/ .fac {color: #ffffff; background-color: #354E86; border-color: #354E86 !important;} .fac:hover {color: #ffffff; background-color: #354E86;} .ins {color: #ffffff; background-color: #6A3B11; border-color: #6A3B11 !important;} .ins:hover {color: #ffffff; background-color: #6A3B11;} .twi {color: #ffffff; background-color: #44AAC3; border-color: #44AAC3 !important;} .twi:hover {color: #ffffff; background-color: #44AAC3;} .you {color: #ffffff; background-color: #D82C32; border-color: #D82C32 !important;} .you:hover {color: #ffffff; background-color: #D82C32;} .lin {color: #ffffff; background-color: #0276a8; border-color: #0276a8 !important;} .lin:hover {color: #ffffff; background-color: #0276a8;} .tik {color: #ffffff; background-color: #000000; border-color: #000000 !important;} .tik:hover {color: #ffffff; background-color: #000000;} .kwa {color: #ffffff; background-color: #FF4906; border-color: #FF4906 !important;} .kwa:hover {color: #ffffff; background-color: #FF4906;} .pin {color: #ffffff; background-color: #8C0000; border-color: #8C0000 !important;} .pin:hover {color: #ffffff; background-color: #8C0000;} .ber {color: #ffffff; background-color: #000000; border-color: #000000 !important;} .ber:hover {color: #ffffff; background-color: #000000;} .vks {color: #ffffff; background-color: #0077FE; border-color: #0077FE !important;} .vks:hover {color: #ffffff; background-color: #0077FE;} .goo {color: #ffffff; background-color: #8C0000; border-color: #8C0000 !important;} .goo:hover {color: #ffffff; background-color: #8C0000;} .fac, .ins, .twi, .you, .lin, .tik, .kwa, .pin, .ber, .vks, .goo {border: 0px solid;} .fac:hover, .ins:hover, .twi:hover, .you:hover, .lin:hover, .tik:hover, .kwa:hover, .pin:hover, .ber:hover, .vks:hover, .goo:hover {/*background-color: #354E8630; */border: 0px solid;} /*========== BARRA NAV E FACEBOOK RODAPÉ ==========*/ .barra_menu_rodape {width: 100%; height: auto; float: left; margin: 0px 0 20px 0;} .nav_rodape {width: auto; display: block; float: left; margin-top: 15px; margin-right: 0px; text-align: center;} .nav_rodape:nth-child(1) {width: 100%; margin-right: 0; margin-top: 25px;} .nav_rodape:nth-child(2) {width: 100%; margin-right: 0;} .nav_rodape:nth-child(3) {width: 100%; margin-right: 0;} .nav_rodape h2 {color: #f74600; font-size: 22px; font-weight: bold; margin-bottom: 10px;} .nav_rodape h2:hover {color: #f74600;} .nav_rodape ul {width: 100%;} .nav_rodape li a {color: #666666; font-size: 17px;} .nav_rodape li a:hover {color: #666666; font-weight: 300; padding: 0 0 0 0px;} .nav_rodape h2 i {font-size: 30px;} .nav_rodape ul li i {display: none;} .nav_rodape li a:hover i {display: none;} /*========== CNPJ RODAPÉ ==========*/ .nav_contatos {width: 100%; float: left; text-align: center; margin-left: 0px;} .nav_contatos a {width: 100%; float: left; color: #666666; font-size: 16px;} .nav_contatos a:hover {color: #666666;} .nav_contatos i {font-size: 18px; line-height: 22px; color: #f74600;} .nav_contatos a:hover i {color: #f74600;} .facebook {width: 100%; height: auto;} /*========== BARRA LINKS RODAPÉ ==========*/ .barra_selos {width: 100%; height: auto; float: left; padding-top: 0px; box-shadow: 0px -5px 5px #eeeeee;} .div_selos {width: 100%; float: left; color: #f74600; font-size: 18px; font-weight: 600; text-align: center; padding: 25px 0 30px 0; margin: 0 auto;} .selos {display: inline-block; text-align: center; margin-right: 50px;} .selos h2 {color: #f74600; font-size: 22px; font-weight: bold; transition: all .8s;} .selos h2:hover {color: #f74600; transition: all .3s;} .selos:last-child {margin-right: 0;} .selos:nth-child(1) {width: 100%; float: left;} .selos:nth-child(2) {width: 100%; float: left; margin-top: 20px;} .selos:nth-child(3) {width: 100%; float: left; margin-top: 20px;} .selos img {height: 30px; display: inline-block; margin-top: 12px; border-radius: 8px;} .selos_pagamentos img {margin-right: 15px;} .selos_pagamentos img:last-child {margin-right: 0;} /*========== FOOTER TEXTO COPYRIGHT RODAPÉ ==========*/ .barra_copyright {height: auto; line-height: normal; margin: 0; padding: 29px 0 28px 0;} .copyright {text-align: center;} .copyright p {float: left; font-size: 16px; text-align: center; line-height: 22px;} .copyright p:nth-child(2) {margin-top: 20px; margin-bottom: 20px;} .copyright a {width: 100%; float: left; font-size: 17px;} .copyright a:hover {color: #000000;} /*========== FOOTER BOTÃO SETA SCROLLUP RODAPÉ ==========*/ .scrollup {width: 70px; height: 60px; line-height: 60px; float: left; color: #ffffff; font-weight: bold; text-align: center; background-image: linear-gradient(to left, #ff9900, #ff2f00); cursor: pointer; position: fixed; bottom: 39px; left: inherit; right: 5%; margin-left: 0px; z-index: 2000; display: none; border-radius: 8px; opacity: 1;} .scrollup:hover {color: #ffffff; background-image: linear-gradient(to left, #ff9900, #ff2f00);} .scrollup i {font-size: 32px; transform: translateY(6.5px);} } /* VERSÃO MOBILE SOMENTE 320px ATÉ 375px ================================================================================== */ /* 2 - SEGUNDO ESTILO VERSÃO RESPONSIVO =================================================================================== */ @media screen and (min-width: 0px) and (max-width: 419px) { .all {background-position: -230px 0;} .all2 {background: url(../img/fundo_videos2_.jpg) center top/150% 190px #ffffff no-repeat;} .cd-bg-video-wrapper2 {height: 200px; background: url(../img/fundo_videos2.jpg) center top/150% 190px #ffffff no-repeat;} .navbar {height: 100px;} .navbar-fixed-top {height: 64px;} .dados_banners {margin-top: -55px;} .banner_titulo {font-size: 45px;} .banner_subtitulo {font-size: 21px;} .owl-theme .owl-controls {margin-top: 21px;} .redes_sociais {margin-top: 85px;} .div-menu {width: 100%; padding: 60px 30px 30px 30px;} .menu {width: 100%;} .menu_cidades_icone_menu {width: 17%;} .menu_cidades_menu {width: 83%;} .busca_topo_menu {width: 100%;} .busca_topo_menu_input {width: 83%;} .busca_topo_menu input {width: 83%;} .busca_topo_menu button {width: 17%;} .redes_sociais_menu a {width: 15.4166667%; margin-right: 1.5%;} /*.owl-prev {margin-left: 40px !important;} .owl-next {margin-right: 40px!important;}*/ .topico_modulos span {font-size: 28px;} .topico_modulos i {font-size: 30px;} .topico_modulos h3 {font-size: 76px;} .topico_modulos2 span {font-size: 28px;} .topico_modulos2 i {font-size: 30px;} .topico_modulos2 h3 {font-size: 76px;} .zoom_yurimenezes {height: 240px;} .zoom_sobre {height: 265px;} .zoom_portfolios {height: 210px;} .zoom_galerias {height: 210px;} .zoom_videos {height: 210px;} .nav-pills > li > a {width: 140px; height: 40px; line-height: 40px; font-size: 17px;} .zoom_equipes {height: 290px;} .item_empresas {height: 240px;} .zoom_empresas {height: 240px;} .newsletters_button {height: 50px; line-height: 50px; font-size: 22px;} .newsletters button {height: 50px; font-size: 22px;} .div_contatos {background-position: -290px 0;} .contatos button {height: 50px; font-size: 22px;} .item_noticias {height: 250px;} .zoom_noticias {height: 250px;} .div_topico_paginas {margin: -90px 0 30px 0;} .topico_paginas span {font-size: 30px;} .topico_paginas p {font-size: 16px;} .topico_paginas i {font-size: 24px; transform: translateY(-3px);} .rodape {padding: 10px 0 35px 0;} .icones_contatos h2 {font-size: 24px; margin-top: 15px; margin-bottom: 20px;} .icones_contatos p {font-size: 18px; margin-bottom: 15px;} i.cont1 {width: 22px; height: 38px; margin-right: 15px;} i.cont2 {width: 22px; height: 38px; margin-right: 15px;} i.cont3 {width: 22px; height: 38px; margin-right: 15px;} .facebook {width: 100%; height: auto;} .facebook img {width: 100%; height: auto;} } /* VERSÃO MOBILE SOMENTE 480px ATÉ 1024px ================================================================================== */ /* 3 - TERCEIRO ESTILO VERSÃO RESPONSIVO =================================================================================== */ @media screen and (min-width: 480px) and (max-width: 1023px) { /*.inputbox_busca_search input {width: 86%;} .busca_topo_mobile button {width: 14%;} .zoom_yurimenezes {height: 300px;} .zoom_sobre {height: 350px;} .zoom_portfolios {height: 280px;} .zoom_galerias {height: 280px;} .zoom_videos {height: 280px;} .zoom_equipes {height: 370px;} .item_empresas {height: 310px;} .zoom_empresas {height: 310px;} .item_clientes {height: 130px;} .item_noticias {height: 310px;} .zoom_noticias {height: 310px;} .video {height: 320px;} .imagem_videos iframe {height: 320px;} .fb-video {height: 320px;} .texto_frase_slogan {font-size: 30px; line-height: 45px;} .facebook {width: 100%; height: 170px;} .facebook img {width: auto; height: 130px;} */ } /* VERSÃO MOBILE SOMENTE 640px ATÉ 1023px ================================================================================== */ /* 4 - QUARTO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ @media screen and (min-width: 640px) and (max-width: 1023px) { .conteudo {width: 90%;} .all {background: url(../img/fundo_videos_.jpg) center top/200% 600px transparent no-repeat; background-position: -420px 0;} .all2 {background: url(../img/fundo_videos2_.jpg) center top/140% 230px #ffffff no-repeat;} .cd-bg-video-wrapper {height: 600px;} .cd-bg-video-wrapper2 {height: 230px; background-position: -260px 0;} .banner {height: 600px;} .banner img {height: 600px;} .dados_banners {margin-top: -73px;} .banner_titulo {font-size: 75px;} .banner_subtitulo {font-size: 35px;} .owl-theme .owl-controls {margin-top: 30px;} /*.owl-prev {float: left; margin-left: 150px !important;} .owl-next {float: right; margin-right: 150px!important;}*/ .inputbox_busca_search input {width: 89%;} .busca_topo_mobile button {width: 11%;} .redes_sociais {margin-top: 95px;} .topico_modulos span {font-size: 40px;} .topico_modulos i {font-size: 40px;} .topico_modulos h3 {font-size: 86px;} .topico_modulos2 span {font-size: 40px;} .topico_modulos2 i {font-size: 40px;} .topico_modulos2 h3 {font-size: 86px;} .zoom_yurimenezes {height: 420px;} .item_servicos {width: 48.5%; height: 290px; margin-right: 3%; margin-bottom: 3%;} .item_servicos:nth-child(3n+3) {margin-right: 0;} .item_servicos:nth-child(4) {margin-right: 3%;} .item_servicos:nth-child(5) {margin-right: 0px;} .item_servicos:nth-child(6) {margin-right: 3%;} .item_servicos:nth-child(7) {margin-right: 0px;} .item_servicos:nth-child(8) {margin-right: 3%;} .item_servicos:nth-child(9) {margin-right: 0px;} .item_servicos:nth-child(10) {margin-right: 3%;} .item_servicos:nth-child(11) {margin-right: 0px;} .item_servicos:nth-child(12) {margin-right: 3%;} .item_servicos:nth-child(13) {margin-right: 0px;} .item_servicos:nth-child(14) {margin-right: 3%;} .item_servicos:nth-child(15) {margin-right: 0px;} .div_servicos2 {background: url(../img/servicos2.jpg) center top/200% 100% #ffffff no-repeat;} .item_servicos2 {width: 48.5%; margin-right: 3%; margin-bottom: 3%;} .item_servicos2:nth-child(5n+3) {margin-right: 0;} .item_servicos2:nth-child(4) {margin-right: 3%;} .item_servicos2:nth-child(5) {margin-right: 0px;} .zoom_sobre {height: 450px;} .item_portfolios {width: 48.5%; height: 400px; margin-right: 3%; margin-bottom: 3%;} .item_portfolios:nth-child(4n+2) {margin-right: 0;} .item_portfolios:nth-child(3) {margin-right: 3%;} .item_portfolios:nth-child(4) {margin-right: 0px;} .item_portfolios:nth-child(7) {margin-right: 3%;} .item_portfolios:nth-child(8) {margin-right: 0px;} .item_portfolios:nth-child(9) {margin-right: 3%;} .item_portfolios:nth-child(10) {margin-right: 0px;} .item_portfolios:nth-child(15) {margin-right: 3%;} .item_portfolios:nth-child(16) {margin-right: 0px;} .item_portfolios:nth-child(19) {margin-right: 3%;} .item_portfolios:nth-child(20) {margin-right: 0px;} .item_portfolios:nth-child(21) {margin-right: 3%;} .item_portfolios:nth-child(22) {margin-right: 0px;} .item_portfolios:nth-child(27) {margin-right: 3%;} .item_portfolios:nth-child(28) {margin-right: 0px;} .zoom_portfolios {height: 160px;} .item_equipes {width: 48.5%; height: 380px; margin-right: 3%; margin-bottom: 3%;} .item_equipes:nth-child(3n+3) {margin-right: 0;} .item_equipes:nth-child(1) {margin-right: 3%;} .zoom_equipes {height: 230px;} .item_empresas {width: 48.5%; height: 200px; margin-right: 3%; margin-bottom: 3%;} .item_empresas:nth-child(3n+3) {margin-right: 0;} .item_empresas:nth-child(1) {margin-right: 3%;} .item_empresas:nth-child(2) {margin-right: 3%;} .item_empresas:nth-child(3) {margin-right: 0px;} .item_empresas:nth-child(4) {margin-right: 3%;} .item_empresas:nth-child(5) {margin-right: 0px;} .item_empresas:nth-child(6) {margin-right: 3%;} .item_empresas:nth-child(7) {margin-right: 0px;} .item_empresas:nth-child(8) {margin-right: 3%;} .item_empresas:nth-child(9) {margin-right: 0px;} .item_empresas:nth-child(10) {margin-right: 3%;} .item_empresas:nth-child(11) {margin-right: 0px;} .item_empresas:nth-child(12) {margin-right: 3%;} .item_empresas:nth-child(13) {margin-right: 0px;} .item_empresas:nth-child(14) {margin-right: 3%;} .item_empresas:nth-child(15) {margin-right: 0px;} .item_empresas:nth-child(16) {margin-right: 3%;} .item_empresas:nth-child(17) {margin-right: 0px;} .item_empresas:nth-child(18) {margin-right: 3%;} .item_empresas:nth-child(19) {margin-right: 0px;} .item_empresas:nth-child(20) {margin-right: 3%;} .item_empresas:nth-child(21) {margin-right: 0px;} .item_empresas:nth-child(22) {margin-right: 3%;} .item_empresas:nth-child(23) {margin-right: 0px;} .item_empresas:nth-child(24) {margin-right: 3%;} .item_empresas:nth-child(25) {margin-right: 0px;} .item_empresas:nth-child(26) {margin-right: 3%;} .item_empresas:nth-child(27) {margin-right: 0px;} .item_empresas:nth-child(28) {margin-right: 3%;} .item_empresas:nth-child(29) {margin-right: 0px;} .item_empresas:nth-child(30) {margin-right: 3%;} .zoom_empresas {height: 200px;} .item_hospedagens {width: 48.5%; height: 574px; margin-right: 3%; margin-bottom: 3%;} .item_hospedagens:nth-child(3n+3) {margin-right: 0;} /*.item_hospedagens:nth-child(4) {display: none;}*/ .item_clientes {width: 31.3%; height: 100px; margin-right: 3%; margin-bottom: 3%;} .item_clientes:nth-child(5n+5) {margin-right: 0;} .item_clientes:nth-child(3) {margin-right: 3%;} .item_clientes:nth-child(4) {margin-right: 0px;} .item_clientes:nth-child(5) {margin-right: 3%;} .item_clientes:nth-child(9) {margin-right: 3%;} .item_clientes:nth-child(11) {margin-right: 3%;} .item_clientes:nth-child(12) {margin-right: 3%;} .item_clientes:nth-child(13) {margin-right: 0px;} .item_clientes:nth-child(15) {margin-right: 3%;} .item_clientes:nth-child(16) {margin-right: 0px;} .item_clientes:nth-child(17) {margin-right: 3%;} .item_clientes:nth-child(19) {margin-right: 0px;} .item_clientes:nth-child(20) {margin-right: 3%;} .item_clientes:nth-child(21) {margin-right: 3%;} .item_clientes:nth-child(22) {margin-right: 0px;} .item_clientes:nth-child(23) {margin-right: 3%;} .item_clientes:nth-child(27) {margin-right: 3%;} .item_clientes:nth-child(28) {margin-right: 0px;} .item_clientes:nth-child(29) {margin-right: 3%;} .item_clientes:nth-child(30) {margin-right: 3%;} .item_clientes:nth-child(33) {margin-right: 3%;} .item_clientes:nth-child(34) {margin-right: 0px;} .item_clientes:nth-child(35) {margin-right: 3%;} .item_clientes:nth-child(39) {margin-right: 3%;} .item_clientes:nth-child(40) {margin-right: 0px;} .div_contatos {background-position: -520px 0;} .item_noticias {width: 48.5%; height: 200px; margin-right: 3%; margin-bottom: 3%;} .item_noticias:nth-child(3n+3) {margin-right: 0;} .item_noticias:nth-child(1) {margin-right: 3%;} .item_noticias:nth-child(2) {margin-right: 3%;} .item_noticias:nth-child(3) {margin-right: 0px;} .item_noticias:nth-child(4) {margin-right: 3%;} .item_noticias:nth-child(5) {margin-right: 0px;} .item_noticias:nth-child(6) {margin-right: 3%;} .zoom_noticias {height: 200px;} .item_galerias {width: 48.5%; height: 400px; margin-right: 3%; margin-bottom: 3%;} .item_galerias:nth-child(4n+2) {margin-right: 0;} .item_galerias:nth-child(3) {margin-right: 3%;} .item_galerias:nth-child(4) {margin-right: 0px;} .item_galerias:nth-child(7) {margin-right: 3%;} .item_galerias:nth-child(8) {margin-right: 0px;} .item_galerias:nth-child(9) {margin-right: 3%;} .item_galerias:nth-child(10) {margin-right: 0px;} .item_galerias:nth-child(15) {margin-right: 3%;} .item_galerias:nth-child(16) {margin-right: 0px;} .item_galerias:nth-child(19) {margin-right: 3%;} .item_galerias:nth-child(20) {margin-right: 0px;} .item_galerias:nth-child(21) {margin-right: 3%;} .item_galerias:nth-child(22) {margin-right: 0px;} .item_galerias:nth-child(27) {margin-right: 3%;} .item_galerias:nth-child(28) {margin-right: 0px;} .zoom_galerias {height: 160px;} .item_videos {width: 48.5%; height: 400px; margin-right: 3%; margin-bottom: 3%;} .item_videos:nth-child(4n+2) {margin-right: 0;} .item_videos:nth-child(3) {margin-right: 3%;} .item_videos:nth-child(4) {margin-right: 0px;} .item_videos:nth-child(7) {margin-right: 3%;} .item_videos:nth-child(8) {margin-right: 0px;} .item_videos:nth-child(9) {margin-right: 3%;} .item_videos:nth-child(10) {margin-right: 0px;} .item_videos:nth-child(15) {margin-right: 3%;} .item_videos:nth-child(16) {margin-right: 0px;} .item_videos:nth-child(19) {margin-right: 3%;} .item_videos:nth-child(20) {margin-right: 0px;} .item_videos:nth-child(21) {margin-right: 3%;} .item_videos:nth-child(22) {margin-right: 0px;} .item_videos:nth-child(27) {margin-right: 3%;} .item_videos:nth-child(28) {margin-right: 0px;} .zoom_videos {height: 160px;} .div_topico_paginas {margin: -110px 0 50px 0;} .topico_paginas span {font-size: 45px;} .topico_paginas p {font-size: 22px;} .topico_paginas i {font-size: 35px; transform: translateY(-3px);} .titulo h1 {font-size: 38px; margin-top: 0px; margin-bottom: 20px;} .subtitulo h2 {font-size: 22px; margin-bottom: 30px;} .topico {font-size: 32px; padding: 20px 0; margin: 0px 0 35px 0;} .imagem {width: 100% !important;} .imagem_largura {width: 100% !important;} .modal {padding-top: 15%;} .close {margin-left: 30px;} .video {height: 420px;} .imagem_videos iframe {height: 420px;} .fb-video {height: 420px;} .texto_resultado_buscas1 {font-size: 30px; margin-bottom: 15px; margin-top: 5px;} .texto_resultado_buscas2 {font-size: 30px;} .texto_resultado_buscas3 {font-size: 26px; margin-top: 10px;} .rodape {background: url(../img/fundo_base.jpg) center top/300% 100% no-repeat #ffffff; background-position: -580px 0; padding: 30px 0 35px 0;} } /* VERSÃO MOBILE SOMENTE 768px ATÉ 1023px ================================================================================== */ /* 5 - QUINTO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ @media screen and (min-width: 768px) and (max-width: 1023px) { .all {background: url(../img/fundo_videos_.jpg) center top/200% 650px transparent no-repeat; background-position: -500px 0;} .all2 {background: url(../img/fundo_videos2_.jpg) center top/140% 230px #ffffff no-repeat;} .cd-bg-video-wrapper {height: 650px;} .banner {height: 650px;} .banner img {height: 650px;} .dados_banners {margin-top: -73px;} .banner_titulo {font-size: 80px;} .banner_subtitulo {font-size: 38px;} .owl-theme .owl-controls {margin-top: 35px;} /*.owl-prev {float: left; margin-left: 200px !important;} .owl-next {float: right; margin-right: 200px!important;}*/ .inputbox_busca_search input {width: 91%;} .busca_topo_mobile button {width: 9%;} .redes_sociais {margin-top: 100px;} .topico_modulos span {font-size: 45px;} .topico_modulos i {font-size: 45px;} .topico_modulos h3 {font-size: 90px;} .topico_modulos2 span {font-size: 45px;} .topico_modulos2 i {font-size: 45px;} .topico_modulos2 h3 {font-size: 90px;} .dados_yurimenezes h2 {width: 100%;} .dados_yurimenezes h4 {width: 100%;} .item_servicos {height: 270px;} .zoom_sobre {height: 570px;} .item_portfolios {height: 420px;} .zoom_portfolios {height: 200px;} .nav-pills > li > a {width: 190px; height: 50px; line-height: 50px; font-size: 20px; padding: 0 0px;} .item_equipes {height: 440px;} .zoom_equipes {height: 290px;} .item_empresas {width: 48.5%; height: 240px; margin-right: 3%; margin-bottom: 3%;} .zoom_empresas {height: 240px;} .item_hospedagens {height: 540px;} .item_clientes {height: 120px;} .div_contatos {background-position: -620px 0;} .item_noticias {height: 250px;} .zoom_noticias {height: 250px;} .item_galerias {height: 420px;} .zoom_galerias {height: 200px;} .item_videos {height: 420px;} .zoom_videos {height: 200px;} .topico_paginas span {font-size: 45px;} .topico_paginas p {font-size: 22px;} .topico_paginas i {font-size: 35px; transform: translateY(-3px);} .titulo h1 {font-size: 42px; margin-top: 0px; margin-bottom: 20px;} .subtitulo h2 {font-size: 26px; margin-bottom: 30px;} .imagem {width: 50% !important;} .imagem_largura {width: 50% !important;} .modal {padding-top: 20px;} .video {width: 50% !important; height: 280px; margin-right: 30px !important; margin-bottom: 20px !important;} .imagem_videos iframe {width: 50% !important; height: 280px;} .fb-video {width: 50% !important; height: 280px;} .rodape {background: url(../img/fundo_base.jpg) center top/250% 100% no-repeat #ffffff; background-position: -530px 0;} } /* VERSÃO MOBILE SOMENTE 960px ATÉ 1023px ================================================================================== */ /* 6 - SEXTO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ @media screen and (min-width: 960px) and (max-width: 1023px) { .all {background: url(../img/fundo_videos_.jpg) center top/200% 100vh transparent no-repeat; background-position: -610px 0;} .all2 {background: url(../img/fundo_videos2_.jpg) center top/140% 230px #ffffff no-repeat;} .cd-bg-video-wrapper {height: 100vh;} .banner {height: 100vh;} .banner img {height: 100vh; object-position: top 0px right -100px;} .dados_banners {margin-top: -73px;} .banner_titulo {font-size: 90px;} .banner_subtitulo {font-size: 42px;} .owl-theme .owl-controls {margin-top: 35px;} /*.owl-prev {float: left; margin-left: 280px !important;} .owl-next {float: right; margin-right: 280px!important;}*/ .inputbox_busca_search input {width: 93%;} .busca_topo_mobile button {width: 7%;} .redes_sociais {margin-top: 100px;} .dados_yurimenezes h2 {width: 100%;} .dados_yurimenezes h4 {width: 100%;} .zoom_sobre {height: 680px;} .item_portfolios {height: 490px;} .zoom_portfolios {height: 270px;} .nav-pills > li > a {width: 240px;} .item_equipes {height: 520px;} .zoom_equipes {height: 370px;} .item_empresas {height: 310px;} .zoom_empresas {height: 310px;} .item_clientes {height: 130px;} .div_contatos {background-position: -765px 0;} .item_noticias {height: 310px;} .zoom_noticias {height: 310px;} .item_galerias {height: 490px;} .zoom_galerias {height: 270px;} .item_videos {height: 490px;} .zoom_videos {height: 270px;} .close {margin-left: 80px;} .modal {padding-top: 0px;} .video {height: 360px;} .imagem_videos iframe {height: 360px;} .fb-video { height: 360px;} .rodape {background: url(../img/fundo_base.jpg) center top/200% 100% no-repeat #ffffff; background-position: -430px 0;} } /* VERSÃO MOBILE SOMENTE 1024px ATÉ 1280px ================================================================================= */ /* 7 - SÉTIMO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ @media screen and (min-width: 1024px) and (max-width: 1279px) { .conteudo {width: 980px;} .all {background: url(../img/fundo_videos_.jpg) center top/100% 100vh #ffffff no-repeat;} .all2 {background: url(../img/fundo_videos2_.jpg) center top/100% 280px #ffffff no-repeat;} .cd-bg-video-wrapper {height: 100vh;} .navbar .logo {width: 150px; float: left; margin-top: 0px; transition: all .8s;} .navbar-fixed-top .logo {width: 136px; margin-top: 0px; transition: all .8s;} .navbar .nav > li > a {padding: 10px 10px;} .sb-search-input {width: 49%;} .banner {height: 100vh;} .banner img {height: 100vh;} .dados_banners {} .banner_titulo {font-size: 90px;} .banner_subtitulo {font-size: 42px;} .owl-theme .owl-controls {} /* Gambiarra Temporária - Excluir */ .owl-buttons {width: 980px;} /* Fim Gambiarra Temporária - Excluir */ .redes_sociais {width: 980px;} .scrollup_topo span {width: 80px; height: 80px; line-height: 80px; font-size: 90px; padding-top: 4px;} .link_yurimenezes:hover .texto_imagem {padding: 45px 100px 0px 100px;} .item_servicos {width: 313.333px; height: 290px; margin-right: 20px; margin-bottom: 20px; padding: 20px;} .div_servicos2 {height: 740px; background: url(../img/servicos.jpg) left top/130% 100% #ffffff no-repeat; background-position: -100px 0;} .item_servicos2 {width: 313.333px; height: 210px; margin-right: 20px; margin-bottom: 20px;} .div_sobre {height: 600px;} .item_sobre { margin-top: 22px;} .zoom_sobre {width: 355px; height: 350px; margin-right: 10px;} .item_sobre img {width: 100%; height: auto;} .mascara_sobre {width: 600px;} .dados_sobre h2 {font-size: 24px;} .dados_sobre h3 {font-size: 17px; margin-top: 12px;} .item_portfolios {width: 313.333px; height: 443px; margin-right: 20px; margin-bottom: 20px; padding: 20px;} .zoom_portfolios {height: 200px;} .nav-pills > li > a {height: 50px; line-height: 50px; font-size: 20px; padding: 0 18px;} .div_equipes {height: 630px; background: url(../img/equipe.jpg) left top/100% 100% #ffffff no-repeat;} .item_equipes {width: 230px; height: 335px; margin-right: 20px; margin-bottom: 20px; padding: 20px;} .zoom_equipes {height: 190px;} .item_empresas {width: 313.333px; height: 230px; margin-right: 20px; margin-bottom: 20px;} .zoom_empresas {width: 313.333px; height: 230px; margin-right: 0px;} .mascara_empresas {width: 100%; height: auto;} .item_empresas:hover .mascara_empresas {margin-top: -215px;} .item_hospedagens {width: 313.333px; height: 540px; margin-right: 20px; margin-bottom: 20px; padding: 20px;} .item_clientes {width: 230px; height: 100px; margin-right: 20px; margin-bottom: 20px; padding-top: 5px;} .item_clientes:hover {padding-top: 5px;} .item_clientes img {width: 160px;} .item_noticias {width: 313.333px; height: 230px; margin-right: 20px; margin-bottom: 20px;} .zoom_noticias {width: 313.333px; height: 230px; margin-right: 0px;} .mascara_noticias {width: 100%; height: auto;} .item_galerias {width: 313.333px; height: 443px; margin-right: 20px; margin-bottom: 20px; padding: 20px;} .item_galerias:nth-child(3n+3) {margin-right: 0;} .zoom_galerias {height: 200px;} .item_videos {width: 313.333px; height: 443px; margin-right: 20px; margin-bottom: 20px; padding: 20px;} .item_videos:nth-child(3n+3) {margin-right: 0;} .zoom_videos {height: 200px;} .close {margin-left: 375px;} .div_paginacao {margin-top: 30px;} .rodape {height: 650px; background: url(../img/fundo_base.jpg) left top/130% 100% no-repeat #ffffff;} .icones_contatos h2 {font-size: 24px;} .icones_contatos p {font-size: 17px;} i.cont1 {width: 22px; height: 38px; margin-right: 15px;} i.cont2 {width: 22px; height: 38px; margin-right: 15px;} i.cont3 {width: 22px; height: 38px; margin-right: 15px;} .facebook {width: 100%; height: 160px; padding: 25px 20px;} .facebook img {width: 100%;} .barra_copyright {height: auto; line-height: normal; margin: 0; padding: 24px 0 23px 0;} .copyright {text-align: center;} .copyright p {font-size: 17px; text-align: center;} .copyright a {width: 100%; float: left; font-size: 19px;} .scrollup span {margin-left: 420px; bottom: 16px;} .rodape {background: url(../img/fundo_base.jpg) center top/120% 100% no-repeat #ffffff;} .div_espaco_rodape {width: 100%; float: left; background: transparent; margin-bottom: 40px;} } /* VERSÃO MOBILE SOMENTE 1280px ATÉ 1366px ================================================================================= */ /* 8 - OITAVO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ /*@media screen and (min-width: 1281px) and (max-width: 1366px) { .conteudo {width: 1226px;} .all {background: url(../img/fundo_videos_.jpg) center top/100% 100vh #ffffff no-repeat;} .cd-bg-video-wrapper {height: 100vh;} .navbar .logo {width: 180px; float: left; margin-top: 0px; transition: all .8s;} .navbar-fixed-top .logo {width: 136px; margin-top: 0px; transition: all .8s;} .navbar .nav > li > a {font-size: 20px; margin: 10px 0px; padding: 10px 18px;} .sb-search-input {width: 40%;} .banner {height: 100vh;} .banner img {height: 100vh;} .dados_banners {} .owl-buttons {width: 1226px;} .owl-theme .owl-controls {} .topico_modulos span {font-size: 60px;} .topico_modulos i {font-size: 42px;} .topico_modulos h3 {font-size: 106px;} .redes_sociais {width: 1226px;} .topico_modulos2 span {font-size: 60px;} .topico_modulos2 i {font-size: 42px;} .topico_modulos2 h3 {font-size: 106px;} .div_yurimenezes span.titulo {font-size: 42px;} .div_yurimenezes span.subtitulo {font-size: 26px;} .item_yurimenezes {height: 400px;} .zoom_yurimenezes {height: 400px;} .dados_yurimenezes h2 {margin: 73px 0 30px 0;} .dados_yurimenezes h5 {width: 300px;} .link_yurimenezes:hover .texto_imagem {margin-top: 70px;} .item_servicos {width: 388.671px; height: 270px;} .div_servicos2 {width: 100%; height: 760px;} .item_servicos2 {width: 368.666px; height: 210px;} .div_sobre {height: 700px;} .mascara_sobre {width: 720px;} .dados_sobre h2 {font-size: 32px;} .dados_sobre h3 {font-size: 22px; line-height: 33px;} .item_portfolios {width: 388.671px; height: 475px;} .zoom_portfolios {height: 260px;} .div_equipes {height: 705px;} .item_equipes {width: 284px; height: 390px;} .zoom_equipes {height: 240px;} .item_empresas {width: 388.671px; height: 290px;} .zoom_empresas {height: 290px;} .item_empresas:hover .mascara_empresas {margin-top: -245px;} .item_hospedagens {width: 388.671px; height: 538px;} .item_clientes {width: 284px; height: 130px;} .item_noticias {width: 388.671px; height: 290px;} .zoom_noticias {height: 290px;} .item_galerias {width: 388.671px; height: 475px;} .zoom_galerias {height: 260px;} .item_videos {width: 388.671px; height: 475px;} .zoom_videos {height: 260px;} .texto_frase_slogan {width: 650px;} .facebook {width: 100%; height: 170px; padding: 15px 20px;} .facebook img {width: 100%; height: auto;} .copyright p {font-size: 17.7px;} .copyright a {font-size: 20px;} .scrollup span {margin-left: 543px;} }*/ /* VERSÃO MOBILE SOMENTE 1366px ATÉ 1680px ================================================================================= */ /* 9 - NONO ESTILO VERSÃO RESPONSIVO ===================================================================================== */ /*@media screen and (min-width: 1367px) and (max-width: 111680px) { .conteudo {width: 1366px;} .all {background: url(../img/fundo_videos_.jpg) center top/100% 100vh #ffffff no-repeat;} .cd-bg-video-wrapper {height: 100vh;} .navbar .logo {width: 180px; float: left; margin-top: 0px; transition: all .8s;} .navbar-fixed-top .logo {width: 136px; margin-top: 0px; transition: all .8s;} .navbar .nav > li > a {font-size: 20px; margin: 10px 0px; padding: 10px 18px;} .sb-search-input {width: 36%;} .close {margin-left: 460px;} .banner {height: 100vh;} .banner img {height: 100vh;} .dados_banners {} .owl-buttons {width: 1366px;} .owl-theme .owl-controls {} .redes_sociais {width: 1366px;} .topico_modulos span {font-size: 60px;} .topico_modulos i {font-size: 42px;} .topico_modulos h3 {font-size: 106px;} .topico_modulos2 span {font-size: 60px;} .topico_modulos2 i {font-size: 42px;} .topico_modulos2 h3 {font-size: 106px;} .div_yurimenezes span.titulo {font-size: 42px;} .div_yurimenezes span.subtitulo {font-size: 26px;} .item_yurimenezes {height: 400px;} .zoom_yurimenezes {height: 400px;} .dados_yurimenezes h2 {margin: 73px 0 30px 0;} .dados_yurimenezes h5 {width: 300px;} .link_yurimenezes:hover .texto_imagem {margin-top: 70px;} .item_servicos {width: 435.333px; height: 270px;} .div_servicos2 {width: 100%; height: 760px;} .item_servicos2 {width: 415.333px; height: 210px;} .div_sobre {height: 795px;} .zoom_sobre {width: 576px; height: 445px;} .mascara_sobre {width: 750px;} .dados_sobre h2 {font-size: 38px;} .dados_sobre h3 {font-size: 27px; line-height: 35px;} .item_portfolios {width: 435.333px; height: 505px;} .zoom_portfolios {height: 290px;} .div_equipes {height: 745px;} .item_equipes {width: 319px; height: 430px;} .zoom_equipes {height: 280px;} .item_empresas {width: 435.333px; height: 320px;} .zoom_empresas {height: 320px;} .item_empresas:hover .mascara_empresas {margin-top: -260px;} .item_hospedagens {width: 435.333px; height: 538px;} .item_clientes {width: 319px; height: 130px;} .item_noticias {width: 435.333px; height: 320px;} .zoom_noticias {height: 320px;} .mascara_noticias {padding: 40px 15px 30px 15px;} .item_galerias {width: 435.333px; height: 505px;} .zoom_galerias {height: 290px;} .item_videos {width: 435.333px; height: 505px;} .zoom_videos {height: 290px;} .texto_frase_slogan {width: 780px; font-size: 30px; line-height: 45px; top: 150px;} .texto_frase_slogan:before {font-size: 50px;} .texto_frase_slogan:after {font-size: 50px;} .facebook {width: 100%; height: 170px; padding: 15px 45px;} .facebook img {width: 100%; height: auto;} .copyright p {font-size: 19.7px;} .copyright a {font-size: 22px;} .scrollup span {margin-left: 613px;} }*/ /*========== BANNER 03 ==========*/ /* Botões Números Paginação */ .owl-theme .owl-controls3 {width: 100%; text-align: center; z-index: 9; position: absolute; top: 440px;} .owl-theme .owl-controls3 .owl-pagination {width: 120px; margin: 0 auto; position: relative;} .owl-theme .owl-controls3 .owl-page3 {display: inline-block; z-index: 1;} .owl-theme .owl-controls3 .owl-page3 span {display: block; width: 20px; height: 20px; line-height: 20px; margin: -8px 5px 0 5px; background: #006C6F; border-radius: 100px;} .owl-theme .owl-controls3 .owl-page3.active span, .owl-theme .owl-controls3.clickable .owl-page3:hover span {background: #ff0000;} /* Setas Paginação */ .owl-theme .owl-controls3 .owl-buttons3 div {width: 50px; height: 50px; line-height: 50px; margin-top: -40px; color: #ffffff; font-size: 30px; font-weight: bold; display: inline-block; padding-top: 0px; background: #ff0000; border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls3.clickable .owl-buttons3 div:hover {color: #ffffff; background: #006C6F; transition: all .3s;} .owl-theme .owl-controls3 .owl-buttons3 .owl-prev {float: left; padding-right: 8px; margin-left: 450px;} .owl-theme .owl-controls3 .owl-buttons3 .owl-next {float: right; padding-left: 8px; margin-right: 450px;} /* Gambiarra Temporária - Excluir */ .owl-buttons3 {width: 1140px; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls3 .owl-page3,.owl-controls3 .owl-buttons3 div {cursor: pointer;} .owl-theme .owl-controls3.clickable .owl-buttons3 div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls3 .owl-page3.active span, .owl-theme .owl-controls3.clickable .owl-page3:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls3.owl-theme .owl-controls3 .owl-page3 span {background: #000000;} .owl-theme .owl-controls3 .owl-page3.active span,.owl-theme .owl-controls3.clickable .owl-page3:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel3 .owl-wrapper3-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel3 .owl-wrapper3-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel3 .owl-item {float: left} /* Correções */ .owl-carousel3 .owl-wrapper3:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel3 .owl-wrapper3, .owl-carousel3 .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls3.clickable .owl-buttons3 div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel3 {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel3 .owl-wrapper3 {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel3 .owl-wrapper3-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel3 .owl-wrapper3-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel3 .owl-item {float: left;} .owl-controls3 .owl-page3, .owl-controls3 .owl-buttons3 div {cursor: pointer;} .owl-controls3 {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*========== BANNER 04 ==========*/ /* Botões Números Paginação */ .owl-theme .owl-controls4 {width: 100%; text-align: center; z-index: 9; position: absolute; top: 420px;} .owl-theme .owl-controls4 .owl-pagination {width: 120px; margin: 0 auto; position: relative;} .owl-theme .owl-controls4 .owl-page4 {display: inline-block; z-index: 1;} .owl-theme .owl-controls4 .owl-page4 span {display: block; width: 20px; height: 20px; line-height: 20px; margin: -8px 5px 0 5px; background: #ffffff; border-radius: 100px;} .owl-theme .owl-controls4 .owl-page4.active span, .owl-theme .owl-controls4.clickable .owl-page4:hover span {background: #ff0000;} /* Setas Paginação */ .owl-theme .owl-controls4 .owl-buttons4 div {width: 50px; height: 50px; line-height: 50px; margin-top: -40px; color: #ffffff; font-size: 40px; font-weight: bold; display: inline-block; padding-top: 3px; background: transparent; border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls4.clickable .owl-buttons4 div:hover {color: #ffffff; background: #ff0000; transition: all .3s;} .owl-theme .owl-controls4 .owl-buttons4 .owl-prev {float: left; padding-right: 8px; margin-left: 450px;} .owl-theme .owl-controls4 .owl-buttons4 .owl-next {float: right; padding-left: 8px; margin-right: 450px;} /* Gambiarra Temporária - Excluir */ .owl-buttons4 {width: 1140px; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls4 .owl-page4,.owl-controls4 .owl-buttons4 div {cursor: pointer;} .owl-theme .owl-controls4.clickable .owl-buttons4 div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls4 .owl-page4.active span, .owl-theme .owl-controls4.clickable .owl-page4:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls4.owl-theme .owl-controls4 .owl-page4 span {background: #000000;} .owl-theme .owl-controls4 .owl-page4.active span,.owl-theme .owl-controls4.clickable .owl-page4:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel4 .owl-wrapper4-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel4 .owl-wrapper4-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel4 .owl-item {float: left} /* Correções */ .owl-carousel4 .owl-wrapper4:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel4 .owl-wrapper4, .owl-carousel4 .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls4.clickable .owl-buttons4 div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel4 {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel4 .owl-wrapper4 {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel4 .owl-wrapper4-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel4 .owl-wrapper4-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel4 .owl-item {float: left;} .owl-controls4 .owl-page4, .owl-controls4 .owl-buttons4 div {cursor: pointer;} .owl-controls4 {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*========== BANNER 05 ==========*/ /* Botões Números Paginação */ .owl-theme .owl-controls5 {width: 100%; text-align: center; z-index: 9; position: absolute; top: 420px;} .owl-theme .owl-controls5 .owl-pagination {width: 120px; margin: 0 auto; position: relative;} .owl-theme .owl-controls5 .owl-page5 {display: inline-block; z-index: 1;} .owl-theme .owl-controls5 .owl-page5 span {display: block; width: 20px; height: 20px; line-height: 20px; margin: -8px 5px 0 5px; background: #ffffff; border-radius: 100px;} .owl-theme .owl-controls5 .owl-page5.active span, .owl-theme .owl-controls5.clickable .owl-page5:hover span {background: #ff0000;} /* Setas Paginação */ .owl-theme .owl-controls5 .owl-buttons5 div {width: 50px; height: 50px; line-height: 50px; margin-top: -40px; color: #ffffff; font-size: 40px; font-weight: bold; display: inline-block; padding-top: 3px; background: transparent; border-radius: 100px; transition: all .8s;} .owl-theme .owl-controls5.clickable .owl-buttons5 div:hover {color: #ffffff; background: #ff0000; transition: all .3s;} .owl-theme .owl-controls5 .owl-buttons5 .owl-prev {float: left; padding-right: 8px; margin-left: 450px;} .owl-theme .owl-controls5 .owl-buttons5 .owl-next {float: right; padding-left: 8px; margin-right: 450px;} /* Gambiarra Temporária - Excluir */ .owl-buttons5 {width: 1140px; text-align: center; margin: 0 auto; justify-content: center; align-content: center; align-items: center;} /* Fim Gambiarra Temporária - Excluir */ /* Setas Paginação Configurações */ .owl-controls5 .owl-page5,.owl-controls5 .owl-buttons5 div {cursor: pointer;} .owl-theme .owl-controls5.clickable .owl-buttons5 div:hover {filter:Alpha(Opacity=100); opacity:1; text-decoration: none} .owl-theme .owl-controls5 .owl-page5.active span, .owl-theme .owl-controls5.clickable .owl-page5:hover span {filter:Alpha(Opacity=100); opacity:1} .owl-alt-controls5.owl-theme .owl-controls5 .owl-page5 span {background: #000000;} .owl-theme .owl-controls5 .owl-page5.active span,.owl-theme .owl-controls5.clickable .owl-page5:hover span{filter:Alpha(Opacity=100); opacity:1} /* Configurações */ .owl-carousel5 .owl-wrapper5-outer {overflow: hidden; position: relative; width: 100%} .owl-carousel5 .owl-wrapper5-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out} .owl-carousel5 .owl-item {float: left} /* Correções */ .owl-carousel5 .owl-wrapper5:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel5 .owl-wrapper5, .owl-carousel5 .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} /* Problema de reparo dos botões proximo e anterior - Usar para ação de deslocamento sem toque */ .owl-theme .owl-controls5.clickable .owl-buttons5 div:hover {filter: Alpha(Opacity=100);/*IE7 correcao*/ opacity: 1; text-decoration: none;} /* Não exibir até o início */ .owl-carousel5 {display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel5 .owl-wrapper5 {display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel5 .owl-wrapper5-outer {overflow: hidden; position: relative; width: 100%;} .owl-carousel5 .owl-wrapper5-outer.autoHeight {-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel5 .owl-item {float: left;} .owl-controls5 .owl-page5, .owl-controls5 .owl-buttons5 div {cursor: pointer;} .owl-controls5 {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}