*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.clear:before, .clear:after {content:' '; display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}

body {font-family: Arial; color:#2e3031; }
a { text-decoration:none; }

#PageContent {
	text-align:center; 
	overflow:auto; 
	position:absolute;
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
}

#AlertContainer, #subAlertContainer {
	display:block; 
	visibility:hidden; 
	background:none;
	overflow:auto;
	position:absolute; 
	height:100%; 
	width:100%; 
	top:0px; 
	left:0px;	
}
#AlertBg, #subAlertBg {
	position:absolute; 
	height:100%; 
	width:100%; 
	background:#000; 
	opacity: 0.5; 
	filter: alpha(opacity=50);
}
#AlertMsn, #subAlertMsn {
	position:absolute; 
	max-height:99%;
	overflow:auto;
	-webkit-box-shadow: 4px 3px 26px -5px rgba(0,0,0,0.48);
	-moz-box-shadow: 4px 3px 26px -5px rgba(0,0,0,0.48);
	box-shadow: 4px 3px 26px -5px rgba(0,0,0,0.48);
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
}
#AlertClose, #subAlertClose {
	width:30px;
	height:30px;
	position:absolute;
	cursor: pointer;
	color:#FFF;
	background:#FE330A;
	padding:5px;
	 border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-weight:bold;
	display:block; 
	visibility:hidden;
}
#AlertClose:hover, #subAlertClose:hover { color:#FE330A; background:#FFF; }

.AlertMsn{background:white; padding:10px;}

.cwhite { background:white; }
.cgrey { background:#2e3031; }
.cred { background:#be0811; }
.cblue { background:#0e3d83; }

.twhite {color:white;}
.tred {color:#be0811;}
.tblue {color:#0e3d83;}
.tbold {font-weight:bold;}

.inline { display:inline-block; }
.block { display:block; }
.padding2 { padding:2px; }
.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.padding20 { padding:20px; }
.padding30 { padding:30px; }
.paddingLeft20 { padding-left:20px; }
.paddingRight20 { padding-right:20px; }
.margin2 {margin:2px;} .marginTop10 {margin-top:10px}
.margin5 {margin:5px;}
.vAlignMiddle { vertical-align:middle; }
.vAlignTop { vertical-align:top; }
.vAlignbottom { vertical-align:bottom; }
.vscroll {height:auto; overflow:auto;}
.posRight { float:right; }
.posLeft { float:left; }
.posRelative { position:relative; }
.posAbsolute { position:absolute; }
.posFixed { position:fixed; }
.aCenter { text-align:center; }
.aLeft { text-align:left; }
.aJustify {text-align:justify;}
.aRight {text-align:right;}
.lineb {border-bottom:1px solid #909090;}

.fsizeTitle {font-size:calc(12px + 2vw); } .fsizeTitle div:first-child {font-size:calc(13px + 3vw); }
.fsize11 {font-size:11px;}
.fsize12 {font-size:12px;}
.fsize14 {font-size:14px;}
.fsize16 {font-size:16px;}
.fsize20 {font-size:20px;}
.fbold {font-weight:bold;}
.condensed {letter-spacing:-0.2px;}
.condensed1 {letter-spacing:-2px;}

.columnHalf {width:49%;}
.columnQuad {width:32.8%;}
.column5 {width:19.8%;}
.column5Double {width:79.8%;}
.columnDouble {width:67%;}

.w165 {width:165px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w990 {width:990px;}
.w990Max {width:100%; max-width:990px;}
.w100p {width:100%;}
.h100p {height:100%;}
.w100Max {max-width:100%}

.mLeft20 {margin-left:20px;}
.pTop10 {padding-top:10px;}
.pTop30 {padding-top:30px;}
.pLeft30 {padding-left:30px;}
.pRight30 {padding-right:30px;}

.border {border:1px solid #ececec;}
.border3 {border:3px solid #ececec;}
.round10 { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.round30 { border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; }
.select {cursor:pointer;}
.shadow {-webkit-box-shadow: 2px 10px 10px -10px rgba(0,0,0,0.6); -moz-box-shadow: 2px 10px 10px -10px rgba(0,0,0,0.6);	box-shadow: 2px 10px 10px -10px rgba(0,0,0,0.6);}

.labelClass { width:200px; display:inline-block; text-align:right;}
.inputClass{
	border:1px solid #909090;
	width:300px;
	max-width:100%;
}
.inputClass[type="checkbox"] {
	width:20px;
}

.overshadow,.inputClass[type="button"] {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	
	-moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.overshadow:hover, .inputClass[type="button"]:hover {
	-webkit-box-shadow: 2px 10px 10px -10px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 10px 10px -10px rgba(0,0,0,0.6);
	box-shadow: 2px 10px 10px -10px rgba(0,0,0,0.6);
	
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.nobreak {white-space:nowrap; overflow:auto;}
.normalbreak {white-space:normal;}
.asmouse {cursor:pointer;}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

span.icon{
	display:inline-block;
	vertical-align:middle;
}

.MiddleContent { text-align:center;	}

.menuButton, .categoryButton, .categoryButton span.icon, .footerButton {
	-moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
	color:white;
	text-transform:uppercase;
	font-size:12px;
}

.menuButton {
	padding:10px 15px;
	padding-top:38px;
	height:83px;
	position:relative;
}
.menuButton:hover, .menuButton.select {
	background:#be0811;
	border-bottom:3px solid;
}
.menuButton span.icon{
	margin-top:-10px;
}
.menuButton span.number{
	display:inline-block;
	position:absolute;
	background:red;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:3px;
	top:25px;
	right:5px;
	margin:0px;
}
.menuButton:hover span.number{
	background:white;
	color:#be0811;
}

.m-compact {
	background:#f3f3f3;
	color:#2e3031;
	height:auto;
	display:inline-block;
	padding:10px;
}
.m-compact:hover, .m-compact.select  { color:white; }

.footerButton {
	display:block;
	text-align:left;
	padding:10px;
	border-left:1px solid;
}

.footerButton:hover, .footerButton.select {
	background:#be0811;
	margin-left:2px;
}

.categoryButton, .categoryButton.select {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	padding:10px;
	vertical-align:top;
	opacity: 0.5; 
	filter: alpha(opacity=50);
}
.categoryButton span.icon{
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	margin-bottom:15px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	display:display-block;
}
.categoryButton:hover, .categoryButton.select:hover, .categoryButton.select{
	padding-top:30px;
	color:#98d9ff;
	opacity: 1; 
	filter: alpha(opacity=100);
}
.categoryButton:hover span.icon {
	margin-bottom:5px;
}

.normalButton{
	color:#0e3d83;
	letter-spacing:0px;
	font-size:15px;
}
.normalButton:hover{
	color:#be0811;
}

.normalButton.fsize{
	font-size:10px;
}

.title, .sub_title_w, .sub_title_b {
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	color:white;
	text-align:center;
	font-size:calc(12px + 4vw);
	padding:30px;
	line-height:0.8;
}
.title div:first-child {
	font-size: calc(10px + 3vw);
	font-weight:normal;
}

.sub_title_w, .sub_title_b {
	text-align:left;
	font-size:20px;
	padding:5px;
}
.sub_title_b{ color:#2e3031;}

.sub_title_c {
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-0.2px;
	font-size:20px;
}

.main_banner {
	width:100%;
	text-align:center;
	overflow:hidden;
	position:relative;
	max-height:369px;
}
.main_banner img {
	max-width:100%;
	min-width:500px;
}
.main_banner div.title{
	position:absolute;
	top:40%;
	width:100%;
}
div.shifting { transition:top .2s ease-out; }

.footer {
	perspective:2px;
	position:relative;
	background: url(images/bg_footer.jpg) no-repeat fixed #be0811;
}
.dashed { width:4px; background: url(page_images/dashed.jpg) repeat-y; display:inline-block; vertical-align:middle; margin-right:-4px; margin-left:-7px; height:200px; z-index:0;}

.pageClass {list-style: none; text-align:left; display:inline-block; padding:5px;}
.pageClass h2 {font-size:14px; font-weight:normal;}
.pageClass li {display:inline-block; vertical-align:middle;}
.pageClass a, .pageClass a.select{padding:5px; border: 1px solid #d8d9db; margin:1px; color: #808285; background: #E8E8E8;}
.pageClass a:hover, .pageClass a.select, .pageClass a.select:hover{color:#000;}

.mq_sview {
	display:none;
	visibility:hidden;
}

.mq_mview {
	display:inline-block;
	visibility:visible;
}

.mq_mainmenu, .mq_mainmenuout {
	 background: rgba(0, 0, 0, 0.8);
	white-space:normal;
	position:fixed;
	z-index:2;
	top:0;
	right:0;
	padding:30px;
	height:100%;
	-webkit-animation-name: mainmenuin;
	animation-name: mainmenuin;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
}

.mq_mainmenuout {
	-webkit-animation-name: mainmenuout;
	animation-name: mainmenuout;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;	
}

.animLeft {
	-webkit-animation-name:InLeft;
	animation-name:InLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.animLeftN {
	-webkit-animation-name:OutLeft;
	animation-name:OutLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.mq_mainmenuout a.menuButton, .mq_mainmenu a.menuButton {
	display:block;
	padding-top:20px;
	height:auto;
	text-align:right;
}

.img_product {
	width:600px;
	height:600px;
	overflow:hidden;
	display:inline-block;
	position:relative;
}

.control{
	position:absolute;
	top:50%;
	padding:8px;
	background:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;	
	margin-top:-20px;
	box-shadow:1px 1px 10px rgba(0, 0, 0, 0.3);
	z-index:2;
}
.prev, .next{ color:#000; font-size:18px; }
.prev{ left:10px; }
.next{ right:10px; }
.prev:active, .next:active{ transform: scale(0.8); }

.galleryBW img {margin:3px;	-webkit-filter: grayscale(100%); filter:grayscale(100%); -moz-transition: all .3s; -ms-transition: all .3s;	-o-transition: all .3s;		-webkit-transition: all .3s;}
.galleryBW img:hover {	-webkit-filter: grayscale(0%); 	filter: grayscale(0%);}

.inputClass {
	color:#000;
	padding:10px;
	display:inline-block;
	vertical-align:middle;
	background:#FFF;
	margin:5px;
}
.inputClass[type="button"], .inputClass[type="submit"], .inputClass[type="checkbox"]  {
	background:#be0811;
	color:#FFF;
	padding:10px; padding-left:30px; padding-right:30px;
	border:none;
}

.inputClass[type="checkbox"]  {
	border: 1px solid #ff017c;
	display:inline-block;
}

textarea.inputClass {
	height:200px;
}

.search .AlertERROR, .search .errorSelectorID   {
	color:red;
	padding:5px;
}
.search[type="text"], .search[type="submit"], .search[type="text"]:focus {
	padding:20px;
	border:none;
}
.search[type="text"].select {
	border:1px solid red;
}



.editor {
	padding:5px;
}
.editor div.header {
	border:1px solid #E5E5E5;
	background:#F9F9F9;
	padding:3px;
	color:#000;
	text-align:left;
}
.editor div.header span.control {
	position:relative;
	background:url(images/editor.png);
	display:inline-block;
	width:28px;
	height:28px;
	cursor:pointer;
	vertical-align:middle;

	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow:none;
}
.editor div.header span.control:hover {
	background-color:#E5E5E5;
	text-decoration: none;
}
.editor div.header span.space {
	display:inline-block;
	background:#E5E5E5;
	width:1px;
	height:28px;
	margin-left:1px;
	margin-right:1px;
}
.editor div.header div.info {
	border-top:1px solid #E5E5E5;
	margin-top:5px;
}
.emoji{ 
	background:url(images/editor.png); 
	width:28px;
	height:28px; 
	display:inline-block; 
	border:none; 
	margin:0;
	padding:0; 
	vertical-align:middle; 
}
.editor .body {
	border:1px solid #E5E5E5;
	background:#FFF;
	color:#000;
	
	width:100%;
	height:300px;
	
	resize:vertical;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
	.columnHalf, .columnQuad, .columnDouble, .column5, .column5Double {width:99%;} 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
	.main_banner {max-height:217px;}
	.main_banner div.title {top:20%;}
	.img_product {width:100%; height:320px;}
}

@media only screen and (min-width:480px) { 
	.columnHalf, .columnQuad, .columnDouble {width:99%;} 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
	.main_banner div.title {top:20%;}
	.img_product {width:100%; height:480px;}
	.column5 {width:29.8%;}
	.column5Double {width:69.8%;}
	.categoryButton {width:150px;}
}

@media only screen and (min-width:768px) { 
	.columnHalf {width:49%;} 
	.columnQuad {width:32.8%;} 
	.columnDouble {width:67%;}
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
	.main_banner {max-height:330px;}
	.main_banner div.title {top:30%;}
	.img_product {width:49.9%; height:380px;}
	.column5 {width:150px;}
	.column5Double {width:610px;}
	.categoryButton {width:220px;}
}

@media only screen and (min-width:1024px) {
	.mq_mview {display:inline-block; visibility:visible;} 
	.mq_sview {display:none; visibility:hidden;}
	.main_banner {max-height:441px;}
	.main_banner div.title {top:40%;}
	.img_product {width:49.9%; height:510px;}
	.column5 {width:19.8%;}
	.column5Double {width:79.8%;}
	.categoryButton {width:250px;}
}

@media only screen and (min-width:1140px) {  .img_product {width:49.9%; height:510px;}  .main_banner {max-height:480px;} }

@media only screen and (min-width:1280px) {  .img_product {width:600px; height:600px;} .main_banner {max-height:552px;} }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {}
	   
@-webkit-keyframes InLeft{ 0%{ opacity: 1; margin-left:0;} 100%{opacity:0; margin-left:-295px;}}  
@keyframes InLeft{ 0%{opacity: 1; margin-left:0;} 100%{opacity:0; margin-left:-295px;}}
@-webkit-keyframes OutLeft{	0%{opacity: 0; margin-left:-295px;} 100%{opacity:1; margin-left:0;}}
@keyframes OutLeft{	0%{opacity: 0; margin-left:-295px;}	100%{opacity:1; margin-left:0;}}
	   
@-webkit-keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} }  
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1;} 100% { opacity: 0;} }  
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } 

@-webkit-keyframes openAlert {  
	0% { opacity: 0; margin-left: -320px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } 
	100% { opacity: 1; margin-left: 0px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);	} 
}
@keyframes openAlert {  
	0% { opacity: 0; margin-left: -320px; } 
	100% { opacity: 1; margin-left: 0px;}  
}
@-webkit-keyframes closeAlert {  
	0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);	} 
	100% { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);	} 
}
@keyframes closeAlert {  
	0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 
	100% { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }  
}

@-webkit-keyframes mainmenuin { 0% {opacity: 0; right: -320px;} 50% {right: 0px;} 100% { opacity: 1; } }  
@keyframes mainmenuin { 0% {opacity: 0; right: -320px;} 50% {right: 0px;} 100% { opacity: 1;} }
@-webkit-keyframes mainmenuout { 0% { opacity: 1; right: 0px;} 50% {right: -320px;} 100% { opacity: 0; } } 
@keyframes mainmenuout { 0% { opacity: 1; right: 0px;} 50% {right: -320px;} 100% { opacity: 0; } } 

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(14, 61, 132, 0.2);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}