*{
	outline:none !important;
}
body
{
	margin:0;
	padding:0;
	outline:none;
}
a
{
	color:#ffffff;
	text-decoration:none
}
a:hover,a:focus
{
	text-decoration:none;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.container-fluid,[class*="col"]{
	padding-left: 8px;
    padding-right: 8px;
}
.head {
    text-align: center;
    width: 100%;
}
.head img{
	
    max-width: 100%;
}
.head h1{
	color:#000;
	font-size:24px;
	margin-bottom:20px;
}
.vedio-section{
	
	text-align:center;
	margin:0 auto;
}
.vedio{
	margin: 20px 0;
    position: relative;
}

.head-content {
    float: left;
    width: 100%;
}

.video-buttons{
	 background: transparent none repeat scroll 0 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-buttons img{
	width:100%;
}
.video-buttons a{
	cursor: pointer;
    font-size: 55px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 80px;
	color:#CC181E;
}
.video-buttons a i{
	background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    line-height: 0.5;
}
.video-buttons a:hover{
	color:#CC181E;
}



.footer{
	padding:30px 0;
	background:#2d2b2b;
	margin-top:90px;
}
.footer p{
	text-align:center;
	color:#e4e2e2;
	font-size:13px;
	
}
.footer p span{
	text-align:center;
	color:#5c5c5c;
	font-size:13px;
}

.footer p a{
	text-align:center;
	color:#5c5c5c;
	font-size:13px;
}
.footer p a:hover{
	color:#828282;
}

.info{
	font-family: futuralightbt;
    font-size: 23px;
    margin: 30px 0 42px;
}

.vedio-section h2 {
    font-size: 17px;
    line-height: 1.5;
}

.hh_info {
    font-size: 17px;
    font-family: futuralightbt;
    text-align: center;
    margin: 41px 0 0;
    width: 100%;
}

.hh_info p {
    font-size: 20px;
    color: #333;
     padding: 0 20px;
	 width:100%;
    text-align: center;
}
.hh_info p a{
	
	color: grey !important;
}
.hh_info a{
	
    font-size: 20px;
	color: #337ab7;
}
.name{float:right;
margin-right:50px;}
.clear{
	clear:both;
}



@media only screen and(max-width: 1200px) {
.hh_info p {
    font-size: 16px;
    line-height: 30px;
}

}
@media (max-width: 992px) {
.head {
    text-align: center;
    width: 100%;
}
	.hh_info {
    width: 100%; margin: 10px 0 0;
}
.hh_info p {
    font-size: 16px;
    line-height: 30px;
}

}

@media (min-width: 768px) {
	
}


@media only screen and (min-width: 0px) and (max-width: 768px) {
	.vedio-section h2{
	font-size:17px;
} 
.hh_info p {
    padding: 0 15px !important;
    text-align: left !important;
}
.hh_info a {
    font-size: 16px;
}

}