/*

Theme Name: RS DEZOITO

Text Domain: RS DEZOITO

Version:1.2 

Description: Tema desenvolvido por Joao Antonio Rocco (joao.a.rocco@gmail.com)

Tags: responsive, wordpress theme, bootstrap

Author: TAGSW

Author URI: https://rsdezoito.com.br

Theme URI:  https://rsdezoito.com.br

*/



/****** *GLOBALS *****/

body, .sulphur{

    font-family: 'Sulphur Point', sans-serif;

}

h1{

font-size: 2rem;

}



a:active,a:focus,input:active,input:focus,button:active,button:focus{

    outline:0!important;

    -moz-outline-style:none!important;

    box-shadow:none!important;



}

a {

text-decoration:none!important;

}

.color_black{

color:#000;

}

    .color_white {

    color:#fff;

    }



       

    .bt {

        border:none;

        display:inline-block;

        text-align: center;

        padding:0.5rem 1.2rem;

        font-weight: bold;

        transition: background-color 0.4s;

        }



        .bt-primary{

        background-color:transparent;

        border:3px solid #000;

        color:#000;

        }

        

        .bt-primary:hover{

        background-color:#000;

        color:#fff;

        opacity:0.8;

        } 



        .bt-send{

            border:none;

            background:none;

            font-weight:bold;

            font-size:14px;

            }



/*********** HEADER *********/

     .nav-link{

        color:#313131!important;

        text-transform: uppercase;

        

        }

        .nav-link:hover, .nav-item.active, .links-contato:hover{

        color:#4e4e4e!important;

        }  

    

/*********** HEADER ENDS *********/

/*********** CONTENT ***********/
.item-banner{
position:relative;
}
.bt-banner{
position:absolute;
background-color:#fff;
z-index:999;
bottom:10%;
left:50%;
transform: translate3d( -50%, 0%, 0 );
}


.bg_image_1 {

background-image: url('dist/images/background-1.png');

background-repeat: no-repeat;

background-size: 40%;

background-position:bottom left;

}

.bg_color_1{

background-color:#dfdfdf;

}

.bg_image_2 {

    background-image: url('dist/images/background-2.png');

    background-repeat: no-repeat;

    background-size: 40%;

    background-position:bottom right;

    }

    .bg_image_2 h2{

    font-size: 20px;

    }



    .bg_image_3 {

        background-image: url('dist/images/background-3.png');

        background-repeat: no-repeat;

        background-size: 20%;

        background-position:bottom right;

        }

        
    .bg_image_4 {

        background-image: url('dist/images/imagem-fundo-interna.png');

        background-repeat: no-repeat;

        background-size: 45%;

        background-position:bottom right;

        }





    .wpcf7-spinner{

    position: absolute!important;

    }

    .wpcf7 form .wpcf7-response-output{

        border-color:transparent!important

    }

    .parallax{

        height:300px;

        background-attachment:fixed;

        background-repeat:no-repeat;

        position:relative;

    }

    .parallax h2{

    position:relative;
        line-height: 1.2;
        text-shadow: 0px 0px 73.08px rgba(0, 0, 0, 0.93);
      }
      


    .overlay{

    width:100%;

    height:100%;

    position:absolute;

    top:0;

    opacity:0.3;

    background-color:#000;

    

    } 



a:hover svg{

    fill:#0a58ca;

    }



   .left-element{

position: absolute;

left:15px;

bottom:20px;

z-index: -1;

   } 

   .right-element{
    position: absolute;
    right:15px;
    top:50px;
       } 



  .bg-quem-somos{
    position:relative;
  } 

  .element{
   position:absolute;
   right:0;
   z-index: -1;
    }



    .missao h2{

        padding-top:5%;

        }

        .visao{

        color:#fff;

        }

        .visao h2{

        padding-top:25%;

        }

        .valores h2{

        padding-top:30%;

        }

        

         .caption-interna h1.color_white{
            text-shadow: 0px 0px 73.08px rgba(0, 0, 0, 0.93);
         }

    .banner-interna{

        position:relative;

        }

        .caption-interna{

        position:absolute;

        top:50%;

        left:50%;

        transform: translate(-50%, -50%);

        }
        .map-responsive {
            padding-bottom: 62.25%;
            position: relative;
            height: 0px;
            overflow: hidden;
        }
        .map-responsive iframe {
            left: 0px;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }

        hr.separator {
            border: none;
            height: 2px!important;
            opacity: 1;
            color: #000;
            background-color: #000;
        }  

        .bg_color_2{
            background-color:#000;
        padding:2em 0 4rem 0;
            text-align:center;
        }
        .bg_color_2 .nav{
        display:inline-flex;
        margin-bottom:2rem
        }
        
        .bg_color_2 .nav .nav-link{
        border:none;
        margin:0 15px;
        width:110px;
        background-color:transparent;
        color:#fff!important;
        border:2px solid;
            
                transition: background-color 0.4s;
        }
        .bg_color_2 .nav .nav-link:hover{
        background-color:#fff;
        color:#000!important;
        }       
.bg_color_3{
background-color:#d8d8d8 ;
}
       

.single-empreendimentos h2, .single-empreendimentos h3 {
margin-bottom:1.5rem;
}
/*********** CONTENT ENDS ***********/

/********* SLICK SLIDE *******/

.slick-dots li button:before  {

    font-size:16px!important;

    color:#000!important;



    }

    .slick-dots li.slick-active button:before

        {

    color:#000!important;

    opacity: 1!important;

    }

    .slick-prev:before, .slick-next:before {
        color: #fff!important;
        font-size: 20px!important;
        }
        .slick-next {
        right: 10px!important;
        }
        .slick-prev {
        left: 10px!important;
        z-index: 999;
        }
.mps.slick-3 .slick-next {
	        
        right: -25px!important;
        }
     .mps.slick-3    .slick-prev {
        left: -25px!important;
        }
}

        .tab-content>.tab-pane{ display: block!important; height: 0px; overflow: hidden!important; }
        .tab-content>.active{ height: auto!important;}
/********* SLICK SLIDE ENDS *******/

/****** *MOBILE MENU ANIMATION ***/

.navbar-toggler {

  border: none!important;

  background: transparent !important;

  position:absolute;

  z-index:999999!important;

  right:15px;

}

.navbar-light .navbar-toggler {

color:rgba(0,0,0,0)!important;

}

.animated-icon{

width: 30px;

height: 20px;

position: relative;

margin: 0px;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .5s ease-in-out;

-moz-transition: .5s ease-in-out;

-o-transition: .5s ease-in-out;

transition: .5s ease-in-out;

cursor: pointer;

}



.animated-icon span{

display: block;

position: absolute;

height: 3px;

width: 100%;

border-radius: 9px;

opacity: 1;

left: 0;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

-webkit-transition: .25s ease-in-out;

-moz-transition: .25s ease-in-out;

-o-transition: .25s ease-in-out;

transition: .25s ease-in-out;

}



.animated-icon span:nth-child(1) {

top: 0px;

}

.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {

top: 10px;

}

.animated-icon span:nth-child(4) {

top: 20px;

}

.animated-icon.open span:nth-child(1) {

top: 11px;

width: 0%;

left: 50%;

}

.animated-icon.open span:nth-child(2) {

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);

}

.animated-icon.open span:nth-child(3) {

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

transform: rotate(-45deg);

}

.animated-icon.open span:nth-child(4) {

top: 11px;

width: 0%;

left: 50%;

}

.animated-icon span {

background:#000;

}

/****** MOBILE MENU ANIMATION ENDS  *****/

/****** *MEDIA QUERYS *******/

@media only screen and (max-width: 768px){

.nav-redes-box.text-end{

width:100%;

text-align: center!important;

padding-bottom:1rem;

}

.navbar-toggler{

    position: absolute;

    top: 45px;

 }    

.element{

top:20%;

}

}



@media only screen and (max-width: 425px){

        .element{

    display: none;

    }

    .visao h2, .missao h2, .valores h2{

    padding-top:2rem;

    }

    .visao{

    color:#000;

    }
	
	.mps.slick-3 .slick-next {
	        
        right: 10px!important;
        }
     .mps.slick-3 .slick-prev {
        left: 10px!important;
        }
	

    }



@media only screen and (min-width:1900px){

    .w-xl-75{

    width:75%;

    }

  .element{

    width:85%;

  }  

  .missao h2{

    padding-top: 19%;

  }

}