﻿@font-face { font-family: "fontawesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.svg#Telerik') format('svg'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "uninews"; src: url("../font/uninews.eot"); /* IE9 Compat Modes */ src: url("../font/uninews.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/uninews.otf") format("opentype"), /* Open Type Font */ url("../font/uninews.svg") format("svg"), /* Legacy iOS */ url("../font/uninews.ttf") format("truetype"), /* Safari, Android, iOS */ url("../font/uninews.woff") format("woff"), /* Modern Browsers */ url("../font/uninews.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }



@font-face { font-family: "Rabar_004"; src: url("../font/Rabar_004.eot"); /* IE9 Compat Modes */ src: url("../font/Rabar_004.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/Rabar_004.ttf") format("truetype"), /* Safari, Android, iOS */ url("../font/Rabar_004.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; }

body { margin: 0px; padding: 0px; font-family: "Rabar_004"; background-color: #f8f9fc; direction: rtl; font-size: 18px; }


a { color: #38424c !important; text-decoration: none; }

a:hover { color: #902014 !important; text-decoration: none; }

a:active { color: #38424c; text-decoration: none; }


.bgbackgroundwe { width: 100%; background: url(../images/bgtop.png) no-repeat }
.clearfix { clear: both; height: 0; }

ul { margin: 0; padding: 0; }

li { list-style: none; }

.mobile { display: none; }

.mobile2 { visibility: hidden; }

.hide { display: inline; }
/* transition time */
.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; }

.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; }

.container { width: 1280px !important; padding-left: 0; padding-right: 0; }


.header { width: 100%; height: 170px; background-color: #244479; display: inherit; padding-top: 40px; }

.nav { width: 100%; height: 53px; background-color: #AD0101; color: #fff; position: relative; margin-bottom: -60px; z-index: 3; display: inherit; }

.nav2 { width: 100%; height: 53px; background-color: #400158; color: #fff; position: relative; margin-bottom: -60px; z-index: 3; display: inherit; }

.nav3 { width: 100%; height: 53px; background-color: #1C589E; color: #fff; position: relative; margin-bottom: 0; z-index: 3; display: inherit; }

.menjsgyay2 { background: url(../images/banner.jpg) no-repeat; padding: 20px; }

.sticky { position: fixed; top: 0; }

/* 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; }


#custom-search-input { padding: 3px; border: solid 1px #E4E4E4; border-radius: 6px; background-color: #fff; }

#custom-search-input input { border: 0; box-shadow: none; }

#custom-search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #fff; padding: 5px 12px 0 10px; border-right: solid 1px #ccc; background-color: #009a3e; }

#custom-search-input button:hover { border: 0; box-shadow: none; border-right: solid 1px #ccc; }

#custom-search-input .glyphicon-search { font-size: 23px; }

/*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; }

#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 #1267a5; border-radius: 4px; }

#gsc-i-id1 { color: #1267a5; }

button.gsc-search-button { padding: 10px !important; background-color: #1267a5 !important; border-radius: 3px !important; }


.topheader { width: 1280px; padding-top: 5px; height: 38px; color: #fff; font-size: 15px; }

.topheader a { color: #fff !important }

.topheader a:hover { color: #1daab5 !important }

.topheadernav { width: 1280px; height: 68px; padding-top: 30px; }

.topheadernav a { color: #fff !important }

.topheadernav a:hover { color: #1daab5 !important }

.topheadernav22 { width: 1280px; height: 80px; padding-top: 30px; }

.topheadernav22 a { color: #fff !important }

.topheadernav22 a:hover { color: #1daab5 !important }


.slidwshowandlogodv { width: 100%; padding-top: 30px; height: 580px; }

.slidwshowandlogodvR { width: 500px; float: right }
.slidwshowandlogodvR img{ width: 460px; }

.slidwshowandlogodvL { width: 780px; border: 1px #fff solid; padding: 20px; float: left; }

.kteb-wtar-dv { width: 1280px; height: 420px; margin-top: 20px; }

.kteb-wtar-dvR { width: 855px; height: 420px; float: right; direction: ltr }

.kteb-wtar-dvL { width: 405px; margin-top: 30px; float: left }

.kteb-wtar-dvRT { width: 855px; height: 54px }

.kteb-wtar-dvRT1 { width: 29px; background: url(../images/cor.png) no-repeat; float: right }

.kteb-wtar-dvRT2 { width: 219px; text-align: center; float: right; font-size: 24px; font-weight: bold }

.kteb-wtar-dvRT2 a { color: #9c4912 !important }

.kteb-wtar-dvRT3 { width: 560px; height: 1px; background-color: #bd9d40; margin-top: 20px; float: right }
.kteb-wtar-dvRT3xx { width: 560px; height: 1px; background-color: #bd9d40; margin-top: 20px; float: right }

.kteb-wtar-dvRT4 { width: 41px; float: right }

.kteb-wtar-dvRTc { width: 405px; height: 54px }

.kteb-wtar-dvRT2c { width: 170px; text-align: center; float: right; font-size: 24px; font-weight: bold }

.kteb-wtar-dvRT2c a { color: #9c4912 !important }

.kteb-wtar-dvRT3c { width: 165px; height: 1px; background-color: #bd9d40; margin-top: 20px; float: right }

.kteb-wtar-dvRTf { width: 1280px; height: 54px; padding-top: 30px; margin-bottom: 30px }

.kteb-wtar-dvRT1f { width: 29px; background: url(../images/cor2.png) no-repeat; float: right }

.kteb-wtar-dvRT2f { width: 219px; text-align: center; float: right; font-size: 24px; font-weight: bold }

.kteb-wtar-dvRT2f a { color: #fff !important }

.kteb-wtar-dvRT3f { width: 980px; height: 1px; background-color: #fff; margin-top: 20px; float: right }

.kteb-wtar-dvRT4f { width: 41px; float: right }

.kteb-wtar-dvRTv { width: 496px; height: 54px }

.kteb-wtar-dvRT2v { width: 219px; text-align: center; float: right; font-size: 24px; font-weight: bold }

.kteb-wtar-dvRT2v a { color: #9c4912 !important }

.kteb-wtar-dvRT3v { width: 124px; height: 1px; background-color: #bd9d40; margin-top: 20px; float: right }

.kteb-wtar-dvRB { width: 100%; }

.carousel-wrap { margin: 0 auto; padding: 0 0; width: 100%; position: relative; }

.owl-carousel .item { position: relative; z-index: 100; -webkit-backface-visibility: hidden; }

.owl-carousel .item img { width: 231px; height: 352px; }

.owl-nav > div { margin-top: -26px; position: absolute; top: 50%; color: #cdcbcd; }

.owl-nav i { font-size: 52px; }

.kteb-wtaritm:nth-child(1) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #e8e8e8 }

.kteb-wtaritm:nth-child(2) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #f8f9fc }

.kteb-wtaritm:nth-child(3) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #e8e8e8 }

.kteb-wtaritm:nth-child(4) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #f8f9fc }

.kteb-wtaritm:nth-child(5) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #e8e8e8 }

.kteb-wtaritm:nth-child(6) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #f8f9fc }

.kteb-wtaritm:nth-child(7) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #e8e8e8 }

.kteb-wtaritm:nth-child(8) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #f8f9fc }

.kteb-wtaritm:nth-child(9) { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #e8e8e8 }

.kteb-wtaritm:hover { width: 100%; height: 58px; padding: 10px; line-height: 20px; background-color: #9ec1c8 }

.videobgg { background-color: #11656d !important; margin: 30px auto 0 auto; height: 580px; }



/*  VIDEO PLAYER CONTAINER
 		############################### */
.vid-container { position: relative; padding-bottom: 0; padding-top: 30px; height: 0; width: 60%; float: left; }

.vid-container iframe,
.vid-container object,
.vid-container embed { position: absolute; top: 0; left: 0; width: 100%; height: auto; min-height: 520px; }


/*  VIDEOS PLAYLIST 
 		############################### */
.vid-list-container { width: 40%; height: 520px; overflow: hidden; float: right; }

.vid-list-container:hover, .vid-list-container:focus { overflow-y: auto; }

ol#vid-list { margin: 0; padding: 0; background: #252935; }

ol#vid-list li { list-style: none; }

ol#vid-list li a { text-decoration: none; background-color: #252935; height: 130px; display: block; padding: 10px; }

ol#vid-list li a:hover { background-color: #151925; }

.vid-thumb { float: left; margin-right: 8px; }

.active-vid { background: #3A3A3A; }

#vid-list .desc { color: #CACACA; line-height: 26px; font-size: 15px; margin-top: 5px; }


.Rblock { width: 855px; float: right; margin-top: 30px; }

.Lblock { width: 405px; float: left }

.galleryblock2 { width: 100%; height: 170px; direction: ltr }


.aligner { height: 100%; display: flex; align-items: center; justify-content: center; }

.aligner .owl-carousel .item { width: 240px; height: 160px; }

.aligner .owl-carousel .item img { width: 240px; height: 160px; }

.reklamdv { width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px }

.reklamdv img { width: 100%; height: auto }

.farmuda-tafsir { width: 855px; height: 553px; }

.farmuda-tafsirR { width: 417px; float: right }

.farmuda-tafsirL { width: 417px; float: left }

.farmuda-tafsirR1 img { width: 417px; height: 284px }

.farmuda-tafsirR1 p { width: 100%; height: 128px; position: relative; margin-top: -128px; background: url(../images/bgtrans.png) repeat-x; font-size: 18px !important; color: #fff !important; padding: 50px 20px 0 20px; font-weight: bold !important; line-height: 28px }

.blurb-container img { max-width: 20px; }

.blurb-container { display: flex; flex-direction: row; align-items: center; }

.blurb-container html { box-sizing: border-box; }

.blurb-container *,
.blurb-container *:before,
.blurb-container *:after { box-sizing: inherit; }

.blurb-container img { display: block; }

.blurb-container img img { display: block; width: 100%; height: auto; }

.
.blurb-content { display: flex; flex-direction: column; padding-right: 10px; }

.blurb-content h3 { font-family: 'Montserrat', sans-serif; font-size: 28px; margin-bottom: -15px; }

.blurb-content p { color: #48525B; line-height: 28px; }

.footblockdv { width: 100%; height: 509px; background-color: #11656d; padding: 30px 0 30px 0; }

.footblockdv1 { width: 380px; height: 450px; float: right; margin-right: 30px; }

.footblockdv1 img { width: 380px; height: 265px; }

.footblockdv1 p { padding-top: 10px; }

.footblockdv1 p a { color: #fff !important }

.foorter1 { width: 100%; height: 114px; background: url(../images/footerbg.jpg) repeat-y; background-position: center; margin: 30px auto 0 auto }

.foorter10 { width: 150px; height: 114px; text-align: center; background: url(../images/mail.png) no-repeat; background-position-y: 15px; float: right }

.foorter11 { width: 213px; height: 114px; color: #fff; text-align: center; float: right }

.foorter12 { width: 250px; height: 114px; color: #fff; text-align: center; float: right }

.foorter13 { width: 500px; float: left; text-align: left; padding-top: 40px; direction: ltr; font-size: 28px !important }

.foorter13 a { color: #fff !important }

.footerdiv { width: 100%; height: 190px; background-color: #2c2e32 }

.footerdivR { width: 525px; padding-top: 20px; padding-right: 100px; float: right }

.footerdivL { width: 725px; float: left }

.footerdivL ul { width: 180px; padding-top: 25px; float: right }

.footerdivL ul li a { color: #fff !important }

.footerdivL ul li a:hover { color: #6ac3cb !important }

.MasterDiv { width: 100%; }

.MasterDivR { width: 30%; float: right; }

.MasterDivL { width: 70%; text-align: left; float: left }

.MasterContent { width: 100%; margin-top: 50px; padding: 30px 20px; background: -moz-linear-gradient(top, rgba(154,191,199,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(154,191,199,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(154,191,199,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abfc7', endColorstr='#007db9e8',GradientType=0 ); border-radius: 50px 50px 0 0 }

.multimediacoverphoto { width: 100%; height: auto; }
.multimediacoverphoto img { width: 100%; height: auto }


.morenewsdv { width: 385px; height: 350px; float: right; margin-right: 20px; }

.morenewsdv img { width: 385px; height: 265px; }

.morenewsdv p { padding-top: 10px; }

.morenewsdv p a { color: #000 !important }


.morenewsdvxx { width: 220px; height: 420px; float: right; margin-right: 20px; }

.morenewsdvxx img { width: 220px; height: 340px; }

.morenewsdvxx p { padding-top: 10px; text-align:center!important }

.morenewsdvxx p a { color: #000 !important }

.magazineimg { width: 220px; height: 340px; float: left }



.rangdanboxBitmy { width: 395px; height: 376px; float: right; margin-left: 20px; margin-bottom: 20px; }
/*.rangdanboxBitmy:last-child { width: 373px; height: 366px; float: right; margin-left: 0; margin-bottom: 20px; }*/
.rangdanboxBitmy:hover p { color: #195764 transition: all 0.2s ease-in-out 0s; border-bottom: 5px #195764 solid }

.rangdanboxBitmy img { width: 395px; height: 280px; }

.rangdanboxBitmy p { width: 395px; height: 100px; background-color: #fff; padding: 10px; transition: all 0.2s ease-in-out 0s; }


.maincontent { width: 1235px; }

.newscontent { width: 1235px !important; }

.newscontent .row .col-sm-3:nth-child(1) { padding: 8px 0 0 0; height: 40px; color: #000 !important; background-color: #fcfcfc; border: 1px solid #e3e3e3; background-image: -o-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 100%); -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; color: #e3e3e3; border-radius: 5px }

.newscontent .row .col-sm-9 { text-align: left; width: 100%; min-width: 200px; }

.newcontentdvR { width: 500px; float: right; text-align: right; font-size: 11px; padding: 8px; color: #000 !important; background-image: -o-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #fcfcfc 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 100%); -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; color: #e3e3e3; border-radius: 5px }

.newcontentdvL { width: 150px; float: left; direction: ltr; }



.interviewitm { width: 440px; height: 320px; float: right; margin-left: 20px; }

.interviewitmxx { width: 440px; height: 320px; float: right; margin-left: 20px; margin-bottom: 20px }

.interviewitm img { width: 440px; height: 300px; }

.interviewitm p { width: 440px; height: 100px; padding: 10px; color: #fff; font-size: 25px; position: relative; margin-top: -100px; padding: 10px; }

.asttl { padding: 0 !important; font-weight: bold; margin: 0 !important; width: 1400px !important; }

.imgnews { width: 500px; height: auto; float: left; padding:20px; border:1px #000 solid; margin:0 20px 20px 0 }

.Contentdvx { width: 100%; position: relative }




.navigation {display:none; height: 55px; background: linear-gradient(45deg, #07373f, #07373f); color:#fff!important }

.brand { position: absolute; padding-right: 100px!important    ; float: left!important; line-height: 55px; text-transform: uppercase; font-size: 1.4em; }

.brand a, .brand a:visited { color: #ffffff; text-decoration: none; }

.nav-container { max-width: 100%; margin: 0 auto; }

nav { float: right; }

nav ul { list-style: none; margin: 0; padding: 0; }

nav ul li { float: right; position: relative; }

nav ul li a, nav ul li a:visited { display: block; padding: 0 20px; line-height: 55px; color: #fff !important; background: #07373F!important; text-decoration: none; }

nav ul li a { background: transparent; color: #FFF; }

nav ul li a:hover, nav ul li a:visited:hover { background: #2581DC; color: #ffffff !important; }

.navbar-dropdown li a { background: #2581DC; color: #ffffff !important; }

nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after { padding-left: 4px; content: ' \025BE'; }

nav ul li ul li { min-width: 190px; }

nav ul li ul li a { padding: 15px; line-height: 20px; }

.navbar-dropdown { position: absolute; display: none; z-index: 1; background: #fff; box-shadow: 0 0 35px 0 rgba(0,0,0,0.25); }
/* Mobile navigation */
.nav-mobile { display: none; position: absolute; top: 0; right: 0; background: transparent; height: 55px; width: 70px; }

@media only screen and (max-width: 800px) {
    .nav-mobile { display: block; }

    nav { width: 100%; padding: 55px 0 15px; }

    nav ul { display: none; }

    nav ul li { float: none; }

    nav ul li a { padding: 15px; line-height: 20px; background: #262626; }

    nav ul li ul li a { padding-left: 30px; }

    .navbar-dropdown { position: static; }

    @media screen and (min-width:800px) {
        .nav-list { display: block !important; }
    }

    #navbar-toggle { position: absolute; right: 18px; top: 15px; cursor: pointer; padding: 10px 0 16px 0px; }

    #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 30px; background: #ffffff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; }

    #navbar-toggle span:before { top: -10px; }

    #navbar-toggle span:after { bottom: -10px; }

    #navbar-toggle.active span { background-color: transparent; }

    #navbar-toggle.active span:before, #navbar-toggle.active span:after { top: 0; }

    #navbar-toggle.active span:before { transform: rotate(45deg); }

    #navbar-toggle.active span:after { transform: rotate(-45deg); }
}


    .videopanel { width: 1280px; height: auto; direction: ltr }
.vidwid { display: block; position: relative; max-width: 1280px; padding-left: 0px; padding-right: 464px; margin: 0px auto 0px; }

#button { display: inline-block; background-color: #106671; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#button:hover { cursor: pointer; background-color: #333; }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }


