
body, html {
    overflow-x: auto !important;
}
@media (max-width: 510px) {

	.header_area .navbar-brand{
	width: 45% !important;

	}
	.banner_page {
		margin-top: 75px;
	}

}

	


.banner_page_video{
margin-top: 90px;
padding: 50px 10px 0px;
background: rgb(0,0,0);
/*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6699054621848739) 37%, rgba(0,0,0,0) 100%);*/
}
.background_video{
position: absolute;
z-index: -1;
width: 100%;
height: 1200px;
top: -115px;
}
.banner_video{
width: 100%;
height: 500px;
}

.banner_page{
margin-top: 90px;
/*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6699054621848739) 37%, rgba(0,0,0,0) 100%);*/
}
.banner_page:hover{
cursor:pointer;
}
.banner_page_inside{
margin-top: 90px;
padding: 100px 10px;
background: rgba(0,0,0 , 0.6);
/*background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6699054621848739) 37%, rgba(0,0,0,0) 100%);*/

}
.title_page{
text-align: left;
padding:15px 25px; 
width: 100%;
background-color: none;
}
.name_page{
color: rgb(255, 255, 255);
font-size: 100px;
font-weight: 800;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
margin-bottom: 0;
line-height: 1;
}
.sub_page{
color: rgb(255, 255, 255);
font-size: 25px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
margin-top: 0;
line-height: 1;
}
.banner_page .btn{
padding-top: 15px;
padding-bottom: 15px;
border-radius: 3px;
width: 150px;
font-size: 13px;
text-align: center;
color: #fff;
border: none;
background-color: deepskyblue;
background-image: -webkit-linear-gradient(left, deepskyblue 0%, #5ebbff 50%,#16aeff 100%);
background-image: linear-gradient(to right, deepskyblue 0%, #5ebbff 50%,#16aeff 100%); 
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-size: 200% 100%;
margin-top: 20px;
}
.banner_page .btn:hover{
background-position: 100% 0;
}

.videos_page{
background-color: black;
padding: 30px 50px;
position: relative;
width: 100%;
display: table;
font-family: 'Rajdhani', sans-serif;
}
.videos_page h1{
font-size: 43px !important;
}
.video{
width:250px;
height:142px;
float: left;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 8px;
margin-right: 6px;

}
.video_iframe{
width:250px;
height:142px;
position: absolute;

}
.video_cover{
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6699054621848739) 12%, rgba(0,0,0,0) 100%);
width:250px;
height:142px;
position: absolute;
}
.video_tit{
font-size: 15px;
font-weight: 400;
position: absolute;
bottom: 0;
margin-left: 10px;
transition: all .2s ease-in-out;
}
.video:hover{
cursor: pointer;
}
.video_tit:hover{
color: deepskyblue;
cursor: pointer;
}
.banner_page_video #close{
color: rgba(255, 255, 255, 0.6);
font-size: 30px;
position: absolute;
right: 20px;
transition: all .2s ease-in-out;
}
.banner_page_video #close:hover{
color: rgba(255, 0, 0,1);
cursor:pointer;
}

@media only screen and (min-width: 900px) and (max-width: 1600px){
  .name_page{
font-size: 80px;
}
.banner_page_inside {
    padding: 65px 10px;
}
.background_video {
    height: 880px;
}
}
@media only screen and (min-width: 680px) and (max-width: 899px){
.name_page{
font-size: 60px;
}
.banner_page_inside {
    padding: 25px 10px;
}
.background_video {
    height: 760px;
}

}
@media only screen and (min-width: 400px) and (max-width: 679px){
.name_page{
font-size: 30px;
}
.video{
width:295px;
height:175px;

}
.video_iframe{
width:295px;
height:175px;
position: absolute;
}
.video_cover{
width:295px;
height:175px;

}
.banner_page_inside {
    padding: 5px 10px;
}
.background_video {
    height: 610px;
}


}

@media (max-width: 400px) {
.name_page{
font-size: 25px;
}
}

.sub-cat{
	margin-bottom:20px;

}

.more_video{
	height: 150px;
    width: 200px;
    background: black;
    float: left;
    border-radius: 35px;
    font-size: 60px;
	text-align: center;
	margin-left:10px;
	padding-top: 34px;
	transition: all .2s ease-in-out;
}

.more_video p{
	position: relative;
	font-size: 15px;
    font-weight: 400;
}
.more_video:hover{
	cursor:pointer;
	color: deepskyblue;
	background: black;
}

.desc{
	text-align: justify;
	font-size:20px;
}



/*-----------------SOBRE-------------------------*/

.sobre_cat{
		width:100%;
		padding: 25px 50px;
		background:white;
	}
	.sobre_pt{
		width:100%;
		padding: 25px 5%;
		background-color:#316aa1;
		position:relative;
		display:table;
	}
	.pt{
		float:left;
		width:25%;
		margin-left:100px;
		text-align:center;
		background: white;border-radius: 5% 5% 5% 5%;
		margin-bottom: 25px;
	}
	.pt [name="imagem"]{
		background: white;
		border-radius: 5% 5% 45% 45%;
	}
	.pt [name="rede"]{
		font-size:30px;
	}
	.pt [name="nome"]{
		color:black;
	}
	.pt [name="sobre"]{
		padding:0 10px;
		color:black;
	}


	@media only screen and (min-width: 701px) and (max-width: 1200px){
		.pt{
			width:80%;
			margin-left: auto;
			margin-right: auto;
			float: none;
		}
      
	}
	
	
	@media (max-width: 700px) {
		.pt{
			width:100%;
			margin-left: auto;
			margin-right: auto;
			float: none;
		}
		.banner_page_video{
			padding: 30px 10px 0px !important;;
			}
		.banner_page_video #banner_page_video{
			width: 98% !important;
			padding: 55% 0 0 0 !important;
		}
	    
	}
	.rod-social{
		margin:0 5px;
	}


/*-----------------end SOBRE-------------------------*/

