/*
CORES
	Cinza: #838383;
*/

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans/OpenSans.eot');
    src: url('fonts/OpenSans/OpenSans.eot') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans.woff2') format('woff2'),
         url('fonts/OpenSans/OpenSans.woff') format('woff'),
         url('fonts/OpenSans/OpenSans.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans.svg#OpenSans') format('svg');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans/OpenSansBold.eot');
    src: url('fonts/OpenSans/OpenSansBold.eot') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSansBold.woff2') format('woff2'),
         url('fonts/OpenSans/OpenSansBold.woff') format('woff'),
         url('fonts/OpenSans/OpenSansBold.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSansBold.svg#OpenSansBold') format('svg');
}


@font-face {
    font-family: 'LatoBold';
    src: url('fonts/Lato/Lato-Bold.eot');
    src: url('fonts/Lato/Lato-Bold.eot') format('embedded-opentype'),
         url('fonts/Lato/Lato-Bold.woff2') format('woff2'),
         url('fonts/Lato/Lato-Bold.woff') format('woff'),
         url('fonts/Lato/Lato-Bold.ttf') format('truetype'),
         url('fonts/Lato/Lato-Bold.svg#Lato-Bold') format('svg');
}

@font-face {
    font-family: 'LatoLight';
    src: url('fonts/Lato/Lato-Light.eot');
    src: url('fonts/Lato/Lato-Light.eot') format('embedded-opentype'),
         url('fonts/Lato/Lato-Light.woff2') format('woff2'),
         url('fonts/Lato/Lato-Light.woff') format('woff'),
         url('fonts/Lato/Lato-Light.ttf') format('truetype'),
         url('fonts/Lato/Lato-Light.svg#Lato-Light') format('svg');
}

body{
	font-family:OpenSans;
	font-size:14px;
	color:#000;
	text-align:center;
	background:#fff;
	overflow-x: hidden;
}
input,
textarea{
	font-family:OpenSans;
	font-size:14px;
}

.container{
    float: left;
    width: 100%;
	min-width:310px;
}
	.content{
		position:relative;
		width:92%;
		max-width:1180px;
		height:auto;
		display:inline-block;
	}
	.marginPadrao{margin:40px 0;}
	.paddingPadrao{padding:40px 0;}
	
.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.clear{clear: both;}
.clear10{
	float:left;
	width:100%;
	height:10px;
	display:block;
}
.clear20{
	float:left;
	width:100%;
	height:20px;
	display:block;
}

h1, h2, h3{color:#838383;}
h1.bold, h2.bold, h3.bold{font-family:OpenSansBold;}
.font18{font-size:14px;}
.font22{font-size:22px;}
.font26{font-size:26px;}
.font30{font-size:30px;}
.font34{font-size:34px;}
.font40{font-size:40px;}
.white{color:#fff;}
.green{color:#9BBA17;}
.gray{color:#838383;}


.title, .title2{width:100%;}
	.title *{
		color:#5e5e5e;
		font-size:20px;
	}
		.title h1,
		.title h2,
		.title h3{
			letter-spacing:5px;
			color:#5e5e5e;
			font-size:22px;
			text-align:center;
			text-transform:uppercase;
		}
	.title2 *{
		color:#5e5e5e;
		font-size:20px;
		font-family:LatoBold;
	}
		.title2 h1,
		.title2 h2,
		.title2 h3{
			color:#5e5e5e;
			font-size:30px;
			text-align:right;
			text-transform:uppercase;
		}

.numero-colunas{
   -moz-column-count: 1;
   -moz-column-gap: 30px;
   -webkit-column-count: 1;
   -webkit-column-gap: 30px;
}

.text,
.text *{	
	font-family:OpenSans;
	text-align:justify;
	font-size:14px;
	line-height:23px;
	color:#838383;
}
	.text a{display:inline-block;}
	.text p.bold{font-family:LatoBold;}
	.text p.underline{font-family:LatoBold; text-decoration:underline;}
	.text.textCenter{
		max-width:700px;
		margin:0 auto;
		text-align:center;
	}
		.text.textCenter *{text-align:center;}
		
.fontzero,
.fontzero *{font-size:0 !important;}

.modal-open{overflow: hidden;}

.desktop{display:none;}

.btPadrao{
	font-size:14px;
	padding:14px 100px;
	border: 1px solid #838383;
	display:inline-block;
	font-family:OpenSans;
	cursor:pointer;

	color:#838383;
}
	.btPadrao:hover{
		color:#838383;
	}
	
	
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-40{margin-top:40px;}

#main{
	width: 100%;
	display:inline-block;
}

#grid-base{
	width:100%;
}
	#grid-base .col-12{
		float:left;
		width:100%;
	}
	#grid-base .col-6:first-child{margin-top:0;}
	#grid-base .col-6{
		float:left;
		width:100%;
		margin-top:40px;
	}
	

/* FORMs */
.inputPadrao{
    padding:8px 5px;
    border: 1px solid #c1c1c1;
    font-size: 16px;
	display: inline-block;
    color: #898989;
    text-transform: uppercase;
}
	.inputPeq{width:142px;}
	.inputMed{width:222px;}
	.inputGra{width:302px;}
	.inputPadrao.white{
		border: 0px;
		border-bottom: 1px solid #b8b8b8;
	}
	.inputPadrao.transparent{
		border: 0px;
		border-bottom: 0px solid #b8b8b8;
	}
	
.selectPadrao{
   padding:2px 6px;
	border:1px solid #DFDFDF;
	display:inline-block;
	font-size:18px;
	color:#616161;
	font-family:Calibri;
}

/************
	SITE
*************/
.bgBanner{
	float:left;
	width:100%;
}
	.bgBanner .marca{
		position: absolute;
		top: calc(30% - 150px);
		left: calc(50% - 110px);
		z-index:999;
	}
	
		.bgBanner .marca img{
			
		}
	.bgBanner ul{
		float:left;
		width:100%;
	}
		.bgBanner ul li{
			float:left;
			background-size:center;
			background-position:center;
			background-size: auto 100%;
			background-repeat:no-repeat;
			width:100%;
			height:calc(50vh - 40px);
			text-align:center;
		}
			.bgBanner ul li a{
				width:auto;
				display:inline-block;
			}
#header{
	float:left;
	width:100%;
	background-color: #000000;
	z-index: 999;
}
	#header h1{font-size:0;}
	
#bgTopo{
	background-color:transparent;
	text-align:center;
	display:block;
	font-size:0;
}
	#topo{
		width:100%;
		height:110px;
		padding:15px 0;
		overflow:hidden;
		display:inline-block;
	}
		#topo .logo{
			float:left;
			margin-top:10px;
			display:inline-block;
		}
			#topo .logo img{
				width: 195px;
				margin:4px 0;
			}
	#topo .menu{
		float:left;
		width:100%;
		margin-top: 15px
	}
		#topo .menu ul{
			width:auto;
			display:inline-block;
		}
			
			#topo .menu ul li{
				float:none;
			}

				#topo .menu ul li a{
					padding:17px 40px;
					font-size:16px;
					color:#ffffff;
					display:inline-block;
				}
	#topo .socials{
		float:left;
		width:100%;
		margin-top: 10px
	}
		#topo .socials a{
			margin-left:5px;
			padding:16px 5px;
			display:inline-block;
		}
			#topo .socials a i{
				width:30px;
				height:30px;
				display:inline-block;
			}
				#topo .socials a i.iconFace{background:url(../img/iconFace.png) no-repeat;}
				#topo .socials a i.iconInsta{background:url(../img/iconInsta.png) no-repeat;}
				#topo .socials a i.iconPinterest{background:url(../img/iconPinterest.png) no-repeat;}
	#topo .btMenu{
		position:absolute;
		right:0;
		margin-top: 30px;
		display:inline-block;
	}
		#topo .btMenu img{
			display:inline-block;
		}
		
			
#bgRodape{
	margin-top:50px;
	padding:40px 0;
}
	#bgRodape .instagram{
		padding-bottom:30px;
		background-color: #000000;
		/* height: 420px; */
	}
	
	#bgRodape .infos{
		
	}
		#bgRodape .infos p{
			line-height:20px;
			font-size:14px;
			color:#838383;
		}
		#bgRodape .infos p a{
			text-decoration:underline;
			color:#838383;
		}
		
	#bgRodape .infos2{
		float: none;
		padding:50px;
	}
		#bgRodape .infos2 h4{
			line-height:20px;
			font-size:18px;
			font-weight: bold;
			color:#838383;
		}
		
		#bgRodape .infos2 p{
			line-height:20px;
			font-size:14px;
			color:#838383;
		}
		#bgRodape .infos2 p a{
			text-decoration:underline;
			color:#838383;
		}
		
#listProjects{
	float:left;
	width:100%;
	font-size:0;
}
	#listProjects article:first-child{margin-top:0;}
	#listProjects article{
		width:100%;
		max-width:600px;
		margin:0 auto;
		margin-top:20px;
		display:block;
	}
		#listProjects article a{
			display:inline-block;
		}
			#listProjects article a:hover img{opacity:0.8;}
		
		#listProjects article p{
			padding:5px 10px 0 10px;
			color:#838383;
			font-size:16px;
			font-weight: bold;
			line-height:20px;
			text-align:center;
		}
		
#projetos{
	float:left;
	width:100%;
}

#projeto{}
	#projeto .descritivo{
		padding:10px 0;
		
	}
		#projeto .descritivo p{text-align:center;}
	#projeto .galeria{
		margin-top:20px;
	}
	#projeto .galeria.first{margin-top:0;}
#pager{
	float:left;
	width:100%;
	margin-top:30px;
}
	#pager .pages{
		width: 40%;
		max-width: 235px;
		background-repeat:no-repeat;
	}
		#pager .pages.previous{
			float:left;
			padding-left:30px;
			background-image:url(../img/previous.jpg);
			background-position:center left;
		}
		#pager .pages.next{
			float:right;
			padding-right:30px;
			background-image:url(../img/next.jpg);
			background-position:center right;
		}
		

.contact{
    width: 100%;
    max-width: 805px;
    text-align: center;
    display: inline-block;
}
	.contact .inner{
	    width: 100%;
	    display: flex;
	    justify-content: space-around;
	    margin-top: 20px;
	}
	.contact .inner.semDisplay{display: block;}
		.contact .inner .td1,
		.contact .inner .td2{
			width: 49%;
			float: left;
		}
		.contact .inner .td3,
		.contact .inner .td4{
			width: 100%;
			float: left;
		}
			.contact .inner ul{
				display: flex;
				justify-content: center;
				flex-direction: column;
			}
				.contact .inner.semDisplay ul{display: block;}
				.contact .inner ul li{
					width: 	100%;
					margin: 4px 0;
				}
					.contact .inner ul li textarea{
						height: 131px;
			   			padding: 8px 5px;
					    border: 1px solid #c1c1c1;
					    font-size: 16px;
					    display: inline-block;
					    color: #898989;
					    text-transform: uppercase;
					}
					.contact .inner ul li textarea,
					.contact .inner ul li input{width: 100%;}


@media (min-width: 350px){

}
@media (min-width: 421px){
	
}
@media (min-width: 440px){
	
} 
@media (min-width: 480px){
	
}
@media (min-width: 592px){
	
}
@media (min-width: 620px){
	.bgBanner .marca{
		position: absolute;
		top: calc(50% - 150px);
		left: calc(50% - 110px);
	}
	#grid-base .col-6:nth-child(2n+0){margin-right:0;}
	#grid-base .col-6{
		float:left;
		width:48%;
		margin-right:4%;
		margin-top:0;
	}
	.bgBanner ul li{
		height:calc(100vh - 110px);
	}
	#topo .menu{
		float:right;
		width:auto;
		height:auto;
		margin-left:50px;
		font-size:0;
	}
	
	#topo .menu ul li{
		float:left;
	}
	
	#topo .socials{
		float:left;
		width:auto;
		margin-left:115px;
	}
	#topo .btMenu{
		display:none;
	}
	#topo .logo{
		height:auto;
	}
		#topo .logo img{
			width: 100%;
			margin:auto;
		}
	#projeto .descritivo p{
		margin-top:20px;
	}
		#projeto .descritivo p{
			padding:0 10%;
		}
		
	#bgRodape .infos2{
		float: left;
		width:50%;
		padding:50px;
		/* padding-left:175px; */
		/* padding-right: 175px; */
	}
}

@media (min-width: 768px){
	.numero-colunas{
	   -moz-column-count: 2;
	   -webkit-column-count: 2;
	}
	
	#listProjects article{
		width:48%;
		display:inline-block;
		margin-left:5px;
		margin-right:5px;
	}
	
	#formContact .td1{
		float:left;
		width:50%;
	}
	#formContact .td2{
		float:left;
		width:50%;
	}
		#formContact .td1 ul li{margin-right:9px;}
		#formContact .td2 ul li{
			margin-top:0px;
			margin-left:9px;
		}
	.contact .inner .td4 ul li{
		float: left;
		width: 32%;
		margin-left:2%;
	}
		.contact .inner .td4 ul li:first-child{margin-left:0;}
	#formContact .submitContato{
		text-align:center;
	}
}
@media (min-width: 840px){
	.bgBanner ul.imgDestaque li{
		background-size: 100% auto;
	}
}
@media (min-width: 960px){
	.content{width:96%;}
	.paddingPadrao{padding:40px 0;}
	
	#listProjects article{
		width:25%;
	}
	#projeto .descritivo p{
		padding:0 30%;
	}
}
@media (min-width: 1040px){
	
	#listProjects article:nth-child(1),
	#listProjects article:nth-child(2),
	#listProjects article:nth-child(3),
	#listProjects article:nth-child(4){margin-top:0;}
	#listProjects article{
		width:25%;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:20px;
	}
}
@media (min-width: 1110px){
	
}
@media (min-width: 1280px){
	
}
@media (min-width: 1366px){
	
}
@media (min-width: 1600em){
	
}