body{
	background:#fff;
	overflow-x: hidden;
	padding:0;
	margin:0;
}
.b1{
	background-color:#251010;
}

.b2{
	background-color:#444;
}
#container{
	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	position:absolute;
	width:100%;
	height:100%;
}

#container-li{
	max-width:20%;
	height:100%;
	float: left;
	overflow: hidden;

}
#container-mid{
	max-width: 100%;
    padding-left: 52px;
/*	height:100%; */
}
#container-re{
	max-width:20%;
	float: right;
	overflow: hidden;
}
@media only screen and (max-width:1450px) {
	#nav-us {
		top: 30px !important;
		left:calc(50% - 101px) !important;
		width: 196px!important;
		height: 140px!important;
		}
	
	#nav-us #a, #nav-us #b {
		font-size: 6em !important;
		}
	#nav-us #c {
			font-size: 1em !important;
		}
	
	#brdcrmb {
		display:none;
		}
		
	}
	
	@media only screen and (max-width:1150px) {
	
	#itsme {
		margin-top: 10px !important;
		top: 10px !important;
		left: auto !important;
		max-width: 641px !important;
		max-height: 500px !important;
		position: relative  !important;
		margin: 0 auto !important;
		}
	#brdcrmb {
		display:none;
			}
	}
	
	@media only screen and (max-width:1000px) {
		/* For tablets: */
	
	#nav-us {
		top: 30px !important;
		left:calc(50% - 101px) !important;
		width: 196px!important;
		height: 140px!important;
			}
	
	#nav-re{
		width:384px !important;
		height:30px !important;
		background-color:transparent !important;
		top:0 !important;
		left:calc(50% - 170px) !important;
		}
	#nav-re ul{
		margin:0px !important;
		text-align:right !important;
		padding: 0;
		}
	#nav-re ul li{
		width:85px;
		padding:5px !important;
		font-size:15px !important;
		font-weight:bold;
		background-color:rgba(0, 0, 0, 0.3);								  
		float:left;
		text-align:center;
		border-right:1px solid #101b25;
		}
	#slideButton{
		display:none !important;
		}
	
	#ttldv{
		width:400px !important;
		   font-size:4em !important;
		}
	
	#pfimgttl{
		font-size: 1em  !important;
		}
	
	#brdcrmb {
		display:none;
		}
	
	}
	
	  @media only screen and (max-width: 600px) {
		/* For mobile phones: */
	
	#container{
		min-width: 480px !important;
		}
	
	#column {
		width: 100% !important;
			}
	/*	
	#nav-re{
		width: 384px;
	}
	*/
	}
a {text-decoration:none;
}
h1 {
	font-family:Poiret One, Arial;
	font-size:1.5em;
	color:#fff;
}
h2 {
	font-family:Poiret One, Arial;
	font-size:2em;
	color:#fff;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;	
	padding:15px;
}
#imgshdw {
	box-shadow: 4px 4px 6px #aaa;
	overflow:hidden;
}

/*LEFTBAR*/
#nav-li {
  	animation-name: left-inslide;
  	animation-duration: 1s;
  	animation-delay:.5s;
	animation-iteration-count:1;
}
@keyframes left-inslide {
  from {
    left: -50px;
  }
  to {
    left: 0;
  }
}


#nav-li {
	width: 50px;
	height: 100%;
	position: fixed;
	left:0px;
	background-color: #bbb;
	border-right: 2px solid #000;
}
#nav-li-li {
	width:inherit;
	position: absolute;
	left:0px;
	bottom:30px;
	transform: rotate(-90deg);
}

#nav-li-li a{
	text-decoration:none;
  	color:#FFF;
	opacity:1;
  	transition: all 0.3s;
  	-o-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
}
/*
#nav-li-li a:hover #nav-li-sp1{
	text-decoration:none;
  	color:#FFF;
	opacity:0.5;
}
*/
#nav-li-sp1{
  	font-family:Sierra Madre, Arial;
	font-size:1.5em;
	position:relative;
	bottom:5px;
}
#nav-li-sp2{
  	font-family:Poiret One, Arial;
	font-size:1em;
	position:relative;
	bottom:5px;
	margin-left:5px;
}

#nav-soc ul{
	list-style:none;
	padding:0px;
	display: none;
}
#nav-soc img {
	max-width:50px;	
}

#nav-soc img {
	opacity:0.5;
  	transition: all 0.3s;
  	-o-transition: all 0.3s;
 	 -moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
}
#nav-soc img:hover {
	opacity:1;
	transform:scale(.8,.8)
}

/*-LEFTBAR-*/
/* MAINLINK */
#nav-us {
	width:325px;
	height:230px;
	position:relative;
	top: 260px;
	left:calc(50% - 694px);	
	z-index:2;
	float:left;
	overflow:hidden;

}

#nav-us #a, #nav-us #b {	
	color:#ddd;
	font-family:sierra madre bold;
	font-weight:bold;
	font-size:10em;
	text-decoration:none;
}

#nav-us #a{
	position:absolute;
	transition: all 0.5s;
	opacity:1;
}
#nav-us #b{
	position:absolute;
	transform:scale(0.5,0.5);
	opacity:0;
	transition: all 0.5s;
}

#nav-us #c{	
	color:#ddd;
	font-family:Poiret One, Arial;
	font-weight:normal;
	font-size:2em;
	position:absolute;
	bottom:0;
	left:4px;
}
/* -MAINLINK- */

/* NAV/LIGHTBOX */

/*   BREADCRUMBS  */

#brdcrmb {
	position:fixed;
	right:85px;
	z-index: 256;
}
#brdcrmb img {
	opacity:1;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

#brdcrmb img:hover {
	opacity:0.5;
	transform:scale(1.15,1.15)
}

ul.breadcrumb {
	list-style: none;
	line-height: 1;
}

/*  END BREADCRUMBS  */

#nav-re {
	width:350px;
	height:100%;
	position: fixed;
	top:100px;
	right:-350px;
/*	background-color: #ddd;*/
	background-color:rgba(0, 0, 0, 0.3);
	border-radius: 50px 0 0 0;
	transition: right .5s;
	text-align:center;
	z-index:10;
}
#slideButton {
  border: 0;
  position: fixed;
  right: 20px;
  top:20px;
  height:40px;
  width:50px;
  background:url(../_dsgn/burger-1.png);
  transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

#slideButton:focus {
   outline: none;
}

#slideButton:hover {
  border: 0;
  position: fixed;
  right: 20px;
  top:20px;
  height:40px;
  width:50px;
  background:url(../_dsgn/burger-2.png);
  cursor:pointer;
}

#nav-re ul {
   margin-top: 100px;
   padding:0;
}

#nav-re ul li {
   display: block;
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 0px;
   font-size: 45px;
}

#nav-re ul li a:link, #nav-re ul li a:visited{
   color:#fff;
   text-decoration:none;
   font-family:Poiret One, Arial;
   font-weight:bold;
   transition: all 0.3s;
   -o-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
}
#nav-re ul li a:hover, #nav-re ul li a:active{
   color:#999;
   text-decoration:none;
   font-family:Poiret One, Arial;
   font-weight:bold;
}

#ThemeSwitch {
  border: 0;
  position: fixed;
  right: 35px;
  top:80px;
  height:20px;
  width:20px;
  background:url(../_dsgn/TD.png);
  transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

 .ThemeSwitch-txt1, .ThemeSwitch-txt2 {
  visibility: hidden;
  width: max-content;
  background-color: #ddd;
  color: #333;
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  position: absolute;
  left: -100px;
  z-index: 1;
  }

#ThemeSwitch:hover {
cursor: pointer;
}
#ThemeSwitch:hover .ThemeSwitch-txt2 {
visibility: visible;
}

/* -NAV/LIGHTBOX- */
/* HOMEPAGE SLIDER */

.fadein { 
	position:relative;
	top:150px;
	margin: 0 auto;
	max-width:1000px;
	max-height:750px;
}
.fadein img { 
	width:100%;
	position:absolute;
	left:0; 
	top:0;
	box-shadow: 4px 4px 6px #aaa;
}
/*- HOMEPAGE SLIDER -*/

#ttldv{
	width:610px;
	text-align:center;
	font-family:Poiret One, Arial;
   	color:#ddd;
   	font-weight:normal;
   	font-size:8em;
   	margin: 50px auto;
}

#itsmecont {
	max-width: 1000px;
    width: 100%;
    position: relative;
    left: calc(50% - 350px);
}
#itsmeimg{
	border: 0;
	max-width: 700px;
	max-height: 700px;
	margin: 0 auto;
	position: relative;

}
#itsmeimg img{
	width:100%;
	max-width: 700px;
	box-shadow: 4px 4px 6px #aaa;
}
		
#itsme{
	background-color:#ddd;
	position: absolute;
 	left:calc(50% - 500px);
	top:345px;
	max-width:300px;
	max-height: 500px;
	padding: 10px 30px;
	z-index: 2;
}
#itsme h2{
	text-align:center;
}

#prtfl{
	position:relative;
	max-width:800px;
	margin: 0 auto;
}

#prtfl2{
    content: "";
	display: table;
    position: relative;
    max-width: 80%;
	margin: 0 auto;
}

#pfimg{
	margin:20px 10px;
/*	overflow:hidden;*/
	height: 60%;
}

#pfimgttl{
	text-align:center;
	font-family:Poiret One, Arial;
	color:#ddd;
	font-weight:normal;
	font-size:2em;
	letter-spacing: 10px;
	margin: 10px auto;
}

#pfimg img{
	transition: all .3s;
	opacity:1;
	width:100%;
}

#pfimg img:hover{
	transform:scale(1.05,1.05);
	opacity:0.7;
	cursor:pointer;
}
#column {
	float: left;
	width: 33.3%;
	padding: 0px;
}

#mnimg {
/*	max-width: 1200px;*/
	margin:150px auto;
	display:table;
}
#mnimg img{
	width: 100%;
	box-shadow: 4px 4px 6px #aaa;
}