/* -------------------------------------------
   TABLET
   only screen and (min-width: 600px) and (max-width: 960px)
   ------------------------------------------- */
/* -------------------------------------------
   DYNAMIC LAYOUT
   ------------------------------------------- */
.w_25{width: 50%;}
.w_30{width: 100%;}
.w_33{width: 100%;}
.w_50{width: 100%;}
.w_70{width: 100%;}
.w_100{width: 100%;}

/* -------------------------------------------
   SECTION
   ------------------------------------------- */
div.content{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: center;
}

/* -------------------------------------------
   TEXT FORMAT
   ------------------------------------------- */
div.sec_title::before{
	left: 50%;
	margin-left: -25px;
}

/* -------------------------------------------
   FOOTER
   ------------------------------------------- */
div.footer div.f_content{
	min-height: 200px;
}

/* -------------------------------------------
   HOME SLIDER
   ------------------------------------------- */
div.slider{
	height: 600px;
}   

/* -------------------------------------------
   MAIN MENU
   ------------------------------------------- */
div.main_menu{
   position: fixed;
   top: 0;
   left: -70%;
   width: 70%;
   height: 100%;
   z-index: 90;
   background-color: #ffffff;
   transition: left 0.4s ease-out;
   -moz-transition: left 0.4s ease-out;
   -webkit-transition: left 0.4s ease-out;
   -o-transition: left 0.4s ease-out;  
}

div.main_menu ul.menu{
   height: 100%;
}

div.main_menu ul.menu li{
   width: 100%;
   height: auto;
   text-align: left;
}

div.menu_open{
   left: 0;
   z-index: 100;
   overflow: hidden;
   overflow-y: auto;
}

div.main_menu div.sub_menu{
   position: relative;
   float: left;
   max-height: none;
   min-width: 100%;
   top: 0;
   width: 100%;
   background-color: #ffffff;
}

div.main_menu div.sub_menu a, div.main_menu div.sub_menu a:visited{
   color: #222222;
}