@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.eot?#') format('eot'),
           url('../fonts/BYekan.woff') format('woff'),
           url('../fonts/BYekan.ttf') format('truetype');
}
@font-face {
    font-family: 'Pixel';
    src: url('../fonts/pixel.eot?#') format('eot'),
           url('../fonts/pixel.woff') format('woff'),
           url('../fonts/pixel.ttf') format('truetype');
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}
#section0 {
	background: #afd334 url(../images/dot.png);
}

/*TEHRANER*/

#logo {
    border-radius: 50%;
    width: 107px;
    height: 107px; 
    background-color: #afd334;
    position: relative;
    z-index: 100;
    left: 50%;
    margin-left: -53.5px;
    margin-bottom: 50px;
}
#introduction {
	width: 30%;
	max-height: 30%;
	position: relative;
	left: 50%;
    margin-left: -15%;
    background-color: #afd334;
    color : #000;
    font-family: BYekan;
    font-size: 13px;
    text-align: justify;
    direction: rtl;
    line-height: 200%;
    margin-bottom: 50px;
    overflow: auto;
}
#introduction p {
	padding: 20px;
}
.socialnetworks {
	width: 288px;
	position: relative;
	left: 50%;
    margin-left: -144px;
    text-align: center;
}
.socialnetworks a {
	border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #000;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
    -o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.socialnetworks a:hover {
    background-color: #afd334;
}
.socialnetworks img {
	border: none;
}
h1 {
	font-family: BYekan;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*LOADING*/

.loading{
	text-align:center;
	z-index:10000;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#fff;
}
.hidden_me{
	visibility: hidden;
}
.spinner {
	width: 40px;
	height: 40px;
	margin: 200px auto;
	border: 5px #afd334 solid;
	border-radius: 100%;  
	-webkit-animation: scaleout 1.0s infinite ease-in-out;
	animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
	0% { -webkit-transform: scale(0.0) }
	100% {
	-webkit-transform: scale(1.0);
	opacity: 0;
	}
}
@keyframes scaleout {
	0% { 
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
	} 100% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	opacity: 0;
	}
}

/* SECTION 0 */

#section0 {
	z-index: 100;
}

/* SECTION 1 */

.google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#section1 .box{
	position: relative;
	top: 20%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 1;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section1 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section1 img{
	top: -300px;
	right: 20%;
	position: relative;
	height: 100%;
	width: auto !important;
}

/* SECTION 2 */

#section2 {
	z-index: 2;
}

#section2 img{
	position:absolute;
	left: 40px;
	top: 100px;
}
#section2 .box{
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 1;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section2 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section2 .imgsContainer{
	display: block;
	position: absolute;
	z-index: 1;
	top: 42%;
	left: 50%;
	margin-top: -300px;
	margin-left: -700px;
	width: 800px;
	height: 696px;
	max-width: 100%;
	max-height: 100%;
}
#section2 img{
	height: 100%;
	width: auto !important;
}
/*screen resolutions between 620px and 800px*/
@media all and (min-width: 620px) and (max-width: 800px){
	#section2 .imgsContainer{
		margin-top: -278px;
		margin-left: -600px;
		width: 647px;
		height: 563px;
	}
}
/*screen resolutions lower than 620px*/
@media all and (max-width: 620px){
	#section2 .imgsContainer{
		margin-top: -208px;
		margin-left: -450px;
		width: 534px;
		height: 464px;
	}
}
#dastan1{
	z-index: 11;
}
#dastan1.active{
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-moz-transform: translate3d(-100px, 0px, 0px);
	-ms-transform:translate3d(-100px, 0px, 0px);
	transform: translate3d(-100px, 0px, 0px);
}
#dastan2{
	z-index: 10;
}
#dastan2.active{
	-webkit-transform: translate3d(190px, 0px, 0px);
	-moz-transform: translate3d(190px, 0px, 0px);
	-ms-transform:translate3d(190px, 0px, 0px);
	transform: translate3d(190px, 0px, 0px);
}
img{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* SECTION 3 */

#section3 {
	z-index: 3;
}
#section3 img{
	position:absolute;
	left: 40px;
	top: 100px;
}
#section3 .box{
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 50;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section3 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section3 .imgsContainer{
	display: block;
	position: absolute;
	z-index: 1;
	top: 42%;
	left: 50%;
	margin-top: -300px;
	margin-left: -700px;
	width: 800px;
	height: 696px;
	max-width: 100%;
	max-height: 100%;
}
#section3 img{
	height: 100%;
	width: auto !important;
}
/*screen resolutions between 620px and 800px*/
@media all and (min-width: 620px) and (max-width: 800px){
	#section3 .imgsContainer{
		margin-top: -278px;
		margin-left: -600px;
		width: 647px;
		height: 563px;
	}
}
/*screen resolutions lower than 620px*/
@media all and (max-width: 620px){
	#section3 .imgsContainer{
		margin-top: -208px;
		margin-left: -450px;
		width: 534px;
		height: 464px;
	}
}
#filmkhaneh1{
	z-index: 11;
}
#filmkhaneh1.active{
	-webkit-transform: translate3d(170px, 0px, 0px);
	-moz-transform: translate3d(170px, 0px, 0px);
	-ms-transform:translate3d(170px, 0px, 0px);
	transform: translate3d(170px, 0px, 0px);
}
#filmkhaneh2{
	z-index: 10;
}
#filmkhaneh2.active{
	-webkit-transform: translate3d(-160px, -50px, 0px);
	-moz-transform: translate3d(-160px, -50px, 0px);
	-ms-transform:translate3d(-160px, -50px, 0px);
	transform: translate3d(-160px, -50px, 0px);
}
#filmkhaneh3{
	z-index: 9;
	left: 140px;
	margin-top: 50px;
}
#filmkhaneh3.active{
	-webkit-transform: translate3d(-195px, 50px, 20px);
	-moz-transform: translate3d(-195px, 50px, 20px);
	-ms-transform:translate3d(-195px, 50px, 20px);
	transform: translate3d(-195px, 50px, 20px);
}

/* SECTION 4 */

#section4 {
	z-index: 4;
}

#section4 img{
	position:absolute;
	left: 40px;
	top: 50px;
}
#section4 .box{
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 1;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section4 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section4 .imgsContainer{
	display: block;
	position: absolute;
	z-index: 1;
	top: 42%;
	left: 50%;
	margin-top: -300px;
	margin-left: -700px;
	width: 800px;
	height: 696px;
	max-width: 100%;
	max-height: 100%;
}
#section4 img{
	height: 100%;
	width: auto !important;
}
/*screen resolutions between 620px and 800px*/
@media all and (min-width: 620px) and (max-width: 800px){
	#section4 .imgsContainer{
		margin-top: -278px;
		margin-left: -600px;
		width: 647px;
		height: 563px;
	}
}
/*screen resolutions lower than 620px*/
@media all and (max-width: 620px){
	#section4 .imgsContainer{
		margin-top: -208px;
		margin-left: -450px;
		width: 534px;
		height: 464px;
	}
}
#dehghanpour1{
	z-index: 11;
}
#dehghanpour1.active{
	-webkit-transform: translate3d(-80px, 0px, 0px);
	-moz-transform: translate3d(-80px, 0px, 0px);
	-ms-transform:translate3d(-80px, 0px, 0px);
	transform: translate3d(-80px, 0px, 0px);
}
#dehghanpour2{
	z-index: 10;
}
#dehghanpour2.active{
	-webkit-transform: translate3d(210px, -30px, 0px);
	-moz-transform: translate3d(210px, -30px, 0px);
	-ms-transform:translate3d(210px, -30px, 0px);
	transform: translate3d(210px, -30px, 0px);
}

/* SECTION 5 */

#section5 .box{
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 1;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section5 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section5 img{
	top: 0px;
	left: 5%;
	position: absolute;
}

/* SECTION 6 */

#section6 {
	z-index: 6;
	text-align:center;
}
#section6 .box{
	position: relative;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 1;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section6 .box a{
	text-decoration: none;
	color: #afd334;
}
#section6 .box a:hover{
	text-decoration: none;
	color: #000;
}
#section6 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section6 img{
	top: -300px;
	right: 20%;
	position: relative;
	height: 100%;
	width: auto !important;
}

/* SECTION 7 */

#section7 {
	z-index: 7;
}
#section7 img{
	position:absolute;
	left: 40px;
	top: 100px;
}
#section7 .box{
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 50;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section7 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section7 .imgsContainer{
	display: block;
	position: absolute;
	z-index: 1;
	top: 42%;
	left: 50%;
	margin-top: -300px;
	margin-left: -700px;
	width: 800px;
	height: 696px;
	max-width: 100%;
	max-height: 100%;
}
#section7 img{
	height: 100%;
	width: auto !important;
}
/*screen resolutions between 620px and 800px*/
@media all and (min-width: 620px) and (max-width: 800px){
	#section7 .imgsContainer{
		margin-top: -278px;
		margin-left: -600px;
		width: 647px;
		height: 563px;
	}
}
/*screen resolutions lower than 620px*/
@media all and (max-width: 620px){
	#section7 .imgsContainer{
		margin-top: -208px;
		margin-left: -450px;
		width: 534px;
		height: 464px;
	}
}
#homayoun1{
	z-index: 11;
}
#homayoun1.active{
	-webkit-transform: translate3d(100px, 0px, 0px);
	-moz-transform: translate3d(100px, 0px, 0px);
	-ms-transform:translate3d(100px, 0px, 0px);
	transform: translate3d(100px, 0px, 0px);
}
#homayoun2{
	z-index: 10;
}
#homayoun2.active{
	-webkit-transform: translate3d(-160px, -50px, 0px);
	-moz-transform: translate3d(-160px, -50px, 0px);
	-ms-transform:translate3d(-160px, -50px, 0px);
	transform: translate3d(-160px, -50px, 0px);
}
#homayoun3{
	z-index: 9;
	left: 140px;
	margin-top: 50px;
}
#homayoun3.active{
	-webkit-transform: translate3d(-165px, 90px, 30px);
	-moz-transform: translate3d(-165px, 90px, 30px);
	-ms-transform:translate3d(-165px, 90px, 30px);
	transform: translate3d(-165px, 90px, 30px);
}

/* SECTION 8 */

#section8 {
	z-index: 8;
	text-align:center;
}
#section8 .box{
	position: relative;
	top: 30%;
	left: 50%;
	margin-left: 100px;
	width: 25%;
	z-index: 1;
	text-align: right;
	direction: rtl;
	color : #000;
    font-family: BYekan;
    font-size: 13px;
    line-height: 200%;
}
#section8 .box a{
	text-decoration: none;
	color: #afd334;
}
#section8 .box a:hover{
	text-decoration: none;
	color: #000;
}
#section8 .box p {
	margin-bottom: 30px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
}
#section8 img{
	top: -300px;
	right: 20%;
	position: relative;
	height: 100%;
	width: auto !important;
}