html {
      height: 100%;
    }
body {
      background: #E2E4E7;
      padding: 0;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      position: relative;
      margin: 0;
      height: 100%;
      -webkit-font-smoothing: antialiased;
    }
    
    .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
    a {
      text-decoration: none;
    }
    
    
    h1, h2 {
      width: 100%;
      
	  font-family: 'Marck Script', cursive;
	  text-shadow:0px 0px 4px #2f4154;
    }
    h1 {
      margin-top: 100px;
      color: #efefef;
      margin-bottom: 5px;
      font-size: 70px;
      letter-spacing: -4px;
      font-weight: 100;
	  text-align: center;
      padding: 0;
      margin: 0;
      font-size: 40pt;
      
    }

    h2 {
      color: #efefef;
      font-weight: 100;
      margin-top: 0;
      margin-bottom: 10px;
	  text-align: center;
      width: 435px;
      line-height: 160%;
    }
    
    .pointer {
      color: #9b59b6;
      font-family: 'Pacifico', cursive;
      font-size: 30px;
      margin-top: 15px;
    }
    

        
    .back {
      text-align: center;
      display: inline-block;
      padding: 7px;
     
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(0, 0, 0, 0.25);
      font-weight: bold;
      font-size: 13px;
      color: #fff;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
    }
    .back:hover {
      color: white;
      background: rgba(255, 255, 255, 0.1);
    }
    
  
    .main section .page_container {
      position: relative;
      top: 5%;
	  margin: 10px  ;
      max-width: 468px;
      z-index: 3;
	  background: #0099CC;
      padding:5px;
	  border:4px solid rgba(239,239,239,0.9);
	  box-shadow: 0 0 20px rgba(239,239,239,0.6);
	  cursor: pointer;
    }
	
	.jones .page_container  {top: 30% !important;}
	.roses .page_container  {top: 35% !important;left:38%}
	.barbie .page_container  {top: 20% !important;left:2%}
	.turn .page_container  {top: 20% !important;left:32%}
	.backto .page_container  {top: 30% !important;left:2%}
	.ruki .page_container  {top: 15% !important;left:32%}
	.main section .page_container .credit a {color:#000; text-decotation:none; -webkit-transition: color 0.5s ease;}
	.main section .page_container .credit a:hover {color:#fff; text-decotation:none;}
	
.main section .page_container .play {
background-image: url(play.png);
background-repeat: no-repeat;
background-size: auto;
background-position: 0 0;
cursor: pointer;
height: 72px;
left: 50%;
margin: -35px 0 0 -35px;
position: absolute;
z-index:99;
top: 50%;
width: 72px;
}
.main section .page_container:hover .play {
background-position: 0 -73px;

}	
	
    .main section  {
      overflow: hidden;
    }
            
    .main section.start {
      background:url(1.jpg) right center no-repeat; background-size:cover;
    }
	.main section.photo {
      background:url(2.jpg) right center no-repeat; background-size:cover;
    }
	.main section.jones {
      background:url(3.jpg) left center no-repeat; background-size:cover;
    }
	.main section.roses {
      background:url(4.jpg) left center no-repeat; background-size:cover;
    }
	.main section.around {
      background:url(5.jpg) left center no-repeat; background-size:cover;
    }
	.main section.barbie {
      background:url(6.jpg) left center no-repeat; background-size:cover;
    }
	.main section.turn {
      background:url(7.jpg) left center no-repeat; background-size:cover;
    }
	.main section.backto {
      background:url(8.jpg) left center no-repeat; background-size:cover;
    }	
	.main section.ruki {
      background:url(9.jpg) right center no-repeat; background-size:cover;
    }	
	.main section.piter {
      background:url(10.jpg) left center no-repeat; background-size:cover;
    }

	
    

 
   
    
    body.disabled-onepage-scroll .onepage-wrapper  section {
      min-height: 100%;
      height: auto;
    }
    
    body.disabled-onepage-scroll .main section .page_container  {
      position:static;
	  -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
	  margin: 30px auto;
    }
  body.disabled-onepage-scroll .main section .page_container .play{margin: -205px 0 0 -35px;}