@charset "utf-8";
/* CSS Document */

@import url("font.css");
@import url("topmenu.css");

body{ font-family:Tahoma, Geneva, sans-serif; font-size:100%%; line-height:1.6; color:#525252;}
body.thversion{ font-family:Tahoma, Geneva, sans-serif;}
body.enversion{ font-family:Arial, Helvetica, sans-serif;}
.clear{ clear:both;}
p{ margin:10px 0;}
img{ max-width:100%;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; line-height:1.5;}
ul, ol{ margin:0; padding:0 0 0 25px;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
div, section, article, aside, input[type="text"], select, textarea{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#wrapper{ width:100%; background:#FFF; position:relative; z-index:3; /*overflow:hidden;*/}
.content{ width:90%; max-width:1480px; margin:auto;}
.pagewrap{ position:relative; z-index:1;}

/*Header*/
header.fullversion{ border-top:6px solid #440091; background:#FFFFFF; box-shadow:0 2px 10px rgba(0,0,0,0.3); z-index:2; position:relative;}
header.mobileversion{ display:none; border-top:6px solid #440091; box-shadow:0 2px 10px rgba(0,0,0,0.3); z-index:2; position:relative;}
header.flynav{ position:fixed; top:0; left:0; width:100%;}
.headerwrapper{ min-height:142px;}
.tophead{ background:url(../images/bg_tophead.jpg) top right no-repeat; height:95px; padding:20px 0 0 0; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; overflow:hidden;}
.tophead.hidetop{ height:0; min-height:0; padding:0;}
.logo{ float:left;}
.slogan{ float:right; margin:1.2% 8% 0 0;}

.topheadright{ float:right;}

.searchbox{ float:left; margin:0 20px 0 0; font-size:13px; padding:5px 0 0 0; position:relative;}
.searchbox input[type="text"]{ font-size:13px; padding:7px 15px; padding-right:35px; border:0; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.searchsubmit{ position:absolute; top:12px; right:10px;}

.languagebox{ font-size:14px; color:#7b7b7b; padding:8px 0 0 0; float:right;}
.languagebox a{ text-decoration:none; color:#7b7b7b; margin:0 7px;}
.languagebox a:last-of-type{ margin-right:0;}
.languagebox a img{ position:relative; top:2px; margin:0 6px 0 0;}
.languagebox a:hover, .languagebox a.selected{ color:#000000;}


.slidebanner{ width:100%; max-width:1480px; margin:auto; position:relative;}
.owl-theme .owl-dots .owl-dot.active span{ background:#440091 !important;}
.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.owl-stage-outer{ width:100%;}

.owl-nav.whitenavigation{ position:absolute; top:40%; z-index:2; width:100%; height:0;}
.owl-nav.whitenavigation .owl-prev{ width:28px; height:47px; background:url(../images/prev_white_button.png) !important; padding:0 !important; opacity:1; float:left; display:block !important; margin:0 0 0 20px !important;}
.owl-nav.whitenavigation .owl-next{ width:28px; height:47px; background:url(../images/next_white_button.png) !important; padding:0 !important; opacity:1; float:right; display:block !important; margin:0 20px 0 0 !important;}
.owl-nav.whitenavigation .owl-prev:hover, .owl-nav.whitenavigation .owl-next:hover{ opacity:0.8 !important;}

.aboutbox{ padding:2% 5%;}

.slideproductwrap{ background:#f4f4f4;}
.slideproductbox{ }
.productslide{ position:relative; margin:auto; padding:2% 5%;}
.productbox{ width:230px; height:280px; background:#FFF; border:1px solid #c9c9c9; position:relative; padding:10px; display:inline-block;}
.productboxouter{ display:table; table-layout:fixed; width:100%; height:100%;}
.productboxinner{ display:table-cell; width:100%; height:250px; vertical-align:middle; text-align:center;}
.productslide .owl-item .productbox{ display:inherit;}
.slideproductwrap .productbox{ margin:auto;}
.pimgwrap{ display:table; width:100%; table-layout:fixed;}
.pimginner{ display:table-cell; width:100%; height:185px;}
.pimginner img{ max-width:100%; max-height:100%;}
.productboxhead{ font-family: 'rsubold'; color:#494949; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0; line-height:1.4; margin-bottom:0px; margin-top:10px; font-size:20px;}
.productboxhead a{ color:#494949; text-decoration:none;}
.productboxhead a:hover{ text-decoration:underline;}
.productbox p{ margin:0;}
.p_price{ font-size:15px;}

.ribbon{ position:absolute; top:0; left:0; height:28px; font-size:15px; padding-right:13px; z-index:8;}
.ribbon.pricebox{ position:relative; display:inline-block; font-size:20px; margin:0 5px;}
.ribbon.red{ background:url(../images/red_ribbon_tag.png) right no-repeat; color:#ffffff; font-family: 'rsuregular';}
.ribbon.red span{ background:#f8484a; padding:11px 10px 9px 11px; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:0.6;}

.ribbon.pricebox.red{font-family: 'rsubold';}
.ribbon.pricebox.red span{ line-height:0.5;}

.slideproductwrap .owl-carousel .owl-item img{ display:inherit !important; width:auto !important;}
.owl-nav.greynavigation{ position:absolute; top:40%; left:0; z-index:2; width:100%; height:0;}
.owl-nav.greynavigation .owl-prev{ width:23px; height:42px; background:url(../images/prev_grey_button.png) !important; padding:0 !important; opacity:1; float:left; display:block !important; }
.owl-nav.greynavigation .owl-next{ width:23px; height:42px; background:url(../images/next_grey_button.png) !important; padding:0 !important; opacity:1; float:right; display:block !important;}
.owl-nav.greynavigation .owl-prev:hover, .owl-nav.greynavigation .owl-next:hover{ opacity:0.8 !important;}

.pruductbutton{ margin:15px 0 30px 0;}

.articlewrap{ float:left; width:63%;}
.vdowrap{ float:right; width:35%;}

.titlewrap{ margin:5px 0;}

.threecolumn{ width:32%; margin:0 2% 0 0; float:left;}
.titlewrap .threecolumn:nth-of-type(3n+3){ margin-right:0;}
.articletitleimg{ display:block;}
.articletitlebottom{ margin:5px 0 0 0;}
.titlehead{ font-family: 'rsubold'; font-weight:normal; font-size:20px; color:#000000; line-height:1; height:40px; overflow:hidden;}
.titlehead a{ text-decoration:none; color:#000000;}
.titlehead a:hover{ text-decoration:underline; color:#000000;}
.articlerow{ margin:25px 0 0 0;}
.articleleft{ float:left;}
.artbyimg{ float:left; margin:0 8px 0 0; width:30px; height:30px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border:1px solid #CCC; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.artbyimg img{ border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.artbyname{ float:left; font-size:13px; color:#78909c; margin:0; padding:4px 0 0 0;}

.articleright{ float:right; font-size:13px; color:#78909c; padding:4px 0 0 20px; background:url(../images/history_icon.jpg) 0 9px no-repeat;}

.breadcrumb{ text-align:right; color:#9c9c9c; font-size:14px; margin:10px 0;}
.breadcrumb.rightside{ float:right;}
.breadcrumb a, .breadcrumb span{ display:inline-block; color:#9c9c9c; font-size:14px;}
.breadcrumb span{ margin:0 5px;}
.breadcrumb a.active{ color:#000000;}

.sidebar{ width:23%;}
.sidebar.leftside{ float:left;}
.sidebar.rightside{ float:right;}

.catgorieshead{ background:url(../images/categories_icon.png) 25px 15px no-repeat #3c0086; font-family: 'rsubold'; color:#ffffff; padding:5px 0 5px 53px; text-transform:uppercase; margin:0 0 3px 0;}

.categories a{ font-family: 'rsuregular'; font-size:19px; border-bottom:1px solid #f1f1f1; border-left:3px solid #ffffff; padding:8px 20px; padding-right:10px; display:block; color:#898989; text-decoration:none;}
.categories a span{ display:block; }
.categoriesname{ float:left; white-space:nowrap; max-width:85%; text-overflow:ellipsis; overflow:hidden;}
.countgallery{ float:right; font-size:14px; color:#c5c5c5; padding:1px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
.categories a .categoriesname:before{ content:"•"; position:relative; margin:0 5px 0 0; font-size:26px; top:3px; line-height:0.8;}

.categories a:hover, .categories a.active{ background:#e4d2e4; border-left:3px solid #703b70; border-bottom:1px solid #e4d2e4; color:#6a326a;}
.categories a:hover .countgallery, .categories a.active .countgallery{ color:#818181;}

.maincontent{ width:74%;}
.maincontent.fullpage{ width:100%;}
.maincontent.rightside{ float:right;}
.maincontent.leftside{ float:left;}
.spacetop{ padding:20px 0 0 0;}

.categoriesheading{ font-family: 'rsuregular'; color:#000000; font-size:33px; font-weight:normal; margin:0;}
.categoriesheading.leftside{ float:left;}
.categoriesheading.greyborder{ border-bottom:1px solid #cccccc;}
.categallery{ margin:30px 0;}
.categallery .productbox{ width:30%; margin:0 4% 4% 0; float:left; height:280px; text-align:center;}
.categallery .productbox .pimgwrap{ height:200px;}
.categallery .productbox img{ max-height:100%;}

.categallery .productbox:nth-of-type(3n+3){ margin-right:0;}

.articlessidewrap{ margin:30px 0 0 0;}

.cateorieselect{ margin:0 0 10px 0;}
.cateorieselect select{ padding:8px 5px; width:100%; text-align:center; color:#000000; background:url(../images/select_arrow.png) 98% no-repeat #eaeff3; border:1px solid #d3dee6; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.navPage{ text-align:center;}
.navpageinner{ background:url(../images/purple_line.jpg) center center repeat-x; display:inline-block; margin:auto;}
.navpageinner a, .navpageinner span{ display:inline-block; border:1px solid #3f0089; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background:#3f0089; color:#fff; padding:0; line-height:1; text-align:center; width:26px; height:26px; font-size:14px; vertical-align:middle; padding:4px 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 2px;}
.navpageinner a.active{ background:#ffffff; color:#3f0089; font-size:15px; width:32px; height:32px; padding:6px 0 0 0;}
.navpageinner a:hover{ }

.navpageinner span{ display:inline-block; background:#ffffff; color:#3f0089; font-size:16px; padding:0px 8px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:1px solid #3f0089;}
.navpageinner a.textnav{ background:#ffffff; color:#3f0089; padding:5px 8px; font-size:14px; line-height:1; margin:0 3px; padding-top:3px;}
.navpageinner .prevnav{ margin-left:0 !important; margin-right:20px !important;}
.navpageinner .nextnav{ margin-left:20px !important; margin-right:0 !important;}

.navpageinner .midrange{ background:#ffffff; border:none; padding-right:10px; font-size:15px; width:auto; border-radius:0;}

.vdopagewrap{ margin:40px 0; padding:0 5%; position:relative;}
#vdocover .flipster__item{ -moz-transform-style:preserve-3d;}
.flipster__item{ width:500px;}
.flipster__container{ padding-bottom:0 !important;}
.flipster__container li{ max-width:500px;}

.vdonav{ position:absolute; top:38%; width:100%; height:0; left:0;}
.vdonav .prevbtn{ float:left; padding:5px; background:#FFF;}
.vdonav .nextbtn{ float:right; padding:5px; background:#FFF;}

.flipster__item__content div{ box-shadow:0 0 10px rgba(0,0,0,0.5);}
.flipster__item--future, .flipster__item--past{ background:#fff;}
.flipster__item--future .vdoimg, .flipster__item--past .vdoimg{ opacity:0.6;}

.vdoimg{ position:relative;}
.vdoimg img{ display:block;}
.vdoimg a{ display:block;}
.vdoplaybtn{ background:url(../images/play_btn.png) center center no-repeat; position:absolute; z-index:40; top:0; left:0; display:block; width:100%; height:100%;}
.vdohead{ padding:8px; text-align:center;}

.productgridwrap{ margin:30px 0;}
.productgridwrap .productbox{ float:left; margin:0 4% 4% 0; width:30%;}
.productgridwrap .productbox:nth-of-type(3n+3){ margin-right:0;}

.productpreview{ float:left; width:42%; position:relative;}
.zoom{ position:absolute; bottom:5px; right:5px; width:24px; height:24px; background:url(../images/zoom_icon.png);}
.productdetail{ float:right; width:56%;}
.productdetailcontent{ margin:10px 0; margin-bottom:20px;}

.previewpanel{ margin:0 0 20px 0; text-align:center; position:relative; display:table; table-layout:fixed; width:100%;}
.previewpanelinner{ display:table-cell; width:100%; height:320px; text-align:center; vertical-align:middle;}
.previewpanelinner img{ max-height:100%; display:block; margin:auto;}
.thumbproduct{ border:1px solid #e2e2e2;}
.thumbbox{ width:100%; padding:0 20px; position:relative;}
.row{ width:100%; display:block; table-layout:fixed;}
.thumbitem{ float:left; width:33%; padding:5px;}
.thumbitem img{ max-height:100%; width:auto !important; margin:auto;}

.thumbouter{ width:100%; display:table; table-layout:fixed;}
.thumbinner{ width:100%; display:table-cell; height:100px; text-align:center; vertical-align:middle; cursor:pointer;}

.navslide{}
.navslide .prevbtn{ position:absolute; height:100%; top:0; left:0; border:2px solid #FFF; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:22px; background:url(../images/arrow_left_grey.jpg) center center no-repeat #f6f6f6;}
.navslide .nextbtn{ position:absolute; height:100%; top:0; right:0; border:2px solid #FFF; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:22px; background:url(../images/arrow_right_grey.jpg) center center no-repeat #f6f6f6;}

.sendbtn{ margin:auto;}
.sendbtn a{ padding:5px 20px; background:url(../images/speech_icon.png) 15px 10px no-repeat #440091; padding-left:31px; color:#ffffff; font-size:14px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; text-decoration:none;}
.sendbtn a:hover{ background-color:#34006e;}

.sendformbox{ padding:10px 20px;}
.contacthead{ font-family: 'rsubold'; font-weight:normal; font-size:32px; color:#000000; margin:10px 0; margin-bottom:0; line-height:0.8;}

.sendformwrap{ margin:20px 0; border-top:1px solid #dcdcdc; padding:20px 0 0 0;}
.formrows{ margin:10px 0;}
.textform{ float:left; width:20%;}
.inputform{ float:right; width:78%;}

input[type=text], input[type=password], select, textarea {
	color: #666666;
	padding:10px 8px;
	margin: 0;
	display: block;
	width: 100%;
	font-size:14px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #F7F9FA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95A2A7 inset;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95A2A7 inset;
}
input[type="text"].validate-required, input[type="password"].validate-required, textarea.validate-required, select.validate-required{ border-left:3px solid #F00;}

.cancelbtn{ border:0 !important; background:none !important; padding:0 !important; margin:0 5px;}

.productsidewrap{ margin:30px 0 0 0;}
.productsidewrap .productbox{ width:100%; height:320px; display:block; margin:0 0 20px 0;}
.productsidewrap .productbox .pimginner{ height:225px;}

.articleswrap{ margin:10px 0;}
.articlesrows{ padding:20px 0; border-bottom:1px dashed #dadada;}
.articleswrap .articlesrows:last-of-type{ border-bottom:none;}
.articlesimg{ float:left; width:37%;}
.articlesimg img{ width:100%;}
.articlesdetail{ float:right; width:60%;}
.articlesheading{ font-family: 'rsubold'; font-weight:normal; font-size:24px; color:#000000; margin:0; line-height:1;}
.articlesheading a{ color:#000000;}
.predetail{ max-height:165px; overflow:hidden; margin:0 0 20px 0;}
.articlesbtn{ float:left;}
.articlesdate{ float:right;}
.articlesdate span{ display:block; background:url(../images/history_icon.png) left no-repeat; padding:0 0 0 20px; font-size:14px;}

.articlesdetailwrap{ margin-top:10px;}
.articlesdetailhead{ border-bottom:1px solid #ccc; padding:0 0 15px 0;}
.articlesdetailheading{ font-family: 'rsubold'; font-weight:normal; font-size:27px; color:#000000;}
.headerbottom{ color:#8b8b8b; font-size:14px;}
.delimiter{ float:left; margin:0 15px; padding:3px 0;}

.detailtop{ margin:20px 0;}

.addthisbox{ float:left;}
.backbox{ float:right;}

.editor.articles img{ max-width:100%; }
.editor.articles table{ table-layout:fixed;}
.editor.articles p{ margin:20px 0;}
.editor.articles p:first-of-type{ margin-top:0;}
.template1img{ width:40%; vertical-align:top;}
.template1sidetext{ width:60%; padding-left:20px; vertical-align:top;}

.contactwrap{ margin:20px 0;}
.contactleft{ width:57%; float:left;}
.contactright{ width:40%; float:right;}

.contacthead{ font-family: 'rsubold'; font-weight:normal; font-size:28px; color:#000000;}

.linebox{ background:#f4f4f4; padding:20px; text-align:center; margin:20px 0;}
.lineitem{ display:inline-block; margin:0 15px;}
.lineitem p{ margin:0px 0;}

.contactform{}
.contactform .textform{ width:25%;}
.contactform .inputform{ width:73%;}

.bgabout{ background:url(../images/bg_aboutus.jpg) left 80px repeat-x;}
.aboutwrap{ margin:20px 0;}
.aboutleft{ float:left; width:60%; padding:30px 30px; background:rgba(255,255,255,0.8);}
.aboutright{ float:right; width:38%; padding:20px 0; text-align:center; }
.aboutcontent{ font-size:17px;}

/*heading*/
.heading{ font-family: 'rsubold'; font-weight:normal; font-size:26px; color:#000000; display:inline-block;}
.heading span{ display:block; padding-right:18px; background:url(../images/arrow_right_red.jpg) right no-repeat;}
.heading.reducesize{ font-size:24px;}

footer{ padding:20px 0; margin-top:40px; font-size:14px; line-height:1.3; color:#8b8d8f;}
.footertop{ background:#eaeff3; padding:10px 0; text-align:center;}
.footerleft{ float:none;}
.footercontactbox{ padding:5px 0; float:none; display:inline-block; padding:0 20px; padding-right:24px; border-right:1px solid #b8bdc1;}
.footerleft .footercontactbox:last-of-type{ border-right:none;}
.cicon, .cdetail{ display:inline-block;}
.cicon{ text-align:center; vertical-align:top; padding:3px 5px 0 0;}
.cdetail{ text-align:left;}
.cdetail a{ color:#8b8d8f;}
.footerright{ float:none; padding-top:10px;}
.visitorbox{ background:#eaeff3; padding:5px 10px; font-size:13px; color:#5c5c5c; display:inline-block; margin:0 3px;}
.visitorbox img{ position:relative; top:2px;}
.footerbottom{ padding:15px 0; padding-bottom:0; font-size:13px; }

/*Misc*/
.textcenter{ text-align:center;}
.fadehover{ opacity:1;}
.fadehover:hover{ opacity:0.9;}

.viewallbutton{ float:right; padding:5px 0 0 0;}
.viewallbutton a{ font-family: 'rsuregular'; font-size:16px; color:#4d4d4d;}

/*color*/
.redcolor{ color:#FF0000;}
.purplecolor{ color:#3f0089;}
.blackcolor{ color:#000000;}

/*Swap Setting*/
.mobileversion{ display:none;}
.mobilemenu{ display:none;}
.breaktablet{ display:none;}
.breakmobile{ display:none;}
.slidebannerwrap{ display:block;}
.slidebannerwrapmob{ display:none;}
.cateorieselect{ display:none;}

@-moz-document url-prefix() { 
	img{ max-width:100%;
		-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; 
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		-ms-interpolation-mode: nearest-neighbor;
		image-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
		transform: translateZ(0) scale(1.0, 1.0);
	}
}

@media all and (max-width:1180px){
	.content{ width:95%;}
	.topmenu li a{padding:7px 12px; }
	.headerwrapper{ min-height:130px;}
	
	.slogan{ margin-right:0%;}
	
	.aboutbox{ padding-left:3%; padding-right:3%;}

	.template1img{ width:50%; }
	.template1sidetext{ width:50%; }
}