@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: "SNN";
    src: url("../font/SNN.eot"); /* IE9 Compat Modes */
    src: url("../font/SNN.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/SNN.otf") format("opentype"), /* Open Type Font */ url("../font/SNN.svg") format("svg"), /* Legacy iOS */ url("../font/SNN.ttf") format("truetype"), /* Safari, Android, iOS */ url("../font/SNN.woff") format("woff"), /* Modern Browsers */ url("../font/SNN.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "SNN";
    direction: rtl;
    font-size: 16px;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
}


a { color: #38424c !important; text-decoration: none; }

 a:hover { color: #902014 !important; text-decoration: none; }

 a:active { color: #38424c; text-decoration: none; }

img { border: 0; border-radius:5px }
div {  border-radius:5px }


.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: 1300px !important; padding-left: 0; padding-right: 0; }


.header { width: 100%; height: 170px; background-color: #244479; display: inherit; padding-top: 40px; }

.topbnr { width: 100%; height: 40px; padding-top: 10px; background-color: #e5e5e5!important; }



.nav {
    width: 100%;
    height: 53px;
    background-color: #E39906;
    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; }

/*
.lrg-logo { width: 118px; height: 118px; text-align: center; position: relative; margin-top: -70px; }
 .lrg-logo img { width: 118px; height: 118px; text-align: center; position: relative; margin-top: 0; }
.sml-logo { width: 50px; height: 50px; text-align: center; }
 .sml-logo img { width: 50px; height: 50px; text-align: center; }
*/

.navigation-primary > ul { margin: 0; padding: 0; list-style-type: none; font-size: 18px !important;  }
 .navigation-primary > ul > li { display: inline-block; }
 .navigation-primary > ul > li { display: inline-block; }
  .navigation-primary > ul > li > a { display: block; color: #000 !important; padding: 5px 7px; /*border-left: 1px #fff solid; border-left-width: 10px; border-image: url(../../images/line.png) 0 0 0 10;*/ text-transform: uppercase; position: relative; transition: all 0.3s ease-in-out; text-decoration: none; }
  .navigation-primary > ul > li:hover > .mega-menu,
  .navigation-primary > ul > li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
    .navigation-primary > ul > li:hover > a {
        background: #FFC000;
        color: #244479 !important;
    }
 .navigation-primary > ul .mega-menu,
 .navigation-primary > ul .sub-menu { z-index: 9999; padding: 0; position: absolute; background: #FCFCFC; border-top: 3px solid #1267a5; visibility: hidden; opacity: 0; transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transform: translateY(20%); }
  .navigation-primary > ul .mega-menu > li a,
  .navigation-primary > ul .sub-menu > li a { display: block; color: #252525; text-decoration: none; color: #858585; text-align: right !important }
  .navigation-primary > ul .mega-menu > li > .sub-menu,
  .navigation-primary > ul .sub-menu > li > .sub-menu { background: #f8f8f8; text-align: right !important }
 .navigation-primary > ul .mega-menu { left: 0; width: 100%; padding: 15px 0; }
  .navigation-primary > ul .mega-menu li { display: inline-block; position: relative; }
   .navigation-primary > ul .mega-menu li .badge { position: absolute; padding: 3px 5px; background: #e74c3c; font-size: 10px; left: -10px; z-index: 999; color: #fff; }
   .navigation-primary > ul .mega-menu li a { padding: 5px 0; font-size: 13px; }
   .navigation-primary > ul .mega-menu li ul { padding: 0; }
    .navigation-primary > ul .mega-menu li ul li { display: block; }
     .navigation-primary > ul .mega-menu li ul li a { color: #858585; transition: all 0.5s ease-in-out; }
     .navigation-primary > ul .mega-menu li ul li:hover a { background: #519cf8; color: white; }
  .navigation-primary > ul .mega-menu > li { margin-left: 0; }
   .navigation-primary > ul .mega-menu > li > a { font-weight: bold; text-transform: uppercase; }
 .navigation-primary > ul .sub-menu { min-width: 200px; }
  .navigation-primary > ul .sub-menu li { display: block; position: relative; }
   .navigation-primary > ul .sub-menu li a { padding: 10px 20px; transition: all 0.5s ease-in-out; }
   .navigation-primary > ul .sub-menu li .sub-menu { border-top: none; left: 100%; top: 0; }
   .navigation-primary > ul .sub-menu li:hover > .mega-menu,
   .navigation-primary > ul .sub-menu li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
   .navigation-primary > ul .sub-menu li:hover > a { background: #e74c3c; color: white; }


.header .col-7 img{width:100%; height:111px!important}



.navigation-primaryar > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 18px !important;
}
 .navigation-primaryar > ul > li { display: inline-block; }
 .navigation-primaryar > ul > li { display: inline-block; }
  .navigation-primaryar > ul > li > a { display: block; color: #fff !important; padding: 5px 7px; /*border-left: 1px #fff solid; border-left-width: 10px; border-image: url(../../images/line.png) 0 0 0 10;*/ text-transform: uppercase; position: relative; transition: all 0.3s ease-in-out; text-decoration: none; }
  .navigation-primaryar > ul > li:hover > .mega-menu,
  .navigation-primaryar > ul > li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
  .navigation-primaryar > ul > li:hover > a { background: #0a407e; color: #fff !important; }
 .navigation-primaryar > ul .mega-menu,
 .navigation-primaryar > ul .sub-menu { z-index: 9999; padding: 0; position: absolute; background: #FCFCFC; border-top: 3px solid #1267a5; visibility: hidden; opacity: 0; transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transform: translateY(20%); }
  .navigation-primaryar > ul .mega-menu > li a,
  .navigation-primaryar > ul .sub-menu > li a { display: block; color: #252525; text-decoration: none; color: #858585; text-align: right !important }
  .navigation-primaryar > ul .mega-menu > li > .sub-menu,
  .navigation-primaryar > ul .sub-menu > li > .sub-menu { background: #f8f8f8; text-align: right !important }
 .navigation-primaryar > ul .mega-menu { left: 0; width: 100%; padding: 15px 0; }
  .navigation-primaryar > ul .mega-menu li { display: inline-block; position: relative; }
   .navigation-primaryar > ul .mega-menu li .badge { position: absolute; padding: 3px 5px; background: #0a407e; font-size: 10px; left: -10px; z-index: 999; color: #fff; }
   .navigation-primaryar > ul .mega-menu li a { padding: 5px 0; font-size: 13px; }
   .navigation-primaryar > ul .mega-menu li ul { padding: 0; }
    .navigation-primaryar > ul .mega-menu li ul li { display: block; }
     .navigation-primaryar > ul .mega-menu li ul li a { color: #858585; transition: all 0.5s ease-in-out; }
     .navigation-primaryar > ul .mega-menu li ul li:hover a { background: #519cf8; color: white; }
  .navigation-primaryar > ul .mega-menu > li { margin-left: 0; }
   .navigation-primaryar > ul .mega-menu > li > a { font-weight: bold; text-transform: uppercase; }
 .navigation-primaryar > ul .sub-menu { min-width: 200px; }
  .navigation-primaryar > ul .sub-menu li { display: block; position: relative; }
   .navigation-primaryar > ul .sub-menu li a { padding: 10px 20px; transition: all 0.5s ease-in-out; }
   .navigation-primaryar > ul .sub-menu li .sub-menu { border-top: none; left: 100%; top: 0; }
   .navigation-primaryar > ul .sub-menu li:hover > .mega-menu,
   .navigation-primaryar > ul .sub-menu li:hover > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
   .navigation-primaryar > ul .sub-menu li:hover > a { background: #0a407e; color: white!important; }

.hero { text-align: center; padding: 10% 0; }
 .hero h2 { text-transform: uppercase; font-size: 72px; font-family: "Oswald", sans-serif; color: #fff; }
 .hero p { color: #a3a3a3; }


* { margin: 0; box-sizing: border-box; }

 *::before,
 *::after { box-sizing: border-box; }

a { text-decoration: none; }

/* 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; }


.socialdv { width: 100%; font-size: 20px; text-align: left; padding-top: 0; color: #000; direction: ltr; }
 .socialdv a { color: #000; padding-left: 10px; }
 .socialdv i { color: #000; transition: all 0.2s ease-in-out 0s; }
  .socialdv i:hover { color: #00126a; transition: all 0.2s ease-in-out 0s; }

 .socialdv .fa-facebook-f:hover { color: #3A5898; transition: all 0.2s ease-in-out 0s; }
 .socialdv .fa-twitter:hover { color: #1B9FF1; transition: all 0.2s ease-in-out 0s; }
 .socialdv .fa-instagram:hover { color: #AFAFAF; transition: all 0.2s ease-in-out 0s; }
 .socialdv .fa-youtube:hover { color: #D32121; transition: all 0.2s ease-in-out 0s; }
 .socialdv .fa-telegram-plane:hover { color: #36A1D5; transition: all 0.2s ease-in-out 0s; }


.slideshowdv { width: 100%; height: 850px; }
 .slideshowdv img { width: 100%; height: 850px; }
 .slideshowdv p { width: 100%; height: 500px; text-align: center; position: relative; margin-top: -500px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(20,132,144,0) 100%); font-size: 18px; color: #fff; padding: 20px 20px 0 20px; }
  .slideshowdv p a { width: 100%; height: 500px; font-size: 40px; font-family: uninews; color: #fff !important; }

.menjsgyay { display: none !important; }


.slideshowdvtxt { margin-top: -170px !important; position: relative; border-bottom: 1px #fff solid; border-bottom-width: 1px; padding-bottom: 40px; border-image: url(../images/line2.png) 0 0 1 0; text-align: center; font-size: 40px; }
.slideshowdvtxt1 { color: #fff !important; text-align: center; font-family:uninews }


.homebxdv { width: 386px; height: 220px; float: right; margin: 20px 0 20px 20px; }
 .homebxdv:last-child { width: 386px; height: 220px; float: right; margin: 20px 0 20px 0 !important; }
 .homebxdv img { width: 386px; height: 220px; }
 .homebxdv p { width: 386px; height: 100px; position: relative; margin-top: -100px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(20,132,144,0) 100%); font-size: 18px; color: #fff; padding: 20px 20px 0 20px; }

.MoreNewsDv { width: 1300px; height: 502px; margin-top:20px; }
.MoreNewsDvR { width: 654px; float: right;  }
.MoreNewsDvM { width: 180px; height: 580px; margin-right:20px; float: right; background:url(../images/App-For-Mojokurd.com-Web-All.jpg) no-repeat }
 .MoreNewsDvM img { width: 180px; height: 580px; }
 .MoreNewsDvR ul li { width: 100%; height: 58px; background-color: #e8e8e8; padding: 15px; border-bottom: 1px #fff solid; }
.MoreNewsDvL { width: 429px; float: left;  }

.homebxdv2 { width: 362px; height: 215px; float: right; margin: 0 0 20px 20px; }
 .homebxdv2:last-child { width: 362px; height: 215px; float: right; margin: 0 0 20px 0 !important; }
 .homebxdv2 img { width: 362px; height: 215px; }
 .homebxdv2 p { width: 362px; height: 100px; position: relative; margin-top: -100px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(20,132,144,0) 100%); font-size: 18px; color: #fff; padding: 20px 20px 0 20px; }
.homadsdv { width: 100%; height: 150px; margin-top: 20px; }
 .homadsdv img { width: 655px; height: 150px; }
 .articlebox { width: 430px; }
.articleboxT { width: 430px; height: 53px; background: url(../images/ttlbg.jpg) no-repeat; }
 .articleboxT h4 { padding: 10px 20px 0 0; color: #fff !important; }
  .articleboxT h4 a { color: #fff !important; }

.articleboxRip { width: 430px; height: 162px; margin-top: 20px; }
.articleboxRipR { width: 266px; height: 162px; float: right; }
.articleboxRipL { width: 164px; height: 162px; background: url(../images/articlebg.png) no-repeat; float: left; }
.articleboxRipL1 { width: 122px; height: 121px; padding: 10px 41px 12px 11px; }
 .articleboxRipL1 img { width: 110px; height: 121px; }
.articleboxRipRT { width: 266px; height: 111px; }
.articleboxRipRB { width: 266px; height: 51px; padding:10px 0 0 10px; color: #0e4c95; text-align: left; padding-left: 0; background: -moz-linear-gradient(right, rgba(209,204,204,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(right, rgba(209,204,204,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to left, rgba(209,204,204,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1cccc', endColorstr='#007db9e8',GradientType=1 ); }

.videobgg { background-color: #1c202a !important; margin: 30px auto 0 auto; height: 610px; display:block }
.videotl { text-align: center; color: #fff; padding: 30px 0; margin-bottom: 0; }
.title { width: 100%; max-width: 1300px; margin: 0 auto; }

.caption { width: 100%; max-width: 854px; margin: 0 auto; padding: 20px 0; }

.vid-main-wrapper { width: 100%; max-width: 1300px; min-width: 440px; background: #fff; margin: 0 auto; }


/*  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; }


@media (max-width: 624px) {
 body { margin: 15px; }
 .caption { margin-top: 40px; }
 .vid-list-container { padding-bottom: 20px; }
}

.videopanel { width: 1300px; height: auto; direction: ltr }
.vidwid { display: block; position: relative; max-width: 1300px; padding-left: 0px; padding-right: 464px; margin: 0px auto 0px; }


.morevid { border: 1px #ccc solid; border-radius: 5px; padding: 10px; margin: 20px auto 0 auto; text-align: center; width: 170px; }

.homebxdv3 { width: 386px; height: 473px; float: right; margin: 20px 0 20px 20px;}
 .homebxdv3:last-child { width: 386px; height: 473px; float: right; margin: 20px 0 20px 0 !important; }
 .homebxdv3 img { width: 386px; height: 220px; }
 .homebxdv3 p { width: 386px; height: 100px; position: relative; margin-top: -100px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(20,132,144,0) 100%); font-size: 18px; color: #fff; padding: 20px 20px 0 20px; }

.homebxdv3itm { width:386px; height:243px;}

.homebxdv3itmT { width: 386px; height: 53px; background: url(../images/ttlbg.jpg) no-repeat; margin-bottom:20px; }
 .homebxdv3itmT h4 { padding: 10px 20px 0 0; color: #fff !important; }
  .homebxdv3itmT h4 a { color: #fff !important; }



 .homebxdv3itm img { width:386px; height:243px}
 .homebxdv3itm p { width:100%; height:100px; position: relative; margin-top: -100px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(20,132,144,0) 100%); font-size: 18px; color: #fff; padding: 20px 20px 0 20px;}

.homebxdv4itm { width:386px; margin-top:20px}
.homebxdv4itmR { width:179px; height:113px; float:right}
 .homebxdv4itmR img { width:179px; height:113px; }
.homebxdv4itmL { width:190px; height:113px; float:left; text-align:right; font-size:15px}

.homebxdv5itm { width:386px; height:243px; float:right; margin-left:20px;}
.homebxdv5itm:last-child { width:386px; height:243px; float:right; margin-left:0;}

 .homebxdv5itm img { width:386px; height:243px;}
 .homebxdv5itm p { width: 346px; height: 200px; background-color:#fff; padding:20px; position:relative; margin:-50px auto 0 auto; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);}

 .infographicdv { width: 100%; height: 650px; padding: 20px; background-color: #ac0000; }
.infographicdvB { width: 100%; }
.infographicdvBitm { width: 588px; height: 580px; float: right; margin-left: 20px; padding-top: 0; }
 .infographicdvBitm:last-child { width: 588px; height: 580px; float: right; padding-top: 0; margin-left: 0; }
 .infographicdvBitm img { width: 588px; height: 500px; }

 .shikaryboxT { width: 100%; height: 50px; border-bottom: 1px #000 solid; margin-bottom:20px; }
 .shikaryboxT .row .col-sm-11 { font-size: 25px; font-weight: bold; }
 .shikaryboxT .row .col-sm-1 { text-align: left; }

.shikarybox { width: 100%!important; height:390px;  }


.shikaryboxB { width: 110%; padding-top: 0; }
.shikaryboxBR { width: 690px; float: right; }
.shikaryboxBL { width: 590px; float: right; margin-right:20px; }
.shikaryboxBR img { width: 690px; height: 457px; }
.shikaryboxBR p { width: 100%; height: 128px; position: relative; margin-top: -128px; background: url(../images/bgtrans.png) repeat-x; font-size: 20px; color: #fff !important; padding: 50px 20px 0 20px; }


.shikaryboxBLitm { width: 286px; height: 218px; float: right; margin-bottom: 20px; }
.shikaryboxBL img { width: 286px; height: 218px; }
.shikaryboxBL p { width: 286px; height: 68px; background-color: #e5e5e5; padding: 10px; position: relative; margin-top: -68px; color: #000 !important }
.shikaryboxBL p a{color:#000!important }


.shikaryboxBLitm:nth-child(1) { margin-left: 14px; }
.shikaryboxBLitm:nth-child(2) { margin-left: 0; }
.shikaryboxBLitm:nth-child(3) { margin-left: 14px; }
.shikaryboxBLitm:nth-child(4) { margin-left: 0; }

.numberdv { width: 50px; height: 50px; background-color: red; color: #fff; text-align: center; padding-top: 10px; position: relative; margin-top: -180px; float: left; font-size: 25px; font-weight: bold; opacity: 0.7; }


.newsmoredv h3 { margin-bottom: 20px; }
.newsmoredv h3 a{ color:#fff!important }

.rangdanboxx { width: 100%; height: 417px; background-color: #e5e5e5; padding: 20px; }
.rangdanbox { width: 100%; }
.rangdanboxB { width: 100%; margin-top: 20px; }

.rangdanboxBitm { width: 275px; height: 173px; float: right; margin-left: 20px; margin-bottom: 20px; }
 .rangdanboxBitm:last-child { width: 275px; height: 173px; float: right; margin-left: 0; margin-bottom: 0; }
 .rangdanboxBitm img { width: 275px; height: 173px; }
 .rangdanboxBitm p { width: 275px; height: 130px; background-color: #fff; padding: 10px; }


.footerdv { background-color: #222326; height: 281px }
.footerdiv { width:100%}
 .footerdiv .row:first-child {height:60px; color:#fff; padding-top:10px;  }
  .footerdiv .row .col-9 a { color:#fff!important}

.footer2dv { width:100%; }
 .footer2dv .row a{color:#fff!important }
  .footer2dv .row .col-5 ul{float:right; padding:0 20px}
    .footer2dv .row .col-5 ul li{padding:10px 0}
     .footer2dv .row .col-5 ul li a:hover{color:#d12323!important}
   .footer2dv .row  .col-3 { padding-top: 30px; text-align:left}
 .footer2dv3 { width: 100%; height: auto; margin: 0 auto; text-align: center }
 
 .socialdvx { width: 100%; font-size: 20px; text-align: left; padding-left: 10px; padding-top: 10px; color: #fff; direction: ltr; }
 .socialdvx a { color: #fff; padding-left: 10px; }
 .socialdvx i { color: #fff; transition: all 0.2s ease-in-out 0s; }
 .socialdvx .fa-facebook-f:hover { color: #3A5898; transition: all 0.2s ease-in-out 0s; }
 .socialdvx .fa-twitter:hover { color: #1B9FF1; transition: all 0.2s ease-in-out 0s; }
 .socialdvx .fa-instagram:hover { color: #AFAFAF; transition: all 0.2s ease-in-out 0s; }
 .socialdvx .fa-youtube:hover { color: #D32121; transition: all 0.2s ease-in-out 0s; }
 .socialdvx .fa-telegram-plane:hover { color: #36A1D5; transition: all 0.2s ease-in-out 0s; }

 
#button { display: inline-block; background-color: #1267A5; width: 30px; height: 35px; text-align: center; border-radius: 4px; padding-top: 8px; color: #fff !important; position: fixed; bottom: 30px; left: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after { font-weight: normal; font-style: normal; font-size: 1em; line-height: 50px; color: #fff; }
#button:hover { cursor: pointer; background-color: #333; }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }

/* Styles for the content section */
@media (min-width: 500px) {

 #button { margin: 30px; }
}


.iconcls0 { position: absolute; font-size: 70px; margin: 0 20px 0 0; margin-bottom: 0; color: #fff; opacity: 0.7; text-align: center }
.iconcls { position: relative; font-size: 100px; margin-top: -190px; margin-bottom: 45px; color: #fff; opacity: 0.7; text-align: center }
.iconcls2 { position: relative; font-size: 70px; margin-top: -140px; margin-bottom: 40px; color: #fff; opacity: 0.7; text-align: center }
.iconcls3 { position: relative; font-size: 100px; margin-top: -170px; margin-bottom: 4px; color: #fff; opacity: 0.7; text-align: center }
.iconcls4 { position: relative; font-size: 50px; margin-top: -100px; margin-bottom: 4px; color: #fff; opacity: 0.7; text-align: center }
.iconcls5 { position: absolute; font-size: 50px; margin: -100px 220px 0 auto; color: #fff; opacity: 0.7; text-align: center !important }
.iconcls6 { position: absolute; font-size: 50px; margin: -100px 340px 0 auto; color: #fff; opacity: 0.7; text-align: center !important }
.iconcls7 { position: absolute; font-size: 50px; margin: 0 20px 0 auto; color: #fff; opacity: 0.7; text-align: center !important }
.iconcls8 { position: absolute; font-size: 50px; margin: 0 20px 0 auto; color: #fff; opacity: 0.7; text-align: center !important }


.Masterdv{width:100%; margin:20px 0; }
.MasterdvR{width:910px;  float:right}
.MasterdvL{width:370px; float:left}

.MasterdvRT { width: 100%; height: 50px; border-bottom: 1px #000 solid; }
 .MasterdvRT .row .col-sm-12 { font-size: 25px; font-weight: bold; }
 .MasterdvRB{padding:20px 0;}
 .mostreaddv{width:100%; border-bottom:1px #ccc solid; padding:20px 0}

.newscontent { width: 100%; }
 .newscontent .row .col-sm-3 { padding: 8px 0 0 0; height: 40px; }
 .newscontent .row .col-sm-9 { padding: 15px 0 0 0; height: 40px; text-align: left; }

 
.latestnewsdv { width: 100%; background-color: #eaeaea; padding: 20px; }
.latestnewsitm { width: 100%; height: 212px; margin-bottom: 20px; }
 .latestnewsitm img { width: 100%; height: 212px; }
 .latestnewsitm p { width: 100%; height: 80px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 20, 22) 0%, rgba(20,132,144,0) 100%); position: relative; margin-top: -80px; padding: 10px; }
 .latestnewsitm a p { color: #fff; }

.infographicdvBitmllat { width: 100%; height: auto; margin: 20px 0; }
 .infographicdvBitmllat img { width: 100%; height: auto; }
.mostreadfull { width: 100%; background-color: #eaeaea; padding: 20px; }



.Mainnewsdv { width: 631px; height: 400px;  margin-top:20px; float: right }
.MainnewsdvL { width: 666px; height: 420px; margin-top: 20px; float: left }

.Mainnewsdv .item img {max-height:610px; height:400px!important; }

.morenewsdvxresp { width: 666px; position: relative }
.morenewsdvx { width: 313px; height: 189px; float: right; margin-right: 20px; margin-bottom: 20px; position: relative !important; }

 .morenewsdvx img { width: 313px; height: 189px; }
 .morenewsdvx p { width: 313px; position: absolute !important; width: 100% !important; padding: 2% !important; color: #fff !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; margin-top: -70px; background: url(../../images/bgtrans.png) repeat-x; padding: 8px 15px 15px 15px; }
 .morenewsdvx p a { color: #fff!important; }
 .morenewsdvx:hover p { color: #f6ac19; }


.morenewsdvxrespx { width: 1320px; position: relative }
.morenewsdvxx { width: 313px; height: 189px; float: right; margin-left: 18px; margin-bottom: 20px; position: relative !important; }
 .morenewsdvxx:last-child { width: 313px; height: 189px; float: right; margin-left: 0; margin-bottom: 20px; position: relative !important; }

 .morenewsdvxx img { width: 313px; height: 189px; }
 .morenewsdvxx p { width: 313px; min-height:120px; width: 100% !important; color: #fff !important; left: 0 !important; bottom: 0 !important; margin: 0 !important; background: rgb(73, 73, 73); padding: 20px; }
 .morenewsdvxx a p { color: #fff; }
 .morenewsdvxx:hover p { color: #f6ac19; }


/*.image-box { position: relative; overflow: hidden; }
 .image-box img { max-width: 100%; transition: all 0.5s; display: block; width: 100%; transform: scale(1); }
 .image-box:hover img { transform: scale(1.1); }
*/


.testimonials { background-color: #f33f02; position: relative; padding-top: 80px;  }
 .testimonials:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 30%; background-color: #ddd; }

#customers-testimonials .item-details { margin-top: -90px; background: url(../images/bgtrans.png) repeat-x;  padding: 20px 20px; text-align: right; position: relative; margin-top: -100px }

@media screen and (max-width: 640px) {
 .shadow-effect { height: 214px }
  .shadow-effect img { height: 214px }
 .img-responsive { height: 214px !important }
  .img-responsive img { height: 214px !important }


}


 #customers-testimonials .item-details h5 { margin: 0 0 15px; font-size: 24px; line-height: 23px; font-weight: normal !important }

@media screen and (max-width: 640px) {
 #customers-testimonials .item-details h5 { margin: 0 0 15px; font-size: 15px; line-height: 23px; font-weight: normal !important }
}

  #customers-testimonials .item-details h5 span { color: red; float: right; padding-right: 20px; }
 #customers-testimonials .item-details p { font-size: 14px; }
 .item-details a { color: #fff !important }
 #customers-testimonials .item { text-align: center; margin-bottom: 0; }

 .owl-carousel .owl-nav [class*=owl-] { transition: all 0.3s ease; }

  .owl-carousel .owl-nav [class*=owl-].disabled:hover { background-color: #D6D6D6; }

 .owl-carousel { position: relative; }

  .owl-carousel .owl-next,
  .owl-carousel .owl-prev { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; position: absolute; top: 40%; font-size: 20px; color: #fff; border: 1px solid #ddd; text-align: center; }

  .owl-carousel .owl-prev { left: 30px; }

  .owl-carousel .owl-next { right: 30px; }

 .newsmoredv { width: 100%; padding: 20px 0 0 0; margin-top: 0; background-color: #2D2C2A; display:block }
 .newsmoredvcol-3 { width: 310px; height: 312px; float: right; margin-left: 20px; }
  .newsmoredvcol-3:last-child { width: 310px; height: 312px; float: right; margin-left: 0; }
  .newsmoredvcol-3 img { width: 310px; height: 202px }
  .newsmoredvcol-3 h4 { width: 310px; height: 100px; padding-top: 10px; text-align: right }
   .newsmoredvcol-3 h4 a { color: #fff !important }


 .newsmoredvcol-cc { width: 310px; height: 190px; float: right; margin-left: 20px; }
  .newsmoredvcol-cc:last-child { width: 310px; height: 190px; float: right; margin-left: 0; }

 .ArchiveDiv { width: 100%; height: 45px; padding-top: 7px; background-color: #B51807; padding-right: 10px; margin-bottom: 10px; color: #fff; }
 .ArticleList1 { width: 160px; float: right; color: #fff; padding-top: 5px; }
 .ArticleList2 { width: 160px; float: right; padding-top: 5px; }
 .ArticleList3 { width: 80px; float: right; padding-top: 3px; }

 .Rangdaflwi { width: 1300px; position: relative }

 .biruradv { width: 371px; height: 124px; margin-top: 20px; }
 .biruradvRR { width: 371px; height: 124px; margin-top: 20px; float: right; margin: 0 0 20px 10px }
 .biruradv1 { width: 271px; height: 124px; float: right; }
 .biruradv2 { width: 100px; height: 124px; float: left; }
 .biruradv1T { width: 271px; height: 93px; font-size: 18px; }
 .biruradv1B { width: 266px; height: 26px; text-align: left; padding: 5px 5px 0 10px; color: #901421; background: -moz-linear-gradient(left, rgba(210,218,222,1) 0%, rgba(210,218,222,0.97) 3%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(210,218,222,1) 0%,rgba(210,218,222,0.97) 3%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(210,218,222,1) 0%,rgba(210,218,222,0.97) 3%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dade', endColorstr='#00ffffff',GradientType=1 ); }


 .newcontentdvR { width: 200px; float: left; text-align: center; padding: 8px;  }
 .newcontentdvL { width: 150px; float: left; direction: ltr; }
 .imgnews { width: 100%; height: auto; margin: 20px 0 0 0; }
 .imgnewsarticle { width: 200px; float: left; height: auto; margin: 20px 0 0 0; }


 .authordet { width: 200px; float: right }
 .authordet2 { width: 544px; padding-top: 10px; float: right; margin-right: 20px; }



 .rangdanboxBitmy { width: 373px; height: 366px; 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 { background-color: #B2110C; color: #fff; transition: all 0.2s ease-in-out 0s; }

  .rangdanboxBitmy img { width: 373px; height: 266px; }
  .rangdanboxBitmy p { width: 373px; height: 100px; background-color: #fff; padding: 10px; transition: all 0.2s ease-in-out 0s; }


 .PagerButtonCSS { padding: 10px 17px; background: url(../images/next.jpg) no-repeat; border: 0; width: 65px; height: 43px; font-size: 20px; }
  .PagerButtonCSS:hover { padding: 10px 17px; background: url(../images/next1.jpg) no-repeat; border: 0; width: 65px; height: 43px; cursor: pointer; font-size: 20px; }

 .NumericButtonCSS { padding: 10px 17px; background: url(../images/pagbg.jpg) no-repeat; font-size: 20px; }
  .NumericButtonCSS:hover { padding: 10px 17px; background: url(../images/pagbg1.jpg) no-repeat; font-size: 20px; }
 .CurrentPageLabelCSS { padding: 10px 17px; background: url(../images/pagbg.jpg) no-repeat; color: #FFA103; font-weight: bold; font-size: 20px; }
 .NextPreviousButtonCSS { padding: 10px 17px; background: url(../images/pagbg.jpg) no-repeat; }


 .paginationcls { width: 95%; }
 div.pager { width: 1160px; margin-top: 5px; text-align: center; background-color: #BB0903; padding: 10px 0; color: #fff; }
  /* pager links */
  div.pager a { border: 0 solid #fff; color: #fff !important; background: #AC6358; padding: 2px 4px; display: inline-block; text-decoration: none; margin: auto 2px; }
  /* current page */
  div.pager span span { color: #fff; padding: 3px 5px; display: inline-block; margin: auto 2px; background: #5B2A1E; }
 .current { color: #fff; }
 .numeric { color: #fff; }
 .next { color: #fff; }


 .rangdanboxBitmyrelated { width: 353px; height: 366px; background-color: #901421 !important; color: #fff; margin-left: 0; margin-bottom: 0; }
  .rangdanboxBitmyrelated:hover p { background-color: #fff; color: #fff; transition: all 0.2s ease-in-out 0s; }
  .rangdanboxBitmyrelated img { width: 353px; height: 266px; }
  .rangdanboxBitmyrelated p { width: 353px; height: 100px; background-color: #901421 !important; color: #fff; padding: 10px; transition: all 0.2s ease-in-out 0s; }

 .qoutation { float: left; width: 300px; min-height: 100px; padding: 15px 15px 15px 70px; margin: 10px; background: url(../images/qt.png) no-repeat; background-color: #eaeaea; background-position: 15px; }
 .copyrightdv { width: 900px; text-align: center; color: #fff; padding: 10px; background-color: #901814; margin: 0 auto; }



 .rangdanboxBitmypp { width: 373px; height: 296px; float: right; margin-left: 20px; margin-bottom: 20px; }
  /*.rangdanboxBitmy:last-child { width: 373px; height: 366px; float: right; margin-left: 0; margin-bottom: 20px; }*/
  .rangdanboxBitmypp:hover p { background-color: #901421; color: #fff; transition: all 0.2s ease-in-out 0s; }

  .rangdanboxBitmypp img { width: 373px; height: 223px; }
  .rangdanboxBitmypp p { width: 373px; height: 73px; background-color: #fff; padding: 20px; text-align: center; transition: all 0.2s ease-in-out 0s; }



 a .bapalares { display: none; width: 100%; height: auto; font-size: 18px; color: #fff !important; text-align: center; padding: 5px; background-color: red; }
 .Bepeladiv { width: 100%; height: 50px; background-color: #003366 !important; border-top: 0 #fff solid; position: fixed; overflow: visible; z-index: 10; bottom: 0; left: 0; right: 0; }
 .Bepeladiv1 { width: 100%; height: 50px; margin: 0 auto; }
 .Bepeladiv2 { width: 6%; height: 50px; padding-top: 10px; float: right; background-color: rgb(167, 5, 5); }
 .Bepeladiv3 { width: 94%; height: 50px; padding-top: 0px; float: left; padding-right: 0; padding-top: 0; text-align: right; }
  .Bepeladiv3 ul li { padding: 0 0 !important; margin: 0 !important }


 a .bapalaresx { display: none; width: 100%; height: auto; font-size: 20px; color: #fff !important; text-align: center; padding: 10px; background-color: red; }
 .Bepeladivx { width: 100%; height: 50px; background-color: #BD1A10 !important; position: fixed; overflow: visible; z-index: 10; bottom: 0; margin-bottom: 0; left: 0; right: 0; }
 .Bepeladiv1x { width: 100%; height: 50px; margin: 0 auto; }
 .Bepeladiv2x { width: 10%; height: 50px !important; float: right; }
 .Bepeladiv3x { width: 90%; height: 50px !important; float: left; padding-right: 0; padding-top: 5px; text-align: right; }

 .Bepeladiv4x { width: 100%; text-align: right; padding: 5px; background-color: #D7190C; position: relative; margin-top: -5px; font-size: 18px !important; font-weight: bold }



 #toolbar { background: transparent; height: 40px; direction: rtl; }
  #toolbar .newsbar { width: 100%; padding-right: 0; float: right; font-weight: bold; font-size: 18px; color: #000; }
   #toolbar .newsbar a { color: #fff !important }
    #toolbar .newsbar a:hover { color: #148490 !important }
   #toolbar .newsbar span.time { float: right; margin-left: 0; color: #fff; }
   #toolbar .newsbar .text { float: right; }
   #toolbar .newsbar ul.newscaption { display: none; }
   #toolbar .newsbar .shownewscaption { width: 100% !important; height: 20px; overflow: hidden; font-size: 15px; }
    #toolbar .newsbar .shownewscaption span { margin-left: 0; }
    #toolbar .newsbar .shownewscaption a { color: #FFFFFF; }


     #toolbar .newsbar .shownewscaption a:hover { color: #FF8E00; }


 .homebx { width: 640px; float: left }
 .homebx1 { width: 310px; float: right; }
  .homebx1 img { width: 100%; height: 200px; }
  .homebx1 p { padding-top: 10px; }

 .homebx2 { width: 310px; float: left; }
  .homebx2 img { width: 100%; height: 200px; }
  .homebx2 p { padding-top: 10px; }


 .homebx3 { width: 640px; float: right; }

 .homebx4 { width: 310px; float: right; margin-left: 20px; }
  .homebx4:last-child { width: 310px; float: right; margin-left: 0; }
  .homebx4 img { width: 310px; height: 200px; }
  .homebx4 p { padding-top: 10px; }