.MyFont{
font-size:16px;
}
@font-face{
	font-family:'DINLightRegular';
	src:url("../fonts/font-nazanin/nazanin.eot");
	src:url("../fonts/font-nazanin/nazanin.eot?#iefix") format("embedded-opentype"),
		url("../fonts/font-nazanin/nazanin.woff") format("woff"),
		url("../fonts/font-nazanin/nazanin.ttf") format("truetype"),
		url("../fonts/font-nazanin/nazanin.svg#nazanin") format("svg");
	font-style:normal;
	font-weight:normal;
	text-rendering:optimizeLegibility
}
@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/font-din/DINR.eot');
    src: url('../fonts/font-din/DINR.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-din/DINR.woff') format('woff'),
         url('../fonts/font-din/DINR.ttf') format('truetype'),
         url('../fonts/font-din/DINR.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nazanin';
    src: url('../fonts/font-din/DINL.eot');
    src: url('../fonts/font-din/DINL.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-din/DINL.woff') format('woff'),
         url('../fonts/font-din/DINL.ttf') format('truetype'),
         url('../fonts/font-din/DINL#DINLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBoldRegular';
    src: url('../fonts/font-din/DINB.eot');
    src: url('../fonts/font-din/DINB.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font-din/DINB.woff') format('woff'),
         url('../fonts/font-din/DINB.ttf') format('truetype'),
         url('../fonts/font-din/DINB.svg#DINBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.arrow-right {
position: absolute;
left: 0;
bottom: 0;
margin-top: -15px;
width: 90%;
height: 30%;
z-index: 2;
cursor: url('../img/arrw_d.png'),url('../img/arrw_d.cur'), pointer;
}

.arrow-left {
position: absolute;
left: 0;
top: 60px;
margin-top: -15px;
width: 90%;
height: 30%;
z-index: 2;
cursor: url('../img/arrw_u.png'),url('../img/arrw_u.cur'), pointer;
}
.MyMenuActive{
color:#00a76d;
  transition: color 0 0.3s; -moz-transition: color 0.5s 0.5s; -webkit-transition: color 0 0.3s; -o-transition: color 0 0.3s; -ms-transition: color 0.5s 0.5s; -khtml-transition: color 0 0.3s;
}
* { margin: 0; outline: 0; }
ul, ol { padding:  0; }
a, img { border: 0; }

div.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
	border: 0;
	padding: 0;
	margin: 0;
}

body,
html {
	width: 100%;
	height: 100%;direction: rtl;
}
body.Homepage{position:relative;height:100%; color:#fff;}
body.Homepage a{
color:#fff;	
}
.swiper-container{width:100%;height:100%;color:#fff;text-align:center;}
.my-slide{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.red-slide{background-image:url(../img/01.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.blue-slide{background-image:url(../img/02.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.orange-slide{background-image:url(../img/03.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.green-slide{background-image:url(../img/01.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.pink-slide{background-image:url(../img/02.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;}


.swiper-slide .title{
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 0;
	line-height: 22px;
	text-align: right;
	margin-right: 20%;
	width:60%;
	}
.pagination{position:absolute;z-index:20;left:10px;bottom:10px;}
.swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#222;margin-right:5px;opacity:0.8;border:1px solid #fff;cursor:pointer;}
.swiper-visible-switch{background:#aaa;}
.swiper-active-switch{background:#fff;}


body {
	color: #000;
	background: #fff;
	font-family: 'DINLightRegular', Helvetica, Arial, sans-serif;
	font-size: 16px; line-height: 22px;
	font-weight: normal;
	background: #fff;
	
}
p {
	font-size: 16px;
	
}
a { 
	color: #000;
	text-decoration: none; 
}


h1 {
	position: fixed;
	right: 0; top: 0;
	
	padding: 6px 9px 0 100px;
	
	font-size: 16px; line-height: 17px;
	z-index: 100;
	color:#fff;
	font-weight:normal;

}
#index{
color:#fff;	
}
h1 a { text-decoration: none; }

html{
overflow-x:hidden !important;
}


#content {
	position: absolute;
	left: 0; top: 5px;
	width:100%;
	padding-bottom: 800px;
	
}
.MyContentInnter{
width: 60% !important;	
margin-right: 20%;
text-align:right;
}
#content div,
#content p,
#content h2,
#content h3,
#content h4
{
	float: none;
	clear: both;
}


/* THIS SETS HIGHLIGHT COLOUR FOR ALL ELEMENTS */
h2, h3, h2 a, h3 a {
	color: #00a76d; 
}

#statement {
	position: absolute;
	left: 175px; 
	color: #000;
	width: 620px;
	font-size: 38px; line-height: 40px;
	margin: 5px 0 4px 0; /* to baseline */
}

#statement p { width: 620px; }
#statement a { text-decoration: none; color: #000; }

h2 a, h3 a {
	text-decoration: none;
}

#content p.cs{
margin-top: 0;
width:100%;
}
#content p.cs a{
	
}
#content p.cs a.open{
color: #00a76d;
}
h2 {
	font-size: 16px; 
	padding: 0;
	margin: 20px 0 20px 0;
	font-weight:normal;
	padding-top:3px;
}
.level2 .cs .cslink.open{
color: #00a76d;	
display: block;
}
h2:first-child {
	margin-top: 0;
	
}


h3 {
	font-size: 16px;
	margin: 0;
	font-weight:normal;
padding-top: 5px;
}

h3 + div { 
	margin-bottom: 4px; /* baseline */
}

h4 { font-size: 14px; line-height: 22px;font-weight:normal; }
h4 + div { margin: 20px 0 0 0; }

p { margin: 0 0 20px 0; }
p:last-child { margin-bottom: 0; }

div.level1 { margin: 0 0 50px 0; }
div.level2 { margin: 0 0 20px 0; }
div.level2 p:last-child { margin-bottom: 0; }

div.level3 { width: 600px; margin: 0 0 20px 0; }

div.flush_top { margin-top: 0; }

/* images */

img.f_left {
	float: left;
	margin: 4px 10px 0 0;
}

/* casestudies to be called in */

p.cs { margin: 0 0 0 0; }

div.casestudies p { margin: 0; }
div.casestudies { margin: 0 0 20px 0; }

#content div.casestudy {
	display: block;
	/*width: 675px;*/ /* height: 480px; 450 image plus naviation */
	margin: 5px 0 40px 0;
	width:96%;
	margin-right:4%;
}
#content div.description{
direction:rtl;	
}
.MyFont{
	
}


#content div.description {
	display: block;
	margin: 0 0 10px 0;
}

#content div.description p { }

/* films */
div.media_switch {
	margin: 10px 0;
}

#content div.video, #content div.still_images { 
	height: 503px;width: 100%;
}

#content div.image { 
	position: relative;
	width: 100%;height: 100%;
}

div.image img {
	position: absolute;
	left: 0; top: 0;width: 100%;height: 100%;
}

a#cs_prev,
a#cs_next {
	position: absolute;
	display: block;
	left: 0; top: 0;
	width: 50%; height: 450px;
	text-indent: -9999em;
	background: url(../img/trans.gif);
	cursor: pointer;direction: rtl;	
}

a#cs_prev { right: 0; width: 50%; display:none; }

a#cs_prev:hover { background: url(../img/cs_next2-trans.png)  right 50% no-repeat; }
a#cs_next:hover { background: url(../img/cs_prev2-trans.png)  left 50% no-repeat; }


#content div.navigation {
	width: 100%;
	/*height: 28px;*/ 
	/*height: 20px;*/ 
	/*padding: 4px 0 0 0;*/
}


div.navigation a { text-decoration: none; }

div.navigation span {
	display: block; float: none;
}

div.navigation span.numbers { width: 60px;float: left; text-align: left; }
div.navigation span.numbers span {float: left; text-align: left; }
div.navigation span.arrows { width: 40px; }
div.navigation span.close { float: left; cursor: pointer;display:none; }


a#bg_prev,
a#bg_next {
	position: absolute;
	display: block;
	right: 0; top: 0;
	width: 40%; height: 100%; max-height: 900px;
	text-indent: -9999em;
	background: url(../img/trans.gif);
	cursor: pointer;	
}

a#bg_prev { left: 0; }

a#bg_prev:hover { background: url(../img/bg_prev2-trans.png) left center no-repeat; }
a#bg_next:hover { background: url(../img/bg_next2-trans.png) right center no-repeat; }


/* navigation */

#index {
	position: fixed;
	right: 9px; top: 43px;
	width: auto; height: auto;
	margin: 2px 0 0 0; /* to baseline */
	text-align: right;
}

#index a,
#index_placeholder a { text-decoration: none; }
#index ul { list-style: none;color: #000; }
#index li,
#index_placeholder a {
	/*background: url(../img/line10.gif) 0 0 no-repeat;*/
	padding: 0 0 0 0;
}
#index_placeholder a {
	display: block; 
}
#index_placeholder{
	
}
body.light_caption #index li,
body.light_caption #index_placeholder a {
	/*background: url(../img/line10-white.gif) 0 0 no-repeat;*/
	/*padding: 2px 0 18px 0;*/
}

body.light_caption #new_caption, 
body.light_caption h1 a, 
body.light_caption #casestudy a, 
body.light_caption #index a, 
body.light_caption #index_placeholder a {
	color: #fff;
}


#index ul ul { margin: 0 15px 0 0; }
#index li li,
body.light_caption #index li li { 
	background: none;
	padding: 0; margin: 0;

}

#index li.back { background: none; }
li.li_gallery { margin: 0 0 20px 0 !important; }

/* forms */

form div { margin: 0 0 2px 0; }
form label { 
	display: block; clear: both;
	width: 90px; height: 20px;
	padding-top: 4px;
	float: left; 
}

a#login { display: block; margin: 4px 0 0 0; }


input {
	font-family: 'DINLightRegular', Helvetica, Arial, sans-serif;
	font-size: 14px; line-height: 22px;
	height: 20px;
	font-weight: normal;
	vertical-align: top;
}


/* downloads */
div.downloads h4 { clear: both; float: none; width: 100%; }



/* no js display */
#static {
	position: absolute;
	left: 175px; top: 50px;
	width: 600px;
}


#static div.casestudy img,
#static #big_gal img { position: relative; margin: 10px 0 0 0; }
#static a#cs_prev, #static a#cs_next,
#static a#bg_prev, #static a#bg_next
{ display: none; }
#static #big_gal { display: block; }

p#warning { display: none !important; }




#new_gallery {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: auto;
/*
	overflow-y: auto;
	overflow-x: hidden;
*/
    overflow: hidden;
}

#gallery_inner {
	position: relative;
	width: 100%; height: 100%;
	/*max-width: 1333px; max-height: 1000px;*/
	
	background: #fff; /* url('img/backgrounds/background-1.gif') 0 0 repeat;*/
	
}

#images {
	width: 100%; height: 100%;
	overflow: hidden;
}

#images img {
	width: 100%; /*max-width: 1333px;*/
}

#new_caption {
	position: fixed;
	left: 211px; top: 6px;
	width: 525px;
	font-size: 16px; line-height: 17px;
	z-index: 100;
}

#casestudy {
	position: fixed;
	left: 780px; top: 8px;
	font-size: 14px; line-height: 17px;
	z-index: 4000;
}

#casestudy a {
	text-decoration: none;
}

#new_gallery a#bg_prev,
#new_gallery a#bg_next {
	display: block;
	position: absolute; right: 0; top: 0;
	height: 100%; max-height: 1000px;
	
	text-indent: -9999em;
	background: url(../img/trans.gif);
	cursor: pointer;
	
	/*border: 1px solid red;*/
	
	
	
	z-index: 200;
}

#new_gallery a#bg_prev { left: 0; width: 30%; }
#new_gallery a#bg_next { width: 70%; }

#new_gallery a#bg_prev:hover { background: url(../img/bg_prev2-trans.png) left center no-repeat; }
#new_gallery a#bg_next:hover { background: url(../img/bg_next2-trans.png) right center no-repeat; }

#new_gallery img { 
	position: absolute; top: 0; left: 0;
	background: none;
}



#content {
	z-index: 1000;
}

#new_gallery_container {
	z-index: 3000 !important;
}
.swiper-slide,
.swiper-wrapper{
width:100% !important;	
}
#index {
	z-index: 2000;
}


h1 { z-index: 4000; }

/*
 *  STYLE 3
 */
#ascrail2000{
z-index:999999 !important;	
}
#Search_form input{
background:none;
border:none;
font-size:16px;	
}
.light_caption .MyLanguage a{
color:#fff;	
}
.MyLanguage{
font-family:'Nazanin';
position: fixed;
bottom: 4px;
right:9px;
font-size:14px;	
z-index: 646613;
}
.title a{
cursor:pointer	
}
/*
 *  STYLE 4
 */
 p,body,h2,.level1,.MyContentInnter{
font-size:16px;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#content div.casestudy{margin: 13px 0 65px 0!important;}
#content div.navigation{ height:35px;}
body,.swiper-slide .title{line-height: 35px;}
body{-webkit-text-size-adjust: none;}
p,body,h2,.level1,.MyContentInnter,.MyFont,h3 ,input,#Search_form input,h1,.swiper-slide .title{font-size:25px;}
.MyContentInnter{width: 69% !important;margin-right: 30%;}
#content div.video, #content div.still_images{height:auto;}
div.image img{position:inherit;width: 100%;height: 100%;}
#content div.image{width:auto;height:auto;}
#MyNavs{display:none !important;}
.hide-mobile{display:none !important;}
.swiper-slide .title{margin-right: 30%;width:69%;}
h1 {padding: 6px 9px 0 9px; line-height:38px}	
.MyLanguage{font-size:20px;}
}


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
(max-device-width : 768px) {
#content div.casestudy{margin: 9px 0 45px 0!important;}
#content div.navigation{ height:25px;}
body,.swiper-slide .title{-webkit-text-size-adjust: none;}
body{line-height: 25px;}
p,body,h2,.level1,.MyContentInnter,.MyFont,h3 ,input)()I[arch_form input,h1,.swiper-slide .title{font-size:18px;}
.MyContentInnter{width: 69% !important;margin-right: 30%;}
#content div.video, #content div.still_images{height:auto;}
div.image img{position:inherit;width: 100%;height: 100%;}
#content div.image{width:auto;height:auto;}
#MyNavs{display:none !important;}
.hide-mobile{display:none !important;}
.swiper-slide .title{margin-right: 30%;width:69%;}
h1 {padding: 6px 9px 0 9px; line-height:28px}
.MyLanguage{font-size:20px;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
#ascrail2000{
left:0 !important;	
right: auto  !important;	
}