/*
Theme Name: Blend Strategy
Text Domain: Blend Strategy
Version:1.2 
Description: Criação de temas personalizados em Wordpress para sua necessidade. 
Author: Joao Antonio
Author URI: https://pliniodemelo.com.br/
Theme URI:  https://pliniodemelo.com.br/
*/


/* quicksand-regular - latin */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: url('dist/fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('dist/fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('dist/fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

         url('dist/fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */

         url('dist/fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

         url('dist/fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */

  }
  /* quicksand-500 - latin */
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: url('dist/fonts/quicksand-v30-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('dist/fonts/quicksand-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/quicksand-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/quicksand-v30-latin-500.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/quicksand-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/quicksand-v30-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
  }
  /* quicksand-600 - latin */
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    src: url('dist/fonts/quicksand-v30-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('dist/fonts/quicksand-v30-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/quicksand-v30-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/quicksand-v30-latin-600.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/quicksand-v30-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/quicksand-v30-latin-600.svg#Quicksand') format('svg'); /* Legacy iOS */
  }
  /* quicksand-700 - latin */
  @font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: url('dist/fonts/quicksand-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('dist/fonts/quicksand-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('dist/fonts/quicksand-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('dist/fonts/quicksand-v30-latin-700.woff') format('woff'), /* Modern Browsers */
         url('dist/fonts/quicksand-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('dist/fonts/quicksand-v30-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */

  }

/****** GLOBALS *****/
svg{pointer-events: none!important;}
a:active,a:focus,input:active,input:focus,button:active,button:focus{outline:0!important;-moz-outline-style:none!important; box-shadow:inherit!important}
a {
text-decoration:none!important;
}
body{
    font-family: 'Quicksand'!important;

color:#848484;

}



.first-sec{

    background-color: #fef6f3!important;

}



/****** TIPOGRAFIA E CORES ******/

.color-white{

color:#fff;

}

.linear-cinza{

    background: linear-gradient(111.3deg, #F4F4F2 3.85%, #D4D4D4 85.75%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    text-fill-color: transparent;

}



.color-f{

color:#A3B28A;

}



.t3 {

    color:#848484;

    font-weight: 400;

    font-size:1.313rem;



}

.text-container h2{

font-size:2rem;

font-weight: 700;

color:#153B32;

margin-bottom:1.5rem;

}

.text-container p{

    line-height: 31.5px;

    font-weight: 400;

    font-size:1.1rem;

}



.fs-18{

font-size:18px;

}



/****** TIPOGRAFIA E CORES *****/

.color_primary{

    color:#7A9783;

}

.color_primary-b{

    color:#A3B18A!important;

}





.color_secondary{

    color:#153B32!important;

}

.color_tertiary{

    color:#3F4F44;

}.color_tertiary-b{

    color:#202020;

}

.color_white{

color:#fff!important;

}

.color_offwhite{

    color: #EAE5E1!important;

    }



/******** BUTTONS *******/

.bt-primary{

    background: linear-gradient(91.52deg, #A3B18A -0.61%, #3F4F44 96.09%);

    color:#fff;

    display:inline-block!important;

    border:none!important;

    padding:0.6rem 2rem;

    font-weight: 700;

    border-radius:40px 0;

transition: all 0.5s;

    }



.bt-linear-b{

    background: linear-gradient(91.52deg, #22251F -0.61%, #3F4F44 96.09%);

    border:1px solid #fff!important;

}

    



    .bt-primary:hover{

    color:#fff;

    border-radius:0 40px ;



    }



/******** BUTTONS ENDS *******/

/* ============ OFFCANVAS ============ */

 body.offcanvas-active{

 overflow:hidden!important;

}

.offcanvas-header{ display:none!important; }

.screen-darken{

	height: 100%!important; width:0%!important;

	z-index: 30!important;

	position: fixed!important; top: 0!important; right: 0!important; 

	opacity:0!important; visibility:hidden!important;

    background-color:rgba(255,255,255,0.7)!important;

	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in!important;

}

.screen-darken.active{

	z-index:10!important; 

	transition:opacity .3s ease, width 0s!important;

	opacity:1!important;

	width:100%!important;

	visibility:visible!important;

}

/* ============ mobile view ============ */

@media all and (max-width: 991px) {

	.offcanvas-header{ display:block!important; }

	.mobile-offcanvas{

		visibility: hidden!important;

		transform:translateX(-100%)!important;

		border-radius:0!important; 

		display:block!important;

		position: fixed!important;  top: 0!important; left:0!important;

		height: 100%!important; width:80%!important;

		z-index: 1200!important; 

		overflow-y: scroll!important;

		overflow-x: hidden!important;

		transition: visibility .3s ease-in-out, transform .3s ease-in-out!important;

	}



.mobile-offcanvas.show{

 visibility: visible!important; 	transform: translateX(0)!important;

	}



.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{

		display: block!important;

	}

    .bt-trigger {

        border:none;

        fill:#fff;

         background: none;

         position: absolute;

        top: 27px;

        right: 15px;

        }





        .mobile-offcanvas{



            background-color:#153B32!important;

            

            color:#fff;

            

            }

            

                        .mobile-offcanvas .nav-link{

            

                            color:#fff!important;

            

                            margin: 0.6rem 0 0 2rem;

            

                        }



            #navbar_main .bt-primary{

                display: none!important;

            }



}

/* ============ OFFCANVAS END ============ */

/* ========= HEADER ========== */

header{

    position:absolute;

    width:100%;

    z-index:9999;

    }

    header .img-logo{

    width:200px;

    margin-right:3rem

    }

    #menu-menu .nav-link{

    color:#fff;

    margin-left:1rem;

    font-weight:500;

    }

    #navbar_main{

    position:relative;

    left:-105px;

    }

    #menu-menu {

    position:relative;

    

    }

    .arw{

    position:relative;

    left:15%;

    font-weight:500;

    }

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

.cover-img{

width:100%;

height:250px;

object-fit: cover;

}

/* ======= BANNERS ========*/

#banner{

    position:relative;

    height:100vh;

    z-index: 999;

}
#banner.vhome{
height: 60vh;
}

#banner.vhome img{
height: 100%!important;
position:absolute!important;
}

#banner img{

     position:absolute;

    z-index:-1;

    object-fit: cover;

        object-position: bottom;

        height: 100vh;

    

}

.caption h1{

    font-weight:700;

    font-size: 64px;

    line-height: 130.5%;

    position:relative;

        }





        .caption h1.int {

            font-size: 52px;

            line-height: 120.5%;

        

        }

        .caption h1.sing{

            width:79%;

        }



    .caption2 {

        color:#e1e1e0;;

    }

    .caption2 svg{

    position:absolute;

    left:0;

    top:0;

        }

    

    .caption2 p{

    padding-left:22px;

    line-height:150%;

    font-size:18px;

    }



/* ======= BANNERS ENDS ========*/



.left-elm, .right-elm{

    width:200px;

    position:absolute

    }

    

    .left-elm{

    left:0;

    top:15%;

    }

    

    .right-elm{

    right:0;

    top:5%;

    }

    

    .linkto{

    font-weight:700;

    font-size:1.2rem;

    line-height:30px;

    color:#7A9783;

    text-decoration:underline!important;

    }

    

    .icons-F h3{

        font-size:18px;

        font-weight:700;

    }

    

    #navbarNavDropdown ul{

    display:block!important;

    }

    #navbarNavDropdown li a{

    color:#E8E8E8;

    }

    

    



/* ======= FOOTER ========== */

.bg_img_footer{

background-image: url('dist/images/bg-footer-min.jpg');

background-repeat: no-repeat;

background-size:cover;

background-position: center top;

}





.bg_color_footer{

    background-color:#153B32;

    }

.t-footer{

    margin-top:3rem;

    color:#fff;

    font-size:2.2rem;

    margin-bottom:2rem;

    }

    

    .datasafety{

    margin-top:3rem;

    color:#fff;

    }

    .privacy{

    color:#F4F4F2;

    font-size:0.9rem;

    margin-top:1rem;

    }

    .wpcf7-acceptance{

        position:relative;

        left:-14px

    }

    

    .privacy a{

    color:#fff;

    }

    .wpcf7-response-output{

        border:none!important;

        color:#fff;

    }

    .bdrs{

        position:relative;

        }

        .bdrs svg{

        position:absolute;

        top:0;

        z-index:999;

        }

        .bdrs .left{

        left:25px;

        

        }

        .bdrs .right{

        right:30px;

        

        }

        

        .contato-f a{

        display:block;

        }

        

        .nav-f li{

        list-style:none;

        display:inline-block;

        padding-left:1.4rem;

        }

        

        .nav-f li a{

        color:#fff;

        }



/*=======  SERVICOS =====*/

.servicos{

background-image:url('dist/images/bg-servico.jpg') ;

background-repeat: no-repeat;

background-size:cover;

background-position: center top;

}



.accordion-button::after{

background-image: url("dist/images/accordion-arrow.png") !important;

background-size:13px 19px!important;

}



.accordion-button:not(.collapsed)::after {

transform: rotate(90deg)!important;}



.line {

border-top:3px solid;

margin-top:5rem!important;

}

.line img{

position:relative;

top:-20px;

}

.icons-F img{

width:100px!important;

}

.icons-F{

padding-bottom:5rem;

background-color: #fef6f3!important;

}



.oqf1, .oqf2, .serv-qm{

padding-top:10%;

}

.servicos{

color:#fff;

padding-bottom:3rem

}

#topics .accordion-item{

background-color:transparent!important;

border:none!important;

margin-top:10px!important;

}

.accordion-button{

background-color:transparent!important;

border-top:2px solid #fff!important;

color:#fff!important;

font-size:21px;

}

.accordion-button::after{

background-color:#fff;

width:30px!important;

height:30px!important;

border-radius:100%!important;

background-position:10px!important;

}

.accordion-item {

color:#fff!important;

}







    #servicos .accordion-button, #topics .accordion-button{

    background-color:transparent!important;

    border-top:2px solid #3F4F44!important;

    color:#848484!important;

    font-size:21px;

    }

    #servicos .accordion-button::after, #topics .accordion-button::after{

    background-color:#F9F3EE;

    

    

    

    

    }

    #servicos .accordion-item {

        color: #848484!important;

    }



.box-blur{

    background: radial-gradient(97.57% 210.75% at 0.9% 2.98%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);

    backdrop-filter: blur(21px);

        border-radius: 84px;

    border:1px solid #fff;

    height:100%;

    padding:5rem 2rem;

    }

    .oqf2, .serv-qm{

    margin-left:12%

    }

    .oqf2 p, .serv-qm p{

        font-size:18px;

        padding-right:15%;

    }

    .d-title{

    line-height:48px;

    

    }

    .has-gradient-color{

    background: linear-gradient(179.75deg, #A3B18A -26.45%, #3F4F44 99.78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

    font-weight:700;

}



    .d-title span{

    background: linear-gradient(111.3deg, #16232E 3.85%, #464D40 85.75%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

    font-size:48px;

    font-weight:700;

    }
.bg_topics{
  background-image: url('dist/images/banner_topics_desk.png');  
  background-repeat: no-repeat;
  background-size: contain;
	background-position:center;
background-color:#F6FAF1;
} 


.single-serv h2,
.single-serv h3,
.single-serv h4,
.single-serv h5,
.single-serv h6
{
font-weight:700;
color:#3F4F44;
margin-bottom:1rem;
}


.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6
{
font-weight:700;
color:#3F4F44;
margin-bottom:1rem;
}
.single-post h2{
	font-size:1.5rem}
}
.single-post h3{
	font-size:1.3rem}
}
.single-post h4{
	font-size:1.2rem}
}
.single-post h5{
	font-size:1.15rem}
}


#accordionTopics{
background: #FFFFFF;
box-shadow: 0px 260px 104px rgba(0, 0, 0, 0.01), 0px 146px 88px rgba(0, 0, 0, 0.02), 0px 65px 65px rgba(0, 0, 0, 0.04), 0px 16px 36px rgba(0, 0, 0, 0.04), 0px 0px 0px rgba(0, 0, 0, 0.04);
padding:0 2rem
}
#accordionTopics button{
font-size:18px!important;
}

/* ====== SERVICOS ENDS ==== */



/* ======== CLIENTES ======= */

.clientes {

background-image:url('dist/images/background-clientes.jpg');

background-color:#f4f4f2;

background-repeat: no-repeat;

background-position: right center;



}



.slickClientes .slick-slide {

    display: flex!important;

      align-items: center!important;

    justify-content:center;

    }



    .slick-dots li{

        margin-left:15px!important;

    margin-right:15px!important;

    }

    .slick-dots li button

    {

      width:30px!important;

      height:6px!important;

      background:#E8E8E8!important;

     border-radius: 30px!important;

    padding:0!important;

    }

    .slick-dots li button:before{

        content:''!important;

        }

    

    .slick-dots .slick-active button

    {

      background:linear-gradient(93.81deg, #A3B18A 0%, #3F4F44 125.52%)!important;

    }

    .slick-dots{

    bottom:-67px!important

    }


.form-select{
display: inline!important;
}
.clientes-grid{
    position:relative;
    padding:1rem;
        height:100%;
    }
    .clientes-grid::after{
        content:"";
    width:100%;
    height:1px;
    background-color:#3F4F44;
    position:absolute;
    left:0;
    top:0
    }
    
    .form-select{
    border:none!important;
    color:#025959!important;
    font-weight:bold!important;
    }
    
    
    .selectdiv:after {
        content: '1123';
            color: #0ebeff;
        right: 11px;
        top: 6px;
        height: 34px;
        padding: 15px 0px 0px 8px;
        border-left: 1px solid #0ebeff;
        position: absolute;
        pointer-events: none;
    }
    
    /* IE11 hide native button (thanks Matt!) */
    select::-ms-expand {
    display: none;
    }
    
    .selectdiv select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      /* Add some styling */
      
      display: block;
      width: 100%;
      max-width: 320px;
      height: 50px;
      float: right;
      margin: 5px 0px;
      padding: 0px 24px;
      font-size: 16px;
      line-height: 1.75;
      color: #333;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #0ebeff;
      -ms-word-break: normal;
      word-break: normal;
    }
    
    .pst-bc{
        position:absolute;
    z-index:99;
    bottom:20%;
    left:8%;
    }

/* ====== CLIENTES ENDS ==== */


.slick-depo .col-sm{

    height: 65vh;

    }

    .box-blog, .clientes-grid, .page-post-grid{

      border-width: 1px;

      border-style: solid;

      border-image: 

        linear-gradient(180deg, #3F4F44 0%, rgba(163, 177, 138, 0) 100%) 1 100%;

    }

    .box-blog a{

        color:#5B5B5B;

        font-size:18px;

        line-height:22px;

        height:60px;

        display:block;

    }

    .box-blog ul.post-categories{
        padding-left:1rem!important
    }

    .box-blog .post-categories li{

    list-style:none;

    display:inline-block;

    margin-top:1rem;

    background-color:#E8E8E8;

    border-radius: 8px;

    padding: 6px 12px;

    font-weight: 700;

    

    line-height: 15px;

    

    }

    .box-blog .post-categories li a{

            color:#202020;

        font-size: 12px;

        display:inline;

    }

    

    

/***** BLOG PAGE ***/
.bg_white{
	background-color:#fff;
}
#artigo-C{

	margin-top:-100px;
	position:relative;
	z-index:9999;

}

.img-rounded{
	width:35px;
	height:35px;
	border-radius:100%
}

.ctg-feed{
  position:absolute;
  top:25px;
	left:25px;
  text-align:center;
	padding: 15px;


background: #E8E8E8;
border-radius: 8px;
	
  }
  .ctg-feed ul{
  list-style:none;
  padding-left:0;
line-height:0;  
  }
  .ctg-feed ul li{
  display:inline-block;
  position:relative;
	top:8px
  
  
  }
  .ctg-feed ul li a{
color:#202020;
	font-weight:600;
  }


  
  .overlay-blog{
  padding:0 1rem 1rem ;
  position:absolute;
  bottom:0;
  width:100%;
	background: linear-gradient(360deg, #1F1F2E -69.63%, rgba(31, 31, 46, 0) 77.17%);
  }
.icons-b{
margin-top:2rem;
}


  .overlay-blog a{
  color:#fff;
		display:block;
	
	font-weight:700;
  }
  .overlay-blog a h3{
    
	font-size:28px;  
    line-height:42px
  }
  
  .feed-blog-h{
  object-fit:cover;
  width:100%;
  height:100%;
  }

  
.bg_news{
    background-image:url('dist/images/News_desktop.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding:2rem 0;
    background-position: center;
}


.news .term-c{
    color:#808080;
    font-size:12px;
    line-height:14.63px;
    display:block;
    
    }
    .news form{
        position:relative;
    }
    
    .news .wpcf7-spinner{
        position:absolute;
        right:0;
        bottom:0;
        z-index:9999;
    }
    .news .wpcf7-list-item{
    float:left;
    
    }
    .news .wpcf7-list-item input{
    width:20px;
    position:relative;
    top:-12px
    }
    
    
    .news input{
    height:48px!important;
    }
    
    .bt-newsletter{
        background-color:#3F4F44;
        border-radius: 8px;
        height:48px;
        color:#fff;
        width:100%;
        display:inline-block;
        border:none!important;
    }
    
.tag-cloud{
background-image: url('dist/images/Box_tag.png');
background-repeat: no-repeat;padding:5px;
background-size: 100%;
}

/* ====== QUEM SOMOS ====*/

.bg-quem-somos{

background-image:url('dist/images/Back_sobre_desk.jpg');

background-repeat: no-repeat;

background-size: cover;

background-position:right top;

margin-top:-200px;

}



.fix-negative-m{

padding-top:300px;

}





.box-institucional{

    background: #FFFFFF;

    box-shadow: 0px 22px 9px rgba(130, 121, 104, 0.01), 0px 13px 8px rgba(130, 121, 104, 0.05), 0px 6px 6px rgba(130, 121, 104, 0.09), 0px 1px 3px rgba(130, 121, 104, 0.1), 0px 0px 0px rgba(130, 121, 104, 0.1);

    border-radius: 20px;

    padding:2rem 1.5rem;

    position:relative;

    margin-bottom:3rem;

    }

    

    .icon-inst{

        position:absolute;

        right:0;

    right:1rem;

    top:1rem;

    }

    

    a.color_offwhite{

    display:block;

    position:relative;

    line-height:100%;

    }

    a.color_offwhite svg{

    display:block;

    position:absolute;

    top:25%;

    transform: rotate(90deg);

    right:0;

    }

    

    .sq-box-blur{

    padding:2rem

        }

    

    .sq-box-blur{

    background-image: url('dist/images/box-serv-q.png');

    background-position: center top;

    background-size: 100%;

    background-repeat: no-repeat;

    height: 100%;

    }





/* ====== NUMEROS ==== */

.bx-numb{

position: relative;

}

.bx-numb{

font-size:18px;

}



.bx-numb::before {

    content: '';

    background: url('dist/images/linha-c.svg') 

        no-repeat center center/cover;

    position: absolute;}





    .bx-numb{margin:2rem 0;

    }

    .bx-numb p{

    font-size:24px;

    }

    

    .numb{

    background: linear-gradient(179.75deg, #A3B18A -26.45%, #3F4F44 99.78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

    font-size:72px;

    font-weight:700;

    }

    .bx-numb::before {

    width:5px;

    height:100%;

    left:-10px;

    

    }

    .numb{

    position:relative;

    }

    .mq{

    font-size:26px;

    position:absolute;

    top:10px;

    background: linear-gradient(179.75deg, #A3B18A -26.45%, #3F4F44 99.78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

    font-weight:700;

    }



/* ====== DEPOIMENTOS ====== */

.bg_depo{

background-image: url('dist/images/bg-depo-min.jpg');

background-position: center bottom;

background-size: cover;

background-repeat: no-repeat;



}



.slick-depo .col-sm{

    padding-top:2rem;;

    }

    .linear-bdr{

        border: none!important;

        height: 5px!important;

    background: rgb(163,177,138);

        background: linear-gradient(90deg, rgba(63,79,68,0.6) 10%, rgba(163,177,138,1) 100%)!important;

    opacity:1!important;

    }

    .box-depo .logo-d{

    height:45px;

    }

    .box-depo{

    background-image: url('dist/images/box-depo-min.png');

    position:relative;

    padding:1rem 4rem 1rem 2rem;

    background-position:top;

    background-repeat:no-repeat;

    background-size:100%;

    background-color:#fff;





    }
.bx-shadow{
    box-shadow: 0px 260px 104px rgba(34, 41, 55, 0.01), 0px 146px 88px rgba(34, 41, 55, 0.05), 0px 65px 65px rgba(34, 41, 55, 0.09), 0px 16px 36px rgba(34, 41, 55, 0.1), 0px 0px 0px rgba(34, 41, 55, 0.1);
}

    .box-depo p{

    line-height:21px;

    position:relative;

    height:200px

    }

    .box-depo p::after{

    position:absolute;

    content:"";

    height:116px;

    right:-2.5rem;

    width:8px;

    top:50%;

    background-color:#3F4F44;

    border-radius:30px;

        transform: translate(0, -50%);

    }

    .box-depo .aspa{

    background-color:#fff;

    width:51px;

    height:51px;

    position:absolute;

    right:10%;

    top:-25px;

    box-shadow: 0px 22px 9px rgba(130, 121, 104, 0.01), 0px 13px 8px rgba(130, 121, 104, 0.05), 0px 6px 6px rgba(130, 121, 104, 0.09), 0px 1px 3px rgba(130, 121, 104, 0.1), 0px 0px 0px rgba(130, 121, 104, 0.1);

    border-radius: 25.5px;



    }

    .svg-aspa {

    position:relative;

    top:17px;

    left:12px

    }

    

    .arrow li{

    display:inline-block;

    cursor:pointer;

    margin:0 1.5rem;

    width:56px;

    height:56px;

    transition:all 1s;

        border-radius:100%;

    background: transparent;

    

    }

    .next svg, .prev svg{

    fill:#5B5B5B;

    width:50px;

    position:relative;

    top:3px;

    left:3px;

    transition:all 1s;

    }

    

    .arrow li:hover{

    background: linear-gradient(179.75deg, #A3B18A -26.45%, #3F4F44 99.78%);

    

    }

    .arrow li:hover svg{

    fill:#fff;

    }

    

/* ====== DEPOIMENTOS ENDS ====== */

.institucional{

position: relative;

z-index: 9999;

}



.video{

	margin-top:5rem;

	margin-bottom:5rem;

}





.video-responsive{

position:relative;

}

.video-responsive img{

position:relative

}

.video-responsive .video-shadow{

position:absolute;

z-index:0;

max-width:100%;

max-height:100%;

left:50%;

        transform: translate(-50%, 0);

top:80px;



	

}







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



@media only screen and (min-width:768px){
.px-2-1{
padding-left:2.2rem!important;
padding-right:2.2rem!important;
}
    
    .fix-center{
    
        margin-left:10%;
        width:80%;
        }

    .contato-f a{

        white-space:nowrap;

    }

    .institucional{

        

        margin-top: -250px!important;

        

        }







}


.caption.cpt-center{
position:absolute;
top:40%!important;
left: 50%;
text-align: center;
transform: translate(-50%, -50%)!important;
}
@media only screen and (min-width:2000px){
	#banner img{
		height:108vh!important;
	}	
}



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

.slick-depo .col-sm{

    height: 60vh;

    }
.caption{

position:relative;

top:-85px;

}



.left-elm{

    top:35%;

    }



    .institucional{

        

    margin-top:-300px!important;

    }

}



@media (min-width:1300px) and (max-width:1500px) {

    .fix-col-5{

    width:48%!important;

    }

}









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

        .caption2 p br{

            display:none;

        }
	.fix-center br{
		display:none;
	}
	
.caption h1{

   

    font-size: 54px;

   

   

        }


    }

    





    @media only screen and (max-width:768px){
		.fix-center{
		padding:2rem 1rem;
		}
		
        .bg_img_footer{
background-image: url('dist/images/footer-mobile.jpg');
        }
        .caption.cpt-center br{
             display: none;

        }       

        .fix-center br{
            display: none;
        }
        .fix-br br{
        display:none;
        }
        .caption h1.sing {

         

         

            width:100%;

        }



        .fix-negative-m{

        padding-top:200px;

        }



        .oqf2, .serv-qm{

            margin-left:0!important;

            padding-top:112px!important;

            }

            .serv-qm{

            padding-top:0!important

            }

        .box-bluer{

        padding-left:1rem;

        padding-right:1rem;

        }

        .sq-box-blur{

        padding:2rem 3rem;

        }

            .servicos{

                background-image:url('dist/images/bg-mobile.jpg') ;

            

            }



            .box-depo{

                height: 100%;

                padding-bottom:3rem;

            }

   }

   #search-input{
    background: radial-gradient(97.57% 210.75% at 0.9% 2.98%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    backdrop-filter: blur(21px);
    border-radius:51px 0;
    height:54.86px;
    }
    #search-input{
    padding-left:2rem;	
    }
    
    #search-input::placeholder, #search-input{
    color:#fff;
    
    }
    
    .bt-submit{
    background: linear-gradient(264.76deg, #A3B18A 28.81%, rgba(163, 177, 138, 0) 103.23%)!important;
    padding:0.4rem 4rem;
    color:#e3e3e3;
    border: 2px solid ;
    border-radius:51px 0;
    height:54.86px;
    }

@media only screen and (max-width:570px){
    .box-page-contato .fs-18{
    font-size:16px;
}

    #artigo-C{

        margin-top:-324px;}

    #banner.vhome{
        height: 100vh;
    }
    .overlay-blog a h3{
        
        
        
          font-size:16px;
          line-height:24px
        }

    .c-height{
        height: 300px;
    }
.fblog{
    position: relative;
    top: -220px;
}

.tblog{
    position: relative;
    top: 20px;
    left: 20px;
}
    .bt-submit{
        padding:0.4rem 2rem;
    }

.bt-submit{
background-image:url('dust/images/search-icon.svg');
}

    .pst-bc{
     
    top:35%;
    		bottom:inherit;
    }

    .bg_topics{
        background-image: url('dist/images/Banner_topics_mob.jpg');  
        
                background-position: top;
      } 

    .slick-depo .col-sm{
        height: auto;
        padding-bottom:3rem!important;
       }
    .video{
        margin-top:3rem;
        margin-bottom:3rem;
    }

    .video-responsive .video-shadow{
        top:20px;
    }

.cpt-fix{
top: 25%!important;
}

    .t-footer{

    font-size: 1.4rem;

    }

    #banner, #banner img{

    height: auto;

    }
    #banner, #banner img{

        height: auto;
    
        }

    #banner img{

    position:initial;

    }

    .mobile-logo .img-logo{

    position:relative;

    top: 20px;

    left: 15PX;

    }



    .sq-box-blur{

        background-image: url('dist/images/box-serv-qmob.png');

        background-size:contain;

        

        }



    .caption{

    position:absolute;

top:12%;

left:3%

    }

    .caption h1{

    font-size:2.87rem;

    margin-bottom: 2rem;

    }

    .caption h1.int{

        font-size:2.87rem;

    }



    .caption2{

    display: none;

    }

    html, body {

        overflow-x: hidden;

      }

      

      .contato-f a, .contato-f adress{

font-size:12px

    }

    .servicos{

        background-image:url('dist/images/bg-mobile.jpg') ;

        background-position: center -20px;

    

    }

    .accordion-button{

    border-top: none!important;

    }



    .oqf2 p, .serv-qm p{

    padding-right:0;

font-size: 16px;

    }



    .box-blur {

     padding: 3rem 1.5rem;}





.clientes{

    background-position: 75% bottom;

    background-size: 330%;

}

.numb{

    font-size:54px;

}



.mq{

font-size:18px;

}

.bx-numb::before {

    width:10px;

    height:80%;

    left:10px;

    

    }

    .numb{

    position:relative;

    left:25px;

    }

    .bx-numb p{

    font-size:20px;

    }

    .slickClientes .slick-slide {

                align-items: end!important;

    }





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

.navbar-toggler {

    border: none!important;

    background: transparent !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: #fff;

  }

  

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



  .linkto{

    font-size:1rem;

    white-space:nowrap;

        }

        .bt-primary{

        font-size:0.9rem;

        }

        

        .bt-primary svg{

        width:22px

        }

        .left-elm, .right-elm{

        display:none;

        }

        .bdrs svg{

        display:none;

        }

        .nav-f{

        padding-left:0;

            }

        

        #main-nav{

        background: linear-gradient(91.52deg, #A3B18A -0.61%, #3F4F44 96.09%);

        border:none!important;

           font-weight: 700;

        border-radius:40px 0;

    transition: all 0.5s;

        width:260px;

        

        }

        #main-nav .navbar-brand{

        color:#fff;

        position:relative;

        left:50px;

        }

        #main-nav .navbar-toggler{

        position:relative;

        top:-2px;

        right:20px;

        }

        

        #navbarNavDropdown ul{

            padding:2rem

        }



        .bx-numb{

        margin:1rem 0;

        }



}