/*
Theme Name: (theme bootstrap CSS)
*/
@font-face {
  font-family: "gotham";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/GothamMedium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "gothamThin";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Gotham-Thin.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "gothamBlack";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Gotham-Black.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "gothamBold";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/Gotham-Bold.woff") format("woff");
  font-display: swap;
}
/* Padrões */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "gotham";
}
h1, h2, h3, h4, h5, h6, p, strong, em, b, i, mark, small, del, ins, u, sub, sup,ul, ol, li {font-family: "gotham";}

html {
  scroll-behavior: smooth;
}
  
  :target {
    scroll-margin-top: .8em;
  }

    ul{padding: 0;list-style: none;}
    .container{width: 100%!important;padding: 0 20px;}
    p{color: #757386!important;font-size: 20px!important;font-weight: 400!important;}

/*cores padrão*/
:root {
    --site-color: #3a7afe;
    --main-color: #ebeef6;
    --white-text:#ffffff;
}
/*loader*/
#loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);z-index: 9999;display: flex;  justify-content: center;align-items: center;}

.loader-inner {border: 8px solid #f3f3f3;border-top: 8px solid #3498db;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*Estiliza a altura e cores do header*/
    nav{line-height:var(--nav-height)!important;height:var(--nav-height)!important;background-color: var(--nav-color)!important;position: fixed!important;z-index: 999;width: 100%;}
   /*Troca a cor padrão do NAV*/
    nav ul:not(.dropdown-content) a:hover:not(.active):hover{background:var(--nav-color-hover);}
    nav .brand-logo{display: flex!important;align-items: center;height: 100%;}
    .navbar-light .navbar-nav{height: 100%;}
    .navbar-light .navbar-nav .nav-link{color: var(--main-color)!important;height: 100%;padding: 0 8px;}
    nav .site-logo .box-img{height:var(--nav-height);}
    nav .site-logo .box-img img{height:100%;}
    @media only screen and (max-width : 767px){
      nav.navbar{padding-top:0;}
    }
/* Globais */
    .title{color: var(--title-color);font-size: 48px;font-weight: 700;}
    .title span{display: block;}
    .title.small{font-size: 28px;}
    .image-responsive{display: block;box-sizing: border-box;width: 100%;max-width: 450px;}
    .white-txt{color:var(--white-text);}
    .flex{display: flex!important;}
    .center-align{text-align: center;}
    .absolute{position:absolute;}
    .relative{position:relative;}

/*estiliza botoes de formulario de contato e whatsapp*/
.fixo{position: fixed;z-index: 19999;bottom: 105px;right: 35px;}
 .fixo2{position: fixed;z-index: 19999;bottom: 200px;right: 35px;}
 .nopulse {width: 60px;height: 60px;background-color: #1E252D;border: solid 1px #3F818B;border-radius: 50%;text-align: center;line-height: 60px;font-size: 18px;position: relative;display: grid;align-items: center;}
 .nopulse svg{margin: 0 auto;width: 35px;height: 35px;}
 
.pulse{width: 60px;height: 60px;background-color:#25d366;border-radius: 50%;text-align: center;line-height: 60px;font-size: 18px;position: relative;display: grid;align-items: center;color: #fff;}
  .pulse svg{margin: 0 auto;}
  .pulse:after{content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;border-radius: 50%;border: 1px solid #25d366;animation: pulse 1.5s linear infinite;}
	
  @keyframes pulse{
  0%
    {
  transform: scale(.5);
  opacity: 0;
  }
  50%{
  transform: scale(1);opacity: 1
  }
  100%{
  transform: scale(1.4);
  opacity: 0;
  }
  }

.fraseDiv {display:none;position: absolute;width: 308px;height: 49px;top: 6px;border-radius: 20px;left: -288px;padding: 9px 37px;margin-left: 10px;border: 1px solid #ffffff;background: #3F818B;z-index: -1;}
.fraseDiv p{text-align: right;font-weight: 600;}
/* Estilo para animação (opcional) */
.fixo2 .show {display: block;animation: fadeIn 0.5s ease-out;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* estiliza o banner */
#sobre {width: 100%;height: 100vh; position: relative;overflow: hidden;  }
#sobre .sombra{height: 100%;width: 100%;background-color: #000000b0;position: absolute;}
#sobre .principal {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #000000bf;border-radius: 20px;padding: 40px;}
#sobre .principal .box-txt{padding: 25px 0;}
#sobre .principal .box-txt h3, #sobre .principal .box-txt h4{font-size:20px;}
#sobre .principal span{font-size:16px;}
#sobre .btn1{align-items: center;}
#sobre .btn1 .box_img{margin-right:15px;}

@media only screen and (max-width : 767px){
  #sobre .intro-social-buttons{flex-direction: column;padding-left: 0;}
  #sobre .principal {padding: 20px;width: 85%;}
}

/* css carrossel 2 */
  .carousel2{position:relative;}
  #carousel {position: relative;height: 400px;top: 50%;overflow: hidden;}
  #carousel div {position: absolute;transition: transform 1s, left 1s, opacity 1s, z-index 0s;opacity: 1;}
  #carousel div img {width: 400px;transition: width 1s;}
  #carousel div.hideLeft {left: 0%;opacity: 0;transform: translateY(50%) translateX(-50%);}
  #carousel div.hideLeft img {width: 200px;}
  #carousel div.hideRight {left: 100%;opacity: 0;transform: translateY(50%) translateX(-50%);}
  #carousel div.hideRight img {width: 200px;}
  #carousel div.prev {z-index: 5;left: 30%;transform: translateY(50px) translateX(-50%);filter: blur(4px);}
  #carousel div.prev img {width: 300px;}
  #carousel div.prevLeftSecond {z-index: 4;left: 15%;transform: translateY(50%) translateX(-50%);filter: blur(8px);}
  #carousel div.prevLeftSecond img {width: 200px;}
  #carousel div.selected {z-index: 10;left: 50%;transform: translateY(0px) translateX(-50%);}
  #carousel div.next {z-index: 5;left: 70%;transform: translateY(50px) translateX(-50%);filter: blur(4px);}
  #carousel div.next img { width: 300px;}
  #carousel div.nextRightSecond {z-index: 4;left: 85%;transform: translateY(50%) translateX(-50%);filter: blur(8px);}
  #carousel div.nextRightSecond img {width: 200px;}
  .buttons {position: absolute;left: 50%;transform: translateX(-50%);}

/* fim css carrossel 2 */

/*contato*/
.btn-primary{border: none;padding: 5px;border-radius: 2px;}
/*fim contato*/

/*estiliza o teste de carrossel*/
.wrapper {
	position: relative;}
	/* // Gradient side fade */
	.wrapper:before,
	.wrapper:after {
		position: absolute;
		top: 0;
		z-index: 1;

		content: "";
		display: block;
		height: 100%;
	}
	
	.wrapper:before {
		left: 0;
		background: linear-gradient(90deg, --bg-color, transparent);
	}
	
	.wrapper:after {
		right: 0;
		background: linear-gradient(-90deg, --bg-color, transparent);
	}


.items {position: relative;width: 100%;overflow: hidden;white-space: nowrap;font-size: 0;cursor: pointer;
}

.item {display: inline-block;user-select: none;background: tomato;width: 50%;height: 130px;color: var(--bg-color);font-size: 33px;font-weight: bold;line-height: 130px;
	}
/*fim estiliza o teste de carrossel*/


.forms_template{width: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.page-template-template-portfolio .portfolio h2.titulo{font-size:1rem;padding-left: 2rem;}
.page-template-template-portfolio .portfolio a{width: 360px;display: block;margin: 0 auto;}
.page-template-template-portfolio .portfolio a .background-shadow{background-color:transparent;position: absolute;z-index: 994;width: 100%;  height: 100%;}

.page-template-template-portfolio .portfolio a .box-txt.absolute{display: none;}
.page-template-template-portfolio .portfolio a:hover .background-shadow{background-color:#000000a1;}
.page-template-template-portfolio .portfolio a:hover .box-txt.absolute{display: flex;}
.page-template-template-portfolio .portfolio .box-img{width: 360px;display: block;}
.page-template-template-portfolio .portfolio .row{row-gap:25px;}
.page-template-template-portfolio .portfolio .box-img img{width: 100%;height: 100%;object-fit: cover;}
.page-template-template-portfolio .box-txt.absolute{top:0;width: 100%;height: 100%;color: #ffffff;z-index: 995;flex-direction: column;  justify-content: center;}
.page-template-template-portfolio .box-txt.absolute img{height: 36px;}
.page-template-template-portfolio main{background-color:#000000;padding-top: calc(var(--nav-height) + 25px);min-height: 100vh;}
.page-template-template-portfolio .title{padding-bottom:56px;}
.page-template-template-portfolio h1{text-align: center;color:#ffffff;}
@media only screen and (max-width : 767px){
  .page-template-template-portfolio .portfolio a .background-shadow{background-color:#000000a1;}
  .page-template-template-portfolio .portfolio a .box-txt.absolute{display: flex;}
}

@media only screen and (min-width:767px) and (max-width:968px){

}

/************SmarthPhone**********************/
/*********************************************/
@media only screen and (max-width : 767px){
  #banner{display:none;}
  #banner_mobile{display: block;}
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
      justify-content: flex-end;
      height:64px;
  }
}