﻿



@font-face {
    font-family:B mitra;
    src: url(../../../../Theme/Bou-Tem-Files/font/BMitra.woff) format('woff'),
         url(../../../../Theme/Bou-Tem-Files/font/BMitra.eot) format('eot'),
         url(../../../../Theme/Bou-Tem-Files/font/BMitra.ttf) format('truetype'); 

}

@font-face {
    font-family:B titr;
    src: url(../../../../Theme/Bou-Tem-Files/font/BTitrBold.woff) format('woff'),
         url(../../../../Theme/Bou-Tem-Files/font/BTitrBold.eot) format('eot'),
         url(../../../../Theme/Bou-Tem-Files/font/BTitrBold.ttf) format('truetype'); 

}





@font-face {
    font-family: 'YekanNumbers';
    src: url(../fonts/YekanNumbers-Regular.eot);
    src: url(../fonts/YekanNumbers-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/YekanNumbers-Regular.woff) format("woff"),url(../fonts/YekanNumbers-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/eot/IRANSansWeb_Bold.eot);
    src: url(../fonts/eot/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/woff2/IRANSansWeb_Bold.woff2) format("woff2"),url(../fonts/woff/IRANSansWeb_Bold.woff) format("woff"),url(../fonts/ttf/IRANSansWeb_Bold.ttf) format("truetype");
}

@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/eot/IRANSansWeb_Medium.eot);
    src: url(../fonts/eot/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/woff2/IRANSansWeb_Medium.woff2) format("woff2"),url(../fonts/woff/IRANSansWeb_Medium.woff) format("woff"),url(../fonts/ttf/IRANSansWeb_Medium.ttf) format("truetype");
}

@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/eot/IRANSansWeb_Light.eot);
    src: url(../fonts/eot/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"),url(../fonts/woff2/IRANSansWeb_Light.woff2) format("woff2"),url(../fonts/woff/IRANSansWeb_Light.woff) format("woff"),url(../fonts/ttf/IRANSansWeb_Light.ttf) format("truetype");
}

@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/eot/IRANSansWeb_UltraLight.eot);
    src: url(../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/woff2/IRANSansWeb_UltraLight.woff2) format("woff2"),url(../fonts/woff/IRANSansWeb_UltraLight.woff) format("woff"),url(../fonts/ttf/IRANSansWeb_UltraLight.ttf) format("truetype");
}

@font-face {
    font-family: 'iransans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/eot/IRANSansWeb.eot);
    src: url(../fonts/eot/IRANSansWeb.eot?#iefix) format("embedded-opentype"),url(../fonts/woff2/IRANSansWeb.woff2) format("woff2"),url(../fonts/woff/IRANSansWeb.woff) format("woff"),url(../fonts/ttf/IRANSansWeb.ttf) format("truetype");

}




@font-face {
font-family: 'JameJam';
 font-style: normal;
 font-weight: normal;
 src:url(../fonts/woff/jamejam-regular.woff) format("truetype");
}

@font-face {
    font-family: 'btit';
    src: url('../fonts/TitrWeb.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



@font-face {
	font-family: 'fe';
	src: url('../fonts/Far_Egypt.eot');
	src: local('أ¢ثœآ؛'), url('../fonts/Far_Egypt.woff') format('woff'),
	url('../fonts/Far_Egypt.ttf') format('truetype'),
	url('../fonts/Far_Egypt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "is";
	src: url("../fonts/IranianSans.eot");
	src: local("âک؛"),url("../fonts/IranianSans.woff") format("woff"),
	url("../fonts/IranianSans.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'wt';
    src: url('../fonts/TitrWeb.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'wtt';
    src: url('../fonts/TitrTGE-Web.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'wi';
    src: url('../fonts/IranianSerifWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@media (max-width: 767px)
{
#jashn {

    width:100px !important;

}}

*{
	
	font-family: B mitra;
}

body{
	font-family: B mitra , sans-serif !important;
	font-weight: 300;
	font-size: 2em;
	position: relative;
  direction: rtl;
}
body { box-sizing: border-box; }
body *, body *:before, body *:after { box-sizing: inherit; }

h1, h2, h3, h4, h5, h6 {

	font-family: B titr, sans-serif;
	font-weight: 60;
	margin: 0;
	line-height: 1.7;
}


html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

img {
	/**  max-width: 200px;  **/
}
.List{margin:0;}

 a:hover{
text-decoration:none;	
}

.navbar{
	border-radius: 0;
	border: 0;
}

/** Header Navigation **/
header{
	  background-color: #153252;
}
#opener {
    z-index: 1000;
    position: relative;
}

#opener .ibrand {
    font-size: 0;
    color: #a2151f;
    display: block;
    width: 100%;
    height: 100px;
    position: relative;
    top: 0;
    box-shadow: none;

}


@media (max-width: 440px)
{
#opener .ibrand {

    height: 171px;

}}


@media (min-width: 768px)
{
#opener .ibrand {
    background: url("../../../../Theme/Bou-Tem-Files/imam-reza/images/year.png") no-repeat 0 0;
    display: block;
    width: 180px;
    height: 114px;
    position: absolute;
    top: 0px;
    box-shadow: none;
    padding: 0;
    margin-right: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 20;
}}


#site-heading{
  background: url("../../../../Theme/Bou-Tem-Files/imam-reza/images/new-logo.jpg") no-repeat 0 0;
      top: 0;
    right: 0%;
    position: absolute;
	    width: 800px;
    height: 115px;
	
	
}

@media (max-width: 767px)
{
	
#site-heading{
  background: url("../../../../Theme/Bou-Tem-Files/imam-reza/images/res-header.png") no-repeat 0 0;
      top: 10px;
    right:20px;
    position: absolute;
	width: 150px;
    height: 92px;
    background-size: 150px;
	
	
}

header{
	  background-color: #FCC72C;
}


}



header .navbar {

	transition: all .5s ease-out;
	    z-index: 20;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0px 7px rgba(0,0,0,.3);
    box-shadow: 0 0px 7px rgba(0,0,0,.3);
    border-radius: 0;
    min-height: 48px;
    max-height: 48px;
    margin-bottom: 0;
}

@media (min-width: 768px)
{
.navbar {
    margin-top: 115px;

}
}



header .navbar-default {
    background-color: #1B6087;

    border-color: #e7e7e7;
    border-bottom: 4px solid #333;
	margin-bottom:0;
	height: 140px;
	border: none;
}

header .navbar-default .navbar-nav a{
	color: white;
	padding: 5px 8px 8px 5px;
}

header .navbar-default .navbar-nav a:hover{
	color: #EEC856;
}

header .navbar-default .navbar-nav .active a{
	font-weight: 700;

	background: transparent;
	
	text-shadow:none;
}

header .navbar-default .navbar-nav .active a:hover{
	color: #E15D5F;
	background: transparent;
	text-shadow:none;
}




 header ul {

  padding-right: 0 !important;
  padding-left: 0;
  direction: rtl;

}

header ul li{
  float: right!important;
 
}

@media only screen
and (max-width: 768px){
header ul li {
    float: none!important;
	text-align:center;

}
}

.navbar-header  {
      background-color: #1B6087;
}


@media (min-width: 768px){
header .navbar-header  {
  float: right !important;
}
}




/** Navbar Brand **/

header .navbar-brand{

	height: auto;
  margin-right: -15px;
  margin-left: 0 !important;
  float: right;
  padding:0;
}
header .navbar-brand img{


  float: right;
}

header .navbar-brand h1 {
	color: white;
	margin: 0;
	font-size: 1.8em;
	font-weight: 400;
	padding-right: 55px;
}

header .navbar-brand span.subhead{
	display: block;
	font-family: "Scheherazade",serif;
	font-size: .6em;
	font-weight: 100;
}

@media only screen
and (max-width: 440px){
	
	.fullheight{height:200px !important;
	margin-top:0!important;
	
	
	}
	
	
}

@media only screen
and (max-width: 767px){
	
	.fullheight{height:260px !important;
	margin-top:0!important;
	
	
	}
	
	
}

@media only screen
and (min-width: 768px) and (max-width: 1100px){
	
	.fullheight{height:305px !important;
	
	margin-top:0!important;}

	
}


#featured .item{
	
	z-index:0 !important;
	
}

#featured .active{
	
	z-index:3 !important;
	
}

#featured .carousel-control{
	
	z-index:4 !important;
	
}

/** Navbar toggle **/

header .navbar-toggle {
	background-color: #153252;
  float: left;
  padding: 9px 10px 10px 9px;
  margin-left: 15px;

}





header .navbar-default .navbar-toggle .icon-bar{
	background-color: white;
}

.navbar-collapse{
text-align:center;	
padding:0;
}

@media only screen
and (max-width: 768px){
header .navbar-collapse.in {
	background-color: rgba(21,50,82,.95);
	overflow:hidden;
}
}

#search-stack {
	position: absolute;
	top: 45px;
	margin:0 auto 5px;
	left:0px;
}

@media only screen
and (max-width: 440px){
#search-stack {
	top: 100px;
}
}

#search-stack input {
	float: left;
	overflow: hidden;
	height:30px;
	font-size: 1.5em;
	border: none;
	padding: 4px 0px 4px 35px;
	width: 200px;
	color: #6d6d6d;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	margin-left:24px;
	background-color:#f3f3f5;
}


.cb-article-row {
    width: 85%;
 
padding-right:10px;
padding-left:10px;
    margin-bottom: 0px;

    float: left;
font-family:B mitra;
}

.cb-h {
      text-align: right !important;
    padding-right: 25px;
    padding-bottom: 10px;
    font-size: 2em;
    color: #4d4d4d;
    border-bottom: 3px solid #4d4d4d;}


.cb-a{
float:left;
}


.cb-f{
     text-align: left!important;
    padding-right: 25px;
    padding-top: 10px;
    font-size: 2em;
    color: #F4A23A;
    border-top: 2px solid #4d4d4d;
}


.clearfix {
    zoom: 1;
}

.cb-article-small {
    width: 100%;
    float: right;
    margin-bottom: 20px;
font-family:B mitra;
}

 .cb-article-small.cb-separated {
    border-bottom:3px dotted #aaa;
}

 .cb-article-small.cb-separated {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.cb-mask {
    margin: 0;
    position: relative;
    overflow: hidden;
background-color: #243461;
}

 .cb-mask {
    line-height: 0;
}

 .cb-article-small .cb-mask {
    float: right;
    margin-left: 20px;
    display: block;
}

a:link {
    -webkit-tap-highlight-color: rgba(0,0,0,0.3);
}

a:visited {
    text-decoration: none;
}

.cb-img-fw a {
    display: block;
    text-decoration: none;
}

img:not(.boxer-image) {
    max-width: 100%;
}

.cb-img-fw a img {
    -webkit-transition: 0.35s opacity;
    -transition: 0.35s opacity;
    transition: 0.35s opacity;
    width: 130px;
    height: 90px;

}
}

.cb-img-fw a:hover img {
 opacity:0.4;
}



.cb-article-small .cb-meta {
    overflow: hidden;
}

 .cb-post-title {
    font-weight: 700;
    margin: 0 0 5px;
    font-size: 16px;
}

.cb-article-small .cb-post-title {
    font-size: 16px;
    margin: 0;
    line-height: 190%;
    font-family: B mitra;
    text-align: right;

}

 .cb-post-title a {
     font-size: 13px;
    font-family: iransans;
    font-weight: normal;
}

.cb-byline {
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    display: block;
    margin: 0 0 15px;
    color: #777;
}

 .cb-byline-short {
    color: #333;
    font-size: 14px;
    text-align: left;
}


.cb-byline.cb-byline-short {
    margin: 5px 0 0;
}

.cb-byline span {
    vertical-align: middle;
}

.border{

    float: right;
    height: 100px;
    margin-top: 180px;
    margin-right: 30px;
    border-right: 3px dotted;

}

@media only screen
and (min-width: 1200px){
#search-stack input {

	width: 180px;

}
}





#search-stack  input:focus {
	box-shadow: none;
}
#search-stack button:hover:before, #search-stack button:focus:before{
	color:#333;
}
#search-stack button {
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	cursor: pointer;
	position: absolute;
	left: 55px;
	top: 4px;
	background: none;
}
#search-stack button:before {
	font-family: 'FontAwesome';
	content: "\f002";
	font-size: 15px;
	color:#6e6e6e;
}
#search-stack input[type="radio"] {
	float: right;
	overflow: hidden;
	border: none;
	margin: 4px 2px 4px 5px;
	padding: 4px 0px 4px 5px;
	width: 15px;
	color: #b3b3b3;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	margin-right:20px;
	background-color:#f3f3f5;
	color: #b3b3b3;
} 
#newRadios{ 
	position: inherit;
	padding: 30px 76px 0px 0px; 
	text-align: left;
	height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 		#search-stack form input[type="radio"] {
			float: right;
			overflow: hidden;
			border: none;
			margin: 0px 2px 4px 5px;
			padding: 4px 0px 4px 5px;
			width: 15px;
			color: #b3b3b3;
			border-radius: 0;
			border: 1px solid #dbdbdb;
			margin-right:20px;
			background-color:#f3f3f5;
			color: #b3b3b3;
		}
}
@media screen and (orientation:landscape) {
	#newRadios{ 
		position: inherit;
		padding: 30px 120px 0px 0px; 
		text-align: left;
		height: 10px;
	}
}
@media (min-width: 768px) { 
  	#newRadios{ 
		position: inherit;
		padding: 30px 120px 0px 0px; 
		text-align: left;
		height: 10px;
	}
}

.form-group{margin-bottom:15px}
@media(min-width:768px){
	 .form-group{
		 display:inline-block;
		 margin-bottom:0;
		 vertical-align:middle

		 }
	 
	 }
	 
	  .form-group{float: left; margin-right:-15px;margin-left:-15px}
	  .form-group:before, .form-group:after{display:table;content:" "}
	  .form-group:after{clear:both}
	  .form-group:before, .form-group:after{display:table;content:" "}
	  .form-group:after{clear:both}

#mainnav {
	margin-right:auto;
	margin-top:auto;
	overflow: visible;
    height: auto;
	font-family: B mitra;
}
#mainnav > li > a {
	font-size: 16px;
	display: block;
	color:#fff;
	font-weight: 400;
	text-transform: uppercase;
	border-top: 5px solid #1B6087;
	text-decoration: none;
	margin-top: 15px;
}
#mainnav > li:last-child a {
	padding-left: 15px;
}
#mainnav > li > a:hover, #mainnav > li > a:focus {
	border-top-color:#fff;
	color:#FFD200;
}
#firstul {
	list-style: none outside;
	text-align: right;
	margin:0;
	padding:0;
	background-color: rgba(21,50,82,.95);
	color: rgba(47,47,47,.95);
	border-left: 1px solid #5f5f5f;
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-moz-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-ms-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-o-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	overflow: hidden;
	z-index:10;
	width:0;
}
#mainnav ul.last {
	border-left: none;
}
#mainnav  ul > li > a:hover, #mainnav ul > li > a:focus {

	color:#FFD200;
}

#secoundul {
	list-style: none outside;
	text-align: right;
	margin:0;
	padding:0;
	background-color: #337ab7;
	color: rgba(47,47,47,.95);
	border-left: 1px solid #5f5f5f;
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-moz-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-ms-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	-o-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	transition: visibility 0.5s ease-out 0.5s, opacity 0.5s ease;
	overflow: hidden;
	z-index:12;
	width:0;
}



@media only screen and (min-width: 768px) {
	.navbar {
		margin-top:115px;
	}
	.navbar-collapse, .navbar-collapse.collapse {
		background-color: #1B6087;
		top:48px;
	}
	#mainnav {
		float: right;
		margin-right: 202px;
		margin-left: 0px;
		margin-top: 0px;
		height: 48px;
		clear: both;
	}
    #firstul , #secoundul {
    	visibility: hidden;    
		width: 0px;
    }
	#mainnav > li {
		line-height: 45px;
		float: right;
		position: relative;
	}
	#mainnav > li > a {
		font-size: 16px;
		font-weight: 400;
		padding: 0 5px;
		margin-top: 0;
		line-height: 43px;
	}
	#mainnav > li > a.current,
	#mainnav > li > a:hover,
	#mainnav > li > a:focus {
		border-color: #F4A23A;
	}
	.navbar .btn-navbar {
		position: relative;
		right: 45%;
	}
	.navbar .btn-navbar:hover, .navbar .btn-navbar:focus {
		color: #af0001;
	}
}




@media only screen and (min-width: 1100px) {
    #mainnav ul {
        width: 145px;
    }
    #mainnav > li > a {
        padding: 0 6px;
        font-size: 20px;
    }
	#mainnav:hover #firstul {
		visibility: visible;
		opacity: 1;
		height: auto;
		min-height: 300px;
		transition-delay: 0s;
	}
	
	
	#mainnav ul > li  {
		clear:both;
		width:100%;
	}
	
	#mainnav ul > li > a {
		display: block;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		font-size: 16px;
		font-weight: 400;
		padding: 6px 8px;
		line-height: 1.55;
	}
	#mainnav ul > li > a:hover {
	background-color: #1B6087;
	color:
	}
	#mainnav > li:hover > ul {
	background-color: #153252;
	
	}
	
	#firstul > li:hover > ul {
	background-color: #f4a23a;
			visibility: visible;
		opacity: 1;
		height: auto;
	
		transition-delay: 0s;
	
	}
}

@media only screen and (min-width: 1200px) {
	#mainnav ul {
		width:150px;
	}
	.navbar .nav > li > a {
		padding:0 8px;
		font-size: 18px;
        text-align: center;			
	}
	.navbar .nav > li {
		line-height: 46px;
	}
}

@media only screen and (max-width: 1199px) {
	
	    #mainnav ul {
    	visibility: hidden;    
		width: 0px;
		display:none;
    }
	
		#mainnav:hover ul {
    	visibility: hidden;    
		width: 0px;
		display:none;
	}
	
}

@media only screen and (max-width: 768px) {
#mainnav {
	
	    background-color: rgba(21,50,82,.95);
	
}

}

.news h2{
	text-align:right !important;
	padding-right:45px;
	font-size: 2em;
	color: #4d4d4d;
}

.news-inside h2{
	text-align:right !important;
	padding-right:45px;
	font-size: 2.5em;
	color: #4d4d4d;
}

.firstnews{
float:right;



}

.othernews{
	
}

.ofirstnews{
	
float:right;	
}

.osecoundnews{
float:left;	
}

.article-container {
    margin: 0 0 10px;
}



@media screen and (min-width: 1600px)
{
 .article-container {
    padding: 0 30px;
}

.othernews div.article-container{
	padding:0;
}

}

.post {
    background: transparent;
}
.post a img{
	  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
	
}

.post a:hover img{
  -webkit-transform: scale(1.05,1.05);
  -ms-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05);
	
}

.long {
    padding: 0;
    position: relative;
}

.article-img-container {
    position: relative;
    overflow: hidden;

}

.article-img-container span._ppf.loaded {
    padding-bottom: 0;
    width: auto;
    display: block;
    overflow: hidden;
    position: relative;

}


span._ppf.loaded img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
	max-height: 260px;
    vertical-align: middle;
    border: 0;
}

.short img{
max-height:150px;
width: 100%;	
	
}

.short h1.article-title{
font-family:B mitra;
font-weight:bold;	
text-align: justify;
	
}

@media (max-width: 1199px)
 {
.border{
display:none;	
}

.cb-article-row {
	width:100% ;
padding-right: 10px;
}
	 
 }


@media screen and (min-width: 1440px)
{

.article-container .article-content {
position: relative;
    padding: 12px 10px 10px 20px;
    margin: 20px 10px 0;
    margin-top: -14px;
    background: #ffffff4d;
}


.les-article-content {
    position: relative;
    padding: 2px 5px 10px 5px;


   
}



}


.article-container .hlnews {
    display: block;
   margin-bottom: 5px;
margin-top: 15px;
font-weight: normal;
font-size: 13px;
color: #fc9616;
font-family: iransans;
text-decoration: none;
}

.article-container  .article-title {
    font-size: 22px;
    font-size: 1.8em;
}


@media screen and (min-width: 1440px)
{
 .article-container  .article-title {

    font-size: 2em;
}
}


.article-title a {
  
	    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
    font-family: iransans;
    line-height: 27px;
}
	
}


 .article-excerpt {

   overflow: hidden;
   color: #545353;
   font-size: 12px;
   font-family: iransans;
   padding-top: 8px;
   font-weight: normal;
   margin: 0.75em 0;
   text-align: justify;
   line-height: 27px;
}


.firstrow{

margin-bottom:20px;

}

@media screen and (min-width: 1200px) and (max-width: 1439px)
{
.fn{
   
   margin-top:70px;


}

.fn h2{
padding-bottom:40px;
}


}


@media screen and (min-width: 1440px)
{
.article-footer1{
   
   display: block;
text-align: left;
margin: 0px 10px 0;
padding-bottom: 20px;
color: #565656;
font-size: 16px;
background-color: #e9ebed;
padding-left: 15px;
font-weight: bold;
}

}
@media screen and (min-width: 1160px)
{
.article-excerpt {
    overflow: hidden;
    color: #545353;
    font-size: 14px;
    font-size: 12px;
    font-family: iransans;
    padding-top: 8px;
    font-weight: normal;
    margin: 0.75em 0;
    text-align: justify;
    line-height: 27px;

}
}

.article-footer{
text-align: left;
color: #565656;
font-size: 16px;
font-weight: bold;
}

.article-footer1{
    display: block;
text-align: left;
margin: 0px 10px 0;
padding-bottom: 20px;
color: #565656;
font-size: 16px;
font-weight: bold;
padding-left: 15px;
}




}

.article-footer span, .article-footer1 span{
font-size: 16px;
position: relative;
display: inline-block;
line-height: 17px;
vertical-align: text-top;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 3px;
font-family: b mitra;
font-weight: bold;
color: #565656;
}



.left-column {
   
    margin: 0 auto;
    padding-right: 10px;
    width: 330px;
}



.mosaic-block {

    box-shadow: 0 0 4px #000;
    float: left;
    clear:both;
    height: 245px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 330px;
}

.mosaic-overlay {
    background: #111 none repeat scroll 0 0;
    display: inline; 
left: 0px; 
bottom: -171px;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 5;
}


.bar2 .mosaic-overlay {
    background: transparent;
    bottom: -171px;
    height: 221px;
    padding: 12px 15px;
    width: 300px;

   bottom: -171px;
    display: inline;
    left: 0;
}


.bar2 .mosaic-overlay:hover {
    background: transparent;

   bottom: 0;
    display: inline;
    left: 0;
}


.news-events h3 {
    color: #2f2f2f;
    cursor: pointer;

    font-size: 22px;
    height: 45px;
    letter-spacing: 0.04em;
    line-height: 1.1em;
    margin-bottom: 15px;
    text-transform: none;
}

.news-events p {
    color: #2f2f2f;
    margin: 0 0 12px;
    padding: 0;
}

.mosaic-backdrop {
    background: #111 none repeat scroll 0 0;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

#news-events-content-holder .news-events .left-column img {
    width: 330px;
}




.left-column {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    width: 330px;
}

.media{
clear:both;
height: 150px;

}



.left-column a.image {
    display: block;
    overflow: hidden;
    position: relative;
	/*padding-top: 100%;
    background-size: cover;
    background-position: center;*/
}

.left-column a.image::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.01) 14%, rgba(0, 0, 0, 0.06) 30%, rgba(0, 0, 0, 0.16) 43%, rgba(0, 0, 0, 0.31) 57%, #000 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 80px;
    left: 0;
    opacity: 0.75;
    position: absolute;
    width: 100%;
}


.left-column a.image::after{
    background-color: rgba(4, 105, 177, 0.75);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.25s ease 0s;
    width: 100%;
}





.left-column a.image:hover::after{
    
    opacity: 1;

}

.left-column a.image img {
    height:150px;
    left: 0;
    opacity: 1;

    top: 0;
    width: 100%;
}

.left-column a.image .title {
    bottom: 0;
    color: #fff;
    font-weight: 600;
	font-size:1.7em;
    left: 0;
    line-height: 1.4em;
    padding: 3.5vw;
    position: absolute;
    text-decoration: none;
    width: 100%;
	font-family:B mitra;
}

.left-column a.image .title{
    bottom: 0vw;
    padding: 1.72vw;
    transition: bottom 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 1;
		font-family:B mitra;
}


@media (min-width: 1240px)
{
	.left-column a.image .title {
    padding: 1.72vw;
    -webkit-transition: bottom .25s;
    -moz-transition: bottom .25s;
    -ms-transition: bottom .25s;
    -o-transition: bottom .25s;
    -webkit-transition-timing-function: easeOutCubic;
    -moz-transition-timing-function: easeOutCubic;
    -o-transition-timing-function: easeOutCubic;
    transition-timing-function: easeOutCubic;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    bottom: 0vw;
    z-index: 1;
}

}
.left-column a.image .title::before {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    content: "";
    left: 50%;
    margin-left: 0;
    margin-top: 1.72vw;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 100%;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 0;
}

.left-column a.image .title::after {
    color: #fff;
    content: "مشاهده";
    font-size: 1.5em;
    font-weight: 600;
    left: 0;
    line-height: 1;
    margin-top: 3.44vw;
    opacity: 0;
    padding-top: 0.86vw;
    top: 100%;
    text-align: center;
    text-transform: uppercase;
position: absolute;
    transition-delay: 0s, 0s;
    transition-duration: 0.75s, 0.75s;
    transition-property: opacity, margin-top;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
}

 a.image:hover   .title{
  bottom: 3.44vw;
	
	
	
}

 a.image:hover   .title::before{
	margin-top:0;
	width:30%;
	margin-left:-15%;
	opacity:1;
	
	
	
}

 a.image:hover .title::after{
	margin-top:0;

	opacity:1;
	
	
	
}


.left-column a.image .title .source{
    font-weight: normal;
    opacity: 0.75;
}


#ourstaff {
    color: #4d4d4d;
}


.eventsitem{
	float:right;

    display: inline-block;
    vertical-align: top;
    white-space: normal;
    margin: 0;
    font-size: .875em;

    padding-left: 1.72vw;
    margin-top: 1.25em;
    min-height: 100px;

}



.edate{
	float:right;
    background-color: #fff;
    text-align: center;
    width: 8em;
    height: 8em;
    font-weight: bold;
    line-height: 1;
    padding-top: 0em;
    border: #e1e4e6;
    border-style: solid;
    margin-left: 1.125em;

    top: 0;
    right: 0;
    color: #0469b1;
	text-decoration:none;

}

.eventsitem:hover .edate{
	background-color:#0469b1;
	color:#fff;
	
}
.eventsitem:hover .emonth{
	background-color:#fff;
	color:#0469b1;
	
}


.emonth{
    font-size: 1.9em;
    margin-bottom: .5em;
	font-family: B mitra;
	color: #FFF;
        background-color: #0469b1;
        height: 30px;
}


.eday{
font-size: 2.5em;
	font-family: B mitra;

}


.etitle{
line-height: 1.4;
    display: block;
    padding-right: 4em;
    color: #424242;
text-decoration: none;
    font-size: 1.8em;
    margin-bottom: .5em;
	font-family: iransans;
	text-decoration:none;

}
.etitle span{
    line-height: 27px;
    display: block;
    padding-right: 1em;
    color: #424242;
    text-decoration: none;
    font-size: 13px;
    margin-bottom: .5em;
    font-family: iransans;
    text-decoration: none;
}
.etime{
    padding-right: 6em;
    opacity: .25;
    font-weight: bold;
	    font-size: 1.2em;
    margin-bottom: .5em;
	font-family: B mitra;

}


/**  nav inbody **/

header .inbody {

}

header .navbar.inbody {
  padding-top: 0;
  padding-bottom: 0;
}

header .navbar.inbody .navbar-nav {
 /**  nav inbody   padding-top: 10px; **/
}

header .inbody .navbar-brand {
  background-size: 28px;
  background-position: top right;
  margin-top: 5px;
  padding-bottom: 0;
  margin-right: 10px;
}

header .inbody .navbar-brand h1 {
  font-size: 1.1em;
  padding-right: 20px;
}

header .inbody .navbar-brand span.subhead {
  display: none;
}

.collapse{

/*border-bottom: 2px solid #005231 !important;
padding-right: 200px;*/
	

}

/**  Carousel Fade **/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}

.carousel.fade .item:first-child {
  top: auto;
  opacity: 0;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
}

.carousel-control {
  opacity: 0;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

.imam-slider td{
	
	height:100%;
}

#featured{
height:100%;	
	
}

#featured .carousel-caption{
  left:50%;
  right:10%;
  text-align: right;
  height: auto;
  padding-right: 5%;
  width: 40%;
  bottom: 10%;

}

#featured .carousel-caption h3 {
  font-weight: 200;
  font-size:  1.875em;
  color: #fff;
  padding: .3333em .66666666666667em;
  margin-bottom: 2px;
  display: inline-block;
  text-align: right;
  min-width: 26%;

}

#featured .carousel-caption p {
  font-size: 16px;
  float: right;
  width: 80%;
  padding: .625em 1.25em;
  color: #605f5f;
  text-align: right;
  background:rgba(255,255,255,.9);
  min-width: 26%;
}

 #featured .headline{

    bottom: 10%;
    left: 100%;
    opacity: 0;
    padding-right: 5%;
    position: absolute;
    width: 40%;
    z-index: 1;



}

 #featured .headline.animate-in{

left: 55%;
    opacity: 1;
    transition: left 2s ease 0s, right 2s ease 0s;
      transition-delay: .75s;


}

#featured .headline.animate-out{

 left: -100%;
 transition-duration: 1s;

}  



@media only screen
and (min-width: 768px)
and (max-width: 1200px)
{


#featured .carousel-caption h3 {

  font-size: 22px;

}


#featured .carousel-caption p {

font-size: 14px;
 width: 100%;
}

}



@media only screen
and (max-width: 767px){


 #featured .carousel-caption p {
    display: none;
  }


#featured .carousel-caption{
  left:0%;
  right:0%;
  text-align: right;

  width: 100%;
  bottom: 0%;
  padding-right: 0%;


}



#featured .carousel-caption h3 {

  float: none;
  margin: 0;
  padding: 2% 4% 2% 4%;
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 1.3em;

}

#featured .carousel-indicators {

display: none;
}

}





#featured .item {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

#featured .item img {

  width: 100%;
  height: 100%;
}


.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #F4A23A;
    width: 0%;
    margin: 0px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}

@media only screen and (max-width: 767px)
{
	
	.transition-timer-carousel .transition-timer-carousel-progress-bar {

    background-color: #153252;

}


}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}



/** Footer Navigation **/
footer .navbar-default{
	background: transparent;
}

.page{
	padding: 50px 0;
}

.page h2{
	text-align: center;
	margin-bottom: 30px;
}


/** Page -- About  border-top: 5px solid #F4A23A; **/
#about {
	background-color: #ccc;
	background: url(../images/body-bg.png);

	
}

@media only screen and (min-width: 450px) and (max-width: 767px)
{
	#about {
	
padding-right:10%;
padding-left:10%;

}


}

.news {

float:right;

padding-right:20px;
	
}

.news-inside {

float:right;

padding-right:20px;
	
}

@media only screen
and (min-width: 450px)
and (max-width: 991px)
{
.news {



padding-right:18%;
padding-left:18%;
	
}	

.news-inside {



padding-right:20px;
padding-left:20px;
	
}
	
}

@media only screen
and (max-width: 1199px)
{
.news-inside {

float:left;
	
}	
	
}


.news-a{

    text-align: left!important;
    float: left;
    width: 10%;
    padding-left: 25px;
    padding-top: 10px;
    font-size: 2.2 em;
    color: #F4A23A !important;
    margin-top: 0px;
    border-top: 2px solid #4d4d4d;
	
	
}

/** Page -- Colleges **/

.college {
	margin: 20px 0;
	text-align: center;
	
}

#colleges {
	
    background: #dee2e4 url(../images/background2.png);
	padding-right: 20px;
    padding-left: 20px;	
	padding-top: 30px;
padding-bottom:0;
	
}

#contents {
	

	padding-right: 20px;
    padding-left: 20px;	
	padding-top: 30px;
	
}

#contents img.icon {
	display: block;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 5px;
}

#contents h3 {
	margin-bottom: 20px;
	font-weight: 600;

}



.news-content table{


table-layout:fixed;

text-align: right;
    direction: rtl;
	
	margin:0 auto;
font-size: 20px;

}



 a.PageNumber {
    padding: 5px 12px;
    font-weight: 800;
    font-size: 11px!important;
    display: inline-block;
    margin: 0 0 10px 10px;
    -webkit-transition: 0.35s all ease;
    -transition: 0.35s all ease;
    transition: 0.35s all ease;
	color: #0060AC;
    border: 1px solid #0060AC;
font-family:B mitra;
}


 span.CurrentPage {
padding: 5px 12px;
    font-weight: 800;
    font-size: 11px!important;
	font-family:B mitra;
    display: inline-block;
    margin: 0 0 10px 10px;
    -webkit-transition: 0.35s all ease;
    -transition: 0.35s all ease;
    transition: 0.35s all ease;
	background: #0060AC;
    border: 1px solid #0060AC;
    color: #fff;

}

a.PageNumber:hover {
background: #0060AC;
color: #fff;
}


#colleges img.icon {
	display: block;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 5px;
}

#colleges h3 {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: .8em;
}

@media only screen
and (min-width: 450px)
and (max-width: 768px)
{
	.college p {
		padding: 0 20%;
	}
}

/** Page -- Faculty **/

#faculty {
	background-color: #ccc;
	background:url(../images/web_background.png)
/**	background-image: linear-gradient(to bottom, #E4D29D, #CDAE50) **/
}

.doctor {
	margin: 10px 0;
}

.doctor h3 {
	font-weight: 600;
	font-size: 1.2em;
	color: #6F4E36;
	padding-bottom: 5px;
}

.doctor p{
	font-size: .8em;
}

.doctor img {
	width: 100%;
}





/** Page -- Deputy **/

#deputy {
  padding: 0;
}

#deputy h2 {
  display: none;
}

#deputy blockquote {
  margin: 0;
  padding: 0;
  border-right: none;
  min-height: 500px;
  position: relative;
}

#deputy blockquote .quote {
  background-color: rgba(255,255,255,.6);
  padding: 20px 5% 5% 20px;
  position: absolute;
  bottom: 0;
  width: 75%;
  font-weight: 400;
  border-radius:50px 0 0 0;
}

#deputy blockquote .quote:hover {
  background-color: rgba(239,240,196,.9);
}

#deputy #deputy1 {
  background: url(../images/6.jpg) no-repeat center center;
  background-size: cover;
}

#deputy #deputy2 {
  background: url(../images/7.jpg) no-repeat center center;
  background-size: cover;
}

#deputy #deputy3 {
  background: url(../images/8.jpg) no-repeat center center;
  background-size: cover;
}

#deputy #deputy4 {
  background: url(../images/9.jpg) no-repeat center center;
  background-size: cover;
}

#deputy .quote {
  font-size: 1.2em;
  line-height: 110%;
  font-weight: 400;
}


#deputy .quote .more, #deputy .customer {
  opacity: 0;
  font-size: 0;
  line-height: 0;
  padding-top: 10px;
}


#deputy .quote:hover .more , #deputy .customer{
  font-family: "Amiri", sans-serif;
  font-weight: 100;
  display: block;
  opacity: 1;
  font-size: .8em;
  line-height: 120%;
}

#deputy .quote:hover .customer {
  display: block;
  font-size: .7em;
  text-align: right;
}

#deputy .quote .intro::after {
  content: '...';
}

#deputy .quote:hover .intro::after {
  content: '';
}



/**  Footer **/

footer {
  background: #153252;
  color: white;
  font-size: .8em;
  padding: 60px 0 40px 0;
}

footer a {
  color: #E0E6AE;
}


footer .phone {
  font-size: 1.4em;
  font-weight: 700;
  color: #E0E6AE;
}

footer .navbar {
  margin-bottom: 0;
  min-height: 0;
}

footer .navbar-default {
  background-color: transparent;
  border: none;
  margin-left: 40px;
}

footer .navbar-nav>li a {
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: underline;
  color: #EEC856 !important;
}


/*footer ul li {
  float: right !important;
}*/


@media only screen
and (max-width: 767px)
{

  footer ul li {
    float: none !important;
  }

}



footer .links {
  float: right;
}

footer .contact {
  float: right;
}


.foot-logo, .footaddress, .footlinks{
float:right;
}

.foot-logo, .footaddress{
margin-bottom:40px;
}

.foot-logo{
    padding-left: 5%;
}



footer .navbar-brand {
    background: url("../../../../Theme/Bou-Tem-Files/imam-reza/images/imamrezalogo.png");
    background-repeat: no-repeat;
    background-position: 195px 0;
    height: auto;
    margin-right: 15px;
    margin-left: 0 !important;
    float: left;
}




footer .navbar-brand h1 {
    color: white;
    margin: 0;
    font-size: 1.2em;
    font-weight: 400;
    padding-right: 105px;
}

footer .navbar-brand span.subhead {
    display: block;
    font-size: .6em;
    font-weight: 100;
	margin:10px 17px 15px 0; 
}

.contact{
	font-family:B mitra;	
    font-size: 1.8em;
    width: 100%;
    margin: .25em 0 1em;
    min-height: 1px;
    margin-right: 0;
    padding: 0 45px;
    border: .125em solid #364A60;
    border-top: 0;
    border-bottom: 0;
color: #E5E2E0;
    list-style: none;
    float:right;
}

@media only screen
and (max-width: 767px)
{


footer .navbar-brand {

    float: right;
}
.foot-logo{
    padding-right: 5%;
}

.contact{
	
	border:0;

    border-top: .125em solid #364A60;


}



}

@media only screen
and (min-width: 768px) and (max-width: 1199px)
{




.contact{
	
	border:0;

    border-right: .125em solid #364A60;


}



}

.contact li{
margin-bottom: .25em;

}

.contact .university-name {
   padding: 0 0 .2em;
    padding-top: 0px;
color: #FFF;
font-weight: 400;
font-size: 17px;
font-family: iransans;
line-height: 35px;
}

.contact li:first-child {
    padding-top: 0;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {
    width: 1.28571em;
    text-align: center;
}

.contact .fa {
    text-align: center;
    margin-right: .5em;
}

 .contact li:last-child {
    padding-bottom: 0;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.social-links a {
    margin: 0 .25em;
    padding: 0;
    border: none;
    display: inline-block;
}

.social-links .fa-stack {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}


.social-links .fa {
    font-size: 1.5em;
    color: #4A484C;
    transition: color;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
}


.social-links .fa-square {
    color: #B4B2AD;
}

.fa-square:before {
    content: "";
}

.contact .social-links a {
    margin: 0;
    text-align: center;
    margin-right: 0;
}

.site-tree {
    padding-bottom: 1em;
	padding-left: 0px;
padding-right: 0px;
}

@media only screen and (min-width: 768px)
{
.site-tree {
    width: 100%;
    min-height: 1px;

}

}

.tier-1 li {
    margin-bottom: 0;
    border-bottom: .125em solid #364A60;
    list-style: none;
    position: relative;
	    font-size: 1.8em;
    font-family: B mitra;
	    color: #E5E2E0;
}

.tier-1 li:first-child {
    border-top: .125em solid #364A60;
}

.tier-1 a {
   background-color: transparent;
border-bottom: medium none;
color: #fff;
display: block;
line-height: 1.8em;
margin-right: 2em;
min-height: 2em;
padding: 0.5em 0 0.5em 0.75em;
text-decoration: none;
transition: padding-left 250ms ease-in-out 0s, padding-right 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s, color 250ms ease-in-out 0s;
font-family: iransans;
font-size: 16px;
font-weight: normal;
}




.tier-1 li a {
    margin-right: 0;
	color: #E5E2E0;
}

.tier-1  a:hover{

background-color:#364A60;
padding-right:0.75em;
padding-left:0;
color:#fff;

}

.GENERALTEXT{
width:100%;	
	
}

.left-col {
    float: right;
}

.web-palette-bg-red {
    background: #8A9045;
}
.web-palette-bg-pink {
    background: #8f3931;
}

.web-palette-bg-blue {
    background: #7d7b7b;
}

.web-palette-bg-green {
    background: #c16622;
}

.web-palette-bg-purple {
    background: #3e769a;
}

.web-palette-bg-orange {
    background: #a88b60;
}

 .panel_item {
    height: 125px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
	font-size: 1.2em;
}

 .panel_item a {
    display: block;
    text-decoration: none;
    color: #fff;
    height: 100%;
    text-decoration: none;
}

.panel_item img{
width:40px;	
	
}

.panel_item a img{
	  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
	
}

.panel_item a:hover img{
  -webkit-transform: scale(1.6,1.6);
  -ms-transform: scale(1.6,1.6);
  transform: scale(1.6,1.6);
	
}

.beta {
    font-size: 36px;
    font-size: 2.291em;
    letter-spacing: -2px;
}

.panel--icons abbr {
    color: #fff;
	  
	
}

 .panel_item a [class*="icon-"] {
    display: block;
    margin: 0;
    padding: 10px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
	  color: #F4A139;
	  background: url("../../../../Theme/Bou-Tem-Files/imam-reza/images/tile-back.png") repeat 0 0;
	  background-size: cover;
	   
}

 

 .panel_item a:hover [class*="icon-"] {
font-size:2.7em;
padding:20px;
}

 .panel_item a:hover [class*="fa-"] {
font-size:2.7em;
padding:20px;
}




.prm, .phm, .pam {
    padding-right: 10px;
    padding-left: 10px;
}

 .zeta {
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: 0;
}
.opacity-75 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75;
}

.panel_item a  h5{
    margin-bottom: .642rem;
    line-height: 2.5;
color: #fff;
font-size: 1.1em;
    font-weight: bold;
    font-family: B mitra;
	padding:0;
	  
}




.headerLinks {
    margin-bottom: 5px;
    font-style: normal;
	text-align:right;
	width:330px;
margin-left:40px;
    padding-bottom: 20px;
padding-right: 40px;
    margin-top: -27px;
}

.headerLinks a{
color:#B9975B;
}

@media only screen and (max-width: 767px)
{
.headerLinks a{
color:#153252;
}

}


.headerLinks a {
    margin-bottom: 15px;
    font-weight:bold;
	margin-right: 6px;
	margin-left: 6px;
	font-size: .8em;
	text-decoration:none;
}

.headerLinks span {
    color: #aaa;
	text-align: right;
    letter-spacing: -0.01em;

	font-size:15px;
    font-weight: normal;
}

.headerM{
float:left;
}


.ftr-icon-tel{
	
	    border: 10px solid #8f3931;
	
	
}

.ftr-icon-net{
	
	border: 10px solid #7d7b7b;
	
}

.ftr-icon-stu{
	
	
	border: 10px solid #c16622;
	
}

.ftr-icon-prof{
	
	border: 10px solid #3e769a;
}

.ftr-icon-mail{
	border: 10px solid #a88b60;
	
}

.ftr-icon-food{
	    border: 10px solid #8A9045;
	
}


.news-inside ul{
text-align: center;	
    width: 95%;
    background: #f2f2f2;
    margin-right: 0;
	
}

#toggle{
background:#e4e4e4;
padding:5px 0;	
}

#news-toggle{
background:#e4e4e4;	
padding: 0;
}

#toggle h2{
    margin:10px 0;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    color: #0072c6;	
}

#news-toggle h2{
    margin:10px 0;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    color: #0072c6;	
}

@media (min-width: 768px)
{
#toggle h2 {
	
    font-size: 1.5em;
}

#news-toggle h2 {
	
    font-size: 1.5em;
}
}

@media (min-width: 992px)
{
.news-ftr-toggles {
	
    display:none;
}


}

.ftr-toggles {
   
    margin: 0 auto;
    text-align: center;
}

.news-ftr-toggles {
   
    margin: 0 auto;
    text-align: center;
}

.ftr-toggles ul {
   
    margin-bottom: 0 ;

}

.news-ftr-toggles ul {
   
    margin-bottom: 0 ;

}

.ftr-toggles table {
   
width:100%;
}
.news-ftr-toggles table {
   
width:100%;
}

.ftr-toggles a {
   
    text-decoration: none;
	background-color: transparent;
}

.news-ftr-toggles a {
   
    text-decoration: none;
	background-color: transparent;
}

.ftr-toggles a:hover {

color:#B9975B;

}

.news-ftr-toggles a:hover {

color:#B9975B;

}

.ftr-item-toggle {
    list-style: none;
    display: inline-block;
   font-family:B mitra;
    padding: 1em .5em;
	width: 18em;
    font-size: 1.2em;
	font-weight:bold;
    cursor: pointer;
    fill: #337ab7;
	margin: 5px;
	text-align: right;
}

.news-ftr-item-toggle {
    list-style: none;
  display: inline-block;
   font-family:BMit;
    padding: 1em .5em;
	width: 12em;
    font-size: 1.2em;
	font-weight:bold;
    cursor: pointer;
    fill: #337ab7;
}


.ftr-item-toggle:hover, .news-ftr-item-toggle:hover, .ftr-toggles ,.news-ftr-toggles{
    fill: #F4A23A;
    color: #F4A23A !important;
}


.ftr-icon {
    width: 3.5em;
    height: 3.5em;
}

.news-ftr-item-toggle p {
    float: right;
    padding-top: 20px;
    padding-right: 10px;
	   
}

.news-ftr-item-toggle svg {
    float: right;

}

.ftr-item-toggle p {

    display: inline;
    padding-right: 10px;
	 color: #23527c;
}

.ListPicture{

display:none;	
	
}

@media (min-width: 768px)
{
.ftr-item-toggle {
    font-size: .9em;
}

.ftr-item-toggle p {
font-size: 1.4em;
    font-weight: 600;
}

.news-ftr-item-toggle {
    font-size: .9em;
}

.news-ftr-item-toggle p {
    font-size: 1em;
	font-weight:400;
}


}




@media (min-width: 1024px)
{
.ftr-item-toggle {
    font-size: 1.1em;
}


.ftr-item-toggle p {
    font-size: 1.2em;
	font-weight:600;
}


.news-ftr-item-toggle {
    font-size: 1.1em;
}


.news-ftr-item-toggle p {
    font-size: 1.2em;
	font-weight:600;
}


}

.news-quick  .ftr-item-toggle{
    width: 14em;
    margin-bottom: 2em;
 
border-bottom: 2px solid #B9975B;
float: left;
    clear: both;
}

.news-quick .ftr-icon{

float:right;
width:3em;
height:3em;

}

 .news-quick ul{
 
 text-align:left;
 }

 .news-quick p{
    padding-right: 60px;
    padding-top: 13px;
	    text-align: right;
 
 }

@media (min-width: 768px)
{
 

 .news-quick  p {
    font-size: 1.2em;
	font-weight:bold;
}
}

 
 .ftr-item-toggle:hover p{
 color:#B9975B;
 text-decoration:none;
 }
 .ftr-item-toggle:hover a{

 text-decoration:none;
 }
 
 
 @media (max-width: 1023px)
 {
.GENERALTEXT tr, .GENERALTEXT tr td, .GENERALTEXT tr td .List, .GENERALTEXT tr td .List tr, .GENERALTEXT tr td .List tr .ListContent {
  
    width: 100%;

}


 }


