.mt { font-size: 16px; }
.mt .listArticle.row { margin: 0px }
.mt .mthide { display: none }
.mt .page > div { position: relative }
.mt #LeftOuterArea { z-index: 600 }
.mt #LeftArea { z-index: 500 }
.mt #RightArea { z-index: 400 }
.mt #ContentArea { z-index: 300 }
.mt #AsideArea { z-index: 200 }
.mt #RightOuterArea { z-index: 100 }
.mt .Logo { line-height: 50px }
.mt .Logo.mtCenter { text-align: center; }
.mt .Logo img { max-height: 50px }
.mt .SectionHeader, 
.mt .listArticle { padding-left: 15px; padding-right: 15px; }
.mt .label { color: initial; padding: 0px }
.mt .nivo-prevNav { opacity: 1 !important }
.mt .nivo-nextNav { opacity: 1 !important }
.mt button.ui-datepicker-trigger { position: absolute; right: 0px; bottom: 0px; background-image: url(/Content/Archive/406/calendar-190781.png); background-repeat: no-repeat; background-position: center center; width: auto }
.mt button.ui-datepicker-trigger:hover { background-image: url(/Content/Archive/406/calendar-190781.png); background-position: center center }
.mt button.ui-datepicker-trigger:active { background-image: url(/Content/Archive/406/calendar-190781.png); background-position: center center }
.mt .FullWidth .listArticle { padding: 0px }
.mt .HeaderFullWidth .listArticle { padding: 0px }
.mt .HeaderFullWidth .listArticle .Ingress, .mt .HeaderFullWidth .listArticle .Body { padding-left: 15px; padding-right: 15px }

/* Full Article and Article detail
-----------------------------------------------------------*/
.mt .ArticleDetails, .mt .fullArticleItem { padding-left: 15px; padding-right: 15px }
.mt .ArticleDetails .ArticleTitle { margin-bottom: 20px }

/* List menu
===============================================================================*/
.mt #FooterArea .TextOnly .MenuWrapper { padding-left: 15px; padding-right: 15px }

/*-- TextOnly for Menu and Category--*/
.mt .TextOnly > div, .mt .CategoryAccordianMobileWrapper { margin: 0px }
.mt .TextOnly .panel, 
.mt .TextOnly .panel-group, 
.mt .TextOnly .panel-heading, 
.mt .TextOnly .panel-title,
.mt .CategoryAccordianMobileWrapper .panel, 
.mt .CategoryAccordianMobileWrapper .panel-group, 
.mt .CategoryAccordianMobileWrapper .panel-heading, 
.mt .CategoryAccordianMobileWrapper .panel-title {
	margin: 0px;
    background: none;
    border: 0px;
    padding: 0px;
    border-radius: 0px;    
    box-shadow: none;
    font-weight: normal;
    font-size: inherit
}
.mt .TextOnly > div > .panel > .panel-heading { display: none }
.mt .TextOnly > div > .panel > div { display: block }

.mt .TextOnly > div > .panel > div .panel-body, .mt .CategoryAccordianMobileWrapper > .panel > div .panel-body { padding: 0px; border: 0px }
.mt .TextOnly .Menu .panel+.panel { margin-top: 6px }
.mt .Inline.TextOnly .Menu > .panel, .mt .TextOnly.Line .Menu > .panel { display: inline-block }
/*-- category --*/
.mt .CategoryAccordianMobileWrapper .panel-title a { display: block; }
.mt .CategoryAccordianMobileWrapper .caret { float: right; margin-top: 8px }
.mt .CategoryAccordianMobileWrapper form .panel-body .panel-title a { display: inline-block; } /*-- for Attribute --*/


/* MenuAccount
===============================================================================*/
.mt .MenuAccount > div > .panel > .panel-collapse { border: 0px; z-index: 10; width: 100vw; position: absolute; left: 0px; top: 50px; margin: 0px; background: #000 }
.mt .MenuAccount > div > .panel > .panel-collapse > .panel-body { padding: 0px; border: 0px }
.mt .MenuAccount > div > .panel > .panel-heading span { display: none }
.mt .MenuAccount .panel, 
.mt .MenuAccount .panel-group, 
.mt .MenuAccount .panel-heading, 
.mt .MenuAccount .panel-title {
	margin: 0px;
    background: none;
    border: 0px;
    padding: 0px;
    border-radius: 0px;    
    box-shadow: none;
    font-weight: normal;
    font-size: inherit;
}
.mt .MenuAccount > div > .panel > .panel-heading a { 
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0px; 
	display: block; 
	width: 50px; 
	background: url(/Content/Archive/406/ic1-114163.png) #000;
	height: 50px;
	background-size: 50px;
}
.mt .MenuAccount > div > .panel > .panel-heading a[aria-expanded="true"] { background-color: #000 }
.mt .MenuAccount .panel-collapse .Menu a { padding: 0px 15px; display: block; line-height: 42px; }


/* Custom form
===============================================================================*/
.mt .GenerateCustomFormPanel { padding-left: 15px; padding-right: 15px; margin-top: 15px; margin-bottom: 15px }


/* Search 25/01/2016
===============================================================================*/
.mt .Search form {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 100vw;
	transition: all 0.4s;
	padding: 0px;
	background: #f3f3f3;
	overflow: hidden;
	z-index: 10;
	height: 0px; 	
}
.mt .Search.active form { height: 50px }
.mt .Search .col-sm-12 { background: #f3f3f3; padding-top: 5px }
.mt .Search .input-group {display: block;position: relative;}
.mt .Search .input-group-btn { position: absolute; right: 0px; top: 0px; height: 100%; width: 60px }
.mt .Search input[type="text"] {
	margin: 0px !important;	
	background: #fff !important; /*<-- search color --*/
	color: #000 !important;
	border: 0px !important;
	padding: 0px 8px 0px 8px !important;
	height: 40px !important;
	box-shadow: none !important;
	float: none
}
/*-- Search button --*/
.mt .Search button[type="submit"], 
.mt .Search button[type="submit"]:before, 
.mt .SearchPadding:before, 
.mt .Search button[type="submit"]:after,
.mt .SearchPadding:after {
	content: "";
	position: absolute;
	display: block;
}
.mt .Search button[type="submit"] {
	bottom: 0px;
	right: 0px;	
	border-radius: 0px;
	font-size: 0px !important;
	height: 40px;
	width: 40px;
	margin: 0px !important;
	z-index: 62;
}
.mt .Search button[type="submit"]:before,
.mt .SearchPadding:before {
	width: 39%;
	height: 39%;
	border: 2px solid #fff; /*<-- o color --*/
	border-radius: 50%;
	top: 24%;
	right: 24%;
}
.mt .Search button[type="submit"]:after,
.mt .SearchPadding:after {	
	width: 26%;
	height: 5%;
	background: #fff; /*<-- o color --*/
	border-radius: 0px;
	bottom: 23.5%;
	left: 26%;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 0% 50%;
	transform: rotate(-45deg);
	transform-origin: 0% 50%;
}
.mt .Search input[type="submit"]:hover { background: none !important }
.mt .SearchPadding:before { border-color: #808080 }
.mt .SearchPadding:after { background: #808080 }


/*-- Search Button --*/
.mt .SearchPadding { 
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 10;
	width: 50px; 
	height: 50px;
	background: #fff; /*<-- button color --*/
	display: inline-block !important; 
	vertical-align: top; 
	cursor: pointer;
	transition: all 0.2s
}
.mt .SearchPadding.active { background: rgba(0,0,0,0.05) }/*<-- button color --*/
.mt .SearchPadding.active:before, 
.mt .SearchPadding.active:after {
	content: "";
	position: absolute;
	display: block;
	width: 40%;
	height: 4%;
	background: #2E3339; /*<-- x color --*/
	border: 0px;
	border-radius: 3px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: auto;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
}
.mt .SearchPadding.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/* Search product
---------------------------------------*/
.search-result-area { padding-left: 15px; padding-right: 15px; }


/* List Gallery
===============================================================================*/
.mt .listGalleries { padding-left: 15px; padding-right: 15px }


/* FAQ
===============================================================================*/
.mt .listFaqs { padding-left: 15px; padding-right: 15px }


/* Account Order
===============================================================================*/
.mt .OrderDetailLayout { border: 0px }
.mt .Orders { padding-left: 15px; padding-right: 15px }
.mt .Orders th { text-align: center }
.mt .OrderDetailLayout-Content > div { margin: 40px 15px }


/* Gallery Style
===============================================================================*/
.t #lightbox-container-image-data-box { max-width: calc(100% - 20px) !important; }