/*!
Theme Name: Samangan Flat Ui
Theme URI: http://samangan.ac.ir/
Author: Roya Taghizadeh
Version: 1.0
*/
* {
 margin: 0px;
 padding: 0px;
}

/*Load Font*/
@font-face {
  font-family:'mj';
  src: url('fonts/wdss.eot?#') format('eot'),
       url('fonts/wdss.woff') format('woff'),
       url('fonts/wdss.ttf') format('truetype');
}

@font-face { font-family: 'yekan';
 src: url('fonts/BYekan.eot?#') format('eot'), 
 url('fonts/BYekan.woff') format('woff'),
 url('fonts/BYekan.ttf') format('truetype');
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Color Scheme*/
.sabz { background-color: #4b983b; }
.abi { background-color: #4688f1; }
.red { background-color: #d04135; }
.khakestar { background-color: #a2a2a2; }
.msiah { background-color: #2d2d2d; }
.zard { background-color: #f2b326; }
.sorati{background-color:#d7f2f7;}

/*float*/
.rfloat { float: right; }
.lfloat { float: left; }
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}

/*directiion*/
.rtl { direction: rtl; }
.ltr { direction: ltr; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

/*Awesome Font*/
.year span:before,.tel span:before,.sms span:before,.email span:before  { font-family: FontAwesome; }

/*body*/
body{ 
    background-color:#0b1f40; 
    margin:0px; 
    font:12px Tahoma, Geneva, sans-serif;
}
.page { 
    width:959px;
    margin: 0px auto;
}

/*top site*/
.top-site {
    width: 100%;
    height: 30px;
	background-color:#d7f2f7;
    font: 13px yekan,tahoma;
    color: #000;
    padding-top: 3px;
    transition: all 1s;
}
.top-site:hover { background-color:#fff; }
.year span:before { padding-left:3px; content:"\f104"; font-size: 14px;}

/*header*/
.logo { 
    width:574px; 
    height:155px;
    background: transparent url('pic/logo1.png') no-repeat;
    -webkit-transition: all .3s ease-out; 
    -moz-transition: all .3s ease-out; 
    -o-transition: all .3s ease-out; 
    transition: all .3s ease-out;
}
.logo:hover {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -ms-transform: scale(1.3);
}
.head-logo { margin: 15px 0; }

/*box tel*/
.first { margin-top: 15px; }
.sbox { display: inline-table; margin-bottom: 10px; }
.hbox { border-radius: 5px; width:40px; height:35px; cursor: default; display: table-cell; vertical-align: top; transition: all 1s;}
.hbox:hover { background-color: #000; }
.tbox { border-radius: 5px;  width: 200px; height:35px; margin-left: 3px; color: #fff; font: 18px yekan,tahoma; padding: 2px 0 0 15px; display: table-cell; vertical-align: top; }
.empty { display: table-cell; width: 5px; }
.tel { padding-top: 3px; }
.email {  }
.sms { }
.tel span:before,.sms span:before,.email span:before { font-size:30px; color:#FFF; padding-left: 5px; }
.tel span:before {content:"\f095"; padding-left: 8px; }
.sms span:before { content:"\f086";}
.email span:before { content:"\f003";}
.tel-text,.sms-text,.email-text { display: none; }
.email-text { font: 18px mj; line-height: 32px; }

/*navigation*/
nav {width:100%; min-height:50px; background-color: #d7f2f7; margin-top: 15px; direction:rtl; text-align: center;  }
nav ul {  list-style: none; margin-right: 2%; }
nav ul li { float:right; height:42px; margin-top: 0px; padding: 9px 9px 0 10px; border-left: 1px solid #0b1f40; line-height: 30px;}
nav ul li:nth-child(1) { border-right: 1px solid #8b1e57; }
nav ul li:nth-child(11) { border-left:none;}
nav ul li:hover { background-color: #0b1f40;}
nav ul li a { color: #000; font:10pt mj; text-decoration: none; }
nav ul li a:hover { color:#0b1f40; }
nav ul li a:before {font-family: FontAwesome; padding-left:3px;}
nav ul li:nth-child(1) a:before { content:"\f015"; }
nav ul li:nth-child(2) a:before { content:"\f084"; }
nav ul li:nth-child(3) a:before { content:"\f0a1";}
nav ul li:nth-child(4) a:before { content:"\f007"; }
nav ul li:nth-child(5) a:before { content:"\f19d"; }
nav ul li:nth-child(6) a:before { content:"\f0c0"; }
nav ul li:nth-child(7) a:before { content:"\f0e8"; }
nav ul li:nth-child(8) a:before { content:"\f003"; }

/*leader*/
.leader { font: 15px mj;  line-height: 35px; border:1px solid  #CCC; background-color: #f5f5f5; width:955px; height:35px; margin-top:5px;}
.leader span:before { font-family: FontAwesome; content:"\f0a1"; font-size:15px; margin-right:5px; padding-left: 5px; color: #000;}
span#theTicker a { color: #d04135 !important; }
span#theTicker a:hover { color: #000 !important; }

/*taghvime Amozeshi*/
.taghvim { height: 45px;  margin-top:5px; float:right; margin-top:-23px;  width:252px;  font:15pt mj; color:#000; line-height: 30px; margin-bottom: 2px; cursor: default;}
.taghvim span:before { font-family: FontAwesome; content:"\f073"; font-size:30px; color: #000;}
.taghvim-text { width:190px; height:45px; line-height:45px; }
.taghvim-awesome { width:55px; height:45px; line-height:45px; }
.tamozesh { float:right; border:1px solid #ccc; background-color:#fff; width:250px; height:238px; }
.tamozesh-text { padding: 20px; }


/*links*/
.links { width: 100%; margin-top: 15px; display: inline-table; font-family: mj,tahoma; }
.mlink { color: #fff; font-size: 16px; line-height: 50px; padding-right: 15px; width:130px; height: 30px; cursor: default; display: table-cell; vertical-align: top; transition: all 1s; }
.mlink:hover { background-color: #000; } 
.llink { background-color: #fff; width: 800px;  border:1px solid #ccc; display: table-cell; vertical-align: top; }
.links-empty { display: table-cell; margin: 0 5px; }
.mlink span:before {font-family: FontAwesome; content:"\f0c1"; font-size:20px; padding-left: 3px;}
.nav1 {   }
.nav1 ul { list-style: none; margin-right: 2%; }
.nav1 ul li { float:right;  height:35px; margin-top:0px; padding: 16px 10px 0 10px;}
.nav1 ul li:after { content: ""; color: #4b983b; font:15px mj;}
.nav1 ul li:hover { }
.nav1 ul li a { color: #ce9517; font:15px mj; text-decoration: none; }
.nav1 ul li a:hover { color:#4688f1; }

/*footer*/
.footer { height:60px; margin-top:10px; font:12pt mj; padding-top:30px; color:#000; direction:rtl; }
.footer span {font-family: Trebuchet ms; letter-spacing: 0.3px; padding-top: 3px; font-size: 13px; text-shadow: 1px 1px #000; }
.pic-footer { float:right; margin:-28px 13% 0 5px; }

/*jquery tab*/
.nav { width:956px; min-height:40px; margin-top: 5px;  }
.nav ul { list-style: none; margin-right: 0; }
.nav ul li { float:right; height:30px; margin-top:0px; padding: 9px 9px 0 10px; margin-left: 2px; border-bottom:1px solid #fff; border-left: 1px solid #000; background-color: #d7f2f7; transition: all 1s;}
.nav ul li:nth-child(1) { border-right: 1px solid #e6e6e6; }
.nav ul li:nth-child(11) { border-left:none;}
.nav ul li:hover { background-color: #fff;}
.nav ul li a { color: #000 ; font:10pt mj; text-decoration: none; cursor: pointer; }
.nav ul li a:hover { color:#0b1f40; }
.nav ul li a:before {font-family: FontAwesome; padding-left:3px;}
.nav ul li:nth-child(1) a:before { content:"\f0a1"; }
.nav ul li:nth-child(2) a:before { content:"\f02d"; }
.nav ul li:nth-child(3) a:before { content:"\f0ea";}
.nav ul li:nth-child(4) a:before { content:"\f03a"; }
.nav ul li:nth-child(5) a:before { content:"\f15c"; }
.nav ul li:nth-child(6) a:before { content:"\f0f0"; }
.nav ul li:nth-child(7) a:before { content:"\f16b"; }
.nav ul li:nth-child(8) a:before { content:"\f085"; }

#tabs li a.inactive{color: #000;}
.text-tab { padding: 20px; }
.tab-main {border:1px solid #ccc; background-color: #FFF; width:955px; height:280px;}

/*news*/
.news h2:before, .news ul li a:before { content:"\f0a1"; font-family: FontAwesome; padding-left:3px; }
.news ul {margin:7px 0px;}
.news ul li {list-style:none; height:38px; margin-bottom:8px; background-color:#dfdfdf; width:99%; font:9pt tahoma; color:#929292; line-height:33px; border-radius: 5px;}
.news ul li:hover {background-color:#e5e5e5;}
.news ul li a { padding-right:25px; color:#4688f1; font:10pt Yekan; text-decoration: none; }
.news ul li a:before { padding-left:7px; }

/*Slideshow*/
.tasavir { margin-top:5px; float:left;  width:701px; font:15pt mj; color:#FFF; margin-bottom: 1px; transition:all 1s; }
.tasavir:hover { background-color: #000; }
.tasavir span:before { float:right; font-family: FontAwesome; content:"\f03e"; font-size:20px;  margin-right:5px; color: #000;}
.slideshow-main { float:left; border:1px solid #ccc;  background-color: #FFF; width:699px; height:262px; }
.slideshow { height: 220px; width: 670px; margin: 5px auto; }
.slideshow img { padding: 2px; border: 1px solid rgba(204,204,204,0.3); height: 220px; width: 670px; }
#prev-slideshow,#next-slideshow { width: 25px; height: 25px; color:#fff; display: inline-block; font-size: 25px; line-height: 20px; cursor: pointer; transition: all 1s;}
#prev-slideshow:hover,#next-slideshow:hover { background-color: #000; }
#prev-slideshow { margin: 5px 0 0 15px;  }
#next-slideshow span:before { content:"\f105"; font-family: FontAwesome; padding-left:8px; }
#prev-slideshow span:before { content:"\f104"; font-family: FontAwesome; padding-left:5px; }

/*Other*/
.kadr{width:959px; height:25px; margin-bottom:10px; float:left; margin-top:1px; float:right;}
.div2 {border:1px solid  #CCC; background-color: #f5f5f5; width:955px; height:35px; margin-top:5px;}
.div2 span:before { float:right; font-family: FontAwesome; content:"\f0a1"; font-size:15px; margin-top:10px; margin-right:5px; color: #000;}
.div3 {border:1px solid #FF3; background-color: #969;   margin-top:0px; direction:rtl; padding: 2px 2px 2px 2px;
}