.font-gothic{	font-family: 'Gothic720 BT','Open Sans', Arial, sans-serif; }
.font-gothic b, .font-gothic strong, .font-gothic-bold{	font-family: 'Gothic720 BT Bold','Gothic720 BT', 'Open Sans', Arial, sans-serif; }
.font-gothic i, .font-gothic em, .font-gothic-italic{	font-family: 'Gothic720 BT Italic','Gothic720 BT', 'Open Sans', Arial, sans-serif; }

.masthead {
  min-height: 100vh;
}

.image-cover{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.square{
	height:0px;
	padding-top:100%;
}


.lh-2{
	line-height:2rem;
}

.bg-rosa, .bg-rosa-hover:hover, .bg-rosa-active.active, a.bg-rosa-hover:hover, a.bg-rosa-active.active{	background-color:#AB2158!important;}
.bg-cinza, .bg-cinza-hover:hover, .bg-cinza-active.active, a.bg-cinza-hover:hover, a.bg-cinza-active.active{	background-color:#C6C7C8!important;}
.bg-dark, .bg-dark-hover:hover, .bg-dark-active.active, a.bg-dark-hover:hover, a.bg-dark-active.active{	background-color:#343a40!important;}
.border-dark{ border-color:#343a40; }

.text-rosa, .text-rosa-hover:hover, .text-rosa-active:active, .text-rosa-active.active, a.text-rosa-hover:hover, a.text-rosa-active:active, a.text-rosa-active.active{	color: #AB2158!important;}
.text-cinza, .text-cinza-hover:hover, .text-cinza-active:active, .text-cinza-active.active, a.text-cinza-hover:hover, a.text-cinza-active:active, a.text-cinza-active.active{	color: #9E9FA1!important;}
.text-white, .text-white-hover:hover, .text-white-active:active, .text-white-active.active, a.text-white-hover:hover, a.text-white-active:active, a.text-white-active.active{	color: #FFFFFF!important;}

.btn-rosa{
	color: #FFFFFF;
	border:#AB2158 1px solid;
	background:#AB2158;
}

.btn-rosa:hover,.btn-rosa:focus,.btn-rosa:active{
	color: #AB2158;
	border:#AB2158 1px solid;
	background:transparent;
}

/*
#header{
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
*/

#menu .nav-item,
#menu .dropdown-item{
	font-size: 0.8rem;
}


.logo{
	width:auto;
	height:30px;

}

.titulo{
	letter-spacing:6px;
}

.titulo-projeto{
	letter-spacing:6px;
	position:fixed;
	right:0;
	top: 200px;
	z-index:1000;
}
.titulo-projeto h5{
	font-size:0.9em;
}

.titulo-projeto:after{
	content:'';
	height:100%;
	width:50px;
	background:url(../images/ponta-titulo2.png) no-repeat right top / contain;
	display:block;
	position:absolute;
	top:0;
	right:100%;
}

.clientes-topo:after{
	content:'';
	height:50px;
	width:200px;
	background:url(../images/ponta-clientes.png) no-repeat right top / contain;
	display:block;
	position:absolute;
	top:0;
	right:0;
}

.bg-o-lar{
	background:url(../images/o-lar-bg.jpg) no-repeat center left / cover;
	min-height:100vh;
	height:100%;
}

.categorias{
	font-size:0.8rem;
}



.btn-seta{
	background:transparent;
	border:0px;
	color:#AB2158;
	position:relative;
}

.btn-seta:after{
	content:'';
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	left:100%;
	top:50%;
	transform:translateY(-50%);
	background:url(../images/seta.png) no-repeat center/contain;
}

.btn-seta:hover{
	opacity:0.8;
}
	

.thumb-projetos{
	width:100%;
	height:0px;
	padding-top:75%;
	display:inline-block;
	background-size:cover;
	background-position:center;
	margin-bottom:-5px;
	background-blend-mode:multiply;
}

.titulo-projetos{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	display:none;
	
}

.projetos:hover .thumb-projetos{
	background-color:#AB2158;
}

.projetos:hover .titulo-projetos{
	display:block;
}

.slick .next{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	z-index:100;
	cursor:pointer;
	opacity:0.6;
}
.slick .prev{
	position:absolute;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	z-index:100;
	cursor:pointer;
	opacity:0.6;
}

.slick .prev:hover,
.slick .next:hover{
	opacity:1;
}

.slick:not(.slick-clientes) .slick-dots{
	position:absolute;
	bottom:20px;
	left:50%;
	transform:translateX(-50%);
}

.slick:not(.slick-clientes) .slick-dots li button:before{
	font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased
}

.slick:not(.slick-clientes) .slick-dots li.slick-active button:before{
    color: #9E9FA1;
	opacity: 1;
}

.slick:not(.slick-clientes) .slick-dotted.slick-slider{
	margin-bottom:0px;
}

.slick-dots li button.slick-thumb{
	width:100px;
	height:100px;
	margin:0px;
}

.slick-dots li button.slick-thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.slick-clientes .slick-dots li button:before{
	content:'';
}

.slick-clientes .slick-dots{
	bottom:-70px;
}
.slick-clientes .slick-dots li{
	width:100px;
}

.slick-clientes .slick-track{
    display: flex !important;
}

.slick-clientes .slick-slide{
    height: inherit !important;
}

.tag{
	font-size:0.8rem;
}

.slick-home .slick-list{
	height: 100vh!important;
}

.slick-home .slick-list .slick-track,
.slick-home .slick-list .slick-track .slick-slide{
	height:100%!important;
}

.slick-home .slick-list img{
	width:100%!important;
	height:100%!important;
	object-fit:cover;
	object-position:center;
}

.slick-home-mob .slick-list{
	height: 40vh!important;
}

.slick-home-mob .slick-list .slick-track,
.slick-home-mob .slick-list .slick-track .slick-slide{
	height:100%!important;
}

.slick-home-mob .slick-list img{
	width:100%!important;
	height:100%!important;
	object-fit:cover;
	object-position:center;
}


.blueimp-gallery .prev,
.blueimp-gallery .next{
	font-size:2em;
	border:0px;
	color:#FFFFFF;
	opacity:1;
	background:transparent;
}

.blueimp-gallery .prev:before,
.blueimp-gallery .next:before{
	content:'';
	display:none;
}

	body:not(#home) #header{
		background-color:#FFFFFF!important;	
	}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	/*body#home{
		background-color:#C6C7C8!important;
	}*/
	
	#header{
		background-color:#FFFFFF!important;	
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.bg-rosa-active.active:not(:hover), a.bg-rosa-active.active:not(:hover){	background-color:inherit!important;}
	.text-white-active:active:not(:hover), .text-white-active.active:not(:hover), a.text-white-active:active:not(:hover), a.text-white-active.active:not(:hover){	color: inherit!important;}
	
	#header{
		background-image:none;
	}
	
	#home #header{
		position:relative!important!;
	}
	
	.titulo-projeto{
		position:relative;
		top:0;
	}
	

	
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}

/* Extra Large devices */
@media (min-width: 1400px) {
	#header > .container{
		max-width:1340px;
	}
	#clientes #main > .container{
		max-width:1340px;
	}
	
	.container-wide{
		max-width:1340px;
	}

}


/* Medium devices */
@media (min-width: 768px) {
	.slick-proj .slick-list{
		height: calc(100vh - 280px)!important;
	}

	.slick-proj .slick-list .slick-track,
	.slick-proj .slick-list .slick-track .slick-slide{
		height:100%!important;
	}

	.slick-proj .slick-list img{
		width:100%!important;
		height:100%!important;
		object-fit:contain;
		object-position:center;
	}
	
	#home{
		overflow-y:hidden!important;
	}
	


}

@media (min-width: 1500px) {
	.col-xxl-3{
		max-width:25%!important;
	}
	.px-xxl-5{
		padding-left:3rem!important;
		padding-right:3rem!important;
	}
}











/* ==User Accounts [.account-wrapper]*/
/* ----------------------------------------------- */
.account-bg {
  background: #e6e6e6;
}
.account-header-divider {
  margin-top: 0;
  border-top: 10px solid #fff;
  border-bottom: none;
}
.account-wrapper {
  position: relative;
  width: 90%;
  padding: 15px 0;
  margin: 0 auto;
  text-align: center;
}
.account-wrapper .row > div {
  margin-bottom: 1em;
}
.account-logo {
  position: relative;
  margin: 0 auto 25px;
  z-index: 100;
  width: 100px;
  height: 100px;
  background-color: #0068B3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.account-logo::after {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-top-color: #0068B3;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.account-form {
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: left;
}
.account-form .placeholder-hidden {
  display: none;
}
.account-form .form-control {
  height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 1.25em;
}
.account-body {
  position: relative;
  padding: 35px 30px 10px;
  margin-bottom: 1em;
  margin-top:100px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.125);
}
.account-body-title {
  margin-bottom: 10px;
  line-height: 1.5em;
}
.account-body-subtitle {
  color: #777;
  line-height: 1.5em;
}
.account-footer {
  padding: 0 25px;
  margin-top: 1.5em;
}
.account-or-social {
  display: block;
  margin-top: 1em;
}
@media (min-width: 768px) {
  .account-wrapper {
    width: 450px;
    padding: 30px 0;
  }
  .account-wrapper .row > div {
    margin-bottom: 0;
  }
  .account-body .account-form {
    padding: 0 25px;
    text-align: left;
  }
  .account-or-social {
    margin-top: 2em;
  }
}