/* -------------------------------------- - General -------------------------------------- */ * { outline: 0 none !important; } body { background: #1f1f1f; color: #fff;font-family: 'Roboto Condensed', 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; } ._googleplus_ { position: relative; float: left; width: 57px; margin: 0 15px 0 0; } ._twitter_ { position: relative; float: left; margin: 0 10px 0 0; } ._facebook_ { position: relative; float: left;width:100px;height:30px;margin: 0 15px 0 0; } .all { position: relative; float: left; width: 100%; } .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: 500; } .stop-scrolling { height: 100%; overflow: hidden; } @media (max-width: 767px) { .erro { font-size: 16px; line-height: 24px; } .erro-mini { font-size: 12px; line-height: 16px; } } @font-face {font-family: "Dharma Regular";src: url("../../fonts/DharmaGothicE_Regular_R.otf");} @font-face {font-family: "Dharma Light Regular";src: url("../../fonts/DharmaGothicE_Light_R.otf");} @font-face {font-family: "Dharma Bold Regular";src: url("../../fonts/DharmaGothicE_Bold_R.otf");} @font-face {font-family: "Dharma Light Italic Regular";src: url("../../fonts/DharmaGothicE_Light_I.otf");} .no-padding {padding:0;} .inner-text {font-family: 'Open Sans', sans-serif;} /* -------------------------------------- - Navigation -------------------------------------- */ #top {position:absolute;width:100%;height:200px;z-index:99;background:url(../../img/site/bgs/top-bg.png) center bottom no-repeat;background-size:cover; } #top.alt {position:absolute;width:100%;height:200px;z-index:99;background:url(../../img/site/bgs/top-bg-internal.png) center bottom no-repeat;background-size:cover;} #top .top-logo {position:relative;width:200px;z-index:99;top:20px;margin:0 auto;} #top .top-logo a img {display:inline-block;} #top .top-logo a img:hover {opacity:0.6;} #top .main-navigation { display: block; position: absolute; width: 265px; z-index: 29; left:0; top: -900px; opacity: 0;margin:0;background:rgba(14,14,14,1);padding-bottom:800px;font-family: 'Dharma Regular';} #top .main-navigation.open { top: 0; opacity: 1;padding-top:100px; } #top .main-navigation ul { position: relative; float: left; width: 100%; padding:25px 0 0 0;} #top .main-navigation ul li { display: block; position: relative;width:100%; float: left; list-style: none; height: 64px; margin: 0;text-align:center;} #top .main-navigation ul li:last-child {} #top .main-navigation ul li a:link, #top .main-navigation ul li a:visited, #top .main-navigation ul li a:active {display: block; position: relative; width:100%;float: left; height: 52px; font-size: 34px; line-height: 64px; color: #e4e4e4; text-transform: uppercase; text-align: center;box-shadow:none;} #top .main-navigation ul li a:hover {text-shadow: 0 0 5px #e7a3e2;} #top .main-navigation ul li a.active:link, #top .main-navigation ul li a.active:visited, #top .main-navigation ul li a.active:active { font-weight:700;} #top .main-navigation .menu-redes {display: block; position: relative;float:left; width: 100%;height:60px;text-align:center;line-height:60px;margin-top:20px;} #top .main-navigation .menu-redes a { display: inline-block; margin: 0 15px;padding:0; } #top .main-navigation .menu-redes a:hover { opacity: 0.6; } #top .btn-open-menu { display: block; position: absolute;float:left; width: 48px; height: 23px; left: 36px;top:51px;z-index:30;} #top .btn-open-menu span { display: block; position: absolute; width: 48px; height: 3px; background:#393c3d; } #top.alt .btn-open-menu span { display: block; position: absolute; width: 48px; height: 3px; background:#fff; } #top .btn-open-menu .b1 { top: 0; } #top .btn-open-menu .b2 { top: 10px; } #top .btn-open-menu .b3 { top: 20px; } #top .btn-open-menu.disabled {width: 25px; height: 25px;} #top .btn-open-menu.disabled span {width: 25px;} #top .btn-open-menu.disabled .b1 { top: 10px;-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #top .btn-open-menu.disabled .b2 { top: 10px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} #top .btn-open-menu.disabled .b3 { top: 57px; opacity: 0; } #top .top-redes {display: block; position: absolute;right:40px;top:40px; width: 130px;height:35px;text-align:center;line-height:35px;z-index:99;} #top .top-redes a { display: inline-block; margin: 0 5px;padding:0; } #top .top-redes a:hover { opacity: 0.6; } @media (max-width: 750px) { #top {position:absolute;width:100%;height:120px;z-index:99;background:url(../../img/site/bgs/top-bg.png) center bottom no-repeat;} #top .top-redes {display:none;} #top .top-logo {position:relative;width:173px;height:108px;z-index:99;top:30px;float:right;margin-right:40px;} #top .btn-open-menu { display: block; position: absolute;float:left; width: 48px; height: 23px; left: 36px;top:30px;z-index:30;} } @media (max-width: 380px) { } /* -------------------------------------- - Conteúdo -------------------------------------- */ .page {position: relative; float: left; width: 100%; padding:0; color: #fff;} .page .page-title { display: block; position: relative; float: left; width: 100%; margin: 0 0 0px; text-align: left; text-transform: uppercase; } #footer { position: relative; float: left; width: 100%; height: 100%; background:url(../../img/site/bgs/footer-bg.jpg) center top no-repeat;background-size:cover;z-index:100;} #footer .endereco {position:relative;float:left;width:100%;height:100%;margin-top:100px;} #footer .endereco .min-title {position:relative;float:left;width:100%;font-size:40px;color:#d8d8d8;text-align:left;line-height:35px;text-transform:uppercase;font-weight:100;font-family: 'Dharma Light Regular';margin-top:30px;} #footer .endereco .max-title {position:relative;float:left;width:100%;font-size:40px;} #footer .endereco .sep {position:relative;float:left;width:100%;height:1px;background-color:#303030;border:0;margin:12px 0 12px 0;padding:0;} #footer .endereco .max-title img {display:inline-block;width:300px;} #footer .endereco .address {position:relative;float:left;width:100%;font-size:60px;color:#d8d8d8;text-align:left;line-height:60px;text-transform:uppercase;font-weight:100;font-family: 'Dharma Light Regular';margin-top:40px;} #footer .endereco .fone {position:relative;float:left;width:100%;font-size:60px;color:#d8d8d8;text-align:left;line-height:60px;text-transform:uppercase;font-weight:100;font-family: 'Dharma Light Regular';margin-top:10px;} #footer .endereco .whatsapp {position:relative;float:left;margin-top:20px;} #footer .endereco .whatsapp:hover {opacity:0.6;} #footer .map { position: relative; float: left; width: 100%; height: 500px;margin-top:100px;} #footer .map #map { display: block; position: relative; float: left; width: 100%; height: 500px;border:solid 6px #fff; } #footer .bottom {position:relative;float:left;width:100%;margin-top:165px;margin-bottom:47px;} #footer .footer-redes {display: block; position: relative; float: left; width: 100%;text-align:left;top:10px;} #footer .footer-redes a { display: inline-block; margin: 0 20px 0 0; font-size: 36px; line-height: 40px;padding:0; } #footer .footer-redes a:hover { opacity: 0.6; } #footer .signature { display: block; position: relative; float: right; width: 94px;height:31px;text-align: right;top:20px; } #footer .signature img:hover { opacity:0.6;} #footer .copyright { display: block; position: relative; float: left; width: 100%;font-size: 14px; text-align: center;color: #fff;top:25px;text-transform:uppercase;font-family: 'Dharma Light Regular';letter-spacing:3px;} @media (max-width: 1200px) { #footer .footer-redes a { display: inline-block; margin: 0 10px 0 0; font-size: 36px; line-height: 40px;padding:0; } } @media (max-width: 992px) { #footer .footer-redes a { display: inline-block; margin: 0 0 0 0; font-size: 36px; line-height: 40px;padding:0; } #footer .footer-redes a img {width:60.6%;} #footer .copyright { display: block; position: relative; float: left; width: 100%;font-size: 12px; text-align: center;color: rgba(118,80,109,0.4);top:25px;text-transform:uppercase;font-family: 'Barlow', sans-serif; } } @media (max-width: 768px) { #footer .footer-redes {display: block; position: relative; float: left; width: 100%;text-align:center;top:10px;} #footer .footer-redes a { display: inline-block; margin: 0 10px; font-size: 36px; line-height: 40px;padding:0; } #footer .footer-redes a img {width:auto;} #footer .signature { display: block; position: relative; width: 94px;height:31px;text-align: center;margin:20px auto;float:none; } } @media (max-width: 430px) { #footer .footer-redes a { display: inline-block; margin: 0 0 0 0; font-size: 36px; line-height: 40px;padding:0; } #footer .footer-redes a img {width:60.6%;} #footer .copyright { display: block; position: relative; float: left; width: 100%;font-size: 14px; text-align: center;color:#5b5b5b;top:25px;text-transform:uppercase;font-family: 'Dharma Light Regular';} } @media (max-width: 768px) { #footer .endereco .max-title {text-align:center;} #footer .endereco .max-title img {display:inline-block;} #footer .endereco .min-title {text-align:center;} #footer .endereco .address {text-align:center;} #footer .endereco .fone {text-align:center;} #footer .endereco .whatsapp {text-align:center;width:100%;} #footer .endereco .whatsapp img {display:inline-block;} } @media (max-width: 500px) { #footer .endereco .address {font-size:40px;line-height:40px;} #footer .endereco .fone {font-size:40px;line-height:40px;} } /* Bootstrap Carousel CSS */ .carousel-fade .carousel-inner .item { opacity: 0.2; transition-property: opacity; -webkit-transition: opacity ease 2s; -moz-transition: opacity ease 2s; -o-transition: opacity ease 2s; transition: opacity ease 2s; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* =======================================*/ /* Lightbox */ .lb-general { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.0); 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; } .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); } .owl-controls .owl-dots {position:relative;float:left;width:100%;text-align:center;margin-top:60px;} .owl-controls .owl-dots .owl-dot {display:inline-block;position:relative;width:22px;height:22px;background:#a3a3a3;margin:0 10px 0 10px;-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .owl-controls .owl-dots .active {background:#fff;} .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); }