/* ---HomePage--- */
.box-content {margin-bottom: 30px;overflow: hidden}
@media(min-width:768px){
	.box-content {height: 550px;max-height: 550px;}
}

.box-content.box-style-0{background-image: url(../images/patftern-white2.png); background-color: #fff;}
.box-content.box-style-1{background: url(../images/pattern-white.png) center center;background-size: cover; background-color: #fff;}
.box-content.box-style-2{background-image: url(../images/home-6.png);background-position: 80% top;background-repeat: no-repeat;background-color: #F8F9F1;}
.box-content.box-style-3{background: url(../images/ep_naturalblack.png) fixed center center;color:#fff;}

/* ---Heading--- */
.heading{margin-bottom: 50px;position:relative;}
.heading h2{font-weight: 400;font-size: 40px;letter-spacing: 0px;line-height: 52px;text-transform: uppercase;margin: 10px 0;}
.heading h2.small{font-size: 33px; font-weight: 700; line-height: 38px}
.heading:after{position: absolute; content: "";width: 40px;height: 4px;background: #FF9E22;left: 0;right: auto;bottom: -20px;}
.box-text.dark-style .heading:after{background: #fff;}
.box-text .t-right .heading:after{left: calc(100% - 40px);}
@media(max-width:767px){
	.heading{margin-bottom: 40px;}
	.heading h2{font-size: 35px;line-height: 42px;margin-top: 0;}
	.heading:after{left: calc(50% - 20px);bottom: -20px;}
	.box-text .t-right .heading:after{right: calc(50% - 20px); bottom: -20px;left: auto;}
}


/* Header Styles */
@media only screen and (min-width: 768px) and (max-width:992px){
	.header-text {padding: 100px 70px 0 20px;}
}
@media(max-width:767px){
	.box-header{background: #f9f9f9;}
	.header-text {padding: 100px 20px 0 10px;}
	.header-text-inner{text-align: center;max-width: 100%;}
}
@media(max-width:767px){
	.header-text {padding: 100px 0;}
	.header-text-inner{text-align: center;float: none;padding: 20px;border-right: none;}
}
@media(max-width:500px){
	.header-text h1{font-size: 30px;}
}


/*as caixas*/

@media(max-width:767px){
	.box-content.box-5 .flex-box .box-text{text-align: center;height: 500px !important;}
	.box-content.box-5 .flex-box .box-image {}
}
@media(max-width:500px){
	.box-content.box-5 .flex-box .box-text{text-align: center;height: 600px !important;}
	.box-content.box-5 .flex-box .box-image {}
}

/*portfólio*/
@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {font-size: 15px;}
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {font-size: 19px;}
}

/*contactos*/
@media(max-width:767px){
	.contact-info .contact-info-wrapper ul {display: block;width: 100%;}
}

/*"carrocel"*/
@media (max-width: 767px){
	.owl-controls{margin-top: 80px;}
}




/*Flex-Box*/
.flex-box .box-text, 
.box-image {background-repeat: no-repeat;background-position: center center;background-size: cover;display: block;width: 100%;height: 100%;}

/* Box Text */
.flex-box .box-text {}
.flex-box .box-text{
	position: relative;
	width: 100%;
	height: 550px;
	display: block;
}
.flex-box .box-text-inner {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.flex-box .box-text .box-text-inner{margin: 0 auto;max-width: 100%;}
.flex-box .box-text .box-text-inner p{font-size: 14px;font-weight: 400;color: #555;}
.flex-box .box-text .title {}
.flex-box .box-text .title h3{font-weight: 700;color: #000;text-transform: uppercase;font-family: 'Playfair Display', serif;letter-spacing: 3px;}
.flex-box .box-text .title span{font-size: 24px; font-weight:800;color: #000;text-transform: uppercase;margin: 40px 0 20px;display: block;}

.flex-box .box-text.light-style{background: #fff;}
.flex-box .box-text.light-style .title h3{}
.flex-box .box-text.dark-style{background: #262626; color: #bbb;}
.flex-box .box-text.dark-style p{color: #ddd;}
.flex-box .box-text.dark-style .title h3{color: #fff;}
.flex-box .box-text.dark-style .heading h2{color: #fff;}
.flex-box .box-text.dark-style .social-link li a{border: 1px solid #fff;}
.flex-box .box-text.dark-style .social-link li a:hover{color: #fff;border: 1px solid #fff;}

/* Box Image */
.box-image {width: 100%;height: 100%;display: inline-block;position: relative;}
.box-image img {position: absolute;display: block;border-radius: 0;}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.portfolio-box img,
	.box-image img {
		-moz-object-fit: cover;
		-webkit-object-fit: cover;
		-ms-object-fit: cover;
		-o-object-fit: cover;
		object-fit: cover;
		-moz-object-position: center;
		-webkit-object-position: center;
		-ms-object-position: center;
		object-position: center;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
@media(min-width:768px){
	.flex-box {-moz-align-items: stretch;-webkit-align-items: stretch;-ms-align-items: stretch;align-items: stretch;display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;-moz-flex-direction: row;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;position: relative;overflow: hidden;}
	.flex-box .f-right{order: 2;}
	.box-text .t-right{text-align: right;}
}
@media(max-width:767px){
	.flex-box .box-text{text-align: center;height: 370px;}
	.flex-box .box-text .box-text-inner p{font-size: 13px;}
	.flex-box .box-image {height: 300px;width: 100%;}
}