#body.inside.right-col-no-padding .mc-col-r-pos { padding:0; }

	
	/* Main common
	-------------------------*/
	#body.inside .container	{ background: url(images/bg-hit-002.jpg) no-repeat center top fixed; 
						  -webkit-background-size: cover;
						     -moz-background-size: cover;
						       -o-background-size: cover;
						          background-size: cover;
							           min-height: 100vh;
									   display: flex;
									   flex-direction: column;
									   justify-content: flex-start;
	}

	#body.inside .h1-wrapper 	{ width:100%; text-align:right; }
	#body.inside .h1-wrapper h1 	{ font-size:40px; text-transform:uppercase; color:#fff; padding-bottom:10px; padding-left:100px; line-height:1; text-align: right; }


	/* Main common (left right column)
	-------------------------*/
	#body .main-row { overflow: hidden; }
	#body .main-row:after { content: ""; display:table; clear:both; margin-bottom:50px;}
	#body .main-col 		{ float:left; overflow: hidden; }
	#body .mc-col-l 		{ width:25% }
	#body .mc-col-r 		{ width:75%; }
	#body .mc-col-r-pos 	{ padding:20px; background-color:#fff;}
	/* #body .mc-col-r-pos .inner { margin-bottom: 20px; } */

	#body .selection 		{ background-color:#0066cc; padding:20px; text-transform:uppercase; color:#fff; font-size:30px; line-height:1.1; min-height:200px; }
	#body ul.sel-nav 		{ margin:0; padding:0; width:100%; }
	#body ul.sel-nav li 	{ margin:0; padding:10px 20px; list-style:none; border-bottom:1px solid #535252; width:100%; color:#fff; line-height:normal; background-color:rgba(0,0,0,0.8); cursor:pointer;
					  transition: all 0.3s ease-out;}
	#body ul.sel-nav li.sel-current,
	#body ul.sub-level li.sel-current-l2 	{ color:#009ade; cursor:default; }
	#body ul.sel-nav li:hover {  color:#009ade;  }


	#body ul.sub-level 	{ background:none; margin:0 0 0 30px; padding:0}
	#body ul.sub-level li { background:none; margin:0; padding:5px 20px 5px 0; border:none; list-style-type:disc; list-style-position:inherit; font-size:90%;}
	#body ul.sub-level li:first-child { padding-top:15px}


	/* breadcrumb
	-------------------------*/
	#body ul.breadcrumb 					{ display:none; }
	#body ul.breadcrumb 					{ padding:8px 15px; list-style:none; background-color:#06c; margin:0; margin-bottom:20px; font-size:85%;}
	#body ul.breadcrumb li 				{ display:inline; }
	#body ul.breadcrumb li+li:before 		{ padding:8px; color:#fff; content: "/\00a0";}
	#body ul.breadcrumb li a 				{ color:#fff; text-decoration: none;}
	#body ul.breadcrumb li a:hover 		{ color: #01447e; text-decoration: underline;}
	#body ul.breadcrumb li.current 		{ display:block; width:100%; text-transform:uppercase; font-size:30px; font-weight:bold; color:#fff; line-height:1; padding-top:2px; }
	#body ul.breadcrumb li.current:before { content: ""; padding:0; }


	/* Footer 
	-------------------------*/
#body .footer-wrp { margin-top:auto; width:100%;  background:rgba(0, 0, 0, 0.7);  padding:10px 0; color:#fff; font-size:12px;  }
	#body body.inside footer  { background-color:rgba(0,0,0,0.7); font-size:90%; text-align:right; padding:10px 0; color:#fff }
	#body ul.ul-footer 		{ margin:0; padding:0; }
	#body ul.ul-footer li		{ margin:0; padding:0; display:inline-block; list-style:none; color:#fff }
	#body ul.ul-footer li	a 		{ color:#fff; text-decoration:none; transition: all 0.3s ease-out; cursor:pointer; }
	#body ul.ul-footer li	a:hover	{ color:#06c; text-decoration:none; }
	#body ul.ul-footer li:before 				{  content: "|"; padding:0 10px; }
	#body ul.ul-footer li:first-child:before 	{  content: ""; padding-left:0; display:none;}

	#body.inside footer span { display:block; width:100%; }


    /* ==========================================================================
        Media Style
    ============================================================================= */
	@media only screen and (max-width: 1300px) {
	}

	@media only screen and (max-width: 1280px) {
	#body .main-row:after,
	#body .main-col,		
	#body .mc-col-r 		{ display:block;}
	#body .mc-col-l 		{ display:none; }
	#body .mc-col-r 		{ width:100%}

	#body.inside .h1-wrapper h1 	{ font-size:30px;}

	/* Breadcrumb */
	#body ul.breadcrumb 	{ display:block; }
	}

	@media only screen and (max-width:767px) {
	#body.inside .h1-wrapper h1  { font-size:26px; padding-left:0px; }
	#body ul.breadcrumb li.current 	{ font-size:22px;}

#body .mc-col-r-pos 	{ padding:10px;}

	#body.inside footer  	{ text-align:left;}
	#body.inside footer span { width:80%; }


	}