/*
Theme Name: Neticom Brasil
Theme URI: https://www.neticombrasil.com.br
Author: Wilson R. Garcia
Author URI: https://www.neticombrasil.com.br
Description: Tema padrão.
Version: 1.0
*/

@font-face {font-family: "Montserrat";
    src: url('assets/fonts/Montserrat-Regular.ttf') format("truetype");
}

@font-face {font-family: "Montserrat";
    src: url('assets/fonts/Montserrat-Bold.ttf') format("truetype");
    font-weight: bold;
}

/* SITE GERAL */
html{height: 100%; font-size: 100%;}
body {font-size: 100%; font-family: 'Montserrat', sans-serif; position: relative; background-color: #f8f9fa; max-width:  100%; padding-bottom: 80px; overflow-x: hidden;}
div#over {background-color: rgba(0,0,0,0.5); display: none; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1000;}
h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif; font-weight: bold;}

.bg-pink{background-color: #a12981;}
.text-pink{color: #a12981;}
.gradient-pink{background: radial-gradient(circle, rgba(250,223,231,1) 0%, rgba(241,192,206,1) 80%);}
.bg-orange{background-color: #e0644d !important;}
.text-orange{color: #e0644d;}
.bg-green{background-color: #25d366;}
.bg-soft-pink{background-color: #de83c6;}
.bg-light-pink{background-color: #efbaca;}

.prev-btn{z-index: 1000;}

.depoimentos .slick-track{display: flex !important;}
.depoimentos .slick-slide{height: inherit !important;}

ul.pagination .page-item.active .page-link {background-color: #a12981 !important; border-color: #a12981 !important;}
main.home h2 > span:nth-last-child(-n+2){color: #e0644d;}
main.interno{margin-top: 135px;}

header#topbar > div:nth-child(1){height: 30px;}
header#topbar > div:nth-child(2){height: 60px;}
header#topbar > div:nth-child(3){height: 45px;}
header#topbar form#searchform ::-webkit-input-placeholder {font-size:  0.75rem;}
header#topbar form#searchform ::-moz-placeholder {font-size:  0.75rem;}
header#topbar form#searchform :-ms-input-placeholder {font-size:  0.75rem;}
header#topbar form#searchform :-moz-placeholder {font-size:  0.75rem;}

ul#menu-top-menu a.nav-link{font-size: 0.85rem;}
ul#menu-top-menu li:not(:last-child)::after{position: absolute; content: ""; right: 0; width: 1px; height: 15px; background-color: #FFF;}

#dots-container{bottom:  10px;}
.custom-dots {display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none;}
.custom-dots li {margin: 0 0.25rem;}
.custom-dots button {display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #c7889c; text-indent: -9999px;}
.custom-dots li.slick-active button {background-color: #a12981;}

.slick-dots {display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; margin-top: 20px !important;}
.slick-dots li {margin: 0 0.25rem;}
.slick-dots button {display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #EEEEEE !important; text-indent: -9999px;}
.slick-dots li.slick-active button {background-color: #e0644d !important;}

div.slider-objetivos button,
div.slider-mais-procurados button{z-index: 300;}
div.slider-mais-procurados button.left{right:  100%;}
div.slider-mais-procurados button.right{left:  100%;}

div.slider-depoimentos button{z-index: 300;}
div.slider-depoimentos button.left{right:  100%;}
div.slider-depoimentos button.right{left:  100%;}

section.top div.card{border-bottom: solid 5px #e0644d; height: 180px}
section.institucional div.card{border-bottom: solid 6px #e0644d;}
section.depoimentos div.card{border-bottom: solid 6px #a12981;}
section.blog::before{position: absolute; top: 0; z-index: -1; content: ""; width: 100%; height: 300px; background: radial-gradient(circle, rgba(250,223,231,1) 0%, rgba(241,192,206,1) 80%);}
section.cta{height: 80px;}

a.cta-link{text-decoration: none;}

main.depilacao-a-laser section.topbanner{padding-top: 135px;}
main.depilacao-a-laser section.topbanner div.wrapper-text{border-left: solid 6px #e0644d;}
main.depilacao-a-laser section.before-after{background: linear-gradient(180deg, #a12981 0%, #a12981 60%, transparent 60%, transparent 100%);}
main.depilacao-a-laser section.video{background: linear-gradient(180deg, #a12981 0%, #a12981 80%, transparent 80%, transparent 100%);}
main.depilacao-a-laser section.body-parts map area{position:  absolute; z-index: 2000;}
main.depilacao-a-laser section.body-parts button.nav-link{background-color: transparent !important; border: solid 3px #e0644d !important; color: #212121}
main.depilacao-a-laser section.body-parts button.nav-link.active{background-color: #e0644d !important; color: #FFF}
main.depilacao-a-laser section button.accordion-button:not(.collapsed) {background-color: #FFF !important; color: #424242 !important; box-shadow: unset !important;}
main.depilacao-a-laser section button.accordion-button.collapsed::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
main.depilacao-a-laser section button.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a12981'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

main.queixas{margin-top: 135px;}
main.queixas section.topbanner div.wrapper-text{border-left: solid 6px #e0644d;}
main.queixas section.topbanner div.wrapper-video{border: solid 6px #a12981;}
main.queixas section.faq button.nav-link.active{border-top: solid 6px #e0644d !important;}

main.tratamentos{margin-top: 135px;}
main.tratamentos section.topbanner{height: 400px;}
main.tratamentos section.topbanner div.wrapper-text{border-left: solid 6px #e0644d;}
main.tratamentos section.before-after{background: linear-gradient(180deg, #a12981 0%, #a12981 60%, transparent 60%, transparent 100%);}
main.tratamentos section.metodo div.wrapper-video{border: solid 6px #a12981;}

main.tratamentos section.faq button.accordion-button:not(.collapsed) {background-color: #FFF !important; color: #424242 !important; box-shadow: unset !important;}
main.tratamentos section.faq button.accordion-button.collapsed::after {background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23e0644d' d='M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm231-113.9L103.5 277.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L256 226.9l101.6 101.6c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L273 142.1c-9.4-9.4-24.6-9.4-34 0z'%3E%3C/path%3E%3C/svg%3E"); position: absolute; left: 15px;}
main.tratamentos section.faq button.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-circle-down' class='svg-inline--fa fa-chevron-circle-down fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM273 369.9l135.5-135.5c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L256 285.1 154.4 183.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L239 369.9c9.4 9.4 24.6 9.4 34 0z'%3E%3C/path%3E%3C/svg%3E"); transform: rotate(0deg); position: absolute; left: 15px;}
main.tratamentos section.faq div.accordion-collapse div.accordion-body{ background-color: rgba(255,255,255,0.75) }
main.tratamentos section.vejamais{background: linear-gradient(180deg, #efbaca 0%, #efbaca 50%, transparent 50%, transparent 100%);}
main.tratamentos section.indicacoes div.card{border-bottom: solid 6px #a12981;}

main.blog-items{margin: 135px 0 60px 0;}
main.blog-items div.widget{margin: 15px 0;}
main.blog-items div.widget h2{text-transform: uppercase; font-size: 1.2rem;}
main.blog-items div.widget.popular-posts ul{margin: 15px 0 0 0; padding: 0;}
main.blog-items div.widget.popular-posts a{text-decoration: none; color: #424242; font-weight: bold;}
main.blog-items ul.wp-block-latest-posts img{float: left; margin-right: 1em;}
main.blog-items ul.wp-block-latest-posts a{display: unset !important; text-decoration: none; color: #424242; font-weight: bold;}
main.blog-items ul.wp-block-latest-posts > li{margin-bottom: 1.5rem;}


div.blog-item{margin-top: 160px;}
div.blog-item div.text-wrapper p{margin-bottom: 1.75rem;}
div.blog-item div.widget{margin: 15px 0;}
div.blog-item div.widget h2{text-transform: uppercase; font-size: 1.2rem;}
div.blog-item div.widget.popular-posts ul{margin: 15px 0 0 0; padding: 0;}
div.blog-item div.widget.popular-posts a{text-decoration: none; color: #424242; font-weight: bold;}
div.blog-item ul.wp-block-latest-posts img{float: left; margin-right: 1em;}
div.blog-item ul.wp-block-latest-posts a{display: unset !important; text-decoration: none; color: #424242; font-weight: bold;}
div.blog-item ul.wp-block-latest-posts > li{margin-bottom: 1.5rem;}
div.blog-item div#comments ul{list-style: none;}

ul.wp-block-categories-list{list-style: none; margin: 0; padding: 0;}
ul.wp-block-categories-list li{position: relative; padding-left: 15px; line-height: 1.75rem;}
ul.wp-block-categories-list li::before{position: absolute; left: 0; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
ul.wp-block-categories-list li a{text-decoration: none; color: #424242}
ul.wp-block-categories-list li a:hover{font-weight: bold; color: #a12981;}

main.quiz{margin: 135px 0 0 0;}

main.quiz section.slider{height: calc(100vh - 135px - 80px);} /* altura da tela descontando o menu superior e o inferior  */

main.quiz div.slider-quiz.slick-initialized { display: block !important; }

section.objetivos{margin-top: -12%;}

main.promocoes{margin: 135px 0 0 0;}
main.padrao{margin: 135px 0 0 0;}

div.sidebar{-webkit-transform: translateX(-100%); transform: translateX(-100%); transition: transform 200ms ease; will-change: transform; width: 85%; height: 100vh; padding: 0 0 60px 0; z-index: 1000; overflow-x: hidden;}
div.sidebar.show-sidebar{--webkit-transform: none; transform: none;}

div.sidebar nav.navbar-expand a{text-decoration: none !important; font-size: 0.90rem;}
div.sidebar nav.navbar-expand .navbar-nav{flex-direction: column !important;}
div.sidebar nav.navbar-expand .navbar-nav span.title{font-size:  0.80rem; margin-bottom: 12px !important; font-weight: bold; }
div.sidebar nav.navbar-expand li.menu-item-has-children > a{background-color: #f8f9fa; display: block; width: 100%;}
div.sidebar nav.navbar-expand li.menu-item-has-children ul.navbar-nav{padding-left: 12px; margin-top:  0 !important; margin-bottom: 12px;}
div.sidebar nav.navbar-expand li.menu-item-has-children ul.navbar-nav > li{position: relative; padding-left:  6px;}
div.sidebar nav.navbar-expand li.menu-item-has-children > ul.navbar-nav li::before{position: absolute; left: 0; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #424242; }
div.sidebar nav.navbar-expand li.menu-item-has-children > ul.navbar-nav > li > a{padding: 0.5rem 1rem;}

footer section.cta span.small{font-size:  0.60rem !important;}

ul.pagination .page-item.active .page-link{background-color: #F56127; border-color: #F56127;}

@media (max-width: 575.98px) {

    body{padding-bottom: 50px;}
    header#top-mobile-menu > div.bg-pink{height: 50px;}

    ul#menu-principal a.nav-link{color: #212121 !important;}

    section.objetivos{margin-top: -60%;}

    div.slider-mais-procurados button.left{left: 0; right: auto; }
    div.slider-mais-procurados button.right{right: 0 ; left: auto;}

    div.slider-depoimentos button.left{left: 0; right: auto; }
    div.slider-depoimentos button.right{right: 0; left: auto;}

    div.slider-top button.left{left: 0; right: auto; }
    div.slider-top button.right{right: 0; left: auto;}

    .btn.arrow{z-index: 300;}
    .btn.arrow.left{left: 0; right: auto; }
    .btn.arrow.right{right: 0; left: auto;}

    div#map{height: 360px !important;}

    section.cta{height: 50px;}

    main.tratamentos section.topbanner {height: 250px;}
    main.depilacao-a-laser section.topbanner {padding-top: 0;}

    main{margin: 0 0 -20px 0 !important;}

    div.blog-item{margin: 1rem 0 -20px 0;}

}

@media only screen 
and (min-device-width : 768px)  { 
	
}

@media only screen 
and (max-device-width : 1024px)  { 
	
}


@media screen and (prefers-reduced-motion:reduce) {
  .form-control{transition: all 0.3s ease !important;}
  .form-floating > label{transition: all 0.3s ease !important;}
  .btn{transition: all 0.3s ease !important;}
  .fade{transition: all 0.3s ease !important;}
  .collapsing{transition: all 0.3s ease !important;}
  .custom-switch .custom-control-label::after{transition: all 0.3s ease !important;}
  .custom-range::-webkit-slider-thumb{-webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-range::-moz-range-thumb{-moz-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-range::-ms-thumb{-ms-transition: all 0.3s ease !important; transition: all 0.3s ease !important;}
  .custom-control-label::before,
  .custom-file-label,
  .custom-select{transition: all 0.3s ease !important;}
  .badge{transition: all 0.3s ease !important;}
  .progress-bar{transition: all 0.3s ease !important;}
  .progress-bar-animated{-webkit-animation:none; animation:none}
  .modal.fade .modal-dialog{transition: all 0.3s ease !important;}
  .carousel-item{transition: all 0.3s ease !important;}
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right{transition: all 0.3s ease !important;}
  .carousel-control-next,
  .carousel-control-prev{transition: all 0.3s ease !important;}
  .carousel-indicators li{transition: all 0.3s ease !important;}
}

btn:focus, a:focus, button:focus{ outline: none !important; box-shadow: none !important;}
.navbar-toggler:focus{outline: none !important; box-shadow: none !important;}

header#top-mobile-menu {
    display: fixed;
    position: fixed;
    z-index: 10000;
    width: 100%;
}