@font-face {font-family: 'ktvfont';src:url('../fonts/GE_Dinar_One_Light.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: Kufi;font-style: normal;font-weight: 300;src: url("../fonts/DroidKufi-Regular.woff2") format('woff2');font-display: swap}
@font-face {font-family: Naskh;src: url("../fonts/DroidNaskh-Regular.woff2") format('woff2');font-style: normal;font-weight: 300;font-display: swap}
body{font-size:1.124em;font-family:'Kufi', Naskh, Arial;}
body::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
body::-webkit-scrollbar-thumb {background-color: #ad000d;outline: 1px solid slategrey; border-radius: 3px;}
*{margin:0; padding:0}
.kufi{font-family: 'Kufi';}
.naskh{font-family: 'naskh';}
.ktvfont{font-family: 'ktvfont';}
h1{font-size:240%; text-align:center;}
h2{font-size:170%;}
h3{font-size:110%;}
h5{font-size:130%;}
p{font-size:110%;}
a{color:#000}
.bg1{color:#fff;background: rgb(166,138,76);background: linear-gradient(90deg, rgba(166,138,76,1) 10%, rgba(232,200,123,1) 50%, rgba(166,138,76,1) 90%);}
.bggry1{background-color: #efefef;color: #646464;}
.bggry2{background-color: #bfbfbf;color: #fff;}
.brd1{height: 10px; width: 100%; position: relative;}
.brd1:after {
    content:"";
    background: linear-gradient(90deg, rgba(166,138,76,1) 10%, rgba(232,200,123,1) 50%, rgba(166,138,76,1) 90%);
    display: block;
    height:10px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.brd2{border-bottom:2px solid #d6d6d6;}
.brd3{border-bottom:10px solid #B8B8B8;}
.clr1{color:#ad000d}
.clr2{color:#ad000d}
.cls{clear:both}
.shd1{box-shadow: 0px 1px 13px 1px #ddd;}
.oh{overflow:hidden}
.captcha img{
		padding: 3px 0 0 12px;
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
		border: 1px solid #ccc;
	}
/*over bootstrap*/	
.btn,.form-control{border-radius:0}
.form-control{border-color:#002763}
/**************************************************************************************************************/
.head{padding:5px 0;}
.head .H-date{color: #0147b0}
.header{
	padding: 8px 0;
}
.logo{position:relative}
.logo img {margin-left: 6px;}
.logo span{
	position:absolute;
	bottom:0;
    color: #683e14;
    font-weight: bold;
    font-size: 20px;
}
.animate_logo {animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running animate_logo; opacity: 1;	transform: scale(1);}
@keyframes animate_logo {0% {opacity: 0.1; transform: scale(0.5);} 100% {opacity: 1; transform: scale(1);}}
@keyframes animate_logo {0% {opacity: 0.1;transform: scale(0.5);}	100% {opacity: 1;transform: scale(1);}}
.header .nav{margin-top:30px; text-align:left}
.header .nav li{
	display:inline-block;
    margin: 8px 10px 0 0;
    padding-left: 5px;
}
.header .nav li a{
	font-size: 21px;
	padding:0 2px;
    color: #ad000d;
    cursor: pointer;
    border-bottom: 1px solid transparent;	
}
.header .nav li a:hover{border-bottom: 2px solid #fff;}
@media screen and (max-width: 767px) {
	.nav {display: none;}
}
/**************************************************************************************************************/
.bgrtop{
    background-image: url(../img/bgrtop.jpg);
    min-height: 128px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.live #ls_embed_1497080079{width: 100%;}
.live a:hover{color:#808080}

@media all and (max-width: 768px) {
	.bgrtop{
		background-image: url(../img/m_top.jpg);
		min-height: 100px;
		background-size: auto;
		background-color: #f0f0f0;		
	}
}

@media all and (min-width: 964px) {
	.live{
		width: 100vw;
		height: 45vw;
		background: repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(255, 255, 255, 0.1) 3px, rgba(255, 255, 255, 0.1) 7px) repeat scroll 0 0%, #fff url(../img/main.jpg) no-repeat scroll 0 0 / 103vw auto;
		position:relative;
	}
	.live-overlay{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.09);
	}
	.live .frame{
		box-shadow: 0 0 12px 0 #aaa;
		border: 1px solid #ddd;	
		margin-top:99px;
		padding:2px;
		background-color:#fff;
	}
}
/**************************************************************************************************************/
.taradod{   
	height: 118px;
    padding: 20px;
    border-bottom: 8px solid #ad000d;;
}
.taradod h2{color:#fff;}
.taradod p{margin:20px 0;font-size:22px; font-family:'Kufi';font-weight:bold}
/**************************************************************************************************************/
.about{margin-top:5em;padding-top:15px}
/**************************************************************************************************************/
.selected{margin-top:7em;}
.selected h3{
	color: #fff;
    display: inline-block;
    border-radius: 1.5rem 1.5rem 0 0;
    text-align: center;
    padding: 10px 15px;
}
.thumbnails{
	position: relative; width:100%; height: 190px; min-height: 179px; background-color: #eee;
	background-repeat: no-repeat;
	background-size: cover !important;
}
.textviewer{padding:10px 12px 10px 0; opacity: 0.8; height: 163px;}
.editorviwer:hover .textviewer{background:#ad000d; color:#fff; opacity: 1;}
.editorviwer a{color:#000;}
.editorviwer:hover a{color:#fff;}
.editorviwer:hover .thumbs b{opacity: 1;}
.thumbs b{
	background-color:rgba(0,0,0,0.24);
	position: absolute;
	width:100%;
	height: 100%;
	opacity: 0;
}
.thumbs i{
	position: absolute;
	top:50%;
	left:50%;
	border-width:22px 0 22px 32px;
	margin-top:-14px;
	margin-left:-12px;
}
.thumbs b:before{
	content: "";
	width:64px;
	height:64px;
	border:3px solid #eee;
	border-radius: 100%;
	top:50%;
	left:50%;
	position: absolute;
	margin-top:-25px;
	margin-left:-32px;
}
.icono-play {
    width: 0;
    height: 0;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin: 7px 9px;
}
/************************************************************************************************************************/
.contactus{margin-top:7em;}
.contactus .btn{background-color:#ad000d !important;color:#fff}
.contactus .btn:hover{color:#5a3105 }
/************************************************************************************************************************/
footer{
	min-height:60px;
	padding:22px 0 14px 0;
	position:relative;
	color:#fff;
}
footer span, footer span a{
	color:#fff;
	font-weight:bold	
}

.totop {
	position: absolute;
    right: calc(50vw - 25px);
    top: -26px;
    background: #ffffff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 4.2;
}
.totop img{width: 50%;}

.ficon a{
	padding-right:30px;
	background-image:url('../img/s5.png');
	background-repeat: no-repeat;
	height:25px;
}
.ficon a#facebook {background-position: 100% -375px;}
.ficon a#facebook:hover {background-position: 100% -350px;}
.ficon a#gplus {background-position: 100% -625px;}
.ficon a#gplus:hover {background-position: 100% -600px;}
/************************************************************************************************************************/
.vid-info{
	min-height:100px;
}
.taa:hover .thumbs b{opacity: 1;}


/* new style 10-1-2021 */
.pagination {width:100%; text-align: center; padding:4px 0;}
.pagination .bx{display: inline-block;}
.pagination a,.pagination b{
	font-size:15px;
	display: inline-block;
	width:36px;
	height:26px;
	line-height:28px;
	color:#000;
	background-color:#61A8DC;
	border-radius: 3px;
	margin:0 0 1px 1px;
	padding: 1px 2px;
}
.pagination .d3{margin: 0 5px;}
.pagination b{background: #F5876E}
.pagination a:hover{color:#fff;}



.linksactive{font-weight:bold !important;border-bottom: 4px solid #ec0000 !important;}

.page-content{
	min-height:calc(100vh - 193px);
}
	


.mobile-main-nav {display: none}
.mobile-main-nav a,.mobile-main-nav .i i{color: #ad000d;}
.mobile-main-nav a {
	display: block;
	font-size: 14px;
	padding:10px 5px 10px 0;
}
.mobile-main-nav ul {display: none;}
.mobile-main-nav li {margin-top: 1px;}
.mobile-main-nav .i {
	border-right: 1px solid #fff;
	float: left;
	cursor: pointer;
}
.mobile-main-nav li .i {border-left:0;}
.mobile-main-nav li li a:before {content: ' - '; padding-right: 5px;}
.mobile-main-nav li li li a:before {content: ' -- '; padding-right:16px;}
.mobile-main-nav li li a {background: #a39f9f;}
.mobile-main-nav li li ul li a {background: #d3d3d3; color:#666;}
.mobile-main-nav li li ul li a:hover{background: #d3d3d3; color:#e20025;}
@media screen and (max-width:1190px) {
	.main-nav>ul>li>a{font-size:14px;}
}
@media screen and (max-width: 980px) {
	.main-nav>ul>li>a{font-size:14px; padding:2px 5px;}
}
@media screen and (max-width: 768px) {
	.main-nav {display: none;}
	.mobile-main-nav {display: block; opacity: 1;}
}
@media screen and (max-width:600px) {
	.main-nav {display: none;}
	.mobile-main-nav {display: block; opacity: 1;}
}

@media screen and (max-width: 767px) {
	.main-nav {display: none;}
	.mobile-main-nav {display: block; opacity: 1;}
}