/*
Theme Name: Idmark Id01
Theme URI: http://www.idmark.com.br
Description: Site base.
Author: Idmark
Author URI: http://www.idmark.com.br
version: 1.0
Tags: white, clean, responsive, idmark
*/



/* basics */

html {
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: hidden;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

*{margin:0; padding:0;}

body {
	height:100%;
	font-family:'Open Sans';
	background:#fff;
	overflow-y: hidden; /* Hide vertical scrollbar */
	overflow-x: hidden; /* Hide horizontal scrollbar */
  }
	
img{max-width: 100%; border: none;}
img a{border:none;}

img.left{
	float: left;
	border: none;
	padding: 6px 0 0 0;
}

img.right{
	float: right;
	border: none;
	padding: 0 0 0 6px;
}




/* fonts & links */

	/* font-family: 'Open Sans';
			weights cadastrados 300, 400, 600, 700
			light, normal, semi bold, bold
	*/
	
	
	h1,
	.post h1,
	.post h1 a{
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		font-size:3.6vw;
		margin: 16px 0;
		text-transform:uppercase;
	}
	
		.post h1,
		.post h1 a{
			margin:0 0 12px;
		}
		
	
	h2,
	.post h2{
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		font-size:26px;
		line-height:28px;
		text-transform:uppercase;
	}
	
	
	h3{
		font-family: 'Montserrat', sans-serif;
		font-weight:normal;
		font-size:2vw;
		text-transform:uppercase;
	}
	
	
	h4{
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		font-size:18px;
		text-transform:uppercase;
	}
	
	
	h5{
		font-family: 'Montserrat', sans-serif;
		font-weight:normal;
		font-size:1.6vw;
		text-transform:uppercase;
	}
	
	
	h6{
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		font-size:14px;
		text-transform:uppercase;
	}
	
	
	p{
		font-family: 'Montserrat', sans-serif;
		font-weight:normal;
		font-size:2.2vw;
		line-height: 140%;
	}
	


a{color:#871719;text-decoration:none;}
a:hover{color:#666;text-decoration: none;}

blockquote{
	border-left:1px solid #333333;
	margin:15px;
	padding:0 12px;
	font-family:'Open Sans';
	font-weight:400;
	font-size:14px;
	font-style:italic;	
}


ul{
}

	ul li{
		font-size:14px;
		font-family:'Open Sans';
		margin:0 0 0 24px;
		list-style-type: disc;
	}

code{font-family:"Courier New", Courier, monospace;}


b,
strong {font-weight: 700;}

dfn,
cite,
em,
i {font-style: italic;}

.clearfix:before,
.clearfix:after{
	content:"";
	display: table;
}

.clearfix:after{clear: both;}




/* container */

.container {
	max-width:1170px;
	margin: 0 auto;
	padding:0 1em;

}

.container:before,
.container:after{
	content:"";
	display:table;
}

.container:after{clear: both;}








	
/* header */

header{
	width: 100%;
	padding:16px 0;
	position: relative;
	background:#fff;
}

header .container{display: flex; align-items: center;}







/* destaque */
.destaque{
	width: 100%;
	height: auto;
}










/* tv */
.tv{
	width: 100%;
	height: auto!important;
	padding:0;
	position: relative;
}

	.tv .temp{
		position: absolute;
		padding: 16px;
		top: 0;
		left: 0;
		z-index: 10;
		display:none;
	}

.tv .row{padding: 0; margin: 0;}

.tv .tv_uni{width: 100%;font-style: italic;}

.tv_conteudo{
	width: 100%;
	margin: 0 auto;
	position: relative;
}


.base{
	width: 100%;
	height: 100%;
	background: #398f14;
}

.separador{
	width: 60%;
	height: 8px;
	margin-bottom: 16px;
}


.template1{}
.template1 .bl60{width: 60%; min-width:740px; position: absolute; left: 0; top: 0;}
.template1 .bl40{
	width: 40%;
	height: 100%;
	padding: 160px 70px 70px;
	float: right; 
	background-image: url(images/template1_bg1.png), url(images/template1_bg2.png);
	background-position: right top, right bottom;
	background-repeat: no-repeat, no-repeat;	
	background-color: #1ba613; 
	z-index: 10; 
	position: absolute; 
	top: 0; 
	right: 0;
}
.template1 .bl40 .call{
	width: 55%;
	height: 80px;
	position: absolute;
	bottom: 230px;
	display: flex;
	align-items: center;
}

.template1 .bl40 .call img{
	width: 160px;
	height: auto;
	margin-right: 16px;
}


.template1 .bl40 .logo{
	width: 400px;
	height: 82px;
	position: absolute;
	bottom: 60px;
	right: 60px;
}



.template1 h1,
.template1 h5,
.template1 p{color: #FFF;}
.template1 h3{color: #cfc916;}
.template1 .separador{background: #fff;}






.template2{position: relative;}
.template2 .barra{
	width: 100%;
	height:26.5%;
	padding: 20px 2.5% 0;
	background: url(images/template2_bg.png) center bottom no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
}

	.template2 .barra .logo1{width: 15.2%;}
	
	.template2 .barra .logo2{
		width:400px;		
		height: 80px;
		position: absolute;
		right: 80px;
		bottom: 80px;
	}

	.template2 p{
		width: 58%;
		color: #FFF;
		padding: 90px 1.5% 10px;
	}






.template3{}
.template3 .bl65{
	width: 73%; 
	min-width:740px;
	height: 100%;
	position: absolute; 
	right: 0; 
	top: 0;
	z-index: 4;
	text-align: right;
}

	.template3 .bl65 img{
		max-width:auto;
	}

.template3 .bl48{
	width: 48%;
	height: 100%;
	padding: 260px 70px 70px;
	background-image: url(images/template3_cor.png);
	background-position: left center;
	background-repeat: no-repeat;	
	background-color: none;
	z-index: 10; 
	position: absolute; 
	top: 0; 
	left: 0;
}

.template3 .bl48 .logo{
	width: 400px;
	height: 82px;
	position: absolute;
	top: 110px;
	left: 60px;
}



.template3 h1,
.template3 h5,
.template3 p{color: #FFF;}
.template3 p{ width: 75%;}
.template3 .separador{background: #fff;}




.template4{
	width:100%;
	height: 100%;
	background-image: url(images/template4_x1.png), url(images/template4_x2.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;	
	background-color: #FFF;
	position: relative;	
}



.template4 .linha2{
	width: 100%;
	height: 60%;
	position: absolute;
	top: 21%;
	left: 0;
	overflow: hidden;
	background:url(images/template4_x3.png) center left repeat-y;
	background-color: #fff;
}

	.template4 .linha2 .blesq{
		width: 48%;
		height: 100%;
		float: left;
		padding: 60px 20px 0 180px;
	}

	.template4 .linha2 .bldir{
		width: 52%;
		height: 100%;
		float: right;
	}

		.template4 .linha2 .bldir img{
			width: 100%;
			height: auto;
		}

.template4 .call{
	width: 600px;
	height: 120px;
	position: absolute;
	left: 180px;
	bottom: 40px;
	display: flex;
	align-items: center;
}


.template4 .call img{
	width: 160px;
	height: auto;
	margin-right: 16px;
}


.template4 .logo{
	width: 420px;
	height: 86px;
	position: absolute;
	right: 40px;
	bottom: 40px;
}




.template4 h1,
.template4 h5,
.template4 p{color: #139a0f;}
.template4 p{ width: 95%;}
.template4 .separador{background: #139a0f;}



.template5{}
.template5 img{width: 100%; height: auto;}


.template6{}
.template6 img{width: 100%; height: auto;}


.template7{
	padding: 0!important;
}

.template8{}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



	#myVideo{
		position: fixed;
		top: 0;
		left:0;
		height:100%;
	}


.template .ytp-title-text {
	display:none!important;
}

/* Preloader */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	/* change if the mask should have another color then white */
	z-index: 99;
	/* makes sure it stays on top */
  }
  
  #status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
	/* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	/* is width and height divided by two */
  }


/* erro 404 */
.erro404{text-align:center;}
.erro404 .container{min-height:460px;}
.erro404 h1{margin:64px 0 24px;}


/* extras stuff */
.flex{
	-ms-display: flex;
	display:flex;
}

.linear{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}


.ease{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}


.slick-prev{background: url(images/arrow-esq.png) center no-repeat !important;}
.slick-next{background:url(images/arrow-dir.png) center no-repeat !important;}




/*section*/
section{width: 100%;}



/* rows and columns */

.row{width: 100%;margin:0.5em 0;}

.row:before,
.row:after{content:"";display:table;}
.row:after{clear:both;}

.column{margin-left:1.6%;float: left;position:relative;}
.column:nth-child(1){margin-left:0;}



/* grid */
.column-1 {width: 6.86666666667%; min-height:20px; float:left;}
.column-2 {width: 15.3333333333%; min-height:20px; float:left;}
.column-3 {width: 23.8%; min-height:20px; float:left;}
.column-4 {width: 32.2666666667%; min-height:20px; float:left;}
.column-5 {width: 40.7333333333%; min-height:20px; float:left;}
.column-6 {width: 49.2%; min-height:20px; float:left;}
.column-7 {width: 57.6666666667%; min-height:20px; float:left;}
.column-8 {width: 66.1333333333%; min-height:20px; float:left;}
.column-9 {width: 74.6%; min-height:20px; float:left;}
.column-10 {width: 83.0666666667%; min-height:20px; float:left;}
.column-11 {width: 91.5333333333%; min-height:20px; float:left;}
.column-12 {width: 100%; min-height:20px; float:left;}



/* grid 10 colunas */
.column-101{width: 8.56%; min-height:20px; float:left;}
.column-102{width: 18.72%; min-height:20px; float:left;}
.column-103{width: 28.88%; min-height:20px; float:left;}
.column-104{width: 38.92%; min-height:20px; float:left;}
.column-105{width: 49.04%; min-height:20px; float:left;}
.column-106{width: 59.36%; min-height:20px; float:left;}
.column-107{width: 69.52%; min-height:20px; float:left;}
.column-108{width: 79.68%; min-height:20px; float:left;}
.column-109{width: 89.84%; min-height:20px; float:left;}
.column-110{width:100%; min-height:20px; float:left;}
  
	

/* content */


.content {
	margin:0 0 20px 0;
	width: 100%;
	float:left;
	}
	
.post {
	margin:0;
	padding:0 0 40px 0;
	line-height:24px;
	}	

.post .date{font-weight: normal; text-transform: none;}

.post ul {margin:20px;}

.entry p{margin:12px 0;}
.entry img{height:auto;}

	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}













/****** media queries ******/

@media screen and (max-width: 1370px) {
	h1,
	.post h1,
	.post h1 a{font-size:3.2vw;}
	h3{font-size:1.8vw;}
	h5{font-size:1.2vw;}
	p{font-size:1.2vw;}	

	.template1 .bl40{
		padding: 110px 70px 70px;
		background-image: url(images/template1_bg1.png), url(images/template1_bg2.png);
		background-position: right -25px, right 120%;
	}

	.template1 .bl40 .call{width: 60%;bottom: 140px;}

	.template1 .bl40 .logo{
		width: 240px;
		height: auto;
		bottom:30px;
		right: 30px;
	}	


	.template2 .barra{
		width: 100%;
		height:26.5%;
		padding: 20px 5% 0;
		bottom: 100px;
		background: url(images/template2_bg.png) center no-repeat;
	}

	.template2 p{
		padding: 64px 3% 10px;
	}	


	.template2 .barra .logo2{
		right: 40px;
		bottom: 40px;
	}




	.template3 .bl48{
		padding: 160px 50px 50px;
		background-image: url(images/template3_cor.png);
		background-position: -260px center;
	}

	.template3 .bl48 .logo{
		width: 240px;
		height: auto;
		top:70px;
		left: 50px;
	}

	.template3 .bl65 img{
		max-width:auto;
		width: 100%;
	}	




	.template4 .linha2{
		width: 100%;
		height: 460px;
		top: 18%;
	}	

	.template4 .call{
		width: 400px;
		height: 100px;
		bottom: 16px;
	}

	.template4 .linha2 .blesq{
		padding: 30px 20px 0 180px;
	}	
	
	
	.template4 .call img{
		width: 120px;
		margin-right: 8px;
	}	


	.template4 .logo{
		width: 252px;
		height: 60px;
		bottom: 16px;
	}	





}/* end query */