@charset "utf-8";

/*
Theme Name:  Dr Charllys Teixeira 2024
Theme URI:   https://uebb.digital
Author:      Uébb Digital
Author URI:  https://uebb.digital
Description: Website/One Page/Landing Page
Version:     2024
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-dark {

  background: linear-gradient(90deg, #4250C8 0%, #202C98 100%);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4);

}

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

@media (max-width: 1366px) { .logo img { height:56px; } }
@media (max-width: 1199px) { .logo img { height:52px; } }
@media (max-width:  991px) { .logo img { height:48px; } }
@media (max-width:  575px) { .logo img { height:44px; } }

.logo-hamburger-menu { height: 4.25rem; }

.border-hamburger-menu {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--dark300);
}



/* navmenu bar */
nav.navbar.navbar-default ul.nav > li > a       { padding:42px 0 33px 0 !important; background: transparent; display: block; border-bottom: 5px solid transparent !important; }
nav.navbar.navbar-default ul.nav > li > a:hover { border-bottom: 5px solid var(--primary500) !important; }

@media (min-width: 1920px) { nav.navbar div.col.nav-menu { padding: 0 10%; } }
@media (max-width: 1919px) { nav.navbar div.col.nav-menu { padding: 0 7%; } }
@media (max-width: 1699px) { nav.navbar div.col.nav-menu { padding: 0 5%; } }
@media (max-width: 1499px) { nav.navbar div.col.nav-menu { padding: 0 3%; } }
@media (max-width: 1399px) { nav.navbar div.col.nav-menu { padding: 0 2%; } }
@media (max-width: 1366px) { nav.navbar div.col.nav-menu { padding: 0 15px 0 7%; } }



/* navmenu colors */
header nav.navbar.white-link .navbar-nav > li > a,
nav.navbar.bootsnav.white-link ul.nav > li > a {
  color: var(--dark100) !important;
  opacity: 0.7 !important;
}

header nav.navbar.white-link .navbar-nav > li > a:hover,
nav.navbar.bootsnav.white-link ul.nav > li > a:hover {
  opacity: 1.0 !important;
}

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



/* navmenu hamburger */
.white-link .mobile-toggle span { background: var(--dark100) !important; }

.mobile-toggle:hover span,
.white-link .mobile-toggle:hover span { background-color: var(--primary500) !important;}

@media (min-width: 1200px) { .md-display-view { display:none; } }



/* navmenu social */
.social       { opacity: 1.0; }
.social:hover { opacity: 0.7; }



/* nav-hidden */
@media (max-width:  1366px) { .nav-hidden-1366  { display: none; } }
@media (max-width:  1199px) { .nav-hidden-1200  { 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; }



/* 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; } }



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



/* dropdown */
.dropdown-box {
  min-width: 16.000rem !important;
  border: none !important;
}

.dropdown-item-custom {
  padding: 0.250rem 0.750rem !important;
  margin: 0 !important;
}

.dropdown-item-custom:hover {
  background-color: var(--dark200);
}

.box-shadow-dropdown {
  box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, .1) !important;
}

.dropdown-position {
  left: 3.125rem !important;
}

.dropdown-menu-float-phone {
  position: fixed !important;
  bottom: 11.250rem !important;
  right: 4.375rem !important;
  float: right !important;
  left: auto !important;
  top: auto !important;
}

.dropdown-menu-float-wpp {
  position: fixed !important;
  bottom: 5.875rem !important;
  right: 4.375rem !important;
  float: right !important;
  left: auto !important;
  top: auto !important;
}

.dropdown-menu { left: -95px; }








/* slideshow */
.slideshow-img-bg {
  background-image: url(./img/img-banner-background.jpg);
  background-size: cover;
  background-position: center bottom;
}

.slideshow-img-prod {
  padding: 0;
}

.slideshow-item { min-height: 700px; }

.slideshow-lens-overlay {
  background: linear-gradient(180deg, rgba(133, 47, 9, 0.1) 0%, rgba(133, 47, 9, 0.35) 47.82%, #852f09a6 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 575px) {
  
  .slideshow-lens-overlay {
    background: linear-gradient(180deg, rgba(133, 47, 9, 0.1) 0%, rgba(133, 47, 9, 0.35) 47.82%, #852F09 100%);
  }

}

.img-label {
  background: var(--primary500);
  border-radius: 0px 0px 18px 18px;
  color: #E5B97E;
  display: block;
  line-height: 1;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 70%;
  z-index: 2;
}


.slideshow-img-height { height:700px; }

@media (max-width: 991px) { .slideshow-img-height { height:500px; } }


/*
@media (max-width: 449px) { .slideshow-img-height { height:425px !important; } }
@media (max-width: 424px) { .slideshow-img-height { height:400px !important; } }
@media (max-width: 399px) { .slideshow-img-height { height:375px !important; } }
@media (max-width: 374px) { .slideshow-img-height { height:350px !important; } }
@media (max-width: 349px) { .slideshow-img-height { height:325px !important; } }
@media (max-width: 324px) { .slideshow-img-height { height:300px !important; } }
*/


.swiper-slide { position: relative; }

@media ( min-width: 1668px ) { .slideshow-height { height: 630px; } }
@media ( max-width: 1667px ) { .slideshow-height { height: 584px; } }
@media ( max-width: 1517px ) { .slideshow-height { height: 537px; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 490px; } }
@media ( max-width: 917px  ) { .slideshow-height { height: 440px; } }
@media ( max-width: 797px  ) { .slideshow-height { height: 390px; } }
@media ( max-width: 767px  ) { .slideshow-height { height: 360px; } }







/* quem somos */
.img-dr-charllys { aspect-ratio: 0.5 / 1; max-height:700px; }

@media ( max-width: 1499px ) { .img-dr-charllys { aspect-ratio:  0.5 / 1; max-height:600px; } }
@media ( max-width: 1199px ) { .img-dr-charllys { aspect-ratio: 0.65 / 1; max-height:400px; } }
@media ( max-width:  767px ) { .img-dr-charllys { margin: 0 auto; } }


.text-dr-charllys { bottom: 0; position:absolute; }





/* portfolio-especialidades */
.portfolio-img { aspect-ratio: 3.25 / 4; }

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item figcaption {
  opacity: 1;
  background: linear-gradient(191deg, rgba(29, 29, 31, 0.50) 5.46%, rgba(29, 29, 31, 0.70) 45.38%, #1D1D1F 100%);
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item:hover figcaption {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item .header3 {
  position: relative;
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item:hover .header3 {
  color: #414755;
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item .header3:before {
  content: '';
  width: 160px;
  height: 3px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  background: #0073A9;
  opacity: 0;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item:hover .header2:before {
  top: -33px;
  opacity: 1;
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item .button {
  opacity: 0;
  color: #1E1D1B;
  position: relative;
  height: 0;
  border: none;
  padding: 0;
  margin-top: 0;
  display: block;
  overflow: hidden;
}

.portfolio-especialidades .hover-option4 .swiper-slide.grid-item:hover .button {
  opacity: 1;
  color: #1E1D1B;
  height: 58px;
  border: none;
  padding: 15px 35px 15px 0;
  margin-top: 15px;
}

.portfolio-especialidades .hover-option4 .grid-item figure:hover img {
  opacity: 1;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
}

.portfolio-especialidades .hover-option4 .grid-item .portfolio-hover-content {
  bottom: 0;
}

@media (min-width: 1360px) and (max-width: 1519px) {
  .portfolio-especialidades .hover-option4 .grid-item .portfolio-hover-content .header2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .portfolio-especialidades .hover-option4 .grid-item .portfolio-hover-content .header2 {
    font-size: 2rem;
    line-height: 2.3rem;
  }
}

/* geometric img background */
.geometric-lens-overlay-top {
  background: linear-gradient(180deg, #FFF 1%, rgba(255, 255, 255, 0.00) 25%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.geometric-lens-overlay-bottom {
  background: linear-gradient(0deg, #FFF 1%, rgba(255, 255, 255, 0.00) 25%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* clientes */
.cli-box-item {
  padding: 40px;
  border-radius: 16px;
  background-color: var(--dark300);
}

.cli-img-circle {
    border: 3px solid var(--dark100);  
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: -45px;
    left: 120px;
}

.cli-img {
    border: 3px solid var(--dark100);
    max-width: 30%;
    border-radius: 50%;
    margin-bottom: -90px;
}

.swiper-pagination-bullet { 
  background-color: var(--dark900) !important;
}

/* 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(29, 29, 31, 0.80) 0%, rgba(29, 29, 31, 0.55) 21.79%, rgba(29, 29, 31, 0.43) 38.77%, rgba(29, 29, 31, 0.35) 56.63%, rgba(29, 29, 31, 0.10) 80.06%); }
.gallery-img a:hover div div.gallery-img-lens-overlay     { background: var(--dark900); opacity:0.8; }


/* sobre a saga */
.sag-lens-overlay {
  background: linear-gradient(180deg, rgba(35, 42, 61, 0.60) 13.66%, rgba(35, 42, 61, 0.95) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}


a img.sag-social-btn { opacity:1.0; }
a:hover img.sag-social-btn { opacity:0.8; }



/* 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: .8;}



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






.img-new-business-style { 
  height: 460px;
  padding: 60px 0 0 0;
}










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




/* videobox *
.videobox-lens-overlay {
  background: var(--dark900);
  opacity: 0.65;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.youtube-btn       { opacity: 0.7; }
.youtube-btn:hover { opacity: 1.0; }

.youtube-btn img       { padding: 10px; }
.youtube-btn:hover img { padding:  0px; }



/* performance *
.performance-box       { background-color: var(--dark100); border: 1.5px solid var(--dark300); border-radius: 26px; padding: 0 15px 25px; }
.performance-box:hover { background-color: var(--dark100); border: 1.5px solid var(--dark100); border-radius: 26px; padding: 0 15px 25px; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07); }

.performance-box img { height: 70px; margin-top: -35px; }