/* Toggle Styles */
@font-face {
 font-family: 'CenturyGothic';
 src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  
url('../fonts/CenturyGothic.otf')  format('opentype'),
 url('../fonts/CenturyGothic.woff') format('woff'), 
 url('../fonts/CenturyGothic.ttf')  format('truetype'), 
 url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
 font-weight: normal;
 font-style: normal;
}


.grid-5 {
  float: left;
  width: 5%;
  /* <IE7> */
  *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
  /* </IE7> */
}





.container1{
	position:relative;
	float:right !important;
	height:100%;
	background:#f4f2f3;
	-webkit-transition:width 0.1s linear; /* For Safari 3.1 to 6.0 */
    transition:width 0.1s linear;
	z-index:999;
	display:none;
}



.container1:hover{
	width:9.5%;
} 

.container1:hover .logo{
	width:10%;
}

.container1:hover .menu li{
	width:10%;
} 

.container1:hover .text{
	height:50px;
}

.container1:hover .menu_icons{
	width:10%;
}



.menu,.menu1{
	width:100%;
	position:fixed;
	padding-top:12%;
	z-index:99;
	height: 1500px !important;
	padding-left: 0%;
    background-color:#f4f2f3;
}

.menu1 li{
	padding:0.6% 0;
	text-align:center;
	width:10%;
	text-decoration:none;
	list-style:none;
	margin:0 !important;
}

.menu li{
	padding:0.6% 0;
	text-align:center;
	width:5%;
	text-decoration:none;
	list-style:none;
	margin:0 !important;
	-webkit-transition:width 0.1s linear; /* For Safari 3.1 to 6.0 */
    transition:width 0.1s linear;
}

.text{
	color:#ababab;
	text-decoration:none;
	height:33px;
	overflow:hidden;
	display:block;
	-webkit-transition:0.1s linear;
}

.text:hover{
	color:#696464;
	-webkit-transform:scale(1.1);
	-webkit-transition:0.1s linear;
}

.logo{
	width:0%;
	position:fixed;
	top:46px;
	right:0;
	-webkit-transition:width 0.1s linear; /* For Safari 3.1 to 6.0 */
    transition:width 0.1s linear;
    z-index: 1000;
}



/* .circle_blur{
	width:100%;
	height:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	background:rgba(189,189,189,.83);
	position:absolute;
	top:0;
	left:0;
}

.blur:hover .circle_blur{
	display:none;
} */

/* .pc{
	width:25%;
}

.pc1{
	width:56%;
}

.pc2{
	width:33%;
}

.pc3{
	width:36%;
} */


.pc,.pc1,.pc2,.pc3{
	width:100%;
	-webkit-transition:width 0.1s linear; /* For Safari 3.1 to 6.0 */
    transition:width 0.1s linear;
}

.container1:hover .pc{
	width:50%;
}

.container1:hover .pc1{
	width:50%;
}

.container1:hover .pc2{
	width:50%;
}

.container1:hover .pc3{
	width:50%;
}