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

header.fullversion{ display:none;}
header.mobileversion{ display:block;}

header.flynav{ position:relative; }
header.mobileversion .tophead, header.mobileversion .tophead.hidetop{ height:auto !important; padding:15px 0; height:auto; background-position:100% 100%;}

.headerwrapper{ min-height:inherit; height:auto !important;}
.logo{ width:70%;}
.logo img{ display:block;}


.menubtnwrap{ float:right; }
#mobilemenubtn{ color:#fff; background:url(../images/menu-mob.png) center no-repeat #440091; height:35px; width:40px; text-indent:-9999px; overflow:hidden; display:block; margin:8px 0 0 0;}

/*Mobile Menu*/
.mobilemenu{ width:80%; height:100%; position:fixed; right:0; top:0; display:block; -webkit-box-shadow:inset 10px 0 20px -2px #000000; -moz-box-shadow:inset 10px 0 20px -2px #000000; box-shadow:inset 10px 0 20px -2px #000000;  padding:5% 5%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:1; overflow:scroll; 
	background: #49009b; /* Old browsers */
	background: -moz-linear-gradient(left, #49009b 0%, #2b0065 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #49009b 0%,#2b0065 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #49009b 0%,#2b0065 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49009b', endColorstr='#2b0065',GradientType=1 );
}

.menulist{ display:block; margin:0;}
.menulist ul{ list-style:none; padding:0;}
.menulist a{ display:block; text-decoration:none; color:#fff; font-family: 'rsubold'; font-size:17px; padding:3% 2%; margin:0; border-bottom:1px solid #7d37d2;}

.menulist a:last-of-type{ border-bottom:0;}

.submenumobile{}

.searchbox{ float:none; margin:0 0 10px 0; font-size:13px; padding:0;}
.searchbox input[type="text"]{ padding:10px 15px; width:100%;}
.searchsubmit{ top:10px; right:10px;}

.languagebox{ font-size:14px; color:#ffffff; padding:0; float:none; text-align:left; margin:0 0 10px 0;}
.languagebox a{ color:#ffffff; margin:0 5px;}
.languagebox a:first-of-type{ margin-left:0;}
.languagebox a:hover, .languagebox a.selected{ color:#ffffff;}

.footerleft .footercontactbox{ margin:10px 0;}
.footerleft .footercontactbox:nth-of-type(2){ border-right:0;}

.sidebar{ width:100%; float:none;}
.sidebar.leftside{ float:none;}
.maincontent{ width:100%;}
.maincontent.rightside{ float:none;}

.categories, .articlessidewrap{ display:none;}
.productsidewrap{ display:none;}

.breaktablet{ display:block;}
.breakmobile{ display:none;}
.cateorieselect{ display:block;}

.categallery .productbox{ height:230px;}
.productboxinner{ height:210px; }

.productpreview, .productdetail{ width:48%;}

.predetail{ max-height:auto;}

.editor.articles table, .editor.articles tbody, .editor.articles tr, .editor.articles td{ display:block;}
.template1img{ width:100%; text-align:center;}
.template1sidetext{ width:100%; padding-left:0 !important;}

.editor.articles img{ max-width:100%; height:auto !important;}

@media all and (max-width:860px){
	.articlewrap{ float:none; width:100%;}
	.vdowrap{ float:none; width:100%; margin:20px 0 0 0;}
	.vdowrap iframe{ height:350px !important;}
}
@media all and (max-width:768px){
	.productgridwrap .productbox{ margin:0 4% 4% 0; width:48%;}
	.productgridwrap .productbox:nth-of-type(2n+2){ margin-right:0;}
	.productgridwrap .productbox:nth-of-type(3n+3){ margin-right:4%;}
	
	.contactleft{ width:100%; float:none;}
	.contactright{ width:100%; float:none; margin-top:30px;}
	
	.contactform .textform{ width:100%;}
	.contactform .inputform{ width:100%;}
}