/*                                                                            
           *******************************************************************           
           *          Created And Developed by: Telerik For IT Solutions     *           
           *******************************************************************           
                                                                                         
                                                                                         
                                           \|||/                                            
                   .-.________             (o o)               ________.-.                    
              ----/ \_)_______)  +----oooO--(_)-------------+ (_______(_/ \----               
                 (    ()___)     | Telerik For IT Solutions |    (___()     )                  
                      ()__)      |                          |     (__()                        
              ----\___()_)       |    www.telerikit.com     |      (_()___/----                
                                 +-------------Ooo----------+                                  
                                                                                         
 
                                                                                         
              ************************************************************               
              *                 Telerik For IT Solutions                 *
              *                                                          *
              *       Web design - Database - Network - E-Systems        *
              ************************************************************       

*/
@font-face { font-family: 'proxima_nova_rgregular'; src: url('../font/proxima_nova_regular-webfont.eot'); src: url('../font/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proxima_nova_regular-webfont.woff2') format('woff2'), url('../font/proxima_nova_regular-webfont.woff') format('woff'), url('../font/proxima_nova_regular-webfont.ttf') format('truetype'), url('../font/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_rgbold'; src: url('../font/proxima_nova_bold-webfont.eot'); src: url('../font/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proxima_nova_bold-webfont.woff2') format('woff2'), url('../font/proxima_nova_bold-webfont.woff') format('woff'), url('../font/proxima_nova_bold-webfont.ttf') format('truetype'), url('../font/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_thextrabold'; src: url('../font/proxima_nova_extrabold-webfont.eot'); src: url('../font/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proxima_nova_extrabold-webfont.woff2') format('woff2'), url('../font/proxima_nova_extrabold-webfont.woff') format('woff'), url('../font/proxima_nova_extrabold-webfont.ttf') format('truetype'), url('../font/proxima_nova_extrabold-webfont.svg#proxima_nova_thextrabold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_ltsemibold'; src: url('../font/proxima_nova_semibold-webfont.eot'); src: url('../font/proxima_nova_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proxima_nova_semibold-webfont.woff2') format('woff2'), url('../font/proxima_nova_semibold-webfont.woff') format('woff'), url('../font/proxima_nova_semibold-webfont.ttf') format('truetype'), url('../font/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_blblack'; src: url('../font/proxima_nova_black-webfont.eot'); src: url('../font/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proxima_nova_black-webfont.woff2') format('woff2'), url('../font/proxima_nova_black-webfont.woff') format('woff'), url('../font/proxima_nova_black-webfont.ttf') format('truetype'), url('../font/proxima_nova_black-webfont.svg#proxima_nova_blblack') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: "SNN"; src: url('../font/SNN.eot'); src: url('../font/SNN.eot?#iefix') format('embedded-opentype'), url('../font/SNN.svg#SNN') format('svg'), url('../font/SNN.woff') format('woff'), url('../font/SNN.ttf') format('truetype'); font-weight: normal; font-style: normal; }



@font-face { font-family: 'SakkalMajalla-Bold'; src: url('../font/SakkalMajalla-Bold.eot?#iefix') format('embedded-opentype'), url('../font/SakkalMajalla-Bold.woff') format('woff'), url('../font/SakkalMajalla-Bold.ttf') format('truetype'), url('../font/SakkalMajalla-Bold.svg#SakkalMajalla-Bold') format('svg'); font-weight: normal; font-style: normal; }

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

body { -moz-user-select: none; margin: 0; padding: 0; font-family: "SNN"; line-height: 30px; background-image: url('../images/l71.png'); direction: rtl; font-size: 16px; overflow-y: scroll; overflow-x: hidden; }
a { color: #000; text-decoration: none; }
a:hover { color: #a30000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
img { border: 0; }


.clearfix { clear: both; height: 0; }
ul { margin: 0; padding: 0; }
li { list-style: none; }
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url('http://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
.loginpage { width: 448px; margin: 0 auto; }
.loginpage1 { width: 448px; height: 637px; background-image: url("../images/login.png"); background-repeat: no-repeat; }
.loginpage2 { width: 213px; height: 133px; padding: 333px 46px 0 0; }
.loginpage3 { width: 203px; height: 35px; margin-bottom: 5px; padding-left: 10px; }
.loginpage4 { width: 203px; height: 35px; margin-bottom: 7px; padding-left: 10px; }
.loginpage5 { width: 213px; height: 32px; }
.loginpage6 { width: 213px; height: 19px; }

.MainSite { width: 100%; margin: 0 auto; }
.side-bar { width: 183px; height: 100%; position: fixed; top: 0; margin-right: 0; padding-top: 20px; z-index: 62; background-color: #bf0000; display: inline }

.main-board { width: 1100px; margin: 0 auto; padding: 0 100px 0 0; position: relative; }


div .btn-1,
div .btn-1::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
div .btn-1 { background: none; color: #fff; display: block; position: relative; text-transform: uppercase; text-align: center; line-height: 35px; }
div .btn-1 a { background: none; color: #fff; display: block; position: relative; text-transform: uppercase; text-align: center; line-height: 35px; }
div .btn-1::before,
div .btn-1::after { background: #e90000; content: ''; position: absolute; z-index: -1; }
div .btn-1:hover { color: #fff; }
.btn-1::after { height: 0; left: 10px; top: 0; width: 90%; border-bottom: 1px #8c0303 solid; }
.btn-1:hover:after { height: 100%; }




/* Search btn mobile */


.searchoverlay { height: 0%; width: 100%; position: fixed; z-index: 100; top: 0; left: 0; background-color: rgba(0,0,0, 0.8); overflow-y: hidden; transition: 0.5s; display: block; direction: rtl }
.searchoverlay-content { position: relative; top: 20%; width: 100%; text-align: center; margin-top: 30px; padding: 5%; box-sizing: border-box }
.searchoverlay-content img { margin-bottom: 20px }
.searchoverlay-content h3 { font-size: 20px; font-weight: 300; text-align: center; padding: 0; color: #ef7b84; font-weight: 600 }
.searchoverlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.searchoverlay .closebtn { position: absolute; top: 20px; right: 20px; font-size: 60px; color: #fff }



/*Google Search*/
.gsc-control-cse { padding: 0px !important; border-width: 0px !important; direction: rtl; }
form.gsc-search-box, table.gsc-search-box { margin-bottom: 0px !important; direction: rtl; }
.gsc-search-box .gsc-input { padding: 0px 4px 0px 6px !important; direction: rtl; font-family: Afarin-TV }
#gsc-iw-id1 { height: auto !important; padding: 0px !important; border-width: 0px !important; box-shadow: none !important; }
#gs_tti50 { padding: 0px !important; }
#gsc-i-id1 { height: 33px !important; padding: 0px !important; background: none !important; text-indent: 0px !important; }
.gsib_b { display: none; }
button.gsc-search-button { display: block; width: 13px !important; height: 13px !important; border-width: 0px !important; margin: 0px !important; padding: 10px 13px 10px 13px !important; outline: none; cursor: pointer; box-shadow: none !important; box-sizing: content-box !important; }
.gsc-branding { display: none !important; }
.gsc-control-cse, #gsc-iw-id1 { background-color: transparent !important; }
#search-box { width: 400px; height: 33px; margin: 0 auto; background-color: #FFF; padding: 3px; border: 2px solid #148490; border-radius: 4px; }
#gsc-i-id1 { color: #148490; }
button.gsc-search-button { padding: 10px !important; background-color: #148490 !important; border-radius: 3px !important; }

.TopNV { width: 100%; height: 46px; background-color: #373737; }
.TopNV1 { width: 1045px; height: 46px; margin: 0 auto; padding-right: 170px; }
.TopNV1R { width: 541px; float: right; }
.TopNV1L { width: 327px; height: 38px; margin-top: 8px; float: left; background: url(../images/search.png) no-repeat; }
.TopNV1R ul li { float: right; margin-top: 4px; padding: 0 5px; font-size: 12px; color: #fff; }
.TopNV1R ul li a { float: right; margin-top: 4px; padding: 0 5px; font-size: 12px; color: #fff; }
.TopNV1R ul li a:hover { float: right; margin-top: 4px; padding: 0 5px; font-size: 12px; color: #ccc; }
.TopNV1R ul li img { float: right; margin-top: 15px; }

.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; }
.hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; }

.FooterDvB3a { width: 184px; height: 26px; float: right; padding: 0 60px 0 0; }
.FooterDvB3b { width: 44px; height: 26px; float: right; padding: 0 19px 0 0; text-align: center; color: #fff; }
.inputsearch1 { width: 184px; height: 26px; border: 0; background-color: transparent; font-family: "SNN"; font-size: 12px; font-weight: normal; color: #000; }

.letternm { width: 1100px; height: 50px; background-color: #303d45; margin-top: 20px; }
.letternm1 { width: 130px; float: right; padding-right: 30px; padding-top: 8px; color: #fff; }
.letternm2 { width: 890px; height: 39px; float: right; margin-top: 5px; margin-right: 50px; background: -moz-linear-gradient(left, rgba(82,105,116,0) 0%, rgba(82,105,116,0.8) 15%, rgba(82,105,116,1) 19%, rgba(82,105,116,1) 49%, rgba(82,105,116,1) 80%, rgba(82,105,116,1) 81%, rgba(82,105,116,0.8) 85%, rgba(82,105,116,0) 100%); background: -webkit-linear-gradient(left, rgba(82,105,116,0) 0%,rgba(82,105,116,0.8) 15%,rgba(82,105,116,1) 19%,rgba(82,105,116,1) 49%,rgba(82,105,116,1) 80%,rgba(82,105,116,1) 81%,rgba(82,105,116,0.8) 85%,rgba(82,105,116,0) 100%); background: linear-gradient(to right, rgba(82,105,116,0) 0%,rgba(82,105,116,0.8) 15%,rgba(82,105,116,1) 19%,rgba(82,105,116,1) 49%,rgba(82,105,116,1) 80%,rgba(82,105,116,1) 81%,rgba(82,105,116,0.8) 85%,rgba(82,105,116,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00526974', endColorstr='#00526974',GradientType=1 ); }
.SongsIconDiv1 { width: 23px; height: 23px; float: right; margin-top: 4px; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.SongsIconDiv1 a { width: 23px; height: 25px; font-size: 10px; text-align: center; font-weight: normal; text-decoration: none; background-color: #fff; border-radius: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.SongsIconDiv1 a:visited { width: 23px; height: 23px; background: #fff; font-size: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.SongsIconDiv1 a:hover { width: 23px; height: 23px; background-color: #97000c; border-radius: 20px; font-size: 10px; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.FutureNewsDv { width: 1100px; height: 155px; padding: 20px 0 20px 0; margin-top: 20px; background-color: #e8e8e8; }
.FutureNewsDvcc { width: 758px; height: 155px; padding: 20px 0 20px 0; margin-top: 20px; background-color: #e8e8e8; margin-bottom:20px; }
.FutureNewsDvitm { width: 340px; height: 114px; padding: 10px; background-color: #cacaca; float: right; margin-right: 20px; }

.FutureNewsDvitm1 { width: 145px; height: 94px; float: right; }
.FutureNewsDvitm1 img { width: 145px; height: 94px; }
.FutureNewsDvitm2 { width: 146px; height: 94px; float: left; font-size: 14px; line-height: 22px; }

.rekposition { width: 1100px; height: 164px; margin-bottom: 20px; margin-top: 20px; }
.rekposition img { width: 1100px; height: 164px; }


.rekposition2 { width: 323px; height: 164px; margin-bottom: 20px; margin-top: 20px; }
.rekposition2 img { width: 323px; height: 164px; }



.MainWebsite, MainTop { width: 1100px; margin-top: 20px; }
.Mainbtm { width: 1005px; height: 254px; margin-bottom: 20px; padding: 20px; background-color: #2b82c9; }
.MainR { width: 758px; float: right; }
.MainL { width: 322px; float: left; }
.Newsbx { width: 758px; height: 257px; margin-bottom: 0; padding-bottom: 20px; margin-bottom: 20px; }
.NewsbxR { width: 410px; height: 257px; float: right; }
.NewsbxL { width: 328px; height: 257px; float: left; }
.NewsbxLnws { width: 328px; height: 72px; margin-bottom: 20px; }
.NewsbxLnws:last-child { width: 328px; height: 72px; margin-bottom: 0; }
.NewsbxLnwsR { width: 125px; height: 72px; float: right; }
.NewsbxLnwsL { width: 196px; height: 72px; float: left; }
.NewsbxLnwsL1 { width: 196px; height: 52px; font-size: 14px; line-height: 20px; }
.NewsbxLnwsL2 { width: 196px; height: 20px; font-size: 11px; }
.spncls { color: red; }
.spncls a { color: red; }
.Newsbx2 { width: 758px; height: 660px; margin-bottom: 20px; }
.Newsbx2R { width: 399px; float: right; }
.Newsbx2L { width: 328px; float: left; }

.NewsbxLnwsx { width: 399px; height: 116px; margin-bottom: 20px; }
.NewsbxLnwsx:last-child { width: 399px; height: 116px; margin-bottom: 0; }
.NewsbxLnwsRx { width: 179px; height: 116px; float: right; }
.NewsbxLnwsLx { width: 207px; height: 116px; float: left; }
.NewsbxLnwsLx1 { width: 207px; height: 88px; font-size: 14px; line-height: 20px; }
.NewsbxLnwsLx2 { width: 207px; height: 28px; font-size: 11px; }

.NewsbxLnwsx2 { width: 331px; height: 94px; background-color: #fff; padding: 10px 10px 10px 8px; float: right; margin-left: 20px; margin-bottom: 0; margin-top: 20px; }

.NewsbxLnwsRx2 { width: 142px; height: 94px; float: right; }
.NewsbxLnwsLx2x { width: 179px; height: 94px; padding-right: 10px; float: left; }
.NewsbxLnwsLx21 { width: 179px; height: 74px; font-size: 14px; line-height: 20px; }
.NewsbxLnwsLx22 { width: 179px; height: 20px; font-size: 11px; }

.Newsbx2Lbxx { width: 328px; height: 68px; border-bottom: 1px #ccc solid; padding-bottom: 8px; margin-bottom: 8px; }
.Newsbx2Lbxx:last-child { width: 328px; height: 83px; border-bottom: 0 #ccc solid; padding-bottom: 10px; margin-bottom: 10px; }
.Newsbx2LbxxT { width: 328px; height: 30px; font-size: 14px; line-height: 20px; }
.Newsbx2LbxxB { width: 328px; height: 34px; text-align: left; font-size: 11px; }

.NewsbxLnwsRx { width: 179px; height: 116px; overflow: hidden; }
.NewsbxLnwsRx img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.NewsbxLnwsRx:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

.NewsbxLnwsR { width: 125px; height: 72px; overflow: hidden; }
.NewsbxLnwsR img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.NewsbxLnwsR:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

.NewsbxLnwsRx2 { width: 142px; height: 94px; overflow: hidden; }
.NewsbxLnwsRx2 img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.NewsbxLnwsRx2:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }



.hlbzhardadv1 { width: 322px; height: 143px; overflow: hidden; }
.hlbzhardadv1 img { width: 302px; height: 143px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.hlbzhardadv1:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }


.Multimediabx2itm1 { width: 206px; height: 136px; overflow: hidden; }
.Multimediabx2itm1 img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.Multimediabx2itm1:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

.FutureNewsDvitm1 { width: 145px; height: 94px; overflow: hidden; }
.FutureNewsDvitm1 img { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.FutureNewsDvitm1:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }



.Multimediabx { width: 758px; height: 345px; padding: 16px 20px 19px 20px; background-color: #fac51d; margin-bottom: 20px; }
.Multimediabx1 { width: 728px; height: 46px; border-bottom: 1px #c49604 solid; }
.Multimediabx1x { width: 718px; height: 46px; border-bottom: 1px #289537 solid; }
.Multimediabx2 { width: 720px; height: 249px; border-top: 1px #ffea00 solid; position: relative; }
.Multimediabx2x { width: 738px; height: 249px; border-top: 1px #4eea63 solid; position: relative; }
.Multimediabx2itm { width: 226px; height: 239px; float: right; margin-left: 20px; margin-top: 20px; background-color: #fff; padding: 10px 10px 0 10px; }
.Multimediabx2itm:last-child { width: 226px; height: 239px; float: right; margin-left: 0 !important; margin-top: 20px; background-color: #fff; padding: 10px 10px 0 10px; }
.Multimediabx2itm1 { width: 206px; height: 136px; }
.Multimediabx2itm2 { width: 226px; height: 68px; font-size: 14px; line-height: 20px; padding-top: 5px; }
.Multimediabx2itm3 { width: 226px; height: 30px; font-size: 11px; }



.play22 { width: 34px; height: 23px; position: absolute; }
.Multimediabx2itm img.video { filter: alpha(opacity=70) filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70) -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; }
.Multimediabx2itm:hover img.video { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.Multimediabxx { width: 718px; height: 315px; padding: 16px 20px 19px 20px; background-color: #61bc6d; margin-bottom: 20px; }
.xewnkeshdv { width: 758px; height: 214px; }
.xewnkeshdvR { width: 335px; height: 214px; float: right; }
.xewnkeshdvL { width: 403px; height: 246px; float: left; background: url(../images/weather.jpg) no-repeat; }
.xewnkeshdvL1 { width: 403px; height: 234px; }
.xewnkeshdvL1R { width: 55px; height: 25px; float: right; padding: 92px 64px 97px 19px; background-color: transparent; }
.xewnkeshdvL1L { width: 250px; height: 182px; float: left; padding: 27px 0 25px 15px; }
.weatherbg { }

.hlbzhardadv { width: 322px; height: 163px; padding: 10px; margin-bottom: 20px; background-color: #a80000; }
.hlbzhardadv1 { width: 302px; height: 143px; }
.hlbzhardadv2 { width: 237px; height: 39px; line-height: 21px; padding: 5px; background-color: #000; opacity: 0.7; position: relative; margin-top: -49px; }
.hlbzhardadv2 a { color: #fff; }
.MainLreklam1 { width: 342px; height: 164px; margin-bottom: 20px; }
.MainLreklam2 { width: 267px; height: 164px; margin-bottom: 20px; }
.hunermandadv { width: 322px; height: 261px; margin-bottom: 20px; background-color: #05a685; }
.hunermandadv1 { width: 322px; height: 37px; padding: 5px 20px 0 20px; border-bottom: 1px #008066 solid; }
.hunermandadv1 a { color: #fff; }
.hunermandadv2 { width: 322px; height: 178px; padding: 20px; border-top: 1px #05a685 solid; }
.hunermandadv2-dd { width: 330px; position: relative }
.hunermandadv2itm { width: 131px; height: 178px; float: right; margin-left: 20px; background-color: #9bdbce; }
.hunermandadv2itm:last-child { width: 131px; height: 178px; margin-left: 0 !important; float: right; background-color: #9bdbce; }
.hunermandadv2itm1 { width: 121px; height: 126px; overflow: hidden; }
.hunermandadv2itm1 img { width: 121px; height: 126px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%; }
.hunermandadv2itm1:hover img { -webkit-transform: scale(1.25); /* Safari and Chrome */ -moz-transform: scale(1.25); /* Firefox */ -ms-transform: scale(1.25); /* IE 9 */ -o-transform: scale(1.25); /* Opera */ transform: scale(1.25); }

.hunermandadv2itm2 { width: 131px; height: 42px; font-size: 12px; line-height: 20px; padding-top: 10px; text-align: center; }



.officialpagedv { width: 322px; height: 80px; margin-bottom: 20px; }
.officialpagedv img { width: 322px; height: 80px; }
.MainLreklam3 { width: 267px; height: 260px; margin-bottom: 30px; }
.MainLreklam3 iframe { width:322px!important}
.biruradv { width: 322px; height: auto; padding: 0 20px 20px 20px; border: 1px #ccc solid; margin-bottom: 20px; }
.biruradv1 { width: 282px; height: 48px; padding-top: 10px; padding-bottom:20px; border-bottom: 1px #ccc solid; }
.biruradv2 { width: 322px; }
.biruradv2itm { width: 282px; height: 100px; background-color: #ededed; margin-top: 20px; padding: 10px 10px 10px 0; }
.biruradv2itm2 { width: 231px; height: 100px; background-color: #ededed; margin-top: 20px; padding: 10px 10px 10px 0; float: right; margin-left: 20px; }
.biruradv2itmR { width: 65px; height: 80px; float: right; }
.biruradv2itmL { width: 156px; padding-right: 10px; height: 80px; float: left; }
.biruradv2itmL1 { width: 131px; height: 22px; font-size: 11px; color: #7c7c7c; }
.biruradv2itmL2 { width: 131px; height: 50px; font-size: 12px; padding-top: 8px; line-height: 22px; }

.filmwvideodiv2re { width: 236px; height: 187px; float: right; margin: 0 0 10px 20px; }
.filmwvideodiv2re:last-child { width: 236px; height: 187px; float: right; margin: 0 0 10px 0; }
.filmwvideodiv2re1 { width: 236px; height: 187px; }
.filmwvideodiv2re2 { width: 170px; height: 22px; position: relative; margin-top: -25px; margin-right: 10px; background-color: #282828; font-size: 12px; padding: 0 10px 0 0; }
.filmwvideodiv2re2 a { color: #fff; }

.Mainbtm1 { width: 1025px; height: 42px; border-bottom: 1px #0a5898 solid; }
.Mainbtm2 { width: 1025px; height: 187px; border-top: 1px #00a2ff solid; padding-top: 20px; }

.Footerdv { width: 1100px; height: 374px; margin-top: 20px; background-color: #383838; }
.FooterdvT { width: 1100px; height: 305px; }
.FooterdvB { width: 1100px; height: 69px; }
.FooterdvT1 { width: 457px; height: 295px; padding: 25px 25px 0 0; float: right; }
.FooterdvT2 { width: 193px; height: 213px; float: right; text-align: center; line-height: 12px; padding-top: 92px; color: #fff; }
.FooterdvT3 { width: 353px; height: 245px; float: right; text-align: center; padding-top: 60px; padding-left: 41px; }
.FooterdvT4 { width: 66px; height: 305px; float: right; }
.FooterdvT1 ul li { line-height: 30px; }
.FooterdvT1 ul li a { color: #fff; }
.FooterdvT1 ul { float: right; margin-right: 40px; }
.FooterdvT33 { color: #fff; }
.FooterdvT33 a { color: #fff; }

.FooterdvT33 a:hover { color: #d00000; }
.FooterDiv25 { width: 131px; height: 28px; float: right; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #fff; padding-top: 8px; margin-right: 20px; }
.FooterDiv26 { width: 239px; height: 28px; float: right; padding-right: 10px; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #fff; padding-top: 8px; }
.FooterDiv28 { width: 220px; height: 12px; font-family: Tahoma; float: right; padding-top: 10px; font-size: 11px; font-weight: normal; color: #fff; direction: ltr; text-align: left; }
.newsltter { width: 444px; height: 33px; float: right; padding: 30px 80px 0 0; position: relative; margin-top: -47px; }
.newsltter1 { width: 261px; height: 33px; float: right; background-color: #fff; border-left: 1px #000 solid; }
.newsltter2 { width: 92px; height: 33px; float: right; text-align: center; background-color: #0372a0; }
.inputsearch1 { width: 252px; height: 33px; border: 0; padding-right: 10px; background-color: transparent; color: #000; }

.MasterPageDv { width: 758px; }
.MasterPageDv2 { width: 1025px; }
.MasterPageDvttl { width: 758px; height: 45px; padding: 10px; background: rgb(169,3,41); background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); color: #fff; }
.MasterPageDvttl2 { width: 758px; height: 45px; padding: 10px; background: rgb(169,3,41); background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); color: #fff; }
.MasterPageDvcntnt { width: 758px; padding-top: 10px; }

.xawnamaclass { width: 30px; height: 30px; background-color: #383838; border-radius: 10px 0 10px 0px; padding: 2px 5px 5px 5px; color: #fff; text-align: center; float: right; margin: 8px; }
.xawnamaclass:hover { background-color: #5f5f5f; }

.animateList li a { cursor: pointer; -webkit-transition: padding-right 250ms ease-out; -moz-transition: padding-right 250ms ease-out; }
.animateList li a:hover { padding-right: 10px; }




/*.nav { list-style: none; padding: 0px; position: relative; }

.nav > li { display: block; cursor: pointer; }

.nav > li:hover { color: #1B75C4; }

.nav > li:nth-child(-n+3) { border-right: 0 solid #FFC50A; }

.nav > li:nth-child(-n+3):hover { border-right: 0 solid #cc9e08; }

.nav > li:nth-child(n+4) { border-right: 0 solid #74BF44; }

.nav > li:nth-child(n+4):hover { border-right: 0 solid #5d9936; }

.nav > li:nth-child(n+7) { border-right: 0 solid #0097D1; }

.nav > li:nth-child(n+7):hover { border-right: 0 solid #0079a7; }

.arrow { float: right; padding: 0px 10px; }

.nav > li > ul { border: 0 solid #CCCCCC; padding: 0; position: absolute; top: 0px; right: 148px; width: 140px; padding: 10px 0px 20px 20px; opacity: 0; visibility: hidden; background: #ffffff; }

.nav > li:hover ul { display: block; opacity: 1; visibility: visible; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }

.nav > li > ul > li { position: relative; width: 145px; padding: 0; display: inline-block; margin-right: 20px; color: #555; cursor: default; font-weight: 300; vertical-align: top; }

.nav > li > ul > li > ul { list-style: none; padding: 0px !important; vertical-align: top; }

.nav > li > ul > li > ul > li { margin-bottom: 7px; }*/

/*Acco*/
.ac-container { max-width: 400px; }

.ac-container label { height: 30px !important; line-height: 21px !important; padding: 5px 20px; position: relative; z-index: 20; display: block; height: 30px; cursor: pointer; color: #fff; line-height: 33px; height: 30px; line-height: 20px; }

.ac-container { width: 100%; margin: 10px auto 30px auto; text-align: center; }

.ac-container label:hover { color: #fff; }

.ac-container input:checked + label, .ac-container input:checked + label:hover { color: #fff; height: 30px; line-height: 21px; }

.ac-container label:hover:after, .ac-container input:checked + label:hover:after { content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(../../images/arrow_down.png) no-repeat center center; }

.ac-container input:checked + label:hover:after { background-image: url(../../images/arrow_up.png); }

.ac-container input { display: none; }

.ac-container article { background: rgba(255,255,255,0.5); margin-top: -1px; overflow: hidden; height: 0; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear; transition: height 0.3s ease-in-out,box-shadow 0.6s linear; }

.ac-container article p { color: #fff; line-height: 23px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); font: normal normal 12px 'Open Sans'; }

.ac-container input:checked ~ article { }

.ac-container input:checked ~ article.ac-small { height: 100px; }

.ac-container input:checked ~ article.ac-medium { height: 180px; }

.ac-container input:checked ~ article.ac-large { height: 240px; }


.ArchiveDiv { width: 758px; height: 45px; padding-top:8px; background: rgb(169,3,41); background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); border: 1px #ebebeb solid; padding-right: 10px; margin-bottom: 10px; color: #fff; }
.SearchResult { width: 738px; height: 45px; padding-right: 10px; margin-bottom: 10px; color: #fff; padding-top: 5px; }
.ArchiveDiv1 { width: 237px; float: right; padding-top: 5px; }
.ArchiveIconDiv { width: 53px; height: 22px; float: right; padding-top: 5px; }
.ArchiveItemDiv { width: 758px; }
.ArchiveItemDiv1 { width: 3px; float: right; padding-top: 10px; }
.ArchiveItemDiv2 { width: 745px; float: right; padding-right: 10px; border-bottom: 1px #ccc dotted; padding-bottom: 5px; padding-top: 3px; }
.PaginationDiv { width: 758px; margin-top: 10px; }
.PaginationDiv2 { width: 758px; margin-top: 20px; margin-bottom: 20px; }


/*Form Style*/
fieldset.contact-form { display: block; border: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
fieldset.contact-form legend { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #ccc; margin: 0; padding: 0 10px 0 10px; font-weight: bold; text-transform: uppercase; height: 50px; }
fieldset.contact-form label { display: block; margin-top: 10px; }

textarea.contact-form { padding: 6px; margin: 0 1px 5px 1px; font-size: 1em; border: 1px solid #ccc; color: #aaa; width: 375px; }

input.contact-form { padding: 6px; margin: 0 1px 5px 1px; font-size: 1em; border: 1px solid #ccc; color: #aaa; width: 375px; font-family: Tahoma; font-size: 9pt; }
textarea.contact-form { height: 164px; font-family: Tahoma; font-size: 10pt; }

textarea.contact-form:hover { border: 1px solid #ccc; }

input.contact-form:hover { border: 1px solid #ccc; }
textarea.contact-form:focus { border: 1px solid #ccc; margin: 0 0 5px 0; }

input.contact-form:focus { border: 1px solid #ccc; margin: 0 0 5px 0; }

input.contact-submit { background-image: url("../images/send.png"); background-repeat: no-repeat; width: 58px; height: 34px; border: 0; background-color: transparent; text-align: right; }
input.contact-submit:hover { background-image: url("../images/send2.png"); background-repeat: no-repeat; width: 58px; height: 34px; border: 0; background-color: transparent; text-align: right; }




.NewContent { width: 708px; float: right; }
.NewContent1 { width: 241px; float: left; }
.NewContent2 { width: 708px; height: 357px; }
.NewContent3 { width: 708px; }
.NewContent4 { width: 451px; height: 325px; float: right; border: 1px #f2f2f2 solid; padding: 10px 10px 0 10px; }
.NewContent5 { width: 225px; float: left; }
.NewContent6 { width: 451px; height: 32px; }
.NewContent7 { width: 451px; height: 281px; }
.NewContent8 { width: 451px; height: 53px; }
.NewContent9 { width: 3px; float: right; padding-top: 10px; }
.NewContent10 { width: 437px; height: 53px; float: right; padding-right: 10px; font-family: Tahoma; font-size: 12px; font-weight: normal; }
.Drejecon { font-family: 'Droid Arabic Kufi'; font-size: 12px; font-weight: normal; }
.Drejecon a { color: #b21616; }
.Drejecon a:hover { color: #000; }


.MoreNewsDiv2 { width: 260px; height: 346px; }
.MoreNewsDiv3 { width: 260px; height: 50px; margin: 3px auto; border-bottom: 1px #ccc dashed; padding-bottom: 6px; padding-top: 5px; }
.MoreNewsDiv4 { width: 7px; padding-right: 10px; float: right; padding-top: 0; }
.MoreNewsDiv5 { width: 200px; height: 45px; float: right; padding-right: 8px; line-height: 22px; font-size: 14px; }

.NewContent11 { width: 708px; position: relative; }
.NewContent12 { width: 344px; height: 127px; float: right; margin-left: 10px; margin-bottom: 10px; border: 2px #e6e5e5 solid; }



.ContentDiv1 { width: 353px; height: 120px; float: right; border: 4px solid #e6e5e5; margin-left: 20px; margin-bottom: 20px; }
.ContentDiv2 { width: 8px; padding-right: 7px; padding-top: 8px; float: right; }
.ContentDiv3 { width: 150px; height: 120px; float: right; padding-right: 10px; }

.ContentDiv4 { width: 162px; height: 110px; float: left; }
.ContentIMG { width: 162px; height: 113px; border: 0; }
.ContentDiv5 { width: 150px; height: 85px; font-size: 14px; font-weight: normal; }
.ContentDiv6 { width: 150px; height: 17px; color: #f45656; font-family: tahoma; font-size: 9pt; font-weight: normal; }


.ContentNewLeft { width: 241px; height: 156px; margin-bottom: 10px; }
.RelatedArticleDiv { width: 239px; height: 661px; margin-bottom: 10px; border: 1px #ccc solid; background-color: #F1F1F1; }
.RelatedArticleDiv1 { width: 239px; height: 29px; padding-right: 10px; color: #cc0000; padding-top: 5px; font-family: 'Droid Arabic Kufi'; font-size: 12px; font-weight: normal; }
.RelatedArticleDiv2 { width: 239px; height: 577px; background-color: #F1F1F1; }
.RelatedArticleDivSport { width: 219px; padding: 10px; }
.popuarli { width: 241px; }

.detailclass { width: 758px; }
.detailclassR { width: 580px; float: right; }
.detailclassR img{ width: 580px; height:auto }
.detailclassL { width: 158px; float: left; }



.relateddiv { width: 548px; border-bottom: 1px #ccc solid; padding-bottom: 10px; font-family: 'Droid Arabic Naskh', serif; font-weight: bold; font-size: 13px; color: #b90404; }
.relateddivitem { width: 528px; padding: 10px; border-bottom: 1px #ccc dotted; text-align: right; }
.relateddivitem:hover { background-color: #ccc; }

.ArtistItemDiv { width: 224px; height: 86px; float: right; border: 1px #ccc solid; padding: 3px; margin: 0 0 10px 8px; }
.ArtistItemDiv1 { width: 78px; height: 86px; float: right; }
.ArtistItemDiv2 { width: 140px; height: 86px; float: left; padding-right: 5px; }
.ArtistItemDiv3 { width: 145px; height: 70px; }
.ArtistItemDiv5 { width: 145px; height: 70px; }
.ArtistItemDiv4 { width: 135px; height: 15px; text-align: left; padding-left: 10px; }

.Artistcls { width: 174px; height: 300px; float: right; margin: 0 0 0 18px; }
.Artistcls1 { width: 174px; height: 216px; }
.Artistcls1 img { width:174px; height:216px}
.Artistcls2 { width: 174px; height: 64px; padding: 10px; background-color: #ccc; }

.MasterPageDvcntnt2 article { width: 718px; background-color: #eee; padding: 20px; }

.ContentItemDiv { width: 230px; height: 240px; margin: 0 0 20px 30px; float: right; border: 1px #ccc solid; }
.ContentItemDiv1 { width: 230px; height: 159px; }
.ContentItemDiv2 { width: 230px; height: 57px; }
.ContentItemDiv3 { width: 230px; height: 26px; }
.ContentItemDiv4 { width: 3px; float: right; padding-top: 10px; padding-right: 6px; }
.ContentItemDiv5 { width: 213px; height: 57px; padding-right: 8px; float: right; }
.ContentItemDiv6 { width: 73px; height: 26px; float: right; padding-right: 10px; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
.ContentItemDiv7 { width: 140px; height: 26px; float: left; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
.ContentItemDiv7 a { color: #c70303; }
.ContentItemDiv7 a:hover { color: #c70303; }


.ContentItemDivc { width: 230px; height: 240px; margin: 0 0 20px 25px; float: right; border: 1px #ccc solid; }
.ContentItemDiv1c { width: 230px; height: 159px; }
.ContentItemDiv1c img { width: 220px; height: 149px; padding: 5px }
.ContentItemDiv2c { width: 230px; height: 57px; }
.ContentItemDiv3c { width: 230px; height: 26px; }
.ContentItemDiv4c { width: 3px; float: right; padding-top: 0; padding-right: 6px; }
.ContentItemDiv5c { width: 213px; height: 57px; padding-right: 8px; float: right; }
.ContentItemDiv6c { width: 73px; height: 26px; float: right; padding-right: 10px; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
.ContentItemDiv7c { width: 140px; height: 26px; float: left; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #c70303; }
.ContentItemDiv7c a { color: #c70303; }
.ContentItemDiv7c a:hover { color: #c70303; }


.Video_All21 { width: 1045px; background-color: #262626; padding-top: 20px; }
.Video_All30 { width: 150px; height: 197px; padding: 10px 10px 10px 10px; float: right; margin-right: 20px; border: 1px #646568 solid; margin-bottom: 20px; }
.Video_All30clip { width: 150px; height: 197px; padding: 10px 10px 10px 10px; float: right; margin-right: 10px; border: 1px #646568 solid; margin-bottom: 10px; }
.Video_All31 { width: 152px; height: 101px; }
.Video_All32 { width: 152px; height: 49px; }
.Video_All33 { width: 152px; height: 25px; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #fff; }
.Video_All34 { width: 152px; height: 24px; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #fff; }
.Video_All35 { width: 3px; float: right; padding-top: 10px; }
.Video_All36 { width: 139px; height: 49px; float: right; padding-right: 10px; }
.Video_All36 a { color: #d6d6d6; }
.Video_All36 a:hover { color: #f0f0f0; }
.HolyQuranScriptBG { width: 758px; background-color: #393939; direction: rtl; padding-top: 20px; padding-bottom: 20px; }
.Video_All37 { width: 1032px; margin-bottom: 10px; border: 1px #ccc solid; padding: 5px; }
.Video_All341 { width: 640px; margin: 0 auto; }
.VideoFrameDiv { width: 650px; border: 3px #000 solid; margin: 0 auto; }
.VideoFrameDiv iframe { width: 651px; height: 471px; border: 3px #000 solid; margin: 0 auto; }


.VideoFrameDivd { width: 650px; border: 3px #000 solid; float: left; }
.VideoFrameDivd iframe { width: 651px; height: 471px; border: 3px #000 solid; }



.AblumAccessories { width: 1032px; height: 30px; margin-top: 10px; }
.AblumAccessories1 { width: 160px; height: 30px; float: right; font-family: Tahoma; font-size: 12px; font-weight: normal; }
.AblumAccessories3 { width: 160px; height: 30px; float: right; font-family: Tahoma; font-size: 12px; font-weight: normal; text-align: center; }
.AblumAccessories2 { width: 320px; height: 30px; float: right; }

/* Article */
.ArticleList { width: 1000px; height: 30px; margin-bottom: 10px; padding-right: 10px; background-color: #fbb810; margin-top: 10px; }
.ArticleList1 { width: 120px; float: right; color: #fff; padding-top: 5px; }
.ArticleList2 { width: 200px; float: right; padding-top: 5px; }
.ArticleList3 { width: 50px; float: right; padding-top: 3px; }

.ArticleBlockBItemRe { width: 340px; padding: 5px; height: 92px; border: 1px #eee solid; margin-bottom: 15px; margin-left: 15px; float: right; background-color: #f6f6f6; }
.ArticleBlockBItem { width: 320px; height: 103px; border-bottom: 1px #fff solid; margin-bottom: 10px; }
.ArticleBlockBItem1 { width: 239px; float: right; }
.ArticleBlockBItem2 { width: 81px; float: left; }
.ArticleBlockBItem3 { width: 239px; height: 71px; }
.ArticleBlockBItem4 { width: 239px; height: 22px; font: normal 12px tahoma; color: #c10303; }

.AboutDivTitlewe { width: 960px; height: 40px; color: #fff; font-size: 12px; font-weight: normal; }

.tab-wrapper { margin: 60px auto; width: 100%; max-width: 1040px; }
.tab-menu li { position: relative; background-color: #852600; color: #bcbcbc; display: inline-block; padding: 10px 57px; opacity: 0.8; cursor: pointer; z-index: 0; }
.tab-menu li:hover { color: #fff; }
.tab-menu li.active { color: #fff; opacity: 1; }
.tab-menu li.active:hover { color: #fff; }
.tab-content > div { background-color: #fff; box-sizing: border-box; width: 100%; padding: 10px; }
.line { position: absolute; width: 0; height: 7px; background-color: red; top: 0; right: 0; }

.MLeftTitile { width: 257px; height: 32px; padding-top: 7px; padding-right: 10px; background-color: #919191; color: #fff; font-weight: bold; border-bottom: 1px #fff solid; }
.MostRelatedDiv { width: 257px; background-color: #fff; margin-bottom: 10px; }
.Mostre { width: 257px; border-bottom: 1px #ccc solid; padding: 10px 0 10px 0; }
.Mostre:hover { background-image: url("../images/Mostbg.jpg"); background-repeat: repeat-y; }
.Mostre1 { padding: 0 10px 0 10px; width: 257px; }



.SongDiv { width: 88px; }
.SongDiv1 { width: 841px; height: 133px; float: left; }
.SongDiv2 { width: 841px; height: 106px; }
.SongDiv3 { width: 841px; height: 27px; }
.SongDiv4 { width: 841px; height: 53px; }

.ViewCountDiv { width: 160px; float: right; }
.ViewCountDivnew { width: 120px; float: right; }
.ShareDiv { width: 385px; float: left; direction: ltr; }
.SongsDiv4 { width: 473px; float: left; direction: rtl; }
.CommentDivwvi { width: 740px; border: 1px #e1e1e1 solid; padding: 10px; margin-bottom: 10px; }
.bashyxwarawadL2iV { width: 192px; height: 197px; float: right; margin-left: 10px; }
.bashyxwarawadL2i1V { width: 192px; height: 129px; }
.bashyxwarawadL2i2V { width: 192px; height: 50px; padding-top: 8px; }
.bashyxwarawadL2i3V { width: 16px; float: right; padding-top: 0; }
.bashyxwarawadL2i4V { width: 166px; height: 50px; float: right; padding-right: 0; font-family: Droid Arabic Naskh; font-size: 12px; font-weight: bold; }
.bashyxwarawadL2i4V a { color: #cd0015; }















/* START TOOLTIP STYLES */
[tooltip] { position: relative; /* opinion 1 */ }

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; }
[tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 1001; /* absurdity 1 */ }
[tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ text-align: center; /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */ min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: #333; color: #fff; z-index: 1000; /* absurdity 2 */ }

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after { display: block; }

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after { display: none !important; }

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; }
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after { bottom: calc(100% + 5px); }
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); }

/* FLOW: DOWN */
[tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; }
[tooltip][flow^="down"]::after { top: calc(100% + 5px); }
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); }

/* FLOW: LEFT */
[tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); }
[tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); }

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); }
[tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); }

/* KEYFRAMES */
@keyframes tooltips-vert {
 to { opacity: .9; transform: translate(-50%, 0); }
}

@keyframes tooltips-horz {
 to { opacity: .9; transform: translate(0, -50%); }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; }

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; }




ul.tabs { margin: 0; padding: 0; float: right; list-style: none; height: 32px; border-bottom: 1px solid #333; width: 100%; }

ul.tabs li { float: right; margin: 0; cursor: pointer; padding: 0px 59px; height: 31px; line-height: 31px; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333; background-color: #666; color: #ccc; overflow: hidden; position: relative; }

.tab_last { border-right: 1px solid #333; }

ul.tabs li:hover { background-color: #ccc; color: #333; }

ul.tabs li.active { background-color: #fff; color: #333; border-bottom: 1px solid #fff; display: block; }

.tab_container { border: 0 solid #333; border-top: none; clear: both; float: right; width: 100%; background: #fff; overflow: auto; }

.tab_content { padding: 20px; display: none; }

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
 .tabs { display: none; }
 .tab_drawer_heading { background-color: #ccc; color: #fff; border-top: 1px solid #333; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 .d_active { background-color: #666; color: #fff; }
}



.copyrightdv { width: 738px; height: 45px; text-align: center; color: #fff; padding: 10px; background-color: #890f0f; margin-bottom: 20px; }

.item-big { position: relative !important; }
.item-big h4 { position: absolute !important; width: 96% !important; padding: 2% !important; color: #fff !important; right: 0 !important; bottom: 20px !important; margin: 0 !important; background-image: url(../images/dot.png) !important; }
.item-big img { width: 410px; height: 257px }
.menjsgyay { display: none }