/*@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);*/
/* line 5, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: 'Verdana', sans-serif;	/*'Fjord One', 'Fjord', "Georgia", "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
}

/*biggest box */
#site-box{width:100%;
  height:100%;
margin : 0px;
/*border: 1px #00ff00 solid;*/}

/* line 22, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {line-height: 1;}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {list-style: none;}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
/*table {border-collapse: collapse;
  border-spacing: 0;}*/

/* line 28, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
/*caption, th, td { text-align: left;
  font-weight: normal;
  vertical-align: middle;}*/

/* line 30, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
/*q, blockquote {quotes: none;}*/
  
/* line 103, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
/*q:before, q:after, blockquote:before, blockquote:after {content: "";
  content: none;}*/

/* line 32, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
/*a img {border: none;}*/

/* line 116, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;}

/* line 1, ../scss/_opr.scss */
.opr-page {position: fixed;
  height: 100%;
  width: 90%;
  max-width:2000px;
  right:0;
  line-height:1.5;
  font-size:large;}

/* line 6, ../scss/_opr.scss important*/
.opr-current {  z-index: 98;}

/* line 9, ../scss/_opr.scss important*/
.opr-animate {  z-index: 99;}

/* line 12, ../scss/_opr.scss */
.opr-nav a[data-target], .opr-next, .opr-prev {
  cursor: pointer;}

/* line 13, ../scss/main.scss */
body {background-color: #fff;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}

/* line 18, ../scss/main.scss */
a {text-decoration: none;
  color: #333;
  display: block;}

/* line 24, ../scss/main.scss */
a:after {content: '';
  position: relative;
  display: block;
  width: 8px;
  border-bottom: 2px solid #333;
  transition: 0.3s ease-in-out;}

/* line 32, ../scss/main.scss */
a:hover:after {width: 100%;}  
  
#nav-main {z-index: 100;
    top: 0px;
    left: 0;
	height:100px;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    width:10%;
    list-style: none;}

#nav-main li a {color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    width: 100%;
    float:center;
    display: block;
    padding: 10px 0;
    text-align: center;}

#nav-main li a:hover {background: rgba(255, 255, 255, 0.9);}

#nav-main2 {z-index: 100;
    top: 100px;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    width:10%;
    list-style: none;
    font-size:120%;}

#nav-main2 li a {color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    width: 100%;
    float:center;
    display: block;
    padding: 10px 0;
    text-align: center;}

#nav-main2 li a:hover {background: rgba(255, 255, 255, 0.9);}

#nav-main3 {z-index: 100;
    bottom: 0px;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    width:10%;
    list-style: none;}

#nav-main3 li a {color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    width: 100%;
    float:center;
    display: block;
    padding: 10px 0;
    text-align: center;}

#nav-main3 li a:hover {background: rgba(255, 255, 255, 0.9);}

#nav-main4 {z-index: 99;
    bottom: 0px;
	height:100vh;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    width:10%;
    list-style: none;}

#nav-main4 li a {color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    width: 100%;
    float:center;
    display: block;
    padding: 10px 0;
    text-align: center;}

#nav-main4 li a:hover {background: rgba(255, 255, 255, 0.9);}


h1{font-size:175%;
font-weight: normal;/*200%*/
float:center;
background-color:transparent;
/*border: 1px #00ff00 solid;*/}

h2{font-size:120%;
font-weight: normal;/*200%*/
float:left;
background-color:transparent;
/*border: 1px #00ff00 solid;*/}

.inner-w-m {position: absolute;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.7);
 margin:20% 8%;
 padding: 4%;
 width:76%;
 text-shadow: -25px 0 25px 25px rgba(255,255,255,0.5);
 text-align:center;
 color: rgba(0, 0, 0, 0.7);}

.inner-w-m img {position:relative;
margin:0 5% 0 0;
width:50%;
opacity:0.6;
float:left;}

.inner-b-m {position: absolute;
 background: rgba(10, 10, 10, 0.5);
 box-shadow: 0 0 20px 20px rgba(10, 10, 10, 0.5);
 margin:20% 8%;
 padding: 4%;
 width:76%;
 text-shadow: -25px 0 25px 25px rgba(0, 0, 0, 0.5);
 text-align:center;
 color: rgba(250, 250, 250, 0.7);}

.inner-b-m img {position:relative;
margin:0 5% 0 0;
width:50%;
opacity:0.8;
float:left;}

.inner-rb-t {position: absolute;
 top: 0;
 right:0;
 background: rgba(10, 10, 10, 0.5);
 box-shadow: -15px 0 20px 20px rgba(10, 10, 10, 0.5); /*horizontal vertical blur spread*/
 padding: 4% 5% 4% 4%;
 width:500px;
 max-width:90%;
 text-shadow: -25px 0 25px 25px rgba(0, 0, 0, 0.5);
 color: rgba(250, 250, 250, 0.7);}

.inner-rb {position: absolute;
 bottom: 0;
 right:0;
 background: rgba(10, 10, 10, 0.5);
 box-shadow: -15px 0 25px 25px rgba(10, 10, 10, 0.5);
 padding: 5% 4%;
 width:500px;
 max-width:90%;
 text-shadow: -20px 0 20px 20px rgba(0, 0, 0, 0.5);
 color: rgba(250, 250, 250, 0.7);}

.inner-lb-t {position: absolute;
 top: 0;
 background: rgba(0, 0, 0, 0.5);
 box-shadow: 5px 5px 20px 20px rgba(0, 0, 0, 0.5);
 padding: 4% 4% 4% 5%;
  width:500px;
 max-width:90%;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
 color: rgba(250, 250, 250, 0.7);}

.inner-lb {position: absolute;
 bottom: 0;
left:0;
 background: rgba(0, 0, 0, 0.5);
 box-shadow: 20px 0 20px 20px rgba(0, 0, 0, 0.5); 
 padding: 5% 4%;
 width:500px;
 max-width:90%;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
 color: rgba(250, 250, 250, 0.7);}
	
.inner-rw-t {position: absolute;
    top: 0;
    right:0;
	padding: 4% 5% 4% 4%;
	 width:500px;
 max-width:90%;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 25px 25px rgba(255, 255, 255, 0.7);
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}
	
.inner-rw {position: absolute;
    bottom: 0;
    right:0;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.7);
 box-shadow: -10px 0 25px 25px rgba(255, 255, 255, 0.7);
     width:500px;
 max-width:90%;
    padding: 5% 4%;}
	
.inner-lw-t {position: absolute;
    top: 0;
    left:0;
	 width:500px;
 max-width:90%;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 5px 5px 20px 20px rgba(255, 255, 255, 0.7);
    padding: 4% 4% 4% 5%;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);}
	
.inner-lw {position: absolute;
    bottom: 0;
	left:0;
    background: rgba(255, 255, 255, 0.7);
	box-shadow: 20px 0 20px 20px rgba(255, 255, 255, 0.7);
    padding: 5% 4%;
	color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
	 width:500px;
 max-width:90%;}

.inner-vw {position: absolute;
    width: 100%;
	height:50%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    padding: 25% 0;}

.inner-vb {position: absolute;
    width: 100%;
	height:50%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 25% 0;}

/*top*/	
.inner {position: relative;
	margin:20% 20%;
	background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 25px 25px rgba(255, 255, 255, 0.7);
    padding: 5% 4%;
	color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
    /*border: 1px #00ff00 solid;*/ }
	
/*face*/
.inner2 {position: relative;
    right:0;
    width:90%;
	hight:90%;
    margin: 2% 3%;
    padding: 0 10%;
    border: 1px #00ff00 solid; }
	
/* div#first */
.title {position: absolute;
    margin: 2% 4%;
	padding:0;
	bottom:0;
    color: rgba(0,0,0, 0.5);
	text-shadow: 0 -2px 0 rgba(255,255,255, 0.9);
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 15px 20px rgba(255, 255, 255, 0.5);
    font-size: 120%;
    /*z-index: 10;*/
    /*border: 1px #00ff00 solid;*/}

/* top */
.first {background: url(img/IMG_0695.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/*  */
.second {background: url(img/IMG_0695.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}
	
.second img {margin: 0 5% 0 0;
  position: relative;
  width:50%;
  opacity: 0.6;
  Float:left;
  /*border: 1px #00ff00 solid;*/}

/* face */
.third {background: url(img/IMG_2106.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* shi */
.fourth {background: url(img/IMG_2172.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* jen */
.fifth {background: url(img/IMG_2106.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* raf */
.sixth {background: url(img/IMG_0695.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* jam */
.seventh {background: url(img/IMG_1301.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* tre */
.eighth {
	background: url(img/IMG_1175.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* rad */
.ninth {background: url(img/IMG_2740.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/* muf */
.tenth {background: url(img/IMG_2625.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}
	
/* haf */
.eleventh {background: url(img/IMG_0998.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}
	
/* nor */
.twelfth {background: url(img/IMG_2494.jpg) no-repeat;
	background-size:cover;
	background-attachment: fixed;}

/*video*/
.c-box{width:100%;
background-color:transparent;
padding: 0;
margin: 0;
bottom: 0;
text-align: center; 
/*border: 1px #00f solid;/ blue*/}

p.mini {font-size:90%;}

p.resizeimage img { width: 100%;
text-align: center; }

/* line 62, ../scss/main.scss */
.opr-next {position: fixed;
padding:1%;
  right: 1%;
  bottom: 1%;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.7);
  cursor: pointer;
  /*border: 1px #00f solid;/ blue*/}

.opr-next:hover {position: fixed;
padding:1%;
  right: 1%;
  bottom: 1%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.8);
  	text-shadow: 0 -2px 0 rgba(255, 255, 255, 0.7);
  /*transform: translate(-50%, 0) rotate(45deg);*/
  cursor: pointer;
  /*border: 1px #00f solid;/ blue*/}
  
.opr-prev {position: fixed;
padding:1%;
  right: 1%;
  top: 1%;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.7);
  cursor: pointer;
  /*border: 1px #00f solid;/ blue*/}

.opr-prev:hover {position: fixed;
padding:1%;
  right: 1%;
  top: 1%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.8);
  	text-shadow: 0 -2px 0 rgba(255, 255, 255, 0.7);
  cursor: pointer;
  /*border: 1px #00f solid;/ blue*/}