@font-face {
  font-family: 'Yekan';
  src: url('../fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/Yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'yekannumbers';
  src: url('../fonts/yekannumbers.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/yekannumbers.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/yekannumbers.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/font-awesome.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/font-awesome.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:hover{
    text-decoration: none;
}
a:focus {
    outline: none;
}
/*general-style
*************************************************************/

body {
    direction: rtl !important;
    font-family:Yekan, yekannumbers ;
    font-size: 15px;
    margin: 0 auto;
    width: 100%;
    margin: 0;
    text-align: right !important;
    
}
div.mod-languages li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    padding: 0px 6px;
}
div.mod-languages ul.lang-inline li {
    display: block;
    float: right;
}
*{
  box-sizing:border-box;
}
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box-content
{
  width: 100%;
  float: right;
}
div.mod-languages ul.lang-inline li:nth-child(2) {
    border-right: 1px solid #fff;
}
#content {
    font-size: 13px;
    line-height: 30px;
}
p {
    margin: 0;
}
.bak{
   background:url("../images/back2.jpg") repeat;
}
		@media only screen and (min-width:319px) and (max-width:767px){.itemContainer{float:left !important; width:100% !important;}}
		@media only screen and (min-width:768px) and (max-width:992px){.itemContainer{float:left !important; width:50% !important;}}
/*box1
*************************************************************/
.box1 {
  
    border-top: 10px solid #17488e;
    height: 200px;
    position: absolute;
    z-index: 99;
}
@media only screen and (min-width:320px) and (max-width: 767px){.box1 {height: auto;}}
.inner{  background: rgba(0, 0, 0, 0) url("../images/header.png") no-repeat scroll center center / cover ;}
@media only screen and (min-width:320px) and (max-width: 767px){.box1 {position: relative;}}
.box1 .container{
    width: 1345px;
}
@media only screen and (min-width:320px) and (max-width: 1280px){.box1 .container{width:100%;}}
#logo {
     margin-top:5px;
    text-align: left;
}
#lang, #search {
    margin-top: 23px;
    color: #fff;
}
#menuu {
       background: #212121 none repeat scroll 0 0;
    min-height: 100%;
    position: fixed;
    right: 0;
    text-align: center;
    width: 315px;
    z-index: 9999;
    right:-315px;
    transition: all 500ms ease-in-out;
    cursor: pointer;
    padding-top: 0%;
}

#menu {
    color: #333;
    cursor: pointer;
    font-size: 28px;
    margin-top: 35px;
    position: fixed;
    z-index: 999;
}
#menu i {
    margin-left: 20px;
}
#menu {
    font-size: 19px;
line-height: 30px;
margin-right: 83px;
margin-top: 60px;
}
@media only screen and (min-width:320px) and (max-width: 767px){#menu {margin-right: 0px;
margin-top: 40px;}}
#close {
      color: #ccc;
    float: right;
    font-size: 19px;
    font-weight: normal;
    margin-top: 10px;
    text-align: left;
    margin-right: 15px;
}

#menuu .moduletable {
    float: left;
    width: 100%;
}
#js-mainnav.megamenu .js-megamenu{font-family: yekan !important;}

#search button {
     background: #ddd url("../images/arr.png") no-repeat scroll center bottom / 70% auto;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 0;
    float: right;
    height: 23px;
    width: 19px;
    background-position: center;
}
#search .inputbox {
    background: #ddd none repeat scroll 0 0;
    border: 0 none;
    border-radius: 1px;
    color: #777;
    float: left;
    font-size: 12px;
    padding: 0;
    width: 142px;
    padding-right: 3%;
    padding: 0%;
}
#sho {
    margin-top: 11px;
    cursor: pointer;
}

#search {
     background: #ddd none repeat scroll 0 0;
    border-radius: 4px;
}
@media only screen and (min-width:320px) and (max-width: 767px){
#search {
    background: #ddd none repeat scroll 0 0;
    border-radius: 0px;
    margin-top: 11px;
    margin-bottom: 14px;
}}
.form-inline{  display: none;
    height: 28px;
    padding: 1%;}

#lang a {
    color: #fff;
}
/*box2
*************************************************************/
.box2{
    margin-bottom: 5%;

}
/*box3
*************************************************************/
.box3 .container{
    width: 1095px;
}
@media only screen and (min-width:320px) and (max-width:  1280px){.box3 .container{width:100%;}}

#about {
    font-size: 14px;
    color: #402326;
    text-align: justify;
    padding: 0% 3%;
    margin-bottom: 20%;
}
p#more1, a#more1 {
    float: left;
    color: #184372;
    font-size: 14px;
    margin-top: 30px
}

.box3 {
    margin-bottom: 3%;
}
/*box4
*************************************************************/
.box4{
    background: #cacaca none repeat scroll 0 0;
    position: relative;
    z-index: 0;
	padding-bottom: 3%;
}
.box4 .container{
    width: 1220px;
}
@media only screen and (min-width:320px) and (max-width:  1280px){.box4 .container{width:100%;}}

#slider h3 {
        background-image: url("../images/line.png"), url("../images/line.png");
    background-repeat: no-repeat;
    background-position: center right, center left;
    text-align: center;
    font-size: 24px;
    margin: 3% auto;
    background-color: #CACACA;
}
@media only screen and (min-width:320px) and (max-width: 992px){#slider h3 {background-size: 25% 1px, 25% 1px;}}
#vtemcarouselcarouselid88 .jcarousel-container, #vtemcarouselcarouselid88 .jcarousel-container .jcarousel-clip, #vtemcarouselcarouselid88 .jcarousel-container .vtem-carousel-readon {
    background-color: transparent !important;
    border: 0px solid #dddddd !important;
}
/*box5
*************************************************************/
.box5 .container{
    width: 1200px;
}
@media only screen and (min-width:320px) and (max-width: 1280px){.box5 .container{width:100%;}}
#projects h3 {
    text-align: center;
    font-size: 24px;
    margin: 3% auto;
    background: none;
    color:#fff;
     background: url("../images/line.png"), url("../images/line.png");
    background-repeat: no-repeat;
    background-position: center right, center left;
}
@media only screen and (min-width:320px) and (max-width: 992px){#pos1 h3, #pos2 h3{ color:#333 !important; background: none !important;}}
.box5{
    background: url("../images/back1.png") no-repeat center top;
    height: 516px;
    background-size: 100%;
     background-attachment: fixed;
}
.defaultLayout .bt-inner {
    margin-left: 10px !important;
    background: #fff;
}
.defaultLayout .bt-inner img {
    border: 0px solid #fff !important;
    max-width: 100% !important;
    outline: 0px solid #b5b5b5 !important;
}
#add {
      color: #18498e;
    font-size: 13px;
    padding: 6%;
    float: right;
    width: 100%;
    height: 125px;
}
.bt-title {
    background: rgba(0, 0, 0, 0) url("../images/line.png") no-repeat scroll left center;
    font-size: 14px;
    color: #18498e;
    background-size: 40% 1px;
}
/*box6
*************************************************************/
.box6 .container{
    width: 1200px;
}
@media only screen and (min-width:320px) and (max-width:  1280px){.box6 .container{width:100%;}}
#pos1 h3, #pos2 h3 {
        background-image: url("../images/line.png"), url("../images/line.png");
    background-repeat: no-repeat;
    background-position: center right, center left;
    text-align: center;
    font-size: 18px;
    margin: 3% auto;
}
@media only screen and (min-width:1024px) and (max-width: 1024px){#pos1 h3, #pos2 h3 {background-position:114% 10px, -13%;}}
.box6 .ns2-inner {
    text-align: center;
}
#pos1 .ns2-title > a {
    color: #18498e;
    font-size: 15px;
    line-height: 20px;
}

@media only screen and (min-width:320px) and (max-width: 767px){
#pos1 .ns2-column {
    width: 100% !important;
}}
/*box7
*************************************************************/
.box7{
    background:#f0f0f0;
}
.box7 .container{
    width: 1200px;
}
@media only screen and (min-width:320px) and (max-width:  1280px){.box7 .container{width:100%;}}
/*box8
*************************************************************/

/*box9
*************************************************************/
.box9 .container{
    width: 1200px;
}
@media only screen and (min-width:320px) and (max-width:1280px){.box9 .container{width:100%;}}
.box9 {
   background: #383838 none repeat scroll 0 0;
    padding-bottom: 1%;
    padding-top: 3%;
    color: #a7a5a2;
    font-size: 15px;
}
.box9 h3 {
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}
.box9 ul {
    padding: 0;
}
.box9 ul li a {
    padding: 3px 0px;
    color: #a7a5a2;
}
.box9 ul li a:hover {
    background: none;
}

/*box10
*************************************************************/
.box10{
    background: #2b2b2b none repeat scroll 0 0;
    color: #f4f4f4;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 1%;
}
.box10 a{color: #f4f4f4;}
/*other
*************************************************************/
#toTop{
         background-image: url("../images/top.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 45% auto;
    border-radius: 2px;
    bottom: 5px;
    color: #999;
    cursor: pointer;
    font-size: 45px;
    height: 45px;
    line-height: 30px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    width: 45px;
    z-index: 2147483647;
}
#pos1 .ns2-inner:hover img{
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;
}
#pos1 .ns2-inner, #pos1 .ns2-inner:hover img{
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.box-content {
   margin-bottom: 5%;
    margin-top: 10%;
}
@media only screen and (min-width:800px) and (max-width: 1024px){.box-content {margin-top: 20%;}}
.page-header h2 {
    font-size: 19px;
}
.modal {
    display: block;
    position: relative;
}
.bt-accordionmenu {
    background: transparent !important;
    border-radius: 0 !important;
    text-align: right;
}
@media only screen and (min-width:320px) and (max-width: 787px){
div.catItemImageBlock{width: 100%;}}
#vtemcarouselcarouselid108 .jcarousel-container, #vtemcarouselcarouselid108 .jcarousel-container .jcarousel-clip, #vtemcarouselcarouselid108 .jcarousel-container .vtem-carousel-readon {
    background-color: transparent !important;
    border: 0px solid #dddddd !important;
}
.tp-caption {
    font-family: yekan,yekannumbers !important;
}
#back-prev {
         background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 12px;
    padding: 3px 6px;
}
#back-prev > span {
    margin-left: 7px;
}
.breadcrumb {
    font-size: 12px;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 15px;
    position: relative;
}

.itemRelated > h3, .itemImageGallery > h3 {
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 4%;
    text-align: center;
	line-height: 0;
}
.itemRelated > h3::after, .itemImageGallery > h3::after {
    background: #17488e none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 40%;
}

.itemRelated > h3::before, .itemImageGallery > h3::before{
    background: #17488e none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    width: 40%;
}
@media only screen and (min-width:320px) and (max-width: 767px){.itemRelated > h3::after, .itemImageGallery > h3::after, .itemRelated > h3::before, .itemImageGallery > h3::before{width:30%;}}
div.itemRelated ul li {
    background: transparent none repeat scroll 0 0 !important;
    float: right;
    margin-left: 1%;
    width: 32%;
	 text-align: center;
}
@media only screen and (min-width:320px) and (max-width: 767px){div.itemRelated ul li{ width: 100%;}}
div.itemRelated ul {
    list-style: outside none none;
    padding: 0;
}
img.itemRelImg {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
}
@media only screen and (min-width:320px) and (max-width:500px){span.itemImage img, span.catItemImage img { width: 100% !important;}}
/**news-menu
**********************************/
.news div.itemContainer {
    float: right;
    width: 100% !important;
}
.news div.catItemHeader h3.catItemTitle {
    font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0 4px;
    text-align: right;
}
.news div.catItemHeader {
    float: right;
    width: 100%;
}
.news div.catItemBody {
    float: right;
    margin: 0;
    padding: 8px 0;
    width: 100%;
}
.news div.catItemImageBlock {
    float: left;
}
.news div.catItemIntroText {
    color: #777;
    float: right;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 auto;
    text-align: right;
    width: 80%;
}
.dir-menu{
	right:0 !important;
}
.dir-menu-close{
	right:-315px !important;
}
.bt-accordionmenu li .item-wrapper .menu-button {
    float: left !important;
}
#slider ul {
    list-style: outside none none;
    padding: 0;
}
#slider ul li {
    float: right;
    padding: 0px 8px;
}
@media only screen and (min-width:320px) and (max-width:500px){#slider ul li {width:100%;text-align:center;margin:12px auto;}}
@media only screen and (min-width:501px) and (max-width:768px){#slider ul li {width:30%;text-align:center;margin:12px auto;}}
#slider .modal-dialog {
    margin: 30px auto;
    width: 475px;
}
@media only screen and (min-width:320px) and (max-width:767px){
#jcemediabox-popup-content {
    width: 94% !important;
}}
@media only screen and (min-width:320px) and (max-width:767px){
#jcemediabox-popup-body {
    width: 100% !important;
}}
@media only screen and (min-width:320px) and (max-width:992px){.box-content img{
    display: block;
    max-width: 100%;
    height: auto;
}}
.man {
    float: right;
    width: 100%;
}

#ff {
    float: right;
    margin-right: 2%;
}
@media only screen and (min-width:320px) and (max-width:767px){#ff {
    float: right;
    margin-right: 2%;
	width: 100%;
}}

#content .defaultLayout .bt-inner .bt-introtext{font-size:12px;}}
#content .defaultLayout .bt-inner .bt-title{padding:0;}}
.news div.catItemIntroText {
    display: block !important;

}