@font-face {
	font-family: 'B Nazanin';
	src: url('fonts/BNazanin.eot?') format('eot'), url('fonts/BNazanin.woff') format('woff'), url('fonts/BNazanin.ttf') format('truetype'), url('BNazanin.svg#BNazanin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen and (max-device-width: 480px) {
@font-face {
	font-family: 'B Nazanin';
	src: url('fonts/BNazanin.eot?') format('eot'), url('fonts/BNazanin.woff') format('woff'), url('fonts/BNazanin.ttf') format('truetype'), url('BNazanin.svg#BNazanin') format('svg');
	font-weight: normal;
	font-style: normal;
}}

body, html {
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
  -webkit-font-smoothing: antialiased;
}

body, .onepage-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

.onepage-wrapper .ops-section {
  width: 100%;
  height: 100%;
  position: relative;
}

.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .ops-section {
  position: relative !important;
  top: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}

.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}
	
    html {
      height: 100%;
    }
    body {
      position: relative;
      background: #E2E4E7;
      padding: 0;
      text-align: center;
      margin: 0;
      height: 100%;
    }
    
    .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
    a {
      text-decoration: none;
    }
    
    
    h1, h2 {
      width: 100%;
      float: left;
    }
    h1 {
      margin-top: 100px;
      color: #000;
      margin-bottom: 5px;
      font-size: 70px;
      letter-spacing: -4px;
      font-weight: 100;
    }
    h1 span {
      font-size: 26px;
      margin: 0 5px;
      text-transform: capitalize;
      background: rgba(0,0,0,0.85);
      display: inline-block;
      color: #6D461D;
      border-radius: 5px 5px;
      -webkit-border-radius: 5px 5px;
      -moz-border-radius: 5px 5px;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
      padding: 3px 10px;
    }
    h2 {
      color: #ffffff;
      font-weight: 100;
      margin-top: 0;
      margin-bottom: 10px;
    }
    
    .pointer {
      color: #9b59b6;
      font-family: 'Pacifico', cursive;
      font-size: 30px;
      margin-top: 15px;
    }

    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }
    
    .main h1 {
      padding:150px 50px;
      float: left;
      width: 100%;
      font-size: 45px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      font-weight: 100;
      color: white;
      margin: 0;
    }
   
    .main h1.demo1 {
      background: #1ABC9C;
    }
    
    .reload.bell {
      font-size: 12px;
      padding: 20px;
      width: 45px;
      text-align: center;
      height: 47px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    
    .reload.bell #notification {
      font-size: 25px;
      line-height: 140%;
    }
    
    .reload, .btn{
      display: inline-block;
      border: 4px solid #A2261E;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: #CC3126;
      display: inline-block;
      line-height: 100%;
      padding: 0.7em;
      text-decoration: none;
      color: #fff;
      width: 100px;
      line-height: 140%;
      font-size: 17px;
	  font-family: 'Yanone Kaffeesatz', sans-serif;
	  font-weight: bold;
    }
    .reload:hover{
      background: #444;
    }
    .btn {
      width: 200px;
      color: rgb(255, 255, 255);
      border: 4px solid rgb(0, 0, 0);
      background: rgba(3, 3, 3, 0.75);
    }
    .clear {
      width: auto;
    }
    .btn:hover, .btn:hover {
      background: #444;
    }
    .btns {
      width: 410px;
      margin: 50px auto;
    }
    .credit {
      text-align: center;
      color: rgba(0,0,0,0.5);
      padding: 10px;
      width: 410px;
      clear: both;
    }
    .credit a {
      color: rgba(0,0,0,0.85);
      text-decoration: none;
      font-weight: bold;
      text-align: center;
    }
    
    .back {
      position: absolute;
      top: 250px;
      left: 35px;
      padding: 0;
      width: 50px;
      height: 55px;
	  line-height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
	  border: none;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;      
      background: rgba(20, 20, 20, 0.5);
      font-weight: regular;
      font-size: 46px;
      color: #fff;
      cursor: pointer;
      cursor: hand;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }
    
    .back:hover {
      color: white;
      background: rgba(70, 70, 70, 1);
    }
    
    .blackbg {
      color: white;
      background: rgba(70, 70, 70, 1);    
    }

    .nazarat {
      opacity: 0;
	  margin: 5px 0;
	  border-radius: 50% / 11%;
	  text-indent: .1em;    
      position: absolute;
      top: 250px;
      left: 85px;
      text-align: center;
      display: block;
      padding: 0;
      width: 200px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(20, 20, 20, 0.5);
	  font-size: 30px;
      color: #000;
      cursor: pointer;
      cursor: hand;      
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      line-height: 50px;
    }
    
    .nazarat:hover {
      color: white;
      background: rgba(70, 70, 70, 1);
    }

    .namayandegi {
      position: absolute;
      top: 250px;
      left: -200px;
      text-align: center;
      display: block;
      padding: 0;
      width: 200px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(20, 20, 20, 0.5);
	  font-size: 30px;
      color: #000;
      cursor: pointer;
      cursor: hand;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      line-height: 50px;
    }
    .namayandegi:hover {
      color: white;
      background: rgba(70, 70, 70, 1);
    }
    
    .sefaresh {
      opacity: 0;
	  margin: 5px 0;
	  border-radius: 50% / 11%;
	  text-indent: .1em;        
      position: absolute;
      top: 250px;
      left: 85px;
      text-align: center;
      display: block;
      padding: 0;
      width: 200px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(20, 20, 20, 0.5);
	  font-size: 30px;
      color: #000;
      cursor: pointer;
      cursor: hand;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      line-height: 50px;
    }
    .sefaresh:hover {
      color: white;
      background: rgba(70, 70, 70, 1);
    }    
    
    .nazarat2 {
	  margin: 0 auto;
	  border-radius: 50% / 11%;
      position: relative;
      padding: 0;
      width: 200px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(70, 70, 70, 1);
	  font-size: 30px;
      color: #000;
      cursor: pointer;
      cursor: hand;
      display: inline-block;
      line-height: 50px;
    }
    
    .nazarat2:hover {
      color: white;
      background: rgba(20, 20, 20, 0.5);
    }

    .namayandegi2 {
	  margin: 0 auto;
	  border-radius: 50% / 11%;
      position: relative;
      padding: 0;
      width: 200px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(70, 70, 70, 1);
	  font-size: 30px;
      color: #000;
      cursor: pointer;
      cursor: hand;
      display: inline-block;
      line-height: 50px;
    }
    
    .namayandegi2:hover {
      color: white;
      background: rgba(20, 20, 20, 0.5);
    }
    
    .sefaresh2 {
	  margin: 0 auto;
	  border-radius: 50% / 11%;
      position: relative;
      padding: 0;
      width: 200px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(70, 70, 70, 1);
	  font-size: 30px;
      color: #000;
      cursor: pointer;
      cursor: hand;
      display: inline-block;
      line-height: 50px;      
    }
    
    .sefaresh2:hover {
      color: white;
      background: rgba(20, 20, 20, 0.5);
    }

    header {
      position: relative;
      z-index: 10;
    }
    .main section .page_container {
      position: relative;
      top: 25%;
      margin: 0 auto 0;
      max-width: 950px;
      z-index: 3;
    }
    .main section  {
      overflow: hidden;
    }
    
    .main section > img {
      position: absolute;
      max-width: 100%;
      left: 0;
      z-index: 1;
    }
    
    .main section.page1 {
      background:rgb(255, 255, 255);
      padding-top: 6%;
    }
    .viewing-page-1 .content1{
      visibility: visible;
    }    
    .viewing-page-1 .content2{
      visibility: hidden;
    }
    .viewing-page-1 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}
    
    .main section .page_container .btns {
      clear: both;
      float: left;
      text-align: center;
      width: 435px;
    }
    .main section .page_container .btns a{
      text-align: center;
    }
    .main section.page2 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-2 .content1{
      visibility: hidden;
    }
    .viewing-page-2 .content2{
      visibility: visible;
    }    
    .viewing-page-2 .content3{
      visibility: hidden;
    }
    .viewing-page-2 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}
    .main section.page3 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-3 .content2{
      visibility: hidden;
    }
    .viewing-page-3 .content3{
      visibility: visible;
    }    
    .viewing-page-3 .content4{
      visibility: hidden;
    }
    .viewing-page-3 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}

    .main section.page4 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-4 .content3{
      visibility: hidden;
    }
    .viewing-page-4 .content4{
      visibility: visible;
    }    
    .viewing-page-4 .content5{
      visibility: hidden;
    }
    .viewing-page-4 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}    
    .main section.page5 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-5 .content4{
      visibility: hidden;
    }
    .viewing-page-5 .content5{
      visibility: visible;
    }    
    .viewing-page-5 .content6{
      visibility: hidden;
    }
    .viewing-page-5 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}    
    .main section.page6 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-6 .content5{
      visibility: hidden;
    }
    .viewing-page-6 .content6{
      visibility: visible;
    }    
    .viewing-page-6 .content7{
      visibility: hidden;
    }    
    .viewing-page-6 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}    
    .main section.page7 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-7 .content6{
      visibility: hidden;
    }
    .viewing-page-7 .content7{
      visibility: visible;
    }    
    .viewing-page-7 .content8{
      visibility: hidden;
    }
    .viewing-page-7 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}
    .main section.page8 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-8 .content7{
      visibility: hidden;
    }
    .viewing-page-8 .content8{
      visibility: visible;
    }    
    .viewing-page-8 .content9{
      visibility: hidden;
    }
    .viewing-page-8 .menubott{
	  background-image: url("img/div-lines_deff-01.png");
	}

    .main section.page9 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-9 .content8{
      visibility: hidden;
    }
    .viewing-page-9 .content9{
      visibility: visible;
    }    
    .viewing-page-9 .content10{
      visibility: hidden;
    }    
    .viewing-page-9 .menubott{
	  background-image: url("img/div-lines_deff-02.png");
	}    
    .main section.page10 {
      background:rgb(255, 255, 255);
    }
    .viewing-page-10 .content9{
      visibility: hidden;
    }
    .viewing-page-10 .content10{
      visibility: visible;
    }    
    .viewing-page-10 .content11{
      visibility: hidden;
    }
    .viewing-page-10 .menubott{
	  background-image: url("img/div-lines_deff-02.png");
	}
    .viewing-page-10 #doogh{
      visibility: hidden;
    }
    .main section.page11 {
      background:rgb(30, 30, 30);
    }
    .viewing-page-11 .menubott{
	  background-image: url("img/div-lines_deff-03.png");
	}
    .viewing-page-11 .content10{
      visibility: hidden;
    }
    .viewing-page-11 .nazarat{
      visibility: hidden;
    }
    .viewing-page-11 .namayandegi{
      visibility: hidden;
    }
    .viewing-page-11 .sefaresh{
      visibility: hidden;
    }    
    .viewing-page-11 .back{
      visibility: hidden;
    }
    .viewing-page-11 #doogh{
      visibility: hidden;
    }
    .main section.page12 {
      background:rgb(255, 255, 255);
      padding: 0;
    }
    .viewing-page-12 .menubott{
	  background-image: url("img/div-lines_deff-04.png");
	}
    .viewing-page-12 #doogh{
      visibility: hidden;
    }	
    .main section.page10 {
      background:rgb(255, 255, 255);
      padding: 0;
    }
    .viewing-page-10 .menubott{
	  background-image: url("img/div-lines_deff-02.png");
	}    

    .menu1 {
      position: absolute;
      top: 28px;
      right: 70px;
      text-align: center;
      display: block;
      padding: 0;
      width: 100px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 1);
      color: #000;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }

    .menu2 {
      position: absolute;
      top: 28px;
      right: 190px;
      text-align: center;
      display: block;
      padding: 0;
      width: 100px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 1);
      color: #000;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }
        
    .menu3 {
      position: absolute;
      top: 28px;
      right: 290px;
      text-align: center;
      display: block;
      padding: 0;
      width: 100px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 1);
      color: #000;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }

    .menu4 {
      position: absolute;
      top: 28px;
      right: 385px;
      text-align: center;
      display: block;
      padding: 0;
      width: 100px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 1);
      color: #000;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }

    .menu5 {
      position: absolute;
      top: 28px;
      right: 500px;
      text-align: center;
      display: block;
      padding: 0;
      width: 100px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 1);
      color: #000;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }

    .menu6 {
      position: absolute;
      top: 28px;
      right: 615px;
      text-align: center;
      display: block;
      padding: 0;
      width: 180px;
      height: 55px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 1);
      color: #000;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }

    .menubg {
      position: absolute;
      top: 0;
      right: 0;
      text-align: center;
      display: block;
      padding: 0;
      width: 100%;
      height: 95px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgb(255, 255, 255);
    }

    .menubott {
      position: absolute;
      top: 90px;
      right: 35px;
      text-align: center;
      display: block;
      width: 100%;
      height: 33px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
	  background-image: url("img/div-lines_deff-01.png");
	  background-repeat: no-repeat;
	  background-position: right;
    }

    .menusocial1 {
      text-decoration: none;
      position: fixed;
      bottom: 5px;
      left: 20px;
      display: block;
      padding: 0;
      width: 28px;
      height: 23px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0);
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }
    .menusocial1:hover {
    }

    .menusocial2 {
      position: fixed;
      bottom: 4px;
      left: 60px;
      display: block;
      padding: 0;
      width: 28px;
      height: 23px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0);
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }
    .menusocial2:hover {
    }

    .menusocial3 {
      position: fixed;
      bottom: 5px;
      left: 100px;
      display: block;
      padding: 0;
      width: 28px;
      height: 23px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0);
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }
    .menusocial3:hover {
    }

    .menusocial4 {
      position: fixed;
      bottom: 5px;
      left: 140px;
      display: block;
      padding: 0;
      width: 28px;
      height: 23px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0);
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
    }
    .menusocial4:hover {
    }
    
    .logogadookf {
      position: absolute;
      top: -60px;
      left: 70px;
      display: block;
      padding: 0;
      width: 141px;
      height: 60px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0);
    }
    .logogadookf:hover {
    }

    .gallerytitle {
      position: absolute;
      top: -60px;
      left: 210px;
      display: block;
      padding: 0;
      width: 100px;
      height: 60px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0);
    }

    .content1 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 0.5px 0.5px #E6E6FA;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
   	  visibility: hidden;
      opacity: 0.01;	  
    }

    .content2 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #B0E0E6, 0.5px 0.5px #B0E0E6;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;	  
    }
    
    .content3 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 1px 1px #E6E6FA;
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;	  
    }
    .content4 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 0.5px 0.5px #E6E6FA;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;
    }
    .content5 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #B0E0E6, 0.5px 0.5px #B0E0E6;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;	  
    }
    .content6 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #B0E0E6, 0.5px 0.5px #B0E0E6;	  
	  color: #DFDFDF;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;	  
    }

    .content7 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 0.5px 0.5px #E6E6FA;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;
    }

    .content8 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 0.5px 0.5px #E6E6FA;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;
    }
    .content9 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 0.5px 0.5px #E6E6FA;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;
    }
    .content10 {
      position: absolute;
	  text-align: justify;
	  font-weight: bold;
	  //text-shadow: 0px 0px 1px #000, -1px -1px #E6E6FA, 0.5px 0.5px #E6E6FA;	  
	  color: #666666;
      top: 80px;
      right: 40px;
      width: 400px;
      padding: 15px;
	  visibility: hidden;
      opacity: 0.01;
    }
        
    #map_canvas {
        width: 100%;
        height: 100%;
    }    
    
    body.disabled-onepage-scroll .onepage-wrapper  section {
      min-height: 100%;
      height: auto;
    }
    
    body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container  {
      padding: 20px;
      margin-top: 125px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    body.disabled-onepage-scroll  section .page_container h1{
      text-align: center;
      font-size: 50px;
    }
    body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns{
      text-align: center;
      width: 100%;
    }
    
    body.disabled-onepage-scroll .main section.page1 > img {
      position: absolute;
      width: 80%;
      left: 0;
    }
    
    body.disabled-onepage-scroll .main section > img {
      position: relative;
      max-width: 80%;
      bottom: 0;
    }
    body.disabled-onepage-scroll code {
      width: 95%;
      margin: 0 auto 25px;
      float: none;
      overflow: hidden;
    }
    
    body.disabled-onepage-scroll .main section.page3 .page_container {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      right: 0;
    }

	.container {
	    border: 1px solid #DDDDDD;
	    width: 200px;
	    height: 200px;
	    position:relative;
	}    
	.tag {
	    float: right;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    background-color: green;
	}
	
	.fontgoog {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 42px;
	}

	.fontgoogsub {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 26px;
	}

	.shekari3 {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 23px;
	}
	
	.overlay {  
	  position:relative;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  z-index:10;
      background: rgba(0, 0, 0, 0.8);
	  display: none;
	}

	.overlaychild {
	  direction: rtl;
	  display: block;
	  width: 500px; 
	  height: 570px; 
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -285px 0 0 -250px;	  
	  padding: 5px;
	  border: 20px solid; 
	  border-radius: 35px; 
	  border-color: #505050; 
	  background: rgba(200, 200, 200, 0.8);
	}

	.forminform {
	  direction: ltr;
	  position: absolute; 
	  top:15px; 
	  left:0; 
	  display:none; 
	  background-color: #6699FF; 
	  padding: 10px; 
	  text-align:left; 
	  width:485px;
	  height:100px; 
	  border: 2px solid;
	  border-radius: 10px; 
	  border-color: #c0c0c0; 
	}


	textarea {
	  border: 1px solid #ccc;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  font-family: 'Yanone Kaffeesatz', sans-serif;
	  font-size: 22px;
	  width: 480px;
	  height: 150px;
	  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);	  
	}	

	textarea:focus {
	  border-color: #339933;
      border: 2px solid #990;
	}

	input.rounded {
	  border: 1px solid #ccc;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  -moz-box-shadow: 1px 1px 2px #666;
	  -webkit-box-shadow: 1px 1px 2px #666;
	  box-shadow: 1px 1px 2px #666;
	  padding: 4px 7px;
	  outline: 0;
	  -webkit-appearance: none;
	  font-family: 'Yanone Kaffeesatz', sans-serif;
	  font-size: 22px;
	  width: 224px;
 	  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	}
	
	input.rounded:focus {
	  border-color: #339933;
      border: 2px solid #990;
	}
	
	input.rounded2 {
	  border: 1px solid #ccc;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  -moz-box-shadow: 1px 1px 2px #666;
	  -webkit-box-shadow: 1px 1px 2px #666;
	  box-shadow: 1px 1px 2px #666;
	  padding: 4px 7px;
	  outline: 0;
	  -webkit-appearance: none;
	  font-family: 'Yanone Kaffeesatz', sans-serif;
	  font-size: 22px;
	  width: 470px;
 	  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	}

	input.rounded2:focus {
	  border-color: #339933;
      border: 2px solid #990;
	}	

	.button, .button:visited {
	    display: inline-block;
	    padding: 5px 10px 6px;
	    color: #fff;
	    text-decoration: none;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	    border-bottom: 1px solid rgba(0,0,0,0.25);
	    position: relative;
	    cursor: pointer;
		font-size: 32px;
		line-height: 1;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.65);
		background-color: #6699FF;
	    font-family: 'Yanone Kaffeesatz', sans-serif;
		padding: 12px;
	}
	
	.success { 
		background: #CFFFF5;
		padding: 10px; 
		margin-bottom: 10px; 
		border: 1px solid #B9ECCE; 
		border-radius: 5px; 
		font-weight: normal; 
	}
	.error { 
		background: #FFDFDF; 
		padding: 10px; 
		margin-bottom: 10px; 
		border: 1px solid #FFCACA; 
		border-radius: 5px; 
		font-weight: normal;
	}
	
	.imageboxparent {
	  display: block;
	  width: 98.7%; 
	  height: 97.5%; 
      position: absolute;
      top: 0;
      left: 0;
	  border: 10px solid; 
	  border-radius: 20px; 
	  border-color: #505050; 
	  background: rgba(0, 0, 0, 0);
	}
	
	.imageboxwhole {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top:25px; 
	left:0; 
	overflow: auto;
	}
	
	.imageboxwhole::-webkit-scrollbar {
	    width: 25px;
	}
	
	.imageboxwhole::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); 
	    border-radius: 20px;
	}
	
	.imageboxwhole::-webkit-scrollbar-thumb {
	    border-radius: 20px;
	    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
	    background: rgba(0, 0, 200, 0.2);
	}	

    .imagebox {
	  margin: 0 auto;
      position: relative;
      padding: 0;
      width: 22%;
      cursor: pointer;
      cursor: hand;
      display: inline-block;
    }

	.trans08 {
      background: rgba(155, 155, 155, 0.5);
	} 

	.trans1 {
      background: rgba(255, 255, 255, 0.6);
	} 
	   
	.imageitem {
	  width: 100%;
	  -moz-filter: drop-shadow(0 0 10px #222);
  	  -webkit-filter: drop-shadow(0 0 10px #222);
	  filter: drop-shadow(0 0 10px #222);
  	}
  	
  	.trans09 {
  	  -moz-filter: grayscale(0.9);
  	  -webkit-filter: grayscale(0.9);
  	  filter: grayscale(0.9);
  	}
  	
	.temp {  
	  position: absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  z-index:20;
	  display: none;
	}
	
	.cloud1 {
	  display: none;
	}
	
	.cloud2 {
	  display: none;
	}
	
	.scroll-disabled {
	  display: block;
	}