:root {
  --azul-padrao: #072436;
  --azul-claro: #43BFE4;
  --branco:#FFFFFF;
  --cinza:#F6F7F9;
  --texto:#454545;
  --preto:#0A0A0A;
}

*{
	padding:0;
	margin:0;
}
ul li{
	list-style: none;
}

@font-face {
  	font-family: segoe-ui;
  	src: url(../fonts/segoeui.ttf); 
}

@font-face {
	font-family: GothamBold;
	src: url(../fonts/GothamBold.ttf);
}

@font-face {
  	font-family: GothamLight;

  	src: url(../fonts/Gotham-Light.otf);
}
@font-face {
  	font-family: GothamMedium;
  	src: url(../fonts/GothamMedium_1.ttf); 
}
@font-face {
  	font-family: Roboto;
  	src: url(../fonts/Roboto-Regular.ttf); 
}



h1,h2,h3,h4,h5,h6{
	font-family: GothamBold;
}

p{
	font-family: segoe-ui;
}

.btn-ybity{
	background: var(--azul-claro);
	color:var(--branco);
	padding: 8px 70px;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 500;
    border: none;
    display: inline-block;
}
.btn-ybity:hover{
	color:var(--branco);
	text-decoration: none;
}

.titulo-um{
	font-size: 16px;
	line-height: 15px;
	font-weight: 500;
	font-style: normal;
	font-family:GothamMedium;
	color: #093651;
}

.titulo-dois{
	font-size: 48px;
	line-height: 65px;
	font-weight: bold;
	font-style: normal;
	font-family: GothamBold;
}

.titulo-tres{
	font-size: 48px;
	line-height: 65px;
	font-style: normal;
	font-family: GothamBold;
	color:#43BFE4;
	font-weight: 500;
	font-family:GothamLight;"
}

.titulo-texto{
	font-size: 18px;
	line-height: 25px;
	font-weight: 350;
	font-style: normal;
	font-family: segoe-ui;
	color:var(--texto);
}

.mb-7{
    margin-bottom:5rem!important;
}

.mt-7{
    margin-top:5rem!important;
}

.espaco-maior{
	margin-top:5rem!important;
}


.margin-topo{
	margin-top:60px!important;
}
.margin-rodape{
	margin-bottom:60px!important;
}



/*---------------------------------------------------------------------------------------------------------- 
    NAVBAR
-----------------------------------------------------------------------------------------------------------*/
.navbar-light .navbar-nav .nav-link {
    color:var(--branco);
    padding-right: 1rem;
    padding-left: 1rem;
    font-family: GothamLight;
    font-size: 16px;
    line-height: 15px;
    font-weight: normal;
}
.navbar-light .navbar-nav .nav-link:hover {
    color:var(--azul-claro);
}

/*---------------------------------------------------------------------------------------------------------- 
    BANNER
-----------------------------------------------------------------------------------------------------------*/
#banner{
	width: 100%;
}
.btn-slider{
	background: var(--azul-claro);
	color:var(--branco);
	padding: 10px 50px;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 700;
    float: left;
    font-family: Roboto;
}
.btn-slider:hover{
	color:var(--branco);
	text-decoration: none;
}
.carousel-caption {
    bottom: 90px;
    max-width: 500px;
}
.carousel-caption h2{
	font-size: 55px;
	line-height: 65px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-family: GothamLight;
}
.carousel-caption strong{
	font-weight: 800;
	font-family: GothamBold;
}

/*---------------------------------------------------------------------------------------------------------- 
    PRA TODO MUNDO 
-----------------------------------------------------------------------------------------------------------*/
#para-todo-mundo .item-caracteristicas{
	background:#093651;
	text-align: center;
	border-radius: 20px;
	padding: 10px 5px;
}
#para-todo-mundo .item-caracteristicas h4{
	color: #FFFFFF;
	font-family: 'GothamLight';
	font-size: 18px;/*20*/
	line-height: 24px;
	font-weight:700;
	margin-top: 15px;
}
#para-todo-mundo .btn-ybity{
	font-family: Roboto!important;
	line-height: 23px!important;
	font-weight: bold;
	padding-top: 9px;
}

/*---------------------------------------------------------------------------------------------------------- 
    INVISTA
-----------------------------------------------------------------------------------------------------------*/
#invista{
	background-image: url('../images/bg-invista.jpg');
  	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	width: 100%;
	min-height: 455px;
	position: relative;

}
#invista h2,h3{
	color: #FFFFFF;
}

#invista h2{
	font-family: GothamBold;
}
#invista h3{
	font-family:GothamLight;
	font-weight: 400;
}
.conteudo-invista{
	position: relative;
	padding-right: 30px;
	margin-top: 50px;
}
.conteudo-invista img{
	position: absolute;
    top: -15px;
    right: -15px;
}

.conteudo-invista .btn-ybity{
	font-family: Roboto!important;
	font-weight: bold;
	line-height: 45px;
}

.casos{
    padding: 20px 20px 10px 20px;
    margin: 0 auto;
    position: absolute;
    bottom: -180px;
    background: #FFFFFF;
	box-shadow: 0px 7px 25px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
}
.casos h2{
	color:#093651!important;
	font-size: 48px;
	line-height: 46px;
	font-family: GothamBold;
	font-style: normal;
}
.casos p{
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-family:GothamLight;
}
.casos .fonte{
	font-size: 10px;
	line-height: 20px;
	font-family:GothamLight;
	margin-bottom: -150px;
    margin-top: 15px;
}

@media (max-width: 1000px){
	.casos h2{
		font-size: 23px;
		line-height: 20px;
	}
	.conteudo-invista h2{
		font-size: 20px;
	}
	.conteudo-invista h3{
		font-size: 20px;
	}
	.conteudo-invista .btn-ybity{
		font-size: 15px;
	}

	.conteudo-invista img {
	    position: absolute;
	    top: 20px;
	    right: -10px;
	    width: 60px;
	}

}

/*---------------------------------------------------------------------------------------------------------- 
    SERVIÇOS
-----------------------------------------------------------------------------------------------------------*/

#servicos{
	background: var(--cinza)
}

#servicos .item-servico{
	background: #FFFFFF;
	border-radius: 20px;
	padding:40px;
	height: 100%;
	position: relative;
}
#servicos .item-servico img{
	margin-bottom: 19px;

}
#servicos .item-servico h3{
	font-size: 20px;
	line-height: 30px;
	font-style: normal;
	font-weight: bold;
	color:#093651;
	font-family: GothamBold;
}
#servicos .item-servico p{
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	font-weight: 350;
	color: var(--texto);
	font-family: segoe-ui;
}
#servicos .item-servico a{
	font-size: 16px;
	line-height: 19px;
	font-style: normal;
	font-weight: 500;
	color: #FFFFFF;
	background: var(--azul-claro);
	border-radius: 10px;
	display: inline-block;
	padding:8px 20px;
	text-align: center;
	font-family: Roboto;
	position: absolute;
	bottom: 0;
	margin-bottom: 40px;
}
#servicos .item-maior{
	min-height: 477px;
}

#servicos .titulo-um{
	color: #093651;
}
#servicos .img-servico{
	height: 80px;
}


/*---------------------------------------------------------------------------------------------------------- 
    TESTEMUNHOS
-----------------------------------------------------------------------------------------------------------*/
.depoimentos .item-dep .conteudo-depoimento{
	background:#F6F7F9;
	margin:7px;
	padding: 20px;
	text-align: center;
	border-radius: 20px;
	min-height: 555px;
}

.depoimentos{
	margin-top: 80px;
}

.depoimentos .item-dep p{
	font-size: 18px;
	line-height: 28px;
	font-weight: 350;
	font-style: normal;
	font-family: segoe-ui;
	color:var(--texto);
}
.depoimentos .item-dep img{
	display: inline-block;
	margin-bottom: 30px;
}

.depoimentos .nome-depoimento p{
	font-size: 22px;
	line-height: 21px;
	font-style: normal;
	font-weight: 500;
	font-family: GothamMedium;
	color: #0A0A0A;
	margin-top: 15px;
}
.depoimentos .nome-depoimento p small{
	font-size: 16px;
	line-height: 21px;
	font-style: normal;
	font-weight: normal;
	font-family: segoe-ui;
	color: #454545;
}

.slide-depoimentos .item{
	background: var(--azul-padrao);
	color:#fff;

}
.slick-dots{
	margin: 15px;
	display: flex;
	justify-content: center;
}
.slick-dots li{
	background:#F6F7F9;
	color: background:#F6F7F9;;
	margin: 15px;
	height: 4px;
	cursor: pointer;
}
.slick-dots .slick-active{
	background: var(--azul-claro)!important;
	color: var(--azul-claro)!important;;
}
.slick-dots li button{
	width: 50px;
	height: 0px;
	margin: 0 15px;
	border: none;
	color: #fff!important;
	outline: none;
	cursor: pointer;
}

/*---------------------------------------------------------------------------------------------------------- 
    CONTACT
-----------------------------------------------------------------------------------------------------------*/
#contato h2{
	font-family: GothamBold;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 30px;
}
.form-contact{
	background: var(--cinza);
	border-radius: 20px;
}

.form-contact .form-control,.form-contact select {
    padding: 1.12rem .75rem!important;
    font-size: 16px!important;
    color: var(--texto)!important;
    background-color: #fff;
    border: 0px solid #ced4da!important;
    border-radius: .20rem!important;
    font-family: segoe-ui;
  	font-size: 16px;
  	font-weight: normal;
  	line-height: 26px;
}

.form-contact .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  	color: var(--texto)!important;
  	opacity: 1; /* Firefox */
  	padding-left: 15px;
  	font-family: segoe-ui;
  	font-size: 16px;
  	font-weight: normal;
  	line-height: 26px;
}

.form-contact .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: var(--texto)!important;
  	padding-left: 15px;
  	font-family: segoe-ui;
  	font-size: 16px;
  	font-weight: normal;
  	line-height: 26px;
}

.form-contact .form-control::-ms-input-placeholder { /* Microsoft Edge */
  	color: var(--texto)!important;
  	padding-left: 15px;
  	font-family: segoe-ui;
  	font-size: 16px;
  	font-weight: normal;
  	line-height: 26px;
}

.info-contact{
	width: 90%;
}

.info-contact p{
	font-size: 14px;
	line-height: 19px;
	color: var(--texto);
}
.info-contact h3{
	color: var(--preto);
	font-size: 18px;
	line-height: 17px;
	font-style: normal;
	font-weight: 500;
}
.info-contact ul li{
	min-height: 110px;
}

.separador{
	border-bottom: 0.5px solid #093651;
}


/*---------------------------------------------------------------------------------------------------------- 
    FOOTER
-----------------------------------------------------------------------------------------------------------*/
footer{
	background: var(--azul-padrao);
	color:#FFFFFF;
}

footer .social ul li{
	display: inline;
	padding:0 8px;
}

@media (max-width: 600px){
	.btn-slider{	    
		float: none;
	}
	.carousel-caption {
    	bottom: 10px;
    	max-width: auto;
    }
    .carousel-caption h2{
		font-size: 16px;
		line-height: 23px;
		text-align: center;
	}
	
}

/*---------------------------------------------------------------------------------------------------------- 
    MOBILE
-----------------------------------------------------------------------------------------------------------*/
@media (max-width: 600px){
	.item-caracteristicas{
		margin-bottom: 15px;
	}
	.espaco-mobile{
		margin-bottom: 15px;
	}
	.casos {
	    bottom: -270px;
	}
	.espaco-maior {
    	margin-top: 10rem!important;
	}

	#para-todo-mundo{
		text-align: center;
	}
	.btn-ybity{
		margin-bottom: 15px;
	}
	#seu-condominio{
		text-align: center;
	}
	#servicos .item-servico a {
		position: relative;
	}
	.conteudo-invista{
		background: #093651;
	}
	.conteudo-invista img {
	    right: 30PX;
	}

	#seu-condominio .row{
		margin-top: -80px;
	}
	#invista{
		margin-top: -60px;
		padding-top: 0!important;
		background: none;
	}

	#invista .conteudo-invista{
		margin-top: -20px;
	}
	#invista .casos{
		width: 93%!important;
	}

}

/* NOVOS ESTILOS */
/* DESKTOP */
@media (min-width: 768px){
  /* SERVIÇOS */	
  #servicos .item-servico a span { display: block; }	
}

/* MOBILE */
@media (max-width: 768px){
	
  /* CARROSSEL */
  .carousel-caption h2{ position:relative; top:10px; }
  
  /* HEADER */
  .navbar-nav{ padding-top:20px; }
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
  .navbar-light .navbar-nav .nav-link { line-height: 25px !important; padding-left: 0px !important; border-bottom: 1px solid #aaa; }
	
  /* INVISTA */	
  .conteudo-invista { padding-right: 0; }
  .conteudo-invista h3 { margin-bottom: 30px; }
  .titulo-um { margin-bottom:30px; }
  .titulo-dois { font-size: 25px; line-height: 35px; }
  .titulo-tres { font-size: 33px; line-height: 40px; }
  #invista .btn-ybity { margin-bottom: 15px; padding: 5px 20px; width: calc(100% - 30px); }
  
  /* SERVIÇOS */
  #servicos{ padding-bottom: 10px !important; }   
  #servicos .col.py-5 { padding-bottom: 0px !important; }
  #servicos .item-servico { padding: 40px 20px; }
  #servicos .item-servico a { width: 100%; padding: 14px 0px; margin-bottom: 0; margin-top: 10px; }
  #servicos .item-maior { min-height: auto; }
  #servicos .item-servico img { margin: 0 auto; margin-bottom: 19px; display: block; }
  
  /* PARA TODO MUNDO */
  #para-todo-mundo { padding-bottom: 0px !important; }
  #para-todo-mundo .img-fluid { margin-top: 30px; }
  #para-todo-mundo .btn-ybity { padding: 14px 19px; width: 100%; }
  
  /* DEPOIMENTOS */
  .depoimentos { margin-top: 40px; }
  .depoimentos .item-dep .conteudo-depoimento { margin: 7px 15px; }
  .depoimentos .item-dep img { width: 35px; }
  .depoimentos .item-dep .conteudo-depoimento{ min-height:auto; }
  
  /* CONTATO */
  section#contato { padding-top: 0px !important; }
  #contato h2{ font-size:40px; }
  #contato .form-contact { padding: 30px 15px !important; }
  #contato .amoforms__submit-button{ width:100% !important; }
  #contato .info-contact img.align-self-center{ width:50px; align-self: flex-start !important; }
  
  /* RODAPÉ */
  .copyright p{ font-size: 14px; }
  .social ul img { width: 30px; }
}