/* @override http://www.ownwayofinspiration.com/_hi/css/style.css */

body{
  font-family: sans-serif;
  font-size:14px;
  font-weight: 400;
  overflow-y:scroll;
  -webkit-font-smoothing: antialiased;
}

::selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	::-moz-selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}

p{
  font-family: 'Raleway', sans-serif;
  font-size:14px;
  font-weight: 400;
}

a{
  text-decoration:none;
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; 
	border-bottom:1px solid #dedede;
}

a:focus {
  outline:none;
}

strong{
  font-weight:700;

}

/*
**************************
PRELOADER
**************************
*/

.preloader{
  position:fixed;
  top:0;
  width:100%;
  height:100%;
  background:white;
  z-index:999;
}
 
.preloader .item{
  position:absolute;
  width:50px;
  height:50px;
  left:50%;
  top:50%;
  margin-left:-25px;
  margin-top:-25px;
} 

.spinner {
  width: 40px;
  height: 40px;
  margin: 0px auto;
  background-color: #333;
  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;
  }
}





/*
**************************
NAVIGATION OPACITY
**************************
*/



.opacity-nav{
  position:fixed;
  display:none;
  width:100%;
  height:100%;
  top:0;
  z-index:9999;
  background:rgba(0,0,0,0.95);
}




#full{
	z-index: 9997;
}


div.text-intro {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}



img.owoi_logo {
	position: absolute;
	right: 0px;
	bottom: 100px;
	width: 150px;
}

.logo_area{
	float:left;
	width: 47.5vw;
	height: 95vh;
	position: relative;
	margin-top: 2.5vh;
	margin-right: 2.5vw;
	border: 50px none #fff;
}
.image_area{
	position:relative;
	float:left;
	width: 47.5vw;
	height: 80vh;
	background: url(../img/pic.jpg) center top;
	background-size: cover;
	margin-top: 10vh;
	margin-bottom: 10vh;
	margin-right: 2.5vw;
}
@media screen and (orientation : portrait)  { 
	.logo_area{
		width: 40vw;
		height: 50vh;
		margin-top: 25vh;
		margin-bottom: 25vh;
		margin-right: 10vw;
	}
	.image_area{
		width: 40vw;
		height: 50vh;
		margin-top: 25vh;
		margin-bottom: 25vh;
		margin-right: 10vw;
	}

}



.clear{
  clear:both;
}

#ajax-content {
	width: 100vw;
	height: 100vh;
}


        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }