@charset "utf-8";
/* CSS Document */

<!--
body {
	font: normal 15px/1.6 Yekan,YekanNumbers,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;	 
	padding: 0; 
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
a:hover, a:active, a:focus , a:link , a:visited { 
	text-decoration: none;
}
@media only screen and (max-width:700px) {
   .dev60 { width: 98%!important;min-width:0px!important;text-align: center!important;float:none!important;margin:5px!important;position: relative!important;
   left:0!important;right:0!important;top:0!important;bottom:0!important;padding-left:0!important;padding-right:0!important }
.sb-search-input {
    background: #e2e2e2 !important;
}
.column {
  top:0 !important; 
}
.slide-desc {
	display:none !important;
}
.box img {
    width: 100% !important;
    height: auto !important;
}
.txtblock1 {
    background: rgba(255,255,255,0.5);
}
}
@media only screen and (max-width:800px){
   body,body a{font-size:16px!important;}
   .hide { display:none!important; }
   .container { max-width: 800px!important; }
   .min-width { min-width: 100px!important; }
   .dev100 { width: 98%!important;min-width:0px!important;text-align: center!important;float:none!important;margin:5px!important;position: relative!important;
   left:0!important;right:0!important;top:0!important;bottom:0!important;padding-left:0!important;padding-right:0!important }
nav.pushy,.menu-btn {
	display:block !important;
    text-align: right;
}
#ja-mainnavwrap {
	display:none;
}
.main-menu {
    width: 30px !important;
}
.logo {
    float: left !important;
}
.search {
    float: left;
    margin-left: 15px;
}
.menu-btn {
    font-size: 35px;
    margin-top: 16px;
    color: #ed1c24;
    font-weight: bold;
}
.skdslider,.slideshow{
 height:auto !important;
}
.box {
    width: 50% !important;
}
.picn1 img {
    max-height: 115px;
}
.social {
    position: relative !important;
}
.form-field-item textarea {
     min-width: 98% !important; 
}
.desbox {
    height: 150px !important;
    font-size: 12px;
    line-height: 16px;
}
.titlebox {
    padding: 5px 0 !important;
    font-size: 14px;
    line-height: 15px;
    height: 46px;
}
.box img {
    margin-top: 10px !important;
}
.box {
    padding: 15px 5px!important;
}
.pushy {
  position: fixed;
  width: 200px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #191918;
  overflow: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  color: #b3b3b1;
  padding: 15px 30px;
  text-decoration: none;
  outline: 0;
}
.pushy a:hover {
  color: #FFF;
}
.pushy ul:first-child {
  margin-top: 10px;
}
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  transform: translate3d(-200px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushy-submenu {
  /* Submenu Icon */
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
  position: relative;
}
.pushy-submenu > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("../img/arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height: 1000px;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
  max-height: none;
  display: none;
}
.search {
    bottom:-42px !important;
}
.color-style,.pic-pro {
    float: none !important;
    display: inline-block !important ;
}
#comment-form textarea {
   min-width:auto !important;
}
.s-r {
	display:none !important;
}
.pic-pro .skdslider{
	display:block !important;
}
#main-box .pic-pro {
    height: 330px !important;
}
.pic-pro img {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    max-width: 100% !important;
    max-height: 300px !important;
}
}

@media only screen and (min-width:800px) and (max-width:992px) {
   .container { width: 784px!important; }
   .min-width { min-width: 1200px!important; }
     .dev50 { width: 43%!important;display:inline-block;vertical-align:top;text-align:center;}
.main-menu {
    width: 589px !important;
}
.main-menu ul {
    margin: 16px !important;
}
.main-menu ul li{
    padding: 15px 10px !important;
}
.column {
    top: 42px !important;
}
}
@media only screen and  (min-width:992px) and (max-width:1217px){
   .container { width: 975px!important; }
   .min-width { min-width: 1200px!important; }
     .dev50 { width: 45%!important;display:inline-block;vertical-align:top;text-align:center;}
.main-menu {
    width: 560px !important;
}
.main-menu ul {
    margin: 16px 10px !important;
}
.main-menu ul li {
    padding: 15px 10px !important;
}
.main-menu ul li a {
    font-size: 15px !important;
}
}

@media only screen and (min-width: 1217px){


   .container { width: 1200px!important; }
   .min-width { min-width: 1200px!important; }

}

/* ~~ this fixed width container surrounds the other divs ~~ */
.pushy,.menu-btn {
	display:none;
}
.container {
	width: 1200px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position:relative;
}
.tt1 {
	width:100%;
/*	min-width:1200px;*/
	height:14px;
	background-color:#ed1c24;
}
.tt2 {
    width:100%;
/*	min-width:1200px;*/
	height:44px;
	background-color:#e2e2e2;
}
.language  {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	direction: rtl;
}
.language  li {
	display:inline-block;
	margin-top: 5px;
}
.language  li a img {
    opacity: 0.4;
    border-radius: 50%;
}
.language  li a.active img {
    opacity: 1;
}
.register {
	float:left;
	list-style:none;
	margin-top: 8px;
}
.register li{
   display:inline-block;
   padding: 0 10px;
   border-right:1px solid #000;
}
.register li:last-child{
   border-right:0;
}
.register li a{
   color:#000;

}
.slideshow {
    width: 100%;
/*    min-width: 1200px;*/
	height:635px;
	position:relative;
	direction:rtl;
}
.slideshow .slide-image img{
     width: 100%;
/*    min-width: 1200px;*/
	height:632px;
}
.menu-toolbar {
	width:100%;
/*	min-width:1200px;*/
	min-height:94px;
	position:absolute;
	top:0;
	background:rgba(255,255,255,0.5);
	z-index: 9999;
}
.logo {
	width:195px;
	height:94px;
	position:relative;
	float:right;
}
.logo img {
    position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:195px;
	max-height:94px;
}
.main-menu {
	float: right;
    width: 785px;
    height: 94px;
}
.main-menu ul  {
	 margin: 16px 30px;
}
.main-menu ul li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 15px;
    position: relative;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    z-index: 9999999;
	margin: 0 1px;
}


/* Underline From Center */
.main-menu ul.menu li.parent ul.menu li:before{
	transition:none !important;
	background:none;
}
.main-menu ul li:before ,#menu-top ul li.active-link:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.main-menu ul li:hover:before, .main-menu ul li:focus:before, .main-menu ul li.active-link:before {
  left: 0;
  right: 0;
}
/*End Underline From Center */
.main-menu ul li a {
    color: #000;
    line-height: 32px;
	font-size: 16px;
}

.main-menu ul.menu li.parent ul.menu{
    width: auto;
    right: 0px;
    color: #000;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    top: 100%;
    border: 1px solid rgba(255,255,255,0.35);
    border-top: none;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.1);
    background-color: #ccc \9;
    padding: 14px;

	}
.main-menu ul.menu li.parent ul.menu li{	
    min-width: 154px;
    text-align: right;
    padding: 5px 10px;
    margin: 0;
    background-color: #FFF;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.35;
	border-radius:0;
	}
.main-menu ul.menu li.parent ul.menu li:hover,.main-menu  li.parent ul li:hover a{	
    background-color: #5ba0d0;
    color:#fff;
}
.main-menu ul.menu li:hover ul.menu  { display: block;}


.main-menu li:hover ul ul{
    display:none;	
}
.main-menu li li:hover ul{
    display:block;
    position:absolute;
    top:10px;
    right:500px;
    z-index:1000;	
}

.main-menu li:hover ul.menu{ display: block;}

.content {
   direction:rtl;
   text-align:right;
}
.tcontent {
	width:100%;
	height:101px;
	position:relative;
}
.brt {
	width:100%;
	height:15px;
	background-color:#444444;
    position:absolute;
	bottom:0;
}
.redbrt {
	float:left;
	width:50%;
	height:15px;
	background-color:#ed1c24;
}
.titlecontent {
	padding:25px 0;
    font-size: 19px;
    font-weight: bold;
    position: relative;
}
.maincontent {
	min-height:100px;
	color:#323232;
}
.services {
        width: 100%;
/*        min-width: 1200px;*/
	direction:rtl;
}
.mainservices {
	width:100%;
	min-height:304px;
}
.box {
	width: 25%;
	height: auto;
	padding:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	text-align:center;
    -webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.box:hover {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	opacity: 1;
	filter: alpha(opacity=100);
}
.mainservices:hover .box:not(:hover) {
	opacity: .5;
	filter: alpha(opacity=50);	
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
}
.box a{
	color:#000;
}
.box img {
	margin-top:10px;
}
.box1,.box3{
	background-color:rgba(212, 212, 212, 1);
}
.box2,.box4 {
	background-color:#CCCCCC;
}
.box8 {
	background-color:#44bbec;
}
.box7{
	background-color:#6cc4e7;
}
.box6 {
	background-color:#b9d8e5;
}
.box5 {
	background-color:#6CC4E7;
}
.titlebox {
	padding:15px 0;
	font-weight:bold;
}
.desbox {
	height:144px;
}
.block1 {
        width: 100%;
/*        min-width: 1200px;*/
	min-height:549px;
	background-size:cover;
	background-position: center top;
	margin-bottom: 50px;
}
.block1 .brt {
	position:relative;
}
.txtblock1 {
	width: 48.5%;
    min-height: 503px;
    float: right;
    padding: 15px;
    padding-right: 0;
	direction:rtl;
	line-height:25px;
    color:white;
    font-size: 18px;
}
.tb1 {
	margin-bottom:15px;
}
.block2 {
        width: 100%;
/*        min-width: 1200px;*/
	height:500px;
	background-image:url(../img/bg1.jpg);
	background-size:cover;
	border-bottom:10px solid #ed1c24;
	position:relative;
	margin-bottom: 50px;
}
.captionbl2 {
	width:100%;
	height:175px;
	line-height:50px;
	font-weight:bold;
	font-size:20px;
	background:rgba(255,255,255,0.3);
	position:absolute;
	bottom:0;
	direction:rtl;
}
.block3 {
        width: 100%;
/*        min-width: 1200px;*/
	min-height:515px;
	background-image:url(../img/bg2.jpg);
	background-size:cover;
	border-bottom:10px solid #ed1c24;
        margin-bottom: 50px;
}
.col1 {
	width:50%;
	float:right;
	direction:rtl;
}
.col1t {
	color:#fff;
	padding:15px 0;
	font-size:17px;
}
.col2 .col1t {
	margin-right: 25px;
}
.n1 {
    width: auto;
    min-height: 115px;
    margin-top: 25px;
    margin-left: 25px;
}
.col2 .n1 {
    margin-right: 25px;
}
.picn1 {float: right;width: 12%;margin-left: 2%;}
.picn1 img {width: 100%;height: auto;}
.ln1 {float: right;width: 85.3%;}
.txtn1 {min-height: 90px;color: #ffffff;line-height: 22px;text-align: justify;}
a:hover .n1 .txtn1 {color: #2bace3;}
.daten1 {float: left;color: #2bace3;border-bottom: 1px solid;}
.tt3 {
        width: 100%;
/*        min-width: 1200px;*/
	min-height:73px;
	line-height:70px;
	font-size:19px;
	color:#fff;
	background:url(../img/bg3.png) repeat center center ;
	direction:rtl;
	margin-bottom:30px;
}
.rt1 {
	float:right;
}
.numtt3 {
	float:left;
	background:url(../img/icon13.png) left center no-repeat;
	padding-left:55px;
	height: 73px;
}
/* ~~ The footer ~~ */
footer {
   min-height:340px;
    width: 100%;
/*    min-width: 1200px;*/
}

.col3,.col4,.col5 {
	width:33.33%;
	height:340px;
	float:right;
	direction:rtl;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col3 {
    background-color:#e2e2e2;
	padding-right: 20px;
}
.col4 {
    background-color:#9b9b9b;
}
.col5 {
    background-color:#e2e2e2;
}
.col5 iframe{
    width:100%;
	height:340px;
}
.titlef {

	margin:10px 0;
	width:120px;
    padding-bottom:5px;
	font-size:17px;
	border-bottom:1px solid #000;
}
.txtf {
    padding: 15px;
    height: 140px;
	overflow:hidden;
}
.menu1 {
    float:right;
	margin-left:60px;
}
.menu1 ul {
	list-style:none;
}
.menu1 ul a{
	color:#000;
}
.maincol {
    width: 100%;
    height: 340px;
    font-size: 16px;
    line-height: 30px;
}
.address {
	height: 225px;
	padding: 15px;
}
.email {
    position: relative;
    width: 90%;
    height: 45px;
    left: 0;
    right: 0;
    margin: 0 15px;
    top: 30px;
}
.email form input[type="text"] {
    font-family: Yekan,YekanNumbers,"Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 71.5%;
    height: 43px;
    position: absolute;
    left: 0px;
    color: #929191;
    direction: ltr;
    padding: 0px 5px;
    background: transparent;
    border: 1px solid #000;
    font-size: 11px;
}
.email form input[type="submit"] {
	font-family: Yekan,YekanNumbers,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #231f20;
    width: 25.5%;
    height: 45px;
    border: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
	color:#fff;
}
.email ::-webkit-input-placeholder {  
   direction:rtl;
}
.email :-moz-placeholder { 
    direction:rtl;
}
.email ::-moz-placeholder { 
    direction:rtl;
}
.email :-ms-input-placeholder { 
    direction:rtl;
}
.map {
	height:340px;
}
#titlepage {
	width:100%;
	padding:15px 0;
	color:#2bace3;
	border-bottom:2px solid #bddae6;
	direction:rtl;
	font-size:20px;
	margin-top:25px;
    position: relative;
    height: 50px;
}
.news-content {
	margin:45px 0;
	direction:rtl;
}
.news1 {
	width:288px;
	height:288px;
	border:1px solid #d4d4d4;
	direction:rtl;
	float:right;
	margin-left: 13px;
    margin-bottom: 13px;
	color:#000;
}
.news1:hover {
	 box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.news1:nth-child(4n){
	margin-left:0;
}
.pic-news {
	width:288px;
	height:150px;
}
.date-news {
	color:#11749e;
    border-bottom:1px solid ;
	display: -webkit-inline-box;
	margin:7px;
}
.caption-news {
    margin:7px;
}
.detail-news {
	line-height:19px;
	margin: 0 7px;
}
.more-news {
    color: #ed1c24;
    text-align: left;
    margin-left: 7px;
}
.memberbox {
    width: 100%;
}
.memberbox .memberbox1 {
    float: right;
    width: 48%;
    border-bottom: 1px solid #000;
    padding: 10px;
}
.pictd {
	float:right;
}
.detailtd {
    float: right;
    width: 305px;
    margin-right: 10px;
    line-height: 35px;
}
.cpyright {
        width: 100%;
/*        min-width: 1200px;*/
	min-height:50px;
	background-color:#444444;
	border-bottom:4px solid #2aace2;
	line-height:45px;
	color:#d4d4d4;
    direction: rtl;
}
.cpyright a {
	color:#2df9d8;
}
.social {
    position: absolute;
    right: 0;
    top: 10px;
}
#main-content {
	min-height:350px
}
#photo-gallery {
    direction: rtl;
    min-height: 250px;
    margin: 0 100px;
}
#photo-gallery .album {
    display: inline-block;
    margin: 30px 24px;
    background-image: url(/asset/image/gallery-item-bg.png);
    background-repeat: no-repeat;
    width: 200px;
    position: relative;
    height: 170px;
}
#photo-gallery .album img {
    position: absolute;
    left: 1px;
    top: 2px;
}
#photo-gallery .album .title {
    position: absolute;
    left: 0;
    top: 140px;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #000;
}
#photo-gallery .image {
    float: right;
    margin: 10px 28px;
    background-repeat: no-repeat;
    width: 195px;
    position: relative;
    height: 170px;
    text-align: center;
    color: #000;
}
#photo-gallery .image img {
    box-shadow: 10px 10px 5px #888888;
    max-width: 195px;
}
#top-link-block.affix {
    position: fixed;
    bottom: 12px;
    right: 2%;
}

.well {
    display: block;
    background: url(../img/btn.png) no-repeat center;
    height: 40px;
    width: 40px;
    border: 0px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->
#top-phone{
    float: left;
    height: 30px;
    width:300px;
    text-align: left;
    padding-top: 7px;
}

#top-title{
    float: right;
    height: 30px;
    width:300px;
    text-align: right;
    padding-top: 7px;
}
#pagetitle{
    position: absolute;
    right:0;
}

#ratingstar{
    position: absolute;
    left:0;
    font-size: 12px;
    top:0;
}
.titlecontent #ratingstar{
    top:15px;
}