/*NAWIGACJA.CSS*/

 

body{
	overflow-x: hidden;
	font-weight:300;
	/*overflow-x:hidden !important; */
}

a, a:hover, a:focus{
	text-decoration: none;
}
a:focus {
    	outline: none;
}

/***
.animated{
	visibility: hidden;
}
***/



.ease{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.ease:hover{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.text-center > .img-responsive{
	display: block;
	display: inline-block;
}
p{
	color: #777;
	font-weight:300;
	font-size: 16px;
	line-height:22px;
}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.masthead{
	position: fixed;
	width: 380px;
	height: 100%;
	left: 40px;
	top: 0;
	z-index: 1000;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 1.2s ease-in-out;
	   -moz-transition: all 1.2s ease-in-out;
		-ms-transition: all 1.2s ease-in-out;
		 -o-transition: all 1.2s ease-in-out;
			transition: all 1.2s ease-in-out;
}
.masthead.revealed{
	left: -300px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}
.masthead.revealed .main-logo-wrap{
	top: -150px;
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}
.main-logo-wrap{
	
	right: 15px;
	top: 20px;
	-webkit-transition: all 1.5s ease-in-out;
	   -moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		 -o-transition: all 1.5s ease-in-out;
			transition: all 1.5s ease-in-out;
}
.side-logo{
	margin-top: 80px;
	margin-left: 80px;
}
.nav-bio{
	
	margin-top: 130px;
	margin-right: 80px;
	margin-left: 75px;
    text-align: center;
  
}
.nav-bio .h4{

	margin-left: 0px;
	font-size: 12px;
	line-height: 42px;
	letter-spacing: 3px;
	padding: 1px;


}

.nav-bio .h5{

	font-size: 37px;
	line-height: 5px;
	letter-spacing: 4px;
	font-weight: 100;
	vertical-align: bottom;
	padding: 1px;
}



.nav-bio h4>span{

	margin-left: 0px;
	font-size: 12px;
	line-height: 42px;
	letter-spacing: 3px;
	padding: 1px;


}
.nav-bio h5>span{

	font-size: 38px;
	line-height: 25px;
	letter-spacing: 5px;
	font-weight: 200;
	padding: 1px;
	vertical-align: top;


}
.nav-item-wrap{
	margin-top: 65px;
	margin-right: 100px;
	margin-left: 90px;
	text-align: center;
}
.main-nav-menu{
	list-style: none;
	padding: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

	
	

}
.main-nav-menu li{
     padding: 0;
     margin-bottom: 8px;
     padding-bottom: 8px;
    border-bottom: solid 1px #ccc;
}
.main-nav-menu li a.main-nav-link{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 4px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
	font-weight: bolder;
}
.main-nav-menu li a.main-nav-link:hover{
    -webkit-transition: all .8s linear;
       -moz-transition: all .8s linear;
        -ms-transition: all .8s linear;
         -o-transition: all .8s linear;
            transition: all .8s linear;
}
.sub-nav{
    display: none;
    padding: 0px;
    margin-top: 4px;
}
.sub-nav a{
     font-weight: 100;
     font-size: 13px;
     line-height: 13px;
     letter-spacing: 0px;
     text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}
.sub-nav a:hover{
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}
.sub-nav a:after{
    content: ' / ';
    margin-left: 3px;
    margin-right: 3px;
}
.sub-nav a:last-child:after{
    display: none;
}

.social-wrap{
    list-style: none;
    padding: 0;
	margin-top: 60px;
	margin-right: 100px;
	margin-left: 80px;
}
.social-wrap li{
    display: inline-block;
    margin: 0 2px;
}
.social-wrap li a > img{
    width: 30px;
    opacity: 0.1;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.social-wrap li a:hover > img{
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
       -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
         -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}
.credit-text{
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 80px;
}
.credit-text p{
	font-size: 14px;
	line-height: 19px;
}






/*-------------------------------------------------------------------------------------------------------------------------------*/
/* NAWIGACJA RUCHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/




.open-nav .mobile-toggle {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
}



.mobile-toggle {
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  right: 20px;
  top:48%;
  width: 30px;
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
}
.mobile-toggle span {
  width: 30px;
  height: 2px;
  margin-bottom: 6px;
  background: #000;
  display: block;
}