@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: 10px;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
body::-webkit-scrollbar-thumb {background-color: #c1a07d;outline: 1px solid slategrey;}
*{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{background-color:#c1a07d;color:#eee}
.bggry1{background-color:#efefef;color:#646464}
.bggry2{background-color:#BFBFBF;color:#FFF}
.brd1{border-bottom:10px solid #c1a07d;}
.brd2{border-bottom:2px solid #d6d6d6;}
.brd3{border-bottom:10px solid #B8B8B8;}
.clr1{color:#5a3105}
.clr2{color:#9f0817}
.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}
/************************************************************************************************************************/
.head{padding:5px 0;}
.header{
	padding: 8px 0;
	background-color: #c2a17e;
	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%, #ccb396 no-repeat scroll 0 0 / 100% auto;
}
.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: #fff;
    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: 4px solid #c1a07d;
}
.taradod h2{color:#593004;}
.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 h2{
	background-image: url('../img/selected.png');
	background-repeat:no-repeat;
	background-position: 50% 12px;
	width:240px;
	height:80px;
	line-height:110px;
	text-align:center;
	padding-right:32px;
	font-size:2.5em;
	font-weight: 700;	
}
.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:#c1a07d; 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:#c1a07d !important;color:#fff}
.contactus .btn:hover{color:#5a3105 }
/************************************************************************************************************************/
footer{
	background-color:#d3d3d3;
	min-height:60px;
	padding:22px 0 14px 0;
	position:relative
}
footer span{
	color:#131313;
	font-weight:bold	
}

.totop {
    position: absolute;
    right: calc(50vw - 28px);
    top: -26px;
    background: #ffffff;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    border-bottom: 1px solid #c1a07d;
}

.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: #fff;}
.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;}
}