.bg-cover{
	background-image: url(../images/1261660801_ya_hussain_40_of_MOHARAM_by_alnassre.jpg);
	background-attachment: fixed;
	background-size: cover;
	direction: rtl;
	font-family: 'BKoodakBold';
}


@font-face {
	font-family: 'BKoodakBold';
	src: url(../fonts/BKoodakBold.eot) format('eot'), url(../fonts/BKoodakBold.TTF) format('truetype'), url(../fonts/BKoodakBold.otf) format('woff');
}



@font-face {
	font-family: 'BDavat';
	src: url(../fonts/BDavat.eot) format('eot'), url(../fonts/BDavat.TTF) format('truetype'), url(../fonts/BDavat.otf) format('woff');
}
.logo{
	font-family: 'BDavat';
	font-size: 25px;
	float: left;
}


.nav-border{
	border-bottom: #FF0004 5px solid;
}



.main{
	background-color: #474747;
	
}


.main-row{
	background-color: #333;
	color: #fff;
    margin: 15px 5px;
    padding: 15px 0;

}


.hr-style {
    border: 0!important;
    height: 1px!important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(216, 216, 216, 0.8), rgba(0, 0, 0, 0)) !important;
	margin-top: 5px;
	margin-bottom:5px;

}


.row{
	margin-right: 0px;
    margin-left: 0px;
}



.st-img{
	height: 109px;
    border: 1px solid #000;
    
}

@media screen and (max-width: 992px){
.st-img > img {
    width: auto;
}

}



.slider-bg{
	background-color: #FF003F;
	text-align: right;
	
}


.slider-bg > div > div >.col-md-5 {	
	background-color: #e0e0e0;
}

.slider-bg > div > div >.col-md-7 {	
	background-color: #FF0004;
	color: #000;
}



.main-row > div > a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
	
}

.main-row > div > a > h4{
	padding-bottom: 10px;
}



.main-row > div > a:hover h4{
	color: #FF0004!important;
	text-shadow: 1px 1px 2px rgba(255,0,0,.9);
	transition: 0.5s all;
}


.right-st > a{
	color: #FFFFFF;
	text-decoration: none;
	
}
.right-st{
	padding-right: 10px;
}

.right-st > a:hover{
	color: #D76400;
	transition: 1s all;
}




.right-st > a > li{
	list-style: none;
}


.right-st >  li{
	list-style: none;
}



a > .st-img:hover{
	opacity: 0.7;
	border: 1px solid #FF0004;
	padding: 2px;
	transition: 0.4s all;
}




.head-title {
    background: #FCE6B3;
    padding: 8px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 5px;
}






*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px;
	
	max-height: 302px;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.9;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background:  #FF3434; 
	border-top: 10px solid #6f0000;
	margin-bottom: 10px
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 20px;
	text-align: right;
	font-size: 23px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
	




.head{
	background-color: #680001;
	color: #FFFFFF;
	padding: 8px;
	width: 100%;
	margin-top: 10px;
	border: #220001 2px solid;
}

.row-st{
	background-color: #FFFFFF;
	border-right: 3px solid #FF0004;
	margin-right: 0px;
    margin-left: 0px;
	margin-top: 10px
}

.rp-st{
	padding: 5px;
	height: 71px!important;	
	
}

.row-st > div > a > h4{
	font-size: 18px
}


.row-st > div > a {
	text-decoration: none;
	color: #000;
}



.video-bt{
	margin-top: 50px;
	text-align: right;
	
}

 
.video-bt > h3{
	padding: 12px;
	margin-right: 0px;
	background-color: #083600;
	border: #38C300 solid 3px;
	border-radius: 24px 0px 0px 0px;
	color: #FFFFFF
}


.dw-borde{
	margin-top: 40px;
}


.carousel-item > div > div > a > img{
	width: 100%;
	height: 283px;
}


.bg-video > h4{
	text-align: center;
	color: #000;
	margin-top: 10px;
	padding: 5px;
	
}

.carousel-item > div > div > a{
	color: #000;
	text-decoration: none;
}


.bg-video{
	background-color: #8E8E8E;
	padding-bottom: 34px;
	border: 5px solid #FFFFFF;
	height: 383px;
}



.dw-borde > .col-md-6 > a {
	text-decoration: none;
}

.dw-borde > .col-md-6 > a > div > img{
	height: 297px;
	height: 100%;
	
}


.fa-play-circle-o{
	color: #2242FF;
	font-size: 50px!important;
}



.zaer{
	font-size: 37px;
	color: #FFFD00;
	top: 0;
	font-family: 'BDavat';
}



.ft-list > a > li{
	list-style: none;
	font-size: 18px;
	color: #FFFFFF;
	
}




.ft-list {
	margin-top: 10px;
}




 
.video-bt > h3{
	padding: 12px;
	margin-right: 0px;
	background-color: #083600;
	border: #38C300 solid 3px;
	border-radius: 24px 0px 0px 0px;
	color: #FFFFFF
}




@media screen and (max-width: 992px) {
	.bg-video {
		height: auto;
	}
}




@media screen and (max-width: 320px) {
	.player3 {
		top: 15%!important;
		left: 36.5%!important;
	}
}



@media screen and (max-width: 992px) {
	.bg-video{
		margin-top:10px ;
	}
}







@media screen and (max-width: 992px) {
	.dw-borde > .col-md-3 {
		margin-top:10px ;
	}
}



@media screen and (max-width: 992px) {
	.player,.player2 {
		display: none;
	}
}


@media screen and (max-width: 992px) {
	.dw-borde > .col-md-3 > div > a > div >img {
		margin: 0 auto;
		margin-top: 10px;
	}
}



.dw-borde > .col-md-3 > div > a > div >img {
	
	width: 290px;
	height: 186px;
}


.dw-borde > .col-md-3 > div > a > div >img{
	margin-bottom: 10px;
	border: 5px solid #fff;
	height: 186px;
}

footer{
	background-color:  hsla(0,0%,22%,0.9);
	
	color: #FFFFFF;
	margin-top: 50px;
	border-top: #FF0004 solid 10px;
}



.bg-content{
	background-color: #f3f3f3;;
	color: #000;
	font-family: 'BKoodakBold';
	
}


.cn-img{
	filter: drop-shadow(8px 6px 3px #222);
}