/* fonts
Poppins:wght@300;500;700
---------------------------------------------------*/
:root{
   --white:     #ffffff;
   --black:     #000000;
   --colorText:    rgb(63, 61, 61);
   --colorHover:  #1c6672 ;
   --text-primary: #201f1d;
   --text-secondary: #1c6672;
   --fontGoogle: 'Poppins', sans-serif;
}
html,
body {
   -webkit-font-smoothing: antialiased;
   font-weight: 400;
   font-style: normal;
   font-size: 1.03rem;
   line-height: 1.7rem;
   color: var(--colorText);
   overflow-x: hidden;
}
p.h6{
   font-size: 1.2rem;
   line-height: 1.6; 
   margin-bottom: 1rem; 
   font-weight: 300 !important;
}



/*---------------------
Helper CSS
-----------------------*/
.fancybox__container {z-index:5000 !important;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
   border-color: #e7e0e0 !important;
}


@media (min-width: 1024px) {
   .text-two-colunms{
      column-count: 2;
   }
}

.btnMoreInfo{
   padding: 0.3rem 0;
   font-weight: 300;
   color: var(--black) !important;
   letter-spacing: 0.15em;
   transition: all .4s;
}
.btnMoreInfo:hover{
   /* background: var(--black) ; */
   padding: 0.3rem 1rem;
   background: var(--colorHover) ;
   color: var(--white) !important;
}

.btnMoreInfo .bi-arrow-right{
   margin-left: 20px ;
   transition: all .3s;
}
.btnMoreInfo:hover .bi-arrow-right{
   margin-left: 8px ;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
   outline: none;
}

a.jump-to-site-section{opacity: 0 !important; font-size: 0.6rem;}
a.jump-to-site-section:focus{opacity: 1 !important;}

a{color:var(--colorText) !important;
   text-decoration: none;
}
a:hover, a:focus {
   text-decoration: none;
   outline: none;
   color:var(--colorHover) !important;
}



.opacity-25{
   opacity: 0.25 !important;
}
.opacity-50{
   opacity: 0.5 !important;
}

section.pages{
   padding:2rem 0;
}

@media (min-width: 992px){
   section.pages{
      padding:4rem 0;
   }
}


.bg-light{
   background: #eeeeea !important;
}

.bg-cover {
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
   width: 100%;
   background-position: center center;
   position: relative;
   color:#000000;
}

.bgFilter{
   position: absolute;
   left: 0;
   top:0;
   z-index: 0;
   width: 100%;
   height: 100%;
   background:rgba(0,0,0,0.45);
}

.img-cover{
   object-fit:cover !important;
}
@media (max-width: 992px){
   .img-xs-fluid {
      max-width: 100%;
      height: auto;
   }
}
.text-primary{color:var(--text-primary) !important;}
.text-secondary{color:var(--text-secondary) !important;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
   margin: 0;
   font-weight:500 !important;
   letter-spacing: 0 !important;
   font-family: 'Poppins', sans-serif;
   color: var(--text-primary);
}


.fontGoogle{
   font-family: 'Poppins', sans-serif;
}

@media(max-width:992px){
   .h1, h1 {
      font-size: calc(1.6rem + 1.5vw);
   }
}

.fsize3_8rem {
   font-size: 3.8rem;
}

.fsize3rem {
   font-size: 3rem;
}

.fsize2_8rem {
   font-size: 2.8rem;
}

.fsize2_5rem {
   font-size: 2.5rem;
}

.fsize2_2rem {
   font-size: 2.2rem;
}

.fsize2rem {
   font-size: 2rem; line-height: 1 !important;
}

.fsize1_8rem {
   font-size: 1.8rem;
}
.fsize1_7rem {
   font-size: 1.7rem;
}
.fsize1_6rem {
   font-size: 1.6rem;
}

.fsize1_5rem {
   font-size: 1.5rem;
}

.fsize1_3rem {
   font-size: 1.3rem;
   line-height: 1.5rem;
}
.fsize1_2rem {
   font-size: 1.2rem;
   line-height: 1.4rem;
}
.fsize1_1rem {
   font-size: 1.1rem;
}
.fsize1_2rem {
   font-size: 1.2rem;
}

.fsize1rem {
   font-size: 1rem;
   line-height: 1.2rem !important;
}

.fsize0_9rem {
   font-size: 0.9rem !important;
   line-height: 1.1rem !important;
}

.fsize0_8rem {
   font-size: 0.8rem !important;
   line-height: 1.4rem !important;
}

.fsize0_7rem {
   font-size: 0.7rem !important;
}

.fsize0_6rem {
   font-size: 0.6rem !important;
}

.fsize0_5rem {
   font-size: 0.5rem !important;
}

.ls-1{letter-spacing: 1.5px !important;}


.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw900{font-weight:900 !important;}



/* navbar
---------------------------------------------------*/
header.fixed-top{
   border-bottom:1px solid #ddddd3;
   z-index: 2999;
}
.navbar-expand-lg .navbar-nav .nav-item {
   margin:0 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
   color: var(--colorText) !important;
   padding:0 !important ;
   font-size: 0.9rem !important;
   font-family: var(--fontGoogle);
   font-weight: 300;
   letter-spacing: 0.1em;
   border-bottom:2px solid transparent;
   text-transform: uppercase !important;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
   color: var(--colorHover) !important;
   border-bottom:2px solid var(--colorHover);
}
.navbar-expand-lg .navbar-nav .opacity-25:hover{
   border-bottom: 2px solid transparent !important;
   cursor:default !important;
}
.navbar-expand-lg .navbar-nav .active  {
   color: var(--colorHover) !important;
   border-bottom:2px solid var(--colorHover);
   cursor: default;
}
.navbar-expand-lg .navbar-nav .active a  {
   color: var(--colorHover) !important;
   cursor: default;
}
.navbar-expand-lg .navbar-nav .active .nav-link:hover {
   border-bottom:2px solid transparent;
   cursor: default !important;
}

#navbarSite::before{
   position: absolute;
   content: '';
   top: 0; left: 0;
   width:100%;
   background:#eeeeee;
   height: 0;
   z-index: -1;
}
#navbarSite.show::before{
   position: absolute;
   content: '';
   top: 0; left: 0;
   width:100%;
   background:rgba(0,0,0,0.85);
   height: 100vh;
   transition: all ease .3s;
   z-index: -1;
}
@media (min-width: 1200px){
   
   .navbar-expand-lg .navbar-nav .nav-item {
      margin:0 1.3rem;
   }
   
   .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1.1rem;
      
   }
}

@media (max-width: 992px){
   .navbar-brand img{
      max-width: 100px !important;
   }
}


.dropdownColecoes{
   z-index: 1000;
   display: none;
   min-width: 10rem;
   padding: 1rem 0;
   margin: 0;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border:none !important;
   border-radius: .25rem;
   margin-left: -15vw;
   
}
.dropdownColecoes a{
   padding:0 !important;
   cursor: pointer !important;
}
.dropdown-item.active, .dropdown-item:active {
   color: #fff !important;
   text-decoration: none;
   background-color: #eeeeee !important;
}


/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
   font-size: 20px;
   cursor: pointer;
   display: none;
   line-height: 0;
   transition: 0.3s;
   position: fixed;
   top: 15px;
   font-size: 2rem;
   right: 10px;
   z-index: 1500;
   background: #353638;
   padding: 7px 0;
   width: 50px;
   height: 45px;
   text-align: center;
}

#navbarSite.navbar-mobile {
   position: fixed;
   overflow: hidden;
   top: 0px;
   right: 0;
   left: 0;
   bottom: 0;
   background: rgba(255, 255, 255, 0.94) !important;
   transition: 0.3s;
   z-index: 1100;
}
@media (max-width: 991px) {
   
   .mobile-nav-toggle {
      display: block;
   }
   .navbar ul {
      display: none;
   }
}

.navbar-mobile .navbar-nav {
   display: block;
   position: relative;
   width: 96%;
   left: 2%;
   padding: 20px;
   background: transparent !important;
   overflow-y: auto;
   transition: 0.5s;
}

.navbar-mobile .navbar-nav li.nav-item {
   margin:1.4rem auto !important;
   border-bottom: 1px solid #cfcfcf;
   padding-bottom: 25px;
   text-align: center !important;
}
.navbar-mobile .navbar-nav .nav-item a {
   color: #444242 !important;
   transition: all ease 0.5s;
   text-transform: initial !important;
   font-size: 1.6rem !important;
   font-family: var(--fontGoogle) !important;
   font-weight: 300 !important;
   border:none !important;
   
}

.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {
   visibility: hidden;
}

.navbar-mobile  .navbar-nav .active {
   color: #000000 !important;
   border-bottom: 1px solid #000000 !important;
   cursor: default;
}





/* end ---*/


/* HOME
---------------------------------------------------*/
.mastHead{
   margin-top: 96px; 
   position: relative;
}

.owl-home, .owl-home .item{
   height: 87vh !important;
   position: relative;
}

@media (max-width: 992px) {
   .mastHead,.bannerPage{margin-top: 85px !important; }
   .owl-home, .owl-home .item {
      height: 65vh !important;
      position: relative;
   }
}
.owl-info{
   position: absolute;
   width: 100%;
   z-index: 888;
}
.owl-title {
   font-family: var(--fontGoogle);
   color: var(--black);
   text-transform: uppercase;
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.4;
}

.owl-dots{
   position: absolute;
   bottom: 22%;
   width: 100%;
   z-index: 999;
}
#carousel-home-dots .owl-dot{
   width: 15px !important;
   height: 15px !important;
   border-radius: 50%;
   padding: 1px;
   margin-right:8px;
   background: var(--white);
   transition: all ease .2s;
}
#carousel-home-dots .active{
   width: 25px !important;
   border-radius: 40px!important;
}

@media (min-width: 1024px) {
   .owl-title {
      font-size: 4.2rem;
      font-weight: 500;
      line-height: 1;
   }
   .owl-subtitle {
      font-size: 2rem;
      line-height: 2.5rem;
      color:var(--black);
   }  
}


.mouse {
   position: absolute;
   bottom: 30px;
   z-index: 1500;
   left: calc(50% - 14px);
}


.mouse .animated-mouse {
   width: 23px;
   height: 37px;
   border: 2px solid #000;
   transform: translate(-50%,-5%);
   border-radius: 14px;
   background: 0 0;
}

.mouse .animated-mouse-pointer {
   position: absolute;
   width: 6px;
   height: 6px;
   border-radius: 100%;
   background: #000;
   left: 50%;
   top: 70%;
   transform: translate(-50%,0);
   animation-name: mousePointer;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-timing-function: linear;
   animation-fill-mode: backwards;
   animation-delay: .5s;
}

@keyframes mousePointer{
   0%{opacity:0;top:20%}
   20%{opacity:1;top:20%}
   60%{opacity:1;top:70%}
   70%{opacity:0;top:70%}
   100%{opacity:0;top:80%}
}

/* end ---*/

/* banner pages
---------------------------------------------------*/
.bannerPage{
   margin-top: 115px;
   padding:2rem 0; 
   width: 100%;
   position: relative;
}
@media (min-width: 768px){
   .bannerPage{
      margin-top: 96px;
      padding:4rem 0;
   }
}
/* end ---*/


/* EMPRESA
---------------------------------------------------*/
.galeriaFoto{
   overflow: hidden !important;
   position: relative;
}
.galeriaFoto .bg-light{
   min-height: 200px;
}
.galeria img.thumb{
   min-height: 200px !important;
   transition: all .4s;
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
}
.galeriaFoto:hover .thumb{
   -webkit-transform: scale(1);
   transform: scale(1);
}

.galeriaFoto .bgFilter{
   opacity: 0 !important;
   margin-top: -5px;
   transition: all .4s;
   z-index: 1050;
}
.galeria a:hover .bgFilter{
   
   opacity: 1 !important;
   border-radius: .25rem!important;
   margin-top: 0;
}
.galeriaFoto .bgFilter .bi{
   position: absolute;
   top: 45% !important;
   left: 45% !important;
   color: var(--colorHover);
   font-size: 36px !important;
}

/* end ---*/


/* COLEÇÕES / PRODUTOS
---------------------------------------------------*/
.galeria a:hover .thumb{
   -webkit-transform: scale(1);
   transform: scale(1);
}
@media (min-width: 1100px){
   .productTitle{
      font-size: 3rem;
   }
}


.lSGallery li{
   background: var(--text-secondary);
}
.lSGallery img{
   object-fit:cover !important;
   width: 100% !important ;
   height:80px !important;
   opacity: 0.4;
   transition: all .3s;
}
.lSGallery img:hover, .lSGallery li.active img{
   object-fit:cover !important;
   opacity: 1;
}

@media (max-width: 768px){
   .lSGallery img{
      height:50px !important;
   }
}

/* end ---*/


/* Novidade
---------------------------------------------------*/
.galeriaNovidades .bgFilter .bi {
   position: relative;
   top: 35% !important;
   left: 40% !important;
   color: var(--colorHover);
   font-size: 20px !important;
}

/* end ---*/

/* FOOTER */
.back-to-top {
   background: var(--text-primary);
   color: #fff !important;
   font-size:2rem;
   padding-top: 10px;
   text-align: center;
   cursor: pointer;
   overflow: hidden;
   position: fixed;
   z-index: 1030;
   right: 10px;
   bottom: 40px;
   -webkit-transition: all .3s;
   transition: all .3s;
   width: 50px;
   height: 50px;
}
.back-to-top:hover {
   background: #797979;
   color:#ffffff !important;
}

footer{
   background: #222222;
}
footer, footer a, footer .h2{
   color: #D0D0D0 !important;
}
.footer .copyright{
   font-size: 0.9rem !important;
   border-top: 1px solid #363636;
   padding-top: 1rem;
}

.social-links svg{
   margin-right: 5px;
}


/* Contactos
---------------------------------------------------*/
#map{ min-height: 450px;}
/* end ---*/








