@charset "utf-8";

/*
Theme Name:  Orion 2025
Theme URI:   https://uebb.digital
Author:      Uébb Digital
Author URI:  https://uebb.digital
Description: Website/One Page/Landing Page
Version:     2025
License:     Uébb Digital
License URI: https://uebb.digital
Text Domain: Uébb Digital
Tags:        desenvolvimento de sites goiania, otimizacao de sites goiania, seo goiania, redes sociais Goiania, criacao de sites goiania, redes sociais para empresas, social media, marketing digital goiania, mkt digital goiania, planejamento estrategico digital goiania, posicionamento de sites no google
*/



/* desktop (rem) base size */
@media (min-width: 1367px) { html { font-size: 16px !important; } }

/* laptop (rem) base size */
@media (max-width: 1366px) { html { font-size: 14px !important; } }

/* mobile (rem) base size */
@media (max-width: 991px) { html { font-size: 12px !important; } }



/* nav header */
header nav.navbar.header-transparent {
  background: var(--dark100);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
}

header.header-appear nav.header-transparent {
  background: var(--dark100);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
}

@media (min-width: 576px) { header nav h1 span br.nav-title { display:none; } }

header nav h1.body2 { line-height: 1.450rem; }

@media (max-width: 575px) {

  header nav h1 span.header5 { font-size: 2.000rem !important; line-height: 2.000rem !important; }

}



/* nav logo */
header a.logo { padding: 15px 0; }

@media (min-width: 1367px) { header a.logo img { height: 52px; } }
@media (max-width: 1366px) { header a.logo img { height: 48px; } }
@media (max-width:  767px) { header a.logo img { height: 46px; } }
@media (max-width:  575px) { header a.logo img { height: 44px; } }



/* navmenu */
a.nav-menu-item img         { opacity: 1.0 }
a:hover.nav-menu-item img   { opacity: 0.8 }

a.nav-menu-item div.body2        { opacity: 1.0; color: var(--dark600); }
a:hover.nav-menu-item div.body2  { opacity: 0.8; color: var(--dark600); }

a.nav-menu-item div.button-text-large        { opacity: 1.0; color: var(--dark800); }
a:hover.nav-menu-item div.button-text-large  { opacity: 0.6; color: var(--dark800); }



a.nav-cta { opacity:1.0; }
a:hover.nav-cta { opacity:0.8; }



/* nav-hidden */
@media (max-width:  1279px) { .nav-hidden-1280  { display: none; } }
@media (max-width:  1199px) { .nav-hidden-1200  { display: none; } }
@media (max-width:   767px) { .nav-hidden-768   { display: none; } }
@media (max-width:   575px) { .nav-hidden-576   { display: none; } }



/* col-hidden */
@media (max-width:  1499px) { .col-hidden-1500  { display: none; } }

/* col-padding */
@media (min-width:  1500px) { .col-padding-8-33-lr  { padding: 0 8.33%; } }
@media (max-width:  1499px) { .col-padding-8-33-lr  { padding: 0 0; } }



/* container */
div.container-fluid { padding-right: 30px; padding-left:30px; }

@media (min-width:  1500px) { div.container-fluid.padding-15px-lr { padding-right: 15px; padding-left:15px; } }



/* float buttons */
.float-phone           { right: 0.625rem; bottom: 6.250rem; opacity: 1.00; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }
.float-phone:hover     { right: 0.625rem; bottom: 6.250rem; opacity: 0.85; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }

.float-wpp             { right: 0.625rem; bottom: 0.625rem; opacity: 1.00; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }
.float-wpp:hover       { right: 0.625rem; bottom: 0.625rem; opacity: 0.85; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }

@media (max-width: 991px) {

  .float-phone         { right: 0.625rem; bottom: 7.250rem; width: 7.450rem; }
  .float-phone:hover   { right: 0.625rem; bottom: 7.250rem; width: 7.450rem; }

  .float-wpp           { right: 0.625rem; bottom: 0.625rem; width: 7.450rem; }  
  .float-wpp:hover     { right: 0.625rem; bottom: 0.625rem; width: 7.450rem; }

}

@media (min-width: 992px) { .btn-float-phone-hidden { display: none; } }



/* link <a> colors default */
a:active, a:focus { color: var(--primary500); }
a:hover, a:active { color: var(--primary500); }



/* slideshow */
.slideshow-img-banner {
  position: absolute;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media ( min-width: 1367px ) { .slideshow-height { height: 860px; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 760px; } }
@media ( max-width: 1199px ) { .slideshow-height { height: 660px; } }
@media ( max-width: 991px  ) { .slideshow-height { height: 510px; } }
@media ( max-width: 767px  ) { .slideshow-height { height: 780px; } }
@media ( max-width: 575px  ) { .slideshow-height { height: 740px; } }
@media ( max-width: 399px  ) { .slideshow-height { height: 640px; } }



/* separator */
.separator-center {
  width: 120px;
  height: 5px;
  margin: 30px auto;
}

/* product */
#left.product-section     { background: linear-gradient(270deg, rgba(117, 118, 121, 0.00) 50%, rgba(117, 118, 121, 0.03) 75%, rgba(117, 118, 121, 0.05) 90%, rgba(117, 118, 121, 0.10) 100%); }
#right.product-section    { background: linear-gradient(90deg, rgba(117, 118, 121, 0.00) 50%, rgba(117, 118, 121, 0.03) 75%, rgba(117, 118, 121, 0.05) 90%, rgba(117, 118, 121, 0.10) 100%); }

@media ( max-width: 1199px ) {

  #left.product-section,
  #right.product-section    { background: linear-gradient(0deg, rgba(117, 118, 121, 0.00) 50%, rgba(117, 118, 121, 0.03) 75%, rgba(117, 118, 121, 0.05) 90%, rgba(117, 118, 121, 0.10) 100%); }

}

.product-title { border-left: solid 10px var(--dark900); padding: 0 0 0 30px; }

@media ( max-width: 767px ) { .product-title { border-left: none; padding: 0 15px; } }

.product-img-slider {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 1.8 / 1;
}

.carousel-control-next,
.carousel-control-prev {
    width: 20px;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFD405' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFD405' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}



/* features card */
.features-card {
  text-align: center;
  padding: 70px 0px;
  margin: 0;
  height: 100%;
}

@media ( max-width: 1366px ) { .features-card { padding: 60px 0px; } }
@media ( max-width: 1199px ) { .features-card { padding: 50px 0px; } }
@media ( max-width:  575px ) { .features-card { padding: 40px 0px; } }

@media ( max-width:  359px ) { .features-card p.body1 { padding: 0  5%; } }
@media ( min-width:  360px ) { .features-card p.body1 { padding: 0 10%; } }
@media ( min-width:  425px ) { .features-card p.body1 { padding: 0 15%; } }
@media ( min-width:  992px ) { .features-card p.body1 { padding: 0 20%; } }
@media ( min-width: 1200px ) { .features-card p.body1 { padding: 0  9%; } }
@media ( min-width: 1500px ) { .features-card p.body1 { padding: 0  5%; } }
@media ( min-width: 1920px ) { .features-card p.body1 { padding: 0 15%; } }

@media ( max-width: 1366px ) { .features-card img { height: 100px; } }



/* contact form */
.contact-form-lens-overlay {
  background: linear-gradient(197deg, rgba(12, 76, 135, 0.50) 12%, rgba(12, 76, 135, 0.90) 90%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media ( max-width: 991px ) { .contact-form-lens-overlay { background: linear-gradient(0deg, rgba(12, 76, 135, 0.70) 2%, rgba(12, 76, 135, 0.95) 98%); } }

.contact-form-box {
  background: var(--dark100);
  border-radius: 22px;
  padding: 50px 50px 40px 50px;
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.30);
}

@media ( max-width:  1199px ) { .contact-form-box { padding: 50px 40px 40px 40px; } }
@media ( max-width:   991px ) { .contact-form-box { padding: 45px 40px 30px 40px; } }
@media ( max-width:   575px ) { .contact-form-box { padding: 40px 35px 30px 35px; } }








































/* ###########
   CSS OLD CSS
   ########### */



/* product details */
.prod-details-tag-col-padding {
  padding: 0;
  margin: 0 5px 5px 0;
}

.prod-details-tag-size {
  border: 2px solid var(--dark800);
  border-radius: 100px;
  padding: 0.7rem 1.4rem 0.3rem
}

.prod-details-tag-size:hover    { background-color: var(--dark800); }
.prod-details-tag-size:hover p  { color: var(--dark100); }

.prod-details-tag-color {
  padding: 1.2rem;
  border-radius: 100%;
}



/* gallery image */
.gallery-img a div i            { position: absolute; bottom: -30px; left: 0; z-index: 99; text-align: center; width: 100%; opacity: 0; color: var(--dark100); font-size: 2.000rem; }
.gallery-img a:hover div i      { position: absolute; bottom:   42%; left: 0; z-index: 99; text-align: center; width: 100%; opacity: 1; color: var(--dark100); font-size: 2.000rem; }

.gallery-cover                  { padding: 50%; position: relative; background-size: cover; overflow: hidden; background-position: center; background-repeat: no-repeat; }

.gallery-img-item               { max-width: 0; max-height: 0; display: none; }

.gallery-img-lens-overlay       { position: absolute; bottom: 0; left: 0; z-index: 25; width: 100%; height: 100%; padding: 0 !important; }

.gallery-img div div.gallery-img-lens-overlay             { background: linear-gradient(45deg, rgba(66, 66, 66, 0.80) 0%, rgba(66, 66, 66, 0.55) 21.79%, rgba(66, 66, 66, 0.45) 38.77%, rgba(66, 66, 66, 0.35) 56.63%, rgba(66, 66, 66, 0.10) 80.06%); }
.gallery-img a:hover div div.gallery-img-lens-overlay     { background: var(--dark800); opacity:0.8; }



/* highlights */
.highlights-item { background: var(--secundary500); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); }
.highlights-item:hover { background: var(--secundary500); box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.10); }

.highlights-item img { opacity: 0.7; }
.highlights-item:hover img { opacity: 1.0; }

@media ( max-width: 767px ) { .highlights-item h3 br { display: none; } }



/* testimonials */
.testimonials-box-item {
  padding: 40px;
  border-radius: 22px;
  background-color: var(--dark400);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03);
}



/* contact form */
.contact-form-lens-overlay {
  background: linear-gradient(197deg, rgba(25, 27, 31, 0.40) 11.72%, rgba(25, 27, 31, 0.80) 90.08%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media ( max-width: 991px ) { .contact-form-lens-overlay { background: linear-gradient(0deg, rgba(25, 27, 31, 0.40) 11.72%, rgba(25, 27, 31, 0.80) 90.08%); } }

.contact-form-box {
  background: var(--dark100);
  border-radius: 22px;
  padding: 50px 50px 40px 50px;
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.30);
}

@media ( max-width:  1199px ) { .contact-form-box { padding: 50px 40px 40px 40px; } }
@media ( max-width:   991px ) { .contact-form-box { padding: 45px 40px 30px 40px; } }
@media ( max-width:   575px ) { .contact-form-box { padding: 40px 35px 30px 35px; } }



/* about */
.about-form-lens-overlay {
  background: linear-gradient(197deg, rgba(25, 27, 31, 0.60) 10%, rgba(25, 27, 31, 0.95) 90%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* footer */
.logo-uebb-footer { margin-top: -4px; }

@media (max-width: 991px) { .logo-uebb-footer { margin-top: -9px; } }

@media (max-width: 767px) {

  .footer-menu p { margin: 0 0 30px; }
  ul.body2 li a { font-size: 1.250rem !important; }

}



/* modal */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.7;}



/* google recaptcha */
.grecaptcha-badge { display:none !important; }



/* whatsapp modal */
.whatsapp-modal-cta {
  width: 90%;
  max-width: 420px;
  min-width: 320px;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFF9E9 0%, #F1ECDF 100%);
  box-shadow: 0px 15px 30px 0px rgba(31, 32, 34, 0.10);
}