@font-face {
    font-family: 'OpenSansBold';
    src: url('../fontes/OpenSans-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fontes/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

body{
	/*	
background-image:url('../temp/ver-video.jpg');
	background-position:50% 0;
	background-repeat:no-repeat;*/
	padding:0;
	margin:0 auto;
	overflow-x: hidden;
}
p{font-family:OpenSansRegular; font-size:16px; color:#676767;}
.videos{ width:100%; float:left;}
.videos .glass{background-color:#292828;}

.videos .portifolio{text-align:center;}
.videos .portifolio h2{
	float:left;
	text-transform:uppercase;
	margin-left:0px;
	margin-bottom:45px;
	padding-bottom:8px;
	width:100%;
	font-family:OpenSansBold;
	font-size:32px;
	color:#676767;
	border-bottom:6px solid #8a2e2e;
    letter-spacing: -1px;
	margin-top: 40px;
	text-align:left;
}
.videos .portifolio h3{
	float:left;
	text-transform:uppercase;
	margin-left:0px;
	margin-bottom:32px;
	padding-bottom:8px;
	width:100%;
	font-family:OpenSansBold;
	font-size:22px;
	color:#676767;
    letter-spacing: 0.6px;
	margin-top: 10px;
	text-align:left;
	font-weight:200;
	text-align:center;
}
.videos .portifolio{width:1018px; margin:0 auto; padding:25px 0 0 0px; min-height:826px; text-align:center;}
.videos .portifolio .item{
	border: 0px solid #959595;
    float: left;
    height: 479px;
    margin-bottom: 55px;
    width: 100%;
	text-align:center;
}
.videos .portifolio .item .video-js{width:100%; margin:0 auto;}
.footer {margin-top: 0px!important;}

@media screen and (max-width: 768px) {
	.header{
		display: block;
		float: left;
		margin-top: 0;
		position: relative;
		width: 100%;
	}
	header{display:block;}
	.header .nav{display:none;}
	#pop {
		background-color: #fff;
		border: 1px solid #d0d0d0;
		border-radius: 162px;
		height: 150px;
		margin-left: -150px;
		margin-top: -100px;
		padding: 10px;
		position: absolute;
		right: 10%;
		text-align: center;
		top: 73%;
		width: 150px;
	}
	.itec {
		left: 50%;
		margin: -2% auto 0 28%;
		max-width: 40%;
	}
	#pop a{
		color: #676767;
		float: left;
		font-family: OpenSansRegular;
		font-size: 9px;
		height: 9px;
		line-height: 11px;
		text-decoration: none;
	}
	.footer .f-group p,
	.footer .f-bottom .cop .txt p{
		font-size:9px;
	}
	.footer .f-bottom .cop {
		margin: 0 auto;
		width: 100%;
	}
	
	.nav2{display:block;}
	.nav2 .logo{
		width:50%;
		float:left;
	}
	.nav2 .logo img{max-height:59px;}
	
	.nav2 .menu {
		float:right;
		width:50%;
	}
	.nav2 .menu ul{
		float: right;
		margin-top: 0;
		padding: 46px 20px 20px;
		z-index: 999;
		display:none;
		background-color:#292828;
	}


	.nav2 .menu ul li{
		list-style:none;
		text-align:right;
		
	}
		.nav2 .menu p:hover + ul {
		display:block
	}
		.nav2 .menu ul li a{
		color:#fff;
		font-family: OpenSansRegular;
		text-decoration:none;
	}
	.nav2 .menu ul li.first{margin-top:0px;}
	
	.nav2 .icon {
		float: right;
		position: absolute;
		right: 13px;
		text-align: right;
		top: -4px;
		width: 100%;
	}
	.videos .portifolio{max-width:100%; padding-left:8px; padding-right:8px;}
	.videos .portifolio h2{font-size:22px;}
	.videos .portifolio h3{font-size:16px;}
	.videos .portifolio p{font-size:12px;}
	.videos .portifolio ul{padding-left:8px; padding-right:8px;}
	.videos .portifolio ul li{font-size:12px;}
	
	.videos .portifolio {
		max-width: 100%;
	}
	
	.videos .portifolio .item .video-js {
		width: 100% !important;
	}
}