/* -------------------------------------- - General -------------------------------------- */ * { outline: 0 none !important; } body { background: #fffaf2; color: #402412;font-family: 'Montserrat', sans-serif;} body>iframe { margin: -5px; } a:link, a:visited, a:hover { text-decoration: none; } .loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../img/icons/loading.gif) center center no-repeat; } .erro { position: relative; float: left; width: 100%; font-size: 24px; line-height: 30px; text-align: center; text-transform: uppercase; } .erro-mini { position: relative; float: left; width: 100%; font-size: 16px; line-height: 24px; text-align: center; text-transform: uppercase; } .social { position: relative; float: left; height: 26px; } .sharing ._googleplus_ { position: relative; float: left; width: 32px; margin: 0 30px 0 0; } .sharing ._googleplus_ #___plusone_0{ width:32px !important; } .sharing ._twitter_ { position: relative; float: left; margin: 0 30px 0 0; } .sharing ._facebook_ { position: relative; float: left;width:60px;height:30px; } .all { position: relative; float: left; width: 100%;overflow:hidden;margin:0;background: #f2f5e0; } .transition-back { -webkit-transition: all 300ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 300ms cubic-bezier(0.130, 1.650, 0.290, 1.650); } .transition-back-500 { -webkit-transition: all 500ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); } .transition-back-700 { -webkit-transition: all 700ms cubic-bezier(0.130, 1, 0.290, 1); -webkit-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -moz-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); -o-transition: all 700ms cubic-bezier(0.130, 1.650, 0.290, 1.650); transition: all 500ms cubic-bezier(0.130, 1.650, 0.290, 1.650); } .transition-linear-slow { -webkit-transition: all 800ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear; } .transition-linear { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .transition-linear-fast { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .transition-linear-fastest { -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .transition-ease { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } #site_loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(0,0,0,0.9); background-position: center center; background-repeat: no-repeat; z-index: 200; } .opensans {font-family: 'Open Sans', sans-serif;} .stop-scrolling { height: 100%; overflow: hidden; } .no-min-height {min-height:0 !important;} .no-padding {padding:0 !important;} @media (max-width: 767px) { .erro { font-size: 16px; line-height: 24px; } .erro-mini { font-size: 12px; line-height: 16px; } } /* -------------------------------------- - Navigation -------------------------------------- */ #p_inicial {position:relative;float:left;width:100%;height:1125px;padding:0;margin:0;z-index:101;overflow:hidden;top:0;} #p_inicial.open {} .btn-open-menu { display: block;position:absolute; width: 159px; height: 70px; z-index: 102; top:65px;left:68px;background: url(../../img/site/menu.png) center top; } .btn-open-menu.disabled {background: url(../../img/site/menu-close.png) center top;width: 82px; height: 79px;left:auto;right:300px;} .top-redes {display: inline-block; position: relative; width: 100%;text-align:center;white-space: nowrap;margin-top:13px;margin-left:280px;} .top-redes a { display: inline-block; margin: 0 3px; font-size: 36px; line-height: 20px; color: #cfcfcf;} .top-redes a img {} .top-redes a:hover { opacity: 0.6; } .center-logo {position:relative;float:left;width:100%;text-align:center;margin-top:250px;} .center-logo img {display:inline-block;width:800px;} .amcor-logo {position:relative;float:left;width:100%;text-align:center;margin-top:200px;} .amcor-logo img {display:inline-block;width:300px;} @media (max-width: 1000px) { .center-logo img {display:inline-block;width:600px;} } @media (max-width: 768px) { .center-logo img {display:inline-block;width:400px;} } @media (max-width: 600px) { .center-logo {margin-top:140px;} .center-logo img {display:inline-block;width:300px;} } @media (max-width: 420px) { .center-logo img {display:inline-block;width:300px;} } @media (max-width: 900px) { .btn-social { display: block;position:absolute; width: 130px; height: 49px; z-index: 102; top:30px;right:30px;background: url(../../img/site/social.png) center top;background-size:100%;} .btn-open-menu { display: block;position:absolute; width: 111px; height: 49px; z-index: 102; top:30px;left:30px;background: url(../../img/site/menu.png) center top;background-size:100%;} } @media (max-width: 700px) { .btn-social {display:none;} #p_inicial {position:relative;float:left;width:100%;height:900px;} .btn-open-menu.disabled {background: url(../../img/site/menu-close.png) center top;width: 82px; height: 79px;left:50%;right:0;margin-left:-41px;} } .unimed { display: block;position:absolute; width: 188px; height: 88px; z-index: 100; top:65px;right:68px;background: url(../../img/site/unimed.png) center top; } .unimed:hover {opacity:0.6;} @media (max-width: 900px) { .unimed {top:20px;} } @media (max-width: 600px) { .unimed {right:0;left:50%;margin-left:-94px;top:500px;} .amcor-logo {position:relative;float:left;width:100%;text-align:center;margin-top:400px;} } .main-navigation { display: block; position: relative; width: 100%; height: 0; top: 0; z-index: 101; text-align:center;background:#00995d;margin:0 auto;overflow: hidden;} .main-navigation .top-logo {position:relative;float:left;width:100%;text-align:center;} .main-navigation .top-logo img {display:inline-block;width:200px;} .main-navigation.open {height:100%;padding:150px 0 0 0;} .main-navigation .logo-menu {display:inline-block;position:relative;} .main-navigation .logo-menu:hover {opacity:0.6;} .main-navigation ul {position: relative; float: left; width: 100%; padding:0;text-align:center;top:50px;} .main-navigation ul li {display: block; position: relative; width:370px; list-style: none; height: 60px; margin: 0 auto;text-align:center;} .main-navigation ul li a:link, .main-navigation ul li a:visited, .main-navigation ul li a:active {display: block; position: relative; float: left; width:100%;height: 60px; font-size: 30px;color: #fff; text-transform: uppercase; text-align: center;box-shadow:none;line-height:60px;font-weight:700;} .main-navigation ul li a:link:hover, .main-navigation ul li a:visited:hover, .main-navigation ul li a:active:hover {color:#00995d;} .main-navigation ul li:hover {background: url(../../img/site/menu-hover.png) center top no-repeat;background-size:cover;} .main-navigation ul li a.active:link, .main-navigation ul li a.active:visited, .main-navigation ul li a.active:active { text-decoration: none; } .main-navigation ul li.active:before {opacity:1;} .main-navigation .menu-redes {display: inline-block; position: relative; width: 100%;text-align:center;white-space: nowrap;margin-bottom:150px;margin-top:100px;} .main-navigation .menu-redes a { display: inline-block; margin: 0 12px; font-size: 36px; line-height: 20px; color: #cfcfcf;} .main-navigation .menu-redes a img {} .main-navigation .menu-redes a:hover { opacity: 0.6; } @media (max-width: 700px) { .main-navigation ul li {display: block; position: relative; width:100%; list-style: none; height: 40px;} .main-navigation ul li a:link, .main-navigation ul li a:visited, .main-navigation ul li a:active {display: block; position: relative; float: left; width:100%;height: 40px; font-size: 25px;color: #fff; text-transform: uppercase; text-align: center;box-shadow:none;line-height:40px;font-weight:700;} } /* -------------------------------------- - Conteúdo -------------------------------------- */ .site-page { position: relative; float: left; width: 100%; padding: 60px 0; color: #fff;} .site-page .page-title { display: block; position: relative; float: left; width: 100%; margin: 0 0 0px; text-align: left; text-transform: uppercase; } .btn-mais:link, .btn-mais:visited, .btn-mais:active { display: none; position: relative; float: left; width: 100%; height: 70px; text-align:center;} .btn-mais:hover {opacity: 0.6; } .no-gutter { padding: 0;} .banner {position:relative;float:left;width:100%;height:100%;overflow:hidden;} .banner #carousel .item {posicion:relative;float:left;width:100%;} @media (max-width: 830px) { .banner #carousel .item {width:calc(100% + 260px);} .banner #carousel .item img {margin-left:-130px;} } /* Página Release */ #p_plano {position: relative;float: left; width: 100%;z-index:3;padding:210px 0 100px 0;background:#c5d984;} #p_plano .title {position:relative;float:left;width:100%;text-align:left;font-size:80px;font-weight:700;color:#a61780;text-transform:uppercase;margin-bottom:60px;font-family: 'Annie Use Your Telescope', cursive;} #p_plano .item {position:relative;float:left;width:100%;padding:10px 0;} #p_plano .item .subtitle {position:relative;float:left;width:100%;font-size:35px;color:#035e54;font-weight:700;text-align:left;} #p_plano .item .desc {position:relative;float:left;width:100%;font-size:24px;color:#000;font-weight:400;text-align:left;} #p_plano .bio-bg {position:absolute;left:40px;} #p_plano .bio-bg img {width:90%;} @media (max-width: 1100px) { #p_plano .title {font-size:60px;} #p_plano .item .subtitle {font-size:30px;} #p_plano .item .desc {font-size:22px;} } @media (max-width: 760px) { #p_plano .title {font-size:50px;} #p_plano .item .subtitle {font-size:25px;} #p_plano .item .desc {font-size:18px;} } @media (max-width: 768px) { #p_plano {position: relative;float: left; width: 100%; height: 100%;} #p_plano .bio-bg {position:relative;float:left;width:100%;margin-top:50px;} #p_plano .bio-bg img {width:90%;} } @media (max-width: 700px){ #p_plano {position: relative;float: left; width: 100%;z-index:3;padding:50px 0 50px 0;} } #p_como_usar {position: relative;float: left; width: 100%; z-index:3;padding:210px 0 100px 0;background:url(../../img/site/bgs/bege-bg.png) center top no-repeat;background-size:cover;} #p_como_usar .title {position:relative;float:left;width:100%;text-align:left;font-size:80px;font-weight:700;color:#00914d;text-transform:uppercase;margin-bottom:60px;font-family: 'Annie Use Your Telescope', cursive;} #p_como_usar .item {position:relative;float:left;width:100%;padding:10px 0;} #p_como_usar .item .subtitle {position:relative;float:left;width:100%;font-size:35px;color:#00914d;font-weight:700;text-align:left;} #p_como_usar .item .desc {position:relative;float:left;width:100%;font-size:24px;color:#000;font-weight:400;text-align:left;} #p_como_usar .como-bg {position:absolute;left:40px;} #p_como_usar .como-bg img {width:100%;} @media (max-width: 1100px) { #p_como_usar .title {font-size:60px;} #p_como_usar .item .subtitle {font-size:30px;} #p_como_usar .item .desc {font-size:22px;} } @media (max-width: 760px) { #p_como_usar .title {font-size:50px;} #p_como_usar .item .subtitle {font-size:25px;} #p_como_usar .item .desc {font-size:18px;} } @media (max-width: 768px) { #p_como_usar {position: relative;float: left; width: 100%; height: 100%;} #p_como_usar .como-bg {position:relative;float:left;width:100%;margin-top:50px;} #p_como_usar .como-bg img {width:100%;} } @media (max-width: 700px){ #p_como_usar {position: relative;float: left; width: 100%; z-index:3;padding:50px 0 50px 0;} } #p_copart {position: relative;float: left; width: 100%; z-index:3;padding:80px 0 80px 0;} #p_copart .title {position:relative;float:left;width:100%;text-align:left;font-size:80px;font-weight:700;color:#00914d;text-transform:uppercase;margin-bottom:60px;font-family: 'Annie Use Your Telescope', cursive;} #p_copart .text {position:relative;float:left;width:100%;font-size:25px;text-align:justify;line-height:40px;color:#000;} #p_copart .text .destaque {font-size:28px;font-weight:700;color:#00914d;} #p_copart .copart-table {position:relative;float:left;width:100%;margin-top:40px;} #p_copart .copart-table .titlecp {position:relative;float:left;width:100%;text-align:left;font-size:35px;font-weight:700;color:#00914d;} #p_copart .copart-table table {position:relative;float:left;width:70%;border-collapse:collapse;color:#000;font-size:25px;margin-top:30px;border:solid 1px #000;} #p_copart .copart-table table td {border:1px solid #000;padding:8px;} #p_copart .copart-table table th {border:1px solid #000;padding:8px;} #p_copart .copart-table table tr:nth-child(even){background-color:#f2f2f2;} #p_copart .copart-table table tr:hover {background-color:#ddd;} #p_copart .copart-table table th {padding-top:12px;padding-bottom:12px;text-align:left;background-color:#4caf50;color:white;} @media (max-width: 1100px) { #p_copart .title {font-size:50px;} #p_copart .text {font-size:22px;} #p_copart .copart-table .titlecp {font-size:28px;} #p_copart .copart-table table {position:relative;float:left;width:100%;border-collapse:collapse;color:#000;font-size:20px;} #p_copart .text .destaque {font-size:24px;} } @media (max-width: 760px) { #p_copart .title {font-size:40px;} #p_copart .copart-table .titlecp {font-size:25px;} #p_copart .copart-table table {position:relative;float:left;width:100%;border-collapse:collapse;color:#000;font-size:18px;} #p_copart .text .destaque {font-size:18px;} #p_copart .copart-table .titlecp {position:relative;float:left;width:100%;text-align:left;font-size:25px;font-weight:700;color:rgba(255,99,44,1);} } @media (max-width: 450px) { #p_copart .title {font-size:30px;} #p_copart .text {position:relative;float:left;width:100%;font-size:15px;text-align:justify;line-height:22px;color:#000;} } @media (max-width: 700px){ #p_copart {position: relative;float: left; width: 100%; z-index:3;padding:30px 0 30px 0;} #p_copart .text {position:relative;float:left;width:100%;font-size:15px;text-align:justify;line-height:24px;color:#000;} } #p_video {position: relative;float: left; width: 100%; z-index:3;padding:80px 0 80px 0;background:#035e54;} #p_video .title {position:relative;float:left;width:100%;text-align:left;font-size:80px;font-weight:700;color:#bbd034;text-transform:uppercase;margin-bottom:60px;font-family: 'Annie Use Your Telescope', cursive;} #p_video .text {position:relative;float:left;width:100%;font-size:25px;text-align:justify;line-height:40px;color:#000;} #p_video video {object-fit:contain;height:auto !important;width:100% !important;} @media (max-width: 1100px) { #p_video .title {font-size:50px;} } @media (max-width: 760px) { #p_video .title {font-size:40px;} } @media (max-width: 450px) { #p_video .title {font-size:30px;} } @media (max-width: 700px){ #p_video {position: relative;float: left; width: 100%; z-index:3;padding:30px 0 30px 0;} } #p_app {position: relative;float: left; width: 100%;z-index:3;padding:210px 0 100px 0;background:#fff;} #p_app .title {position:relative;float:left;width:100%;text-align:left;font-size:80px;font-weight:700;color:#a61780;text-transform:uppercase;margin-bottom:60px;font-family: 'Annie Use Your Telescope', cursive;} #p_app .item {position:relative;float:left;width:100%;padding:10px 0;} #p_app .item .subtitle {position:relative;float:left;width:100%;font-size:35px;color:#00914d;font-weight:700;text-align:left;} #p_app .item .desc {position:relative;float:left;width:100%;font-size:24px;color:#000;font-weight:400;text-align:justify;} #p_app .item .botoes {position:relative;float:left;width:100%;margin-top:30px;margin-bottom:30px;} #p_app .item .botoes .google {position:relative;float:left;width:200px;margin-right:20px;} #p_app .item .botoes .google:hover {opacity:0.8} #p_app .item .botoes .google img {width:200px;} #p_app .item .botoes .apple {position:relative;float:left;width:200px} #p_app .item .botoes .apple:hover {opacity:0.8} #p_app .item .botoes .apple img {width:200px;} @media (max-width: 1100px) { #p_app .title {font-size:60px;} #p_app .item .subtitle {font-size:30px;} #p_app .item .desc {font-size:22px;} } @media (max-width: 760px) { #p_app .title {font-size:50px;} #p_app .item .subtitle {font-size:25px;} #p_app .item .desc {font-size:16px;} } #p_app .item .itemlist {position:relative;float:left;width:100%;margin-top:20px;} #p_app .item .itemlist .icon {position:relative;float:left;width:50px;text-align:center;} #p_app .item .itemlist .icon img {display:inline-block;position:relative;width:50px;} #p_app .item .itemlist .itemtitle {position:relative;float:left;width:calc(100% - 60px);margin-left:10px;font-size:20px;text-align:left;line-height:50px;font-weight:700;color:#000;} #p_app .item .info {position:relative;float:left;width:100%;font-size:20px;font-weight:700;text-align:left;margin-top:30px;color:#000;} #p_app .app-bg {position:absolute;left:40px;} #p_app .app-bg img {width:90%;} @media (max-width: 768px) { #p_app {position: relative;float: left; width: 100%; height: 100%;} #p_app .app-bg {position:relative;float:left;width:100%;margin-top:50px;} #p_app .app-bg img {width:90%;} } @media (max-width: 700px){ #p_app {position: relative;float: left; width: 100%;z-index:3;padding:50px 0 50px 0;} } #p_cartao {position: relative;float: left; width: 100%; z-index:3;padding:80px 0 80px 0;background:#bbd034;} #p_cartao .title {position:relative;float:left;width:100%;text-align:left;font-size:80px;font-weight:700;color:#035e53;text-transform:uppercase;margin-bottom:60px;font-family: 'Annie Use Your Telescope', cursive;} #p_cartao .text {position:relative;float:left;width:100%;font-size:25px;text-align:justify;line-height:40px;color:#000;} #p_cartao .text .destaque {font-size:28px;font-weight:700;color:#a61780;} #p_cartao .form-search {position: relative; float: left; width: 100%; margin: 0 0 0;color:#fff8f2; text-align:left;margin-top:30px;} #p_cartao .form-search input {position: relative; float: left; width: 800px; height: 60px; margin: 0 0 15px 0;font-size:25px;color:#000;font-weight:700; border: 0;background:#fff;padding:0 0 0 10px;} #p_cartao .form-search button {position:relative;float:left;width:100px;height:100%;border:0;text-align:right;padding:0; background:transparent;} #p_cartao .form-search button img {display:inline-block;} #p_cartao .form-search button:hover {opacity:0.6;} #p_cartao .result {opacity:0;position:relative;float:left;width:100%;margin-top:50px;} #p_cartao .output {position:relative;float:left;width:100%;font-size:22px;color:#000;text-align:left;line-height:40px} #p_cartao .subtitle {position:relative;float:left;width:100%;font-size:25px;color:#035e53;font-weight:700;text-align:left;} #p_cartao .person {position:relative;float:left;width:100%;font-size:35px;text-align:left;line-height:40px;color:#000;margin-bottom:10px;} #p_cartao .card-number {position:relative;float:left;width:100%;font-size:35px;text-align:left;line-height:40px;color:#000;margin-bottom:10px;} #p_cartao .valid-date {position:relative;float:left;width:100%;font-size:35px;text-align:left;line-height:40px;color:#000;margin-bottom:10px;} @media (max-width: 1100px) { #p_cartao .title {font-size:40px;} #p_cartao .text {font-size:20px;} #p_cartao .text .destaque {font-size:22px;} #p_cartao .form-search input {width: 100%;} #p_cartao .form-search button {width:100%;} } @media (max-width: 760px) { #p_cartao .title {font-size:30px;} #p_cartao .text {font-size:16px;line-height:22px;} #p_cartao .text .destaque {font-size:18px;} } @media (max-width: 700px){ #p_cartao {position: relative;float: left; width: 100%; z-index:3;padding:40px 0 40px 0;} } #banners {position:relative;float:left;width:100%;height:100%;overflow:hidden;margin-top:0;padding:100px 0 100px 0;} #banners #carousel-destaque .item {posicion:relative;float:left;width:100%;} #banners #carousel-destaque .item img {margin-top:-1px;} @media (max-width: 830px) { #banners #carousel-destaque .item {width:calc(100% + 260px);} #banners #carousel-destaque .item img {margin-left:-130px;} } #video-facade {position:relative;float:left;width:100%;height:100%;overflow:hidden;padding:0;} #video-facade .top-vid {display:block;position:relative;width:100%;height:100%;} #video-facade .bottom-vid {display:block;position:relative;width:100%;height:100%;} #video-facade .video {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;margin:0;} #video-facade .video .caption {display: block; position: absolute; width: 100%;top:0; height: 100%;background: url(../../img/site/bgs/dot-bg.png);z-index:1; } #video-facade .video img {display: block; position: absolute; width: 100%;top:0; height: 100%;} #video-facade .video .play { display: block; position: absolute;width: 100%; height: 100%; background: url(../../img/site/play.png) center center no-repeat;cursor:pointer;z-index:2; } #video-facade .video .play:hover {opacity:0.6;} #video-facade .video iframe, object, embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #video-facade .erro {position:relative;float:left;width:100%;color:#000;font-size:25px;font-weight:700;text-align:center;text-transform:uppercase;margin-top:60px;} @media (max-width: 560px) { #video-facade .video .play {background-size:20%;} } /* Página Vídeos */ #p_videos {position:relative;float:left;width:100%;height:100%;padding:48px 0 58px 0;} #p_videos .title-box {position:relative;float:left;width:100%;z-index:30;} #p_videos .title-box .title {position:relative;float:left;width:100%;text-align:center;} #p_videos .title-box .title img {display:inline-block;} #p_videos .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:130px;} #p_videos .title-box .selectors .btn-left {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;} #p_videos .title-box .selectors .btn-right {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;} #p_videos .title-box .selectors .btnsel {top:26px;} #p_videos .title-box .selectors .btnsel:hover {opacity:0.6;} #p_videos .video-list { position: relative; float: left; width: 100%; height:100%;padding:0;margin-top:60px;z-index:60;} #p_videos .video-list .video-item { display: block; position: relative; float: left; width: 100%;} #p_videos .video-list .video-item .dot-bg { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../../img/site/dot-bg.png);} #p_videos .video-list .video-item .caption { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background:rgba(237,206,167,0.5); background-image: url(../../img/site/play.png);background-size:100px; background-position: center center; background-repeat: no-repeat; opacity: 0;padding:0; } #p_videos .video-list .video-item:hover .caption {opacity:0.8;} #p_videos .video-list .video-item img { display: block; position: relative; margin:0 auto; opacity:0.9;width:100%;} #p_videos .video-list .video-item img:hover {opacity:1;} #p_videos .video-list .name {position:relative;float:left;width:100%;font-size:24px;text-align:center;color:#606060;margin-top:5px;font-weight:400;font-family: 'Khand', sans-serif;} #p_videos .video-list .erro {color:#fff;} @media (max-width: 1200px) { #p_videos .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:110px;} #p_videos .title-box .selectors .btn-left {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;background-size:100%;} #p_videos .title-box .selectors .btn-right {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;background-size:100%;} } @media (max-width: 992px) { #p_videos .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:135px;} #p_videos .title-box .selectors .btn-left {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;background-size:100%;} #p_videos .title-box .selectors .btn-right {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;background-size:100%;} } @media (max-width: 768px) { #p_videos .title-box .selectors {display:none;} } #ytchannel {position:relative;float:left;width:100%;height:100%;margin-top:60px;margin-bottom:160px;} #ytchannel .subscribe {position:relative;float:left;width:496px; height:91px; left:50%; margin-left:-248px;} #ytchannel .subscribe:hover {opacity:0.6;} .lb-general #openVideos{ position: relative;float:left;width:100%;} .lb-general #openVideos .btn-close {position:relative;float:right;width:53px;height:53px;background: url(../../img/site/menu-close.png) center no-repeat;background-size:100%;z-index:100;top:0;} .lb-general #openVideos .btn-close:hover {opacity:0.6;} .lb-general #openVideos .videoContainer {position:relative;margin:0 auto;padding:55px 0 55px 0;background:#f44646;} .lb-general #openVideos .videoContainer .frame {position:relative;margin:0 auto; max-width:1200px;padding-top:50px;padding-left:100px;padding-right:100px;} .lb-general #openVideos .videoContainer .elementsContainer {position:relative;text-align:center;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer {display:inline-block;position:relative;width: 100%; height: 100%;margin:0 auto;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .video {} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .footer {display:inline-block;position:relative;width:100%;margin-top:20px;background:transparent;text-align:center;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .header {display:inline-block;position:relative;width:100%;text-align:center;font-size:20px;color:#f3f3f3;text-transform:uppercase;line-height:25px;font-weight:700;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .header .name {display:inline-block;position:relative;float:left;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .footer .share-block {position:relative;float:left;width:100%;text-align:right;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .footer .share-block .title-sharing {display:inline-block;position:relative;float:right;width:100%;font-size:16px;color:#585047;text-transform:uppercase;font-weight:700;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .footer .sharing {display:inline-block;position: relative;float:left;text-align:left;width:100%;} .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .video iframe, .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .video object, .lb-general #openVideos .videoContainer .elementsContainer .itemContainer .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 1120px) { .lb-general #openVideos .videoContainer .frame {position:relative;margin:0 auto; max-width:1200px;padding-top:50px;padding-left:50px;padding-right:50px;} } @media (max-width: 380px) { .lb-general #openVideos .videoContainer .frame {position:relative;margin:0 auto; max-width:1200px;padding-top:10px;padding-left:10px;padding-right:10px;} } .parallax { position: relative; float: left; width: 100%; margin:0; padding: 0; border: 0 none; z-index: 0; } .parallax-init { position: absolute; width: 100%; margin:0; padding: 0; border: 0 none; z-index: 0; } .img-trans-1{ height: 770px; background: url(../../img/site/bgs/parallax1.jpg) 50% 0 no-repeat fixed;background-size:cover; } @media (max-width: 1430px) {.img-trans-1 {height:750px;}} @media (max-width: 1026px) {.img-trans-1 {height:500px;}} @media (max-width: 992px) {.img-trans-1 {height:400px;background-size: 120%;}} @media (max-width: 920px) {.img-trans-1 {height:360px;background-size: 130%;}} @media (max-width: 850px) {.img-trans-1 {height:330px;background-size: 140%;}} @media (max-width: 768px) {.img-trans-1 {height:330px;background-size: 160%;}} @media (max-width: 710px) {.img-trans-1 {height:290px;}} @media (max-width: 550px) {.img-trans-1 {height:240px;}} @media (max-width: 450px) {.img-trans-1 {height:210px;}} @media (max-width: 400px) {.img-trans-1 {height:180px;}} .img-trans-init { height: 1500px; background: url(../../img/site/bgs/parallax-init.jpg) 50% 0 no-repeat fixed;background-size:cover; } /* Página Discos */ #p_musicas {position:relative;float:left;width:100%;height:100%;padding:48px 0 96px 0;background: url(../../img/site/bgs/music-bg.png) center bottom;} #p_musicas .title-box {position:relative;float:left;width:100%;z-index:30;} #p_musicas .title-box .title {position:relative;float:left;width:100%;text-align:center;} #p_musicas .title-box .title img {display:inline-block;} #p_musicas .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:180px;} #p_musicas .title-box .selectors .btn-left {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;} #p_musicas .title-box .selectors .btn-right {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;} #p_musicas .title-box .selectors .btnsel {top:26px;} #p_musicas .title-box .selectors .btnsel:hover {opacity:0.6;} #p_musicas .music-list { position: relative; float: left; width: 100%; height:100%;padding:0;margin-top:60px;z-index:60;} #p_musicas .music-list .music-item { display: block; position: relative; float: left; width: 100%;} #p_musicas .music-list .music-item img { display: block; position: relative; margin:0 auto; opacity:0.9;width:100%;} #p_musicas .music-list .music-item img:hover {opacity:1;} #p_musicas .music-list .name {position:relative;float:left;width:100%;font-size:24px;text-align:center;color:#787878;line-height:24px;margin-top:5px;font-weight:700;font-family: 'Khand', sans-serif;margin-bottom:0;} #p_musicas .music-list .year {position:relative;float:left;width:100%;font-size:24px;text-align:center;color:#787878;font-weight:300;font-family: 'Khand', sans-serif;margin-top:0;} #p_musicas .music-list .sep {position:relative;float:left;width:134px;height:1px;background:#a9a59f;margin-top:17px;left:50%;margin-left:-67px;} #p_musicas .music-list .cd-icons {position:relative;float:left;width:100%;margin-top:5px;padding:0;} #p_musicas .music-list .cd-icons .icon {position:relative;float:left;width:50%;height:30px;padding:0;margin-top:8px;} #p_musicas .music-list .cd-icons .icon img {} #p_musicas .music-list .cd-icons .icon.sy img {max-width:103px;} #p_musicas .music-list .cd-icons .icon.dz img {max-width:97px;} #p_musicas .music-list .cd-icons .icon.am img {max-width:92px;} #p_musicas .music-list .cd-icons .icon.gp img {max-width:101px;} #p_musicas .music-list .cd-icons .icon:hover {opacity:0.6;} #p_musicas .music-list .erro {color:#fff;} #p_musicas .streaming {position:relative;float:left;width:100%;text-align:center;margin-top:130px;} #p_musicas .streaming .title {display:inline-block;position:relative;width:100%;margin-bottom:35px;} #p_musicas .streaming .title img {display:inline-block;} #p_musicas .streaming .deezer {display:inline-block;position:relative;padding-right:35px;} #p_musicas .streaming .deezer:hover {opacity:0.6;} #p_musicas .streaming .spotify {display:inline-block;position:relative;padding-left:35px;} #p_musicas .streaming .spotify:hover {opacity:0.6;} @media (max-width: 1200px) { #p_musicas .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:150px;} #p_musicas .title-box .selectors .btn-left {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;background-size:100%;} #p_musicas .title-box .selectors .btn-right {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;background-size:100%;} } @media (max-width: 992px) { #p_musicas .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:220px;} #p_musicas .title-box .selectors .btn-left {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;background-size:100%;} #p_musicas .title-box .selectors .btn-right {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;background-size:100%;} } @media (max-width: 768px) { #p_musicas .title-box .selectors {display:none;} } @media (max-width: 600px) { #p_musicas .streaming .title img {display:inline-block;width:90%;} #p_musicas .streaming .deezer {display:inline-block;position:relative;padding-right:0;padding-left:0;margin-bottom:15px;} #p_musicas .streaming .deezer:hover {opacity:0.6;} #p_musicas .streaming .spotify {display:inline-block;position:relative;padding-left:0;padding-right:0;} #p_musicas .streaming .spotify:hover {opacity:0.6;} } /* Página Agenda */ #p_agenda {position:relative;float:left;width:100%;padding:98px 0 254px 0;} #p_agenda .title-box {position:relative;float:left;width:100%;z-index:30;} #p_agenda .title-box .title {position:relative;float:left;width:100%;text-align:center;} #p_agenda .title-box .title img {display:inline-block;} #p_agenda .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:180px;} #p_agenda .title-box .selectors .btn-left {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/back-arrow.png) 0 top no-repeat;z-index:1;float:left;} #p_agenda .title-box .selectors .btn-right {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/next-arrow.png) 0 top no-repeat;z-index:1;float:right;} #p_agenda .title-box .selectors .btnsel {top:26px;} #p_agenda .title-box .selectors .btnsel:hover {opacity:0.6;} #p_agenda .event-list {position:relative;float:left;left:7%;width:86%;font-family: 'Khand', sans-serif;margin-top:0;z-index:60;} #p_agenda .event-list .col-xs-12 {padding-left:5px;padding-right:5px;} #p_agenda .event-list .event-item {position:relative;float:left;width:100%;height:448px;padding:0;background: url(../../img/site/bgs/agenda-item.png) center top no-repeat;background-size:100%;} #p_agenda .event-list .event-item:hover {opacity:0.6;} #p_agenda .event-list .event-item .box {position:relative;float:left;width:100%;height:100%;} #p_agenda .event-list .event-item .box .day-month {position:relative;float:left;width:100%;margin-top:40px;} #p_agenda .event-list .event-item .box .day-month .day {position:relative;float:left;width:100%;text-align:center;font-size:125px;line-height:125px;color:#f3f3f3;font-weight:700;} #p_agenda .event-list .event-item .box .day-month .month {display:inline-block;position:relative;float:left;width:100%;text-align:center;text-transform:uppercase;font-size:35px;line-height:35px;color:#f3f3f3;margin-top:-25px;padding:0;} #p_agenda .event-list .event-item .box .sep {position:relative;float:left;width:166px;height:6px;background: url(../../img/site/bgs/agenda-item-line.png) 0 top no-repeat;left:50%;margin-left:-83px;} #p_agenda .event-list .event-item .box .local {position:relative;float:left;width:100%;} #p_agenda .event-list .event-item .box .local .city {position:relative;float:left;width:100%;text-align:center;font-size:32px;line-height:34px;color:#f3f3f3;margin-top:15px;font-weight:700;text-transform:uppercase;} #p_agenda .event-list .event-item .box .local .city.min {font-size:26px;line-height:26px;} #p_agenda .event-list .event-item .box .local .state {position:relative;float:left;width:100%;text-align:center;font-size:20px;line-height:20px;text-transform:uppercase;color:#f3f3f3;font-weight:100;} #p_agenda .event-list .event-item .box .info {position:relative;float:left;width:80%;left:10%;height:55px;margin-top:16px;} #p_agenda .event-list .erro {position:relative;float:left;width:100%;height:300px;line-height:300px;font-size:25px;color:#000;} .lb-general #openEvent { position: relative;float:left;width:100%;} .lb-general #openEvent .container {position:relative;width:100%;max-width:1200px;} .lb-general #openEvent .btn-close {position:relative;float:right;width:53px;height:53px;background: url(../../img/site/menu-close.png) center no-repeat;background-size:100%;z-index:100;top:0;} .lb-general #openEvent .eventContainer {position:relative;margin:0 auto;padding:55px 0 55px 0;background:#f44646;} .lb-general #openEvent .esq { position: relative; margin:0 auto;color:#f3f3f3;text-transform:uppercase;padding:60px 15px 30px 70px; } .lb-general #openEvent .esq .sep {position:relative;float:left;width:100%;height:2px;background:#ffffff;margin:17px 0 17px 0;} .lb-general #openEvent .esq .date { display: block; position: relative; float: left; height: 100px; line-height: 80px; font-weight: 700; font-size: 80px; margin-top:25px;font-family: 'Khand', sans-serif;} .lb-general #openEvent .esq .daymonth { display: inline-block; line-height: 1px; text-align: left; } .lb-general #openEvent .esq .city { display: block; position: relative; float: left; width: 100%; margin: 0 0 0 0; font-size: 30px; font-weight: 700;line-height: 30px;font-family: 'Khand', sans-serif;margin-top:0;} .lb-general #openEvent .esq .state { display: block; position: relative; float: left; width: 100%; margin: 0 0 0 0; font-size: 20px; font-weight: 100;line-height: 20px;margin-bottom:3px;font-family: 'Khand', sans-serif;margin-top:2px;} .lb-general #openEvent .esq .field { position: relative; float: left; width: 100%; text-transform:uppercase;} .lb-general #openEvent .esq .field label {position: relative; float: left; font-size:20px;font-weight:100;color:#f3f3f3;} .lb-general #openEvent .esq .field .value {position: relative; float: left;width:100%; clear:left;font-weight: 700; font-size:20px;line-height:20px;color:#f3f3f3;margin:0 0 15px 0;} .lb-general #openEvent .esq .fielddesc label {position: relative; float: left;width:100%; font-weight:100; font-size:20px;margin-bottom:0;text-transform:uppercase;color:#f3f3f3;} .lb-general #openEvent .esq .fielddesc .value {position: relative; float: left;width:100%; clear:left;font-weight: 700; font-size:20px;line-height:20px;;text-transform:uppercase;color:#f3f3f3;margin-top:12px} .lb-general #openEvent .esq .compartilhe {position:relative;float:left;width:100%;text-align:left;font-size:20px;color:#f3f3f3;text-transform:uppercase;font-weight:100;line-height:20px;margin-top:10px;margin-bottom:12px;} .lb-general #openEvent .esq .shares { position: relative; float: left; width: 100%; height: 100%;text-align:left;} .lb-general #openEvent .esq .shares .btn-share:link, .lb-general #openEvent .esq .shares .btn-share:visited, .lb-general #openEvent .esq .shares .btn-share:active {display:inline-block;position: relative; width: 144px; height: 40px; text-indent:-90000px;} .lb-general #openEvent .esq .shares .btn-share:hover { text-decoration: none;opacity:0.6; } .lb-general #openEvent .esq .shares .sh-fb {background:url(../../img/site/compartilhe-facebook.png) center no-repeat;background-size:100%;margin-right:10px;} .lb-general #openEvent .esq .shares .sh-tw {background:url(../../img/site/compartilhe-twitter.png)center no-repeat;background-size:100%;margin-right:10px;} .lb-general #openEvent .esq .shares .sh-gp {background:url(../../img/site/compartilhe-google.png)center no-repeat;background-size:100%;} .lb-general #openEvent .dir { position: relative; float:left;width:100%;padding:60px 0 30px 20px; } .lb-general #openEvent .dir .map { position: relative; float: left; width: 100%; height: 100%;border:solid 12px #2d2d2d;} .lb-general #openEvent .dir .map #event_map { position: relative;float: left; width: 100%; height: 540px;} @media (max-width: 769px) { .lb-general #openEvent .container {margin-top:40px;} .lb-general #openEvent .dir {margin-top:50px;} } .img-trans-2{ height: 770px; background: url(../../img/site/bgs/parallax2.jpg) 50% 0 no-repeat fixed;background-size:cover; } @media (max-width: 1430px) {.img-trans-2 {height:750px;}} @media (max-width: 1026px) {.img-trans-2 {height:500px;}} @media (max-width: 992px) {.img-trans-2 {height:400px;background-size: 120%;}} @media (max-width: 920px) {.img-trans-2 {height:360px;background-size: 130%;}} @media (max-width: 850px) {.img-trans-2 {height:330px;background-size: 140%;}} @media (max-width: 768px) {.img-trans-2 {height:330px;background-size: 160%;}} @media (max-width: 710px) {.img-trans-2 {height:290px;}} @media (max-width: 550px) {.img-trans-2 {height:240px;}} @media (max-width: 450px) {.img-trans-2 {height:210px;}} @media (max-width: 400px) {.img-trans-2 {height:180px;}} #p_cadastre-se {position:relative;float:left;width:100%;height:100%;padding:140px 0 36px 0;} #p_cadastre-se .imgregister {position:relative;float:left;width:100%;text-align:center;} #p_cadastre-se .imgregister img {display:inline-block;} #p_cadastre-se .title {position:relative;float:left;width:100%;text-align:center;margin-top:250px;} #p_cadastre-se .title img {display:inline-block;} #p_cadastre-se .form-register {position:relative;float:left;width:100%;margin-top:30px;font-family: 'Khand', sans-serif;} #p_cadastre-se .form-register input {position: relative; float: left; width: 100%; height: 40px; margin: 0 0 15px 0;font-size:20px;color:#f7f7f7;font-weight:100; border: 0;background:#f82c29;padding:0 0 0 10px;} #p_cadastre-se .form-register button {position:relative;float:left;width:100%;height:100%;border:0;text-align:center;padding:0;background:transparent;margin-top:15px;} #p_cadastre-se .form-register button:hover {opacity:0.6;} #p_cadastre-se .form-register button img {display:inline-block;} #p_cadastre-se .form-register .carregando {display: none; position: absolute; width: 100%; height: 100%;} #p_cadastre-se .form-register.sending .carregando {display: block;} #p_cadastre-se .form-register.sending label, #p_cadastre-se .form-register.sending input, #p_cadastre-se .form-register.sending textarea, #p_cadastre-se .form-register.sending button {opacity: 0.2;} #p_cadastre-se .form-register ::-webkit-input-placeholder { opacity: 1; color: #f7f7f7; text-transform: uppercase;font-size:20px; } #p_cadastre-se .form-register :-moz-placeholder { opacity: 1; color: #f7f7f7; text-transform: uppercase;font-size:20px; } #p_cadastre-se .form-register ::-moz-placeholder { opacity: 1; color: #f7f7f7; text-transform: uppercase;font-size:20px; } #p_cadastre-se .form-register :-ms-input-placeholder { opacity: 1; color: #f7f7f7; text-transform: uppercase;font-size:20px; } #p_cadastre-se .form-register .erro { line-height: 30px; padding: 90px 0;color: #7f7977;} /* Página Fotos */ #p_fotos {position:relative;float:left;width:100%;height:782px;padding:162px 0 72px 0;margin-top:0;background:#f31b18 url(../../img/site/bgs/fotos-red-top.png) center top no-repeat;background-size:100%;} #p_fotos .fotos-right {position:absolute;right:0;margin-top:-300px;width:620px;height:1333px;background: url(../../img/site/bgs/fotos-right.png);z-index:29;} #p_fotos .title-box {position:relative;float:left;width:100%;z-index:30;} #p_fotos .title-box .title {position:relative;float:left;width:100%;text-align:center;} #p_fotos .title-box .title img {display:inline-block;} #p_fotos .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:180px;} #p_fotos .title-box .selectors .btn-left {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/back-arrow-w.png) 0 top no-repeat;z-index:1;float:left;} #p_fotos .title-box .selectors .btn-right {display:inline-block;position:relative;width:64px;height:62px;background: url(../../img/site/next-arrow-w.png) 0 top no-repeat;z-index:1;float:right;} #p_fotos .title-box .selectors .btnsel {top:26px;} #p_fotos .title-box .selectors .btnsel:hover {opacity:0.6;} #p_fotos .col-xs-12 {padding-left:5px;padding-right:5px;} #p_fotos .pictures-list { position: relative; float: left; left:7%;width:86%; min-height: 100px;margin-top:65px;z-index:60;} #p_fotos .pictures-list .out-box {position:relative;float:left;width:calc(100% - 20px);height:100%;padding:0;margin-left:10px;z-index:2;} #p_fotos .pictures-list .gallery-item { display: block; position: relative; float: left; width: 100%;z-index:1;overflow:hidden;} #p_fotos .pictures-list .gallery-item:hover { } #p_fotos .pictures-list .gallery-item img { display: block; position: relative; float: left; width: 100%; } #p_fotos .pictures-list .gallery-item .caption {display:block;position:absolute;width:100%;height:100%;background: url(../../img/site/bgs/fotos-hover-bg.png) center center no-repeat;background-size:100%;opacity:0;z-index:0;} #p_fotos .pictures-list .gallery-item:hover .caption { opacity: 1; overflow:hidden;} #p_fotos .pictures-list .gallery-item:hover {} #p_fotos .pictures-list .erro {color:#000;} #p_fotos .pictures-list .text-local {position:relative;float:left;width:calc(100% - 20px);height:100%;padding:0;margin-left:20px;text-align:left;color:#f6f6f6;font-size:24px;line-height:24px;font-weight:300;margin-top:10px;font-family: 'Khand', sans-serif;} @media (max-width: 992px) { #p_fotos .title-box .selectors {position:relative;float:left;width:100%;text-align:center;top:220px;} #p_fotos .title-box .selectors .btn-left {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/back-arrow-w.png) 0 top no-repeat;z-index:1;float:left;background-size:100%;} #p_fotos .title-box .selectors .btn-right {display:inline-block;position:relative;width:42px;height:40px;background: url(../../img/site/next-arrow-w.png) 0 top no-repeat;z-index:1;float:right;background-size:100%;} } @media (max-width: 600px) { #p_fotos .title-box .selectors {display:none !important;} } .lb-general #openGallery{ position: relative;float:left;width:100%;} .lb-general #openGallery .galleryContainer {position:relative;margin:0 auto;padding:55px 0 55px 0;background:#f44646;} .lb-general #openGallery .btn-close {position:relative;float:right;width:53px;height:53px;background: url(../../img/site/menu-close.png) center no-repeat;background-size:100%;z-index:100;top:0;} .lb-general #openGallery .btn-close:hover {opacity:0.6;} .lb-general #openGallery .galleryContainer .border {display:inline-block;position:relative;width:100%;} .lb-general #openGallery .galleryContainer .frame {position:relative;margin:0 auto 15px; max-width:1000px;padding-top:40px;padding-left:100px;padding-right:100px;} .lb-general #openGallery .galleryContainer .elementsContainer {position:relative;text-align:center;} .lb-general #openGallery .galleryContainer .elementsContainer .itemContainer {display:inline-block;position:relative;width:100%;height:100%;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container {position:absolute;top:50%;width:100%;height:66px;margin-top:-33px;z-index:1;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-next a{position:relative; float:right;margin-right:-130px;width:101px;height:90px;background:url(../../img/site/arrow-right.png); text-indent:-90000px;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-next a:hover {opacity:0.6;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-prev a{position:relative;float:left; margin-left:-130px;width:101px;height:90px;background:url(../../img/site/arrow-right.png);text-indent:-90000px;-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-prev a:hover {opacity:0.6;} .lb-general #openGallery .galleryContainer .footer {display:inline-block;position:relative;width:100%;margin-top:20px;background:transparent;text-align:center;} .lb-general #openGallery .galleryContainer .header {display:inline-block;position:relative;width:100%;text-align:left;color:#f3f3f3;text-transform:uppercase;} .lb-general #openGallery .galleryContainer .header .name {display:inline-block;position:relative;float:left;width:100%;font-size:20px;font-weight:400;margin-bottom:20px;} .lb-general #openGallery .galleryContainer .footer .footer-title {display:inline-block;position:relative;float:left;font-size:12px;color:#f3f3f3;padding-right:30px;text-transform:uppercase;} .lb-general #openGallery .galleryContainer .footer .sharing { position: relative; float: left; width: 100%; margin-top:5px;} @media (max-width: 1090px) { .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-next a{margin-right:-100px;width:60px;height:53px;background-size:100%;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-prev a{margin-left:-100px;width:60px;height:53px;background-size:100%;} } @media (max-width: 769px) { .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-next {display:none;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-prev {display:none;} .lb-general #openGallery .galleryContainer .frame {padding-top:30px;padding-left:20px;padding-right:20px;} } @media (max-width: 450px) { .lb-general #openGallery .galleryContainer .header {font-size:20px;line-height:30px;} .lb-general #openGallery .galleryContainer .header .name {float:none;margin:0 auto;padding-right:30px;} } @media (max-width: 400px) { .lb-general #openGallery .galleryContainer .footer .shares .btn-share:link, .lb-general #openGallery .galleryContainer .footer .shares .btn-share:visited, .lb-general #openGallery .galleryContainer .footer .shares .btn-share:active {margin-right:0;} } @media (max-width: 320px) { .lb-general #openGallery .galleryContainer {padding-top:20px;padding-left:10px;padding-right:10px;} .lb-general #openGallery .galleryContainer .header {font-size:16px;line-height:20px;} .lb-general #openGallery .galleryContainer .header .name {float:none;margin:0 auto;padding-right:0;} .lb-general #openGallery .galleryContainer .footer .footer-title {font-size:14px;} } .owl-pictures .owl-controls { position: absolute; left: 0; top: 50%; width: 100%; } .owl-pictures .owl-controls .owl-buttons div { position: absolute; width: 100px; height: 100px; top: -35px; opacity: 0.7; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .owl-pictures .owl-controls .owl-buttons .owl-prev { left: -100px; } .owl-pictures .owl-controls .owl-buttons .owl-next { right: -100px; } .owl-pictures .owl-controls .owl-buttons div:hover { opacity: 1; } .owl-pictures .owl-controls .owl-buttons div:before, .owl-pictures .owl-controls .owl-buttons div:after { content: " "; position: absolute; width: 4px; height: 50px;background: #fff; } .owl-pictures .owl-controls .owl-buttons .owl-prev:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); left: 45px; bottom: 42px; } .owl-pictures .owl-controls .owl-buttons .owl-prev:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); left: 45px; top: 42px; } .owl-pictures .owl-controls .owl-buttons .owl-next:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); right: 45px; top: 42px; } .owl-pictures .owl-controls .owl-buttons .owl-next:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); right: 45px; bottom: 42px; } @media (min-width: 1400px) { #p_fotos .pictures-list .gallery-item .caption .text .text-int {background-size:40%;} } @media (max-width: 769px) { #p_fotos .pictures-list .gallery-item .caption .text .text-int {font-size:30px;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-prev {display:none;} .lb-general #openGallery .galleryContainer .elementsContainer .btn-container .fotos-btn .fotos-prev {display:none;} .lb-general #openGallery .galleryContainer {padding-left:15px;padding-right:15px;} .lb-general #openGallery .galleryContainer .header {font-size:18px;} .lb-general #openGallery .galleryContainer .footer .daymonth{font-size:12px;letter-spacing:0;} } @media (max-width: 668px) { .lb-general #openGallery .galleryContainer .header {font-size:16px;letter-spacing:0;} .lb-general #openGallery .galleryContainer .footer .sharing {position:relative;float:left;width:100%;text-align:center;margin-top:20px;} .lb-general #openGallery .galleryContainer .footer .sharing .title {display:inline-block;float:none;width:130px;font-size:12px;text-transform:uppercase;line-height:12px;text-align:left;vertical-align:text-top;} .lb-general #openGallery .galleryContainer .footer .sharing ._googleplus_ {display:inline-block;float:none;} .lb-general #openGallery .galleryContainer .footer .sharing ._twitter_ {display:inline-block;float:none;margin:0; } .lb-general #openGallery .galleryContainer .footer .sharing ._facebook_ { display:inline-block;float:none; } .lb-general #openGallery .galleryContainer .footer .sharing ._facebook_ iframe {height:20px;} } @media (max-width: 400px) { .lb-general #openGallery .btn-close {margin-top:-60px;} .lb-general #openGallery .galleryContainer .header {line-height:22px;} } #instagram {position:relative;float:left;width:100%;background:#f31b18;margin-top:0;} #instagram a {display:block;position:relative;height:100%;text-align:center;margin-bottom:65px;z-index:30;} #instagram a img {display:inline-block;} #instagram .insta-pics { position: relative;float:left; width: 1940px; height: 320px;margin: 0; opacity: 1;overflow:hidden;z-index:30;} #instagram .insta-pics div { display: block; position: relative; float: left; width: 320px; height: 320px;margin:0;} #instagram .insta-pics div img { display: block; position: relative; float: left; width: 320px; height: 320px;-webkit-filter: grayscale(100%); filter: grayscale(100%);} .img-trans-2{ height: 800px; background: url(../../img/site/bgs/parallax2.jpg) 50% 0 no-repeat fixed;background-size:cover;margin-top:-60px !important; } @media (max-width: 1660px) { .img-trans-2{top:40px;} } @media (max-width: 1440px) { .img-trans-2{top:50px;} } @media (max-width: 1190px) { .img-trans-2{top:60px;} } @media (max-width: 960px) { .img-trans-2{top:70px;} } @media (max-width: 730px) { .img-trans-2{top:75px;} } @media (max-width: 600px) { .img-trans-2{top:80px;} } @media (max-width: 480px) { .img-trans-2{top:85px;} } @media (max-width: 365px) { .img-trans-2{top:87px;} } @media (max-width: 320px) { .img-trans-2{top:90px;} } @media (max-width: 1430px) {.img-trans-2 {height:750px;}} @media (max-width: 1026px) {.img-trans-2 {height:500px;}} @media (max-width: 992px) {.img-trans-2 {height:400px;background-size: 120%;}} @media (max-width: 920px) {.img-trans-2 {height:360px;background-size: 130%;}} @media (max-width: 850px) {.img-trans-2 {height:330px;background-size: 140%;}} @media (max-width: 768px) {.img-trans-2 {height:330px;background-size: 160%;}} @media (max-width: 710px) {.img-trans-2 {height:290px;}} @media (max-width: 550px) {.img-trans-2 {height:240px;}} @media (max-width: 450px) {.img-trans-2 {height:210px;}} @media (max-width: 400px) {.img-trans-2 {height:180px;}} #p_convites {position:relative;float:left;width:100%;margin:0;padding:101px 0 90px 0;font-family: 'Khand', sans-serif;} #p_convites .imgconvites {position:relative;float:left;width:100%;text-align:center;} #p_convites .imgconvites img {display:inline-block;} #p_convites .title {position:relative;float:left;width:100%;text-align:center;margin-bottom:109px;} #p_convites .title img {display:inline-block;} #p_convites .txt {position:relative;float:left;width:100%;font-size:16px;color:#565656;text-transform:uppercase;text-align:justify;font-weight:100;line-height:18px;margin-bottom:40px;} #p_convites .form-convites {position: relative; float: left; width: 100%; margin: 0 0 0;color:#fff8f2; text-align:left;} #p_convites .form-convites input {position: relative; float: left; width: 100%; height: 40px; margin: 0 0 15px 0;font-size:16px;color:#fff;font-weight:300; border: 0;background:#f31815;padding:0 0 0 10px;} #p_convites .form-convites textarea {position: relative; float: left; width: 100%; height: 150px; padding: 7px 15px; margin: 0 0 20px 0; border: 0;background:#f31815; resize: none;font-size:17px;font-weight:100;color:#fff; } #p_convites .form-convites button {position:relative;float:right;width:100%;height:100%;border:0;text-align:center;padding:0; background:transparent;} #p_convites .form-convites button img {display:inline-block;} #p_convites .form-convites button:hover {opacity:0.6;} #p_convites .form-convites .carregando {display: none; position: absolute; width: 100%; height: 100%;} #p_convites .form-convites.sending .carregando {display: block;} #p_convites .form-convites.sending label, #p_convites .form-convites.sending input, #p_convites .form-convites.sending textarea, #p_convites .form-convites.sending button { opacity: 0.2;} #p_convites .form-convites ::-webkit-input-placeholder { opacity: 1; color: #fff; text-transform: uppercase;font-size:16px; } #p_convites .form-convites :-moz-placeholder { opacity: 1; color: #fff; text-transform: uppercase;font-size:16px; } #p_convites .form-convites ::-moz-placeholder { opacity: 1; color: #fff; text-transform: uppercase;font-size:16px; } #p_convites .form-convites :-ms-input-placeholder { opacity: 1; color: #fff; text-transform: uppercase;font-size:16px; } #p_convites .form-convites .erro { line-height: 30px; padding: 90px 0;color: #585047;} #p_convites .oficiais {position:relative;float:left;width:100%;margin-top:70px;} #p_convites .oficiais .sep {position:relative;float:left;width:572px;height:8px;background: url(../../img/site/convites-risco.png) center;} #p_convites .oficiais .arquivos {position:relative;float:left;width:100%;margin-top:90px;} #p_convites .oficiais .arquivos:hover {opacity:0.6;} #p_contato {position:relative;float:left;width:100%;padding:190px 0 0 0;font-family: 'Khand', sans-serif;} #p_contato .contact-bg {position:absolute;left:0;bottom:0;} #p_contato .title {position:relative;float:left;width:100%;text-align:center;margin-bottom:109px;} #p_contato .title img {display:inline-block;} #p_contato .txt {position:relative;float:left;width:100%;font-size:16px;color:#fffefe;text-align:left;font-weight:100;line-height:18px;margin-top:0;margin-bottom:40px;} #p_contato .info {position:relative;float:left;width:100%;margin:30px 0 40px 0;} #p_contato .ctts {position:relative;float:left;} #p_contato .ctts:hover {opacity:0.6;} #p_contato .form-contato {position: relative; float: left; width: 100%; margin: 0 0 0;color:#fff8f2; text-align:left;} #p_contato .form-contato input {position: relative; float: left; width: 100%; height: 40px; margin: 0 0 15px 0;font-size:16px;color:#676565;font-weight:100; border: 0;background:#fff;padding:0 0 0 10px;} #p_contato .form-contato textarea {position: relative; float: left; width: 100%; height: 161px; padding: 7px 15px; margin: 0 0 20px 0; border: 0;background:#fff; resize: none;font-size:16px;font-weight:100;color:#676565; } #p_contato .form-contato button {position:relative;float:right;width:100%;height:100%;border:0;text-align:right;padding:0; background:transparent;} #p_contato .form-contato button img {display:inline-block;} #p_contato .form-contato button:hover {opacity:0.6;} #p_contato .form-contato .carregando {display: none; position: absolute; width: 100%; height: 100%;} #p_contato .form-contato.sending .carregando {display: block;} #p_contato .form-contato.sending label, #p_contato .form-contato.sending input, #p_contato .form-contato.sending textarea, #p_contato .form-contato.sending button { opacity: 0.2;} #p_contato .form-contato ::-webkit-input-placeholder { opacity: 1; color: #676565; text-transform: uppercase;font-size:16px; } #p_contato .form-contato :-moz-placeholder { opacity: 1; color: #676565; text-transform: uppercase;font-size:16px; } #p_contato .form-contato ::-moz-placeholder { opacity: 1; color: #676565; text-transform: uppercase;font-size:16px; } #p_contato .form-contato :-ms-input-placeholder { opacity: 1; color: #676565; text-transform: uppercase;font-size:16px; } #p_contato .form-contato .erro { line-height: 30px; padding: 90px 0;color: #585047;} .rodape {position:relative;float:left;width:100%;background-color:#3d3d3d;padding:30px 0 30px 0;} .rodape .signature { display: block; position: relative;float:right; width: 188px;height:88px;text-align: right;top:0;right:40px;} .rodape .signature img:hover { opacity:0.6;} .rodape .copyright { display: block; position: relative; float:left; width: 500px; font-size: 15px; line-height: 20px; text-transform: uppercase; text-align: left;color: #fff;font-weight:100;top:25px;left:27px;} @media (max-width: 768px) { .rodape .copyright { display: block; position: relative; float:left; width: 100%;text-align:center;margin-bottom:50px;left:0;} .rodape .signature { display: block; position: relative;float:left; width: 100%;text-align: center;top:0;right:0;} .rodape .signature img {width:188px;} } /* Lightbox */ .lb-general { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(24,24,24,0.86); overflow-y: auto; overflow-x: hidden; z-index: 999; } .lb-general .lb-head { position: fixed; width: 100%; height: 60px; left: 0; top: 0; background: #5d431f; z-index: 201; } .lb-general .lb-body { position: relative; float: left; width: 100%; margin: 60px 0 0; z-index: 201; } .lb-general .btn-close { display: block; position: relative; float: left; font-weight: 300; font-size: 30px; line-height: 60px; color: #ffffff; text-transform: uppercase; } .lb-general .btn-close:hover { text-decoration: none; opacity: 0.6; } /* Owl Carousel */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y;display:none;} .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; overflow: hidden; } .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); } .grabbing { cursor:url(grabbing.png) 8 8, move; } .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); } .area{ width: 100%; height:100vh; } .circles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .circles li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.6); animation: animate 25s linear infinite; bottom: -150px; } .circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; } .circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .circles li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .circles li:nth-child(6){ left: 75%; width: 110px; height: 110px; animation-delay: 3s; } .circles li:nth-child(7){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; } .circles li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .circles li:nth-child(10){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } .circles li:nth-child(11){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } .circles li:nth-child(12){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(14){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; } @keyframes animate { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } }