﻿

@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; }


@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

body {zoom:90%; margin: 0px; padding: 0px; font-family: "SNN"; line-height:27px; direction: rtl; font-size: 15px; background:url(../images/background.jpg) repeat-x;  overflow-y: scroll; overflow-x: hidden; }


a { color: #815b01; text-decoration: none; }

 a:hover { color: #C68C00; text-decoration: none; }

 a:active { color: #000; text-decoration: none; }

img { border: 0; }

.container { }

.clearfix { clear: both; height: 0; }

ul { margin: 0; padding: 0; }

li { list-style: none; }

.mobile { display: none; }
.mobile2 { visibility: hidden; }

.hide { display: inline; }


.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; }


/* 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; }

.bannerdv{width:100%; height:295px; background:url(../images/banner.jpg) repeat-x; margin-bottom:20px;}
.bannerdv1{width:1384px; height:295px; background:url(../images/banner.png) no-repeat; margin:0 auto}

.bannertop1{width:100%; height:53px}
.bannertop2{width:100%; height:193px}
.bannertop3{width:100%; height:55px}

.bannertop1 .row .col-6:nth-child(1){text-align:right; padding:10px 30px 0 0}
.bannertop1 .row .col-6 a{color:#fff}
.bannertop1 .row .col-6 a:hover{color:#DA6CB7}
.bannertop1 .row .col-6:nth-child(2){text-align:left; padding:12px 30px 0 0; color:#fff}

.searchsoci { width: 280px; height: 87px; float: left; margin-top: 70px; margin-bottom: 30px;  }
.socialicn{width:280px; height:60px;   direction:ltr}
.socialicn img{width:25px; height:55px}

.searchbx{width:251px; height:34px; background-color:transparent; border:1px #fff solid; border-radius:3px; margin-left:10px; margin-bottom:10px; float:left}
.searchbxR{width:207px; height:34px; float:right; color:#fff!important}
.searchbxL{width:41px; height:32px; background-color:#fff; padding-top:3px; text-align:center; float:right; }
.searchinput{width:200px; height:32px; background-color:#a890a0; color:#fff!important; padding-right:10px; border:0}


nav { display: block; }

.menu { display: block; margin: 0 auto; }

 .menu li { display: inline-block; position: relative; z-index: 100; }
  .menu li i { font-size: 20px; padding:0 5px }
  .menu li:first-child { margin-right: 0; }

  .menu li a { font-weight: 600; text-decoration: none; padding: 13px 22px; display: block; color: #fff !important; transition: all 0.2s ease-in-out 0s; }

   .menu li a:hover, .menu li:hover > a { color: #FFFFFF; background: #B53E8F; }

 .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 200px; position: absolute; right: 0px; background: #000 !important; z-index: 99; transform: translate(0,20px); transition: all 0.2s ease-out; }

  .menu ul:after { bottom: 100%; right: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-right: -6px; }

  .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }

   .menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #fff !important; background: #38424c; }

    .menu ul li a:hover, .menu ul li:hover > a { background: #b53e8f; color: #fff; }

 .menu li:hover > ul { visibility: visible; opacity: 1; transform: translate(0,0); }

 .menu ul ul { left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px,20px); transition: all 0.2s ease-out; }

  .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; }

 .menu li > ul ul:hover { visibility: visible; opacity: 1; transform: translate(0,0); }

.responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #38424c; color: #fff; text-transform: uppercase; font-weight: 600; }

 .responsive-menu:hover { background: #374147; color: #fff; text-decoration: none; }

a.homer { background: #38424c; color: #fff; }

@media (min-width: 768px) and (max-width: 979px) {
 .mainWrap { width: 768px; }
 .menu { width: 100%; }
  .menu ul { top: 37px; }

  .menu li a { font-size: 12px; }

 a.homer { background: #374147; }
}

@media (max-width: 767px) {
 .mainWrap { width: auto; padding: 50px 20px; }

 .menu { display: none; width: 100%; }
 .responsive-menu { display: block; }
 nav { margin: 0; background: none; }
 .menu li { display: block; margin: 0; }
  .menu li a { background: #fff; color: #fff; }
   .menu li a:hover, .menu li:hover > a { background: #38424c; color: #fff; }
 .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; }
 .menu li:hover > ul { visibility: visible; opacity: 1; position: relative; transform: initial; }
 .menu ul ul { left: 0; transform: initial; }
 .menu li > ul ul:hover { transform: initial; }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
.container{margin-bottom:20px;}
.RightcoldR{width:346px; float:right}
.RightcoldL { width: 833px; height: auto; float: left }
.kurewtardv{width:346px; height:auto; padding-bottom:20px; background-color:#fff; border:1px #ca68a5 solid}
.kurewtardvT{width:346px; height:63px; border-right:5px #B53E8F solid;  background-color:#682954; padding:1px 20px 0 0}
.kurewtardvT a{color:#fff}
.kurewtardvB{width:305px; height:381px; margin:20px auto 0 auto}
.kurewtardvB img { width: 305px; height: 305px; }
.kurewtardvB p{width:305px; height:76px; background-color:#682954; border-bottom:1px #DA6CB7 solid; padding:10px; }
.kurewtardvB  a{color:#fff}
.RightcoldLT{width:100%; height:63px; border-right:5px #B53E8F solid;  background-color:#682954; padding:1px 20px 0 0; background-image:url(../images/bgbx.png); background-repeat:no-repeat; background-position-x:left }
.RightcoldLT a{color:#fff}
.RightcoldLB{width:100%; padding:20px 0 0 0;  background-color:#fff; border:1px #ca68a5 solid}
.RightcoldLBitm{width:251px; height:363px; float:right; margin:0 20px 20px 0}
.RightcoldLBitm img { width: 251px; height: 251px }
.RightcoldLBitm p{width:251px; height:112px; padding:10px; border-bottom:2px #B53E8F solid}
.VideobxT{width:100%; height:48px; border-bottom:2px #000 solid;  background-image:url(../images/bgbx.png); background-repeat:no-repeat; background-position-x:left}
.VideobxB{width:100%; margin-top:20px;}
.VideobxBItm{width:285px; height:270px; float:right; margin-left:20px; }
.VideobxBItm:last-child{width:285px; height:270px; float:right; margin-left:0; }
.VideobxBItm img{width:285px; height:181px}
.VideobxBItm i{position:relative; margin-top:-200px; font-size:25px;}
.VideobxBItm p{width:285px; height:89px; padding:10px; background-color:#777}
.VideobxBItm a{color:#fff}
.RightcoldLBx{width:100%; padding:20px 0 0 0;  background-color:#fff; border:1px #ca68a5 solid}
.RightcoldLBitmx{width:183px; height:241px; float:right; margin:0 20px 20px 0}
.RightcoldLBitmx img{width:183px; height:241px}
.VideobxTx{width:100%; height:48px; border-bottom:2px #fff solid;  background-image:url(../images/bgbx.png); background-repeat:no-repeat; background-position-x:left}
.VideobxTx a{color:#fff}
.VideobxBItmx{width:580px; height:71px; float:right; margin-left:20px; padding:10px 20px 0 0; background-color:#7b3666; border-bottom:1px #62254f solid }
.VideobxBItmx:hover{width:580px; height:71px; float:right; margin-left:20px; padding:10px 20px 0 0; background-color:#62254f; border-bottom:1px #7b3666 solid}
.VideobxBItmx p{width:528px; height:71px; padding:10px; float:right}
.VideobxBItmx div i{padding-top:10px; float:right}
.VideobxBItmx a{color:#fff}
.footerdv{width:100%; height:220px; background-color:#e1e0dc; border-top:6px #78275e solid}
.footerTop{width:1384px; height:85px; margin:-6px -80px 0 auto; background:url(../images/footer.png) no-repeat}
.footerdv2{width:100%;}
.footerdv .row .col-6{text-align:right}
.footerdv .row .col-6:last-child{text-align:left}
.copyright{font-family:Tahoma; direction:ltr; font-size:12px; margin-bottom:20px; margin-top:0; margin-left:50px;}
.zoom-image { position: relative; overflow: hidden; }
 .zoom-image img { max-width: 100%; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; }
 .zoom-image:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
 .MasterDv{width:100%}
 .MasterDvT{width:100%;  height:63px; border-right:5px #B53E8F solid;  background-color:#682954; padding:1px 20px 0 0; color:#fff}
 .MasterDvB{width:100%;padding:20px; background: -moz-linear-gradient(top,  rgba(164,125,152,0.65) 0%, rgba(164,125,152,0.64) 1%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(164,125,152,0.65) 0%,rgba(164,125,152,0.64) 1%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(164,125,152,0.65) 0%,rgba(164,125,152,0.64) 1%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a47d98', endColorstr='#00000000',GradientType=0 );}
.ArchiveDiv { width: 100%;  background-color: #682954; padding:20px; margin-bottom: 20px; color: #fff; }
.morenewsdv { width: 275px; height: 360px;  float: right; margin-left: 15px;  }
.morenewsdv img { width: 275px; height: 275px; }
.morenewsdv p { width: 275px; height: 85px; padding: 10px; text-align: right; background-color: #ececec }


.morenewsdvx { width: 285px; height: 360px;  float: right; margin-left: 15px;  }
.morenewsdvx img { width: 285px; height: 275px; }
.morenewsdvx p { width: 285px; height: 85px; padding: 10px; text-align: right; background-color: #ececec }


.Paginationdv { width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px #ccc solid; text-align:right }
.fullwi{width:1220px; position:relative}
.newscontent { width: 100%; }
 .newscontent .row .col-sm-2:nth-child(1) { padding: 5px; background-color: #fff; }
 .newscontent .row .col-sm-10 { text-align: left; }
 .newcontentdvR { width: 200px; float: left; text-align: center; padding: 8px; background-color: #fff; }
.newcontentdvL { width: 150px; float: left; direction: ltr; }
.imgnews { width: 500px; height: auto; float:left; margin: 20px 20px 20px 0; border:1px #fff solid; padding:5px }
.galleryimg2 {width:350px; height:210px!important; margin:10px}
.Libraryddv { width: 275px; height: 415px;  float: right; margin-left: 20px; margin-bottom:20px;  }
.Libraryddv:last-child { width:275px; height: 330px;  float: right; margin-left: 0; }
.Libraryddv img { width: 275px; height: 330px;  }
.Libraryddv p { width: 275px; height: 85px; padding: 10px; text-align: right; background-color:#ececec }
a.link-icon:before,
a.link-icon.link-file[href]:before { content: "\f016"; /* generic file icon */ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); width: 20px; text-align: right; margin-right: 10px; }
a[href$=".txt"].link-icon:before,
a.link-icon.link-text[href]:before { content: "\f0f6"; /*Text*/ }
a[href$=".pdf"].link-icon:before,
a.link-icon.link-pdf[href]:before { content: "\f1c1"; /*PDF*/ }
a[href$=".doc"].link-icon:before,
a[href$=".docx"].link-icon:before,
a.link-icon.link-word[href]:before { content: "\f1c2"; /*Word*/ }
a[href$=".xls"].link-icon:before,
a[href$=".xlsx"].link-icon:before,
a.link-icon.link-excel[href]:before { content: "\f1c3"; /*Excel*/ }
a[href$=".ppt"].link-icon:before,
a[href$=".pptx"].link-icon:before,
a.link-icon.link-powerpoint[href]:before { content: "\f1c4"; /*Powerpoint*/ }
a[href$=".gif"].link-icon:before,
a[href$=".jpg"].link-icon:before,
a[href$=".jpeg"].link-icon:before,
a[href$=".png"].link-icon:before,
a[href$=".bmp"].link-icon:before,
a[href$=".tif"].link-icon:before,
a.link-icon.link-image[href]:before { content: "\f1c5"; /*Image*/ }
a[href$=".zip"].link-icon:before,
a[href$=".zipx"].link-icon:before,
a[href$=".rar"].link-icon:before,
a[href$=".tar"].link-icon:before,
a[href$=".gz"].link-icon:before,
a[href$=".dmg"].link-icon:before,
a[href$=".iso"].link-icon:before,
a.link-icon.link-archive[href]:before { content: "\f1c6"; /*Archive*/ }
a[href$=".wav"].link-icon:before,
a[href$=".mp3"].link-icon:before,
a[href$=".fla"].link-icon:before,
a[href$=".flac"].link-icon:before,
a[href$=".ra"].link-icon:before,
a[href$=".rma"].link-icon:before,
a[href$=".aif"].link-icon:before,
a[href$=".aiff"].link-icon:before,
a[href$=".aa"].link-icon:before,
a[href$=".aac"].link-icon:before,
a[href$=".aax"].link-icon:before,
a[href$=".ac3"].link-icon:before,
a[href$=".au"].link-icon:before,
a[href$=".ogg"].link-icon:before,
a[href$=".avr"].link-icon:before,
a[href$=".3ga"].link-icon:before,
a[href$=".flac"].link-icon:before,
a[href$=".mid"].link-icon:before,
a[href$=".midi"].link-icon:before,
a[href$=".m4a"].link-icon:before,
a[href$=".mp4a"].link-icon:before,
a[href$=".amz"].link-icon:before,
a[href$=".mka"].link-icon:before,
a[href$=".asx"].link-icon:before,
a[href$=".pcm"].link-icon:before,
a[href$=".m3u"].link-icon:before,
a[href$=".wma"].link-icon:before,
a[href$=".xwma"].link-icon:before,
a.link-icon.link-audio[href]:before { content: "\f1c7"; /*Audio*/ }
a[href$=".avi"].link-icon:before,
a[href$=".mpg"].link-icon:before,
a[href$=".mp4"].link-icon:before,
a[href$=".mkv"].link-icon:before,
a[href$=".mov"].link-icon:before,
a[href$=".wmv"].link-icon:before,
a[href$=".vp6"].link-icon:before,
a[href$=".264"].link-icon:before,
a[href$=".vid"].link-icon:before,
a[href$=".rv"].link-icon:before,
a[href$=".webm"].link-icon:before,
a[href$=".swf"].link-icon:before,
a[href$=".h264"].link-icon:before,
a[href$=".flv"].link-icon:before,
a[href$=".mk3d"].link-icon:before,
a[href$=".gifv"].link-icon:before,
a[href$=".oggv"].link-icon:before,
a[href$=".3gp"].link-icon:before,
a[href$=".m4v"].link-icon:before,
a[href$=".movie"].link-icon:before,
a[href$=".divx"].link-icon:before,
a.link-icon.link-video[href]:before { content: "\f1c8"; /*Video*/ }
a[href$=".css"].link-icon:before,
a[href$=".js"].link-icon:before,
a[href$=".py"].link-icon:before,
a[href$=".git"].link-icon:before,
a[href$=".py"].link-icon:before,
a[href$=".cpp"].link-icon:before,
a[href$=".h"].link-icon:before,
a[href$=".ini"].link-icon:before,
a[href$=".config"].link-icon:before,
a.link-icon.link-code[href]:before { content: "\f1c9"; /*code*/ }
a[href$=".exe"].link-icon:before,
a[href$=".jar"].link-icon:before,
a[href$=".dll"].link-icon:before,
a[href$=".bat"].link-icon:before,
a[href$=".pl"].link-icon:before,
a[href$=".scr"].link-icon:before,
a[href$=".msi"].link-icon:before,
a[href$=".app"].link-icon:before,
a[href$=".deb"].link-icon:before,
a[href$=".apk"].link-icon:before,
a[href$=".jar"].link-icon:before,
a[href$=".vb"].link-icon:before,
a[href$=".prg"].link-icon:before,
a[href$=".sh"].link-icon:before,
a.link-icon.link-exe[href]:before { content: "\f085"; /*Executable*/ }
a[href$=".com"].link-icon:before,
a[href$=".net"].link-icon:before,
a[href$=".org"].link-icon:before,
a[href$=".edu"].link-icon:before,
a[href$=".gov"].link-icon:before,
a[href$=".mil"].link-icon:before,
a[href$="/"].link-icon:before,
a[href$=".html"].link-icon:before,
a[href$=".htm"].link-icon:before,
a[href$=".xhtml"].link-icon:before,
a[href$=".jhtml"].link-icon:before,
a[href$=".php"].link-icon:before,
a[href$=".php3"].link-icon:before,
a[href$=".php4"].link-icon:before,
a[href$=".php5"].link-icon:before,
a[href$=".phtml"].link-icon:before,
a[href$=".asp"].link-icon:before,
a[href$=".aspx"].link-icon:before,
a[href$=".cfm"].link-icon:before,
a[href*="?"].link-icon:before,
a[href*="#"].link-icon:before,
a.link-icon:not([href*='.']):before,
a.link-icon.link[href]:before { content: "\f0c1"; /*link*/ }
.magazineimg{width:400px; float:left}
.fullcoldv { width:100%;}
.fullcoldvR { width: 860px;   float:right }
.fullcoldvL { width:280px; border:1px #ccc solid; background-color:#fff; float:left; padding:0 15px;}
.kurtewtardv { width:100%}
.kurtewtardv .kurtewtardvT h4 { background-color:rgba(164,125,152,0.64); padding:10px;}