/*   html5doctorcom Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctorcom/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
body {	line-height: 1;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/*
fonts.css from the YUI Library: developeryahoocom/yui/
Please refer to developeryahoocom/yui/fonts/ for font sizing percentages
*/
button {cursor: pointer; background: none; padding: 0; margin: 0;}
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
/* maxvoltarcom/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000000);}
::-moz-selection {background: #999999; color: #f6f6f6;}
::selection {background: #999999; color: #f6f6f6;}
* {outline:none; text-decoration: none; border:0 none;}
img {vertical-align:top;}
li {list-style: none; display: inline}
input {cursor: pointer;}
h1, h2, h3, h4, h5 {font-weight: normal;}

a {cursor: pointer; color: inherit}
img { text-decoration:none;}
.clear {width: 100%; clear: both; display: block; height: 1px;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.marginxsmall {width: 100%; clear: both; height: 10px}
.marginsmall {width: 100%; clear: both; height: 20px}
.margin {width: 100%; clear: both; height: 40px;}
.marginbig {width: 100%; clear: both; height: 80px;}
.marginleft {margin: 0 0 0 10px !important;}
.marginleft8 {margin-left: 8px;}
.marginright8 {margin-right: 8px;}
.margintop8 {margin-top: 8px;}
.marginbottom8 {margin-bottom: 8px;}
.padding40 {padding: 40px;}
.padding20 {padding: 20px;}
.padding10 {padding: 10px;}
.padding5 {padding: 5px;}
.sep {border-top:1px solid #e6e6e6; width: 100%; clear: both; display: block; height: 0px; margin: 20px 0;}
.sepsmall {border-top:1px solid #e6e6e6; width: 100%; clear: both; display: block; height: 0px; margin: 10px 0;}
.sep2 {border-top:1px solid #999999; border-bottom: 1px solid #999999; width: 100%; clear: both; display: block; height: 4px; margin: 28px 0;}
.sep3 {border-top:1px dotted #999999; border-bottom: 1px dotted #999999; width: 100%; clear: both; display: block; height: 4px; margin: 28px 0;}
.nomargin {margin: 0 !important;}
.noborder {border: 0 none !important}
.nomarginright {margin-right: 0 !important;}
.nopaddingright {padding-right: 0 !important;}
.shadow {-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;}
.textshadow {text-shadow: 0 2px 10px rgba(0,0,0,0.15)}
.shadowblack {-moz-box-shadow: 0 1px 5px #111111 !important; -webkit-box-shadow: 0 1px 5px #111111 !important; box-shadow: 0 1px 5px #111111 !important;}
.shadowDDD {-moz-box-shadow: 0 1px 2px #dddddd !important; -webkit-box-shadow: 0 1px 2px #dddddd !important; box-shadow: 0 1px 3px #dddddd !important;}
.radius {border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;}
.floatnone {float: none !important; display: inline !important; padding: 0 !important; margin: 0 !important}
.hide, .headerimg-1, .headerimg-0 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00;}
.opacity25 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:alpha(opacity=25); opacity: 0.25; -moz-opacity: 0.25;}
.opacity50, .tabs > div:not(.active) {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;}
.opacity75, .overlay {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75;}
.floatright {float: right; display: block;}
.floatleft {float: left; display: block;}
/*
.fontlight {font-family: 'OpenSansLight', 'Arial', sans-serif}
.fontbold {font-family: 'OpenSansBold', 'Arial', sans-serif}
*/
.font1 {font-family: 'Arial', sans-serif; font-weight: 400}
.font1-bold, .font1.bold, .text strong, .fontbold, font1.bold, h4 {font-weight: 700}
h4 {font-size: 1.2em}
.font1-light, .fontlight {font-weight: 300;}
.upper {text-transform: uppercase;}
.none {display: none}
.block {display: block}
.flex {display: flex;}
.verticalcenter {margin: auto;}
.inlineblock {display: inline-block}
.pointer {cursor: pointer}
.relative {position: relative}
.absolute {position: absolute}
.fixed {position: fixed}
.width100 {width: 100%;}
translation {background: rgba(0,0,0,0.8); font-family: 'Courier', 'Arial', monospace; color: lime; text-transform: none !important; font-weight: normal !important}
.z-0 {z-index: 0}
.z-1 {z-index: 1}
.z-2 {z-index: 2}
.z-3 {z-index: 3}

.c1, .text a {color: #333}
.c2 {color: #ffffff}
.c3 {color: #333333}
.c4 {color: #999999}
.c5 {color: #191919}

.b1 {background: #333}
.b2 {background: #ffffff}
.b3 {background: #333333}
.b4 {background: #191919}
.b5 {background: #eeeeee}

.bg-error {background: #d1002e}
.bg-message {background: #e1b400}
.bg-success {background: #21b040}
.c-error {color: #d1002e}
.c-message {color: #e1b400}
.c-success {color: #21b040}

.size40 {font-size: 40px;}
.size38 {font-size: 38px;}
.size36 {font-size: 36px;}
.size34 {font-size: 34px;}
.size32 {font-size: 32px;}
.size30 {font-size: 30px;}
.size28 {font-size: 28px;}
.size26 {font-size: 26px;}
.size24 {font-size: 24px;}
.size22 {font-size: 22px;}
.size20 {font-size: 20px;}
.size18 {font-size: 18px !important;}
.size16 {font-size: 16px !important;}
.size14 {font-size: 14px;}
.size13 {font-size: 13px; line-height: 20px;}
.size12 {font-size: 12px;}
.size11 {font-size: 11px;}
.size10 {font-size: 10px;}

.btn {border: 2px solid #fff; text-align: center; display: inline-block; line-height: 22px; padding: 10px 35px; border-radius: 46px; -webkit-border-radius: 46px; -moz-border-radius: 46px; cursor: pointer; font-family: 'Helvetica', 'Arial', sans-serif; background: transparent;}
.btn.circle {line-height: 40px; height: 40px; width: 40px; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.btn.circle i {line-height: 40px;}
.btn.small {line-height: 18px; padding: 6px 16px; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px;}
.btn:hover {background: #fff; color: #333}
.btn.c1 {border-color: #333; color: #333}
.btn.c1:hover, .btn.c1.filled {background: #333; color: #fff;}
.btn.c3 {border-color: #333;}
.btn.c3:hover, .btn.c3.filled {background: #333; color: #fff;}
.btn.c4 {border-color: #191919;}
.btn.c4:hover, .btn.c4.filled {background: #191919; color: #fff;}
.btn.c5 {border-color: #999999; color: #999999}
.btn.c5:hover, .btn.c5.filled {background: #999999; color: #fff;}
.border-sep {border-bottom: 1px solid #ddd;}
.btn.circle.nohover:hover {background: inherit; cursor: default;}

body {font-family: 'Arial', sans-serif; color: #333; background: #eee}
body.menu-visible {overflow: hidden;}
.overlay {width: 100%; height: 100%; position: fixed; z-index: 0; display: none; top: 0; left: 0; background: #fff;}
.overlay > div {display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1;}
.overlay.visible {z-index: 3; display: block;}
header {background-size: cover; background-position: center top; background-repeat: no-repeat; overflow: hidden; background-color: #ffffff; /* #333 */ width: 100%; height: 107px;}
.headheight {height: 580px;}
.headheight.small {min-height: 240px; height: auto;}
.headertable td {padding: 40px 0}
.logo {max-height: 30px; max-width: 100%; margin-top: -5px;}
div[class^="headerimg-"] {overflow: hidden; /* top: 0; */ width: 100%; display: block; background-size: cover; background-position: center center;}
/*.width100.z-2 {-webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);}*/
.small .header-title {font-size: 40px; line-height: 50px;}
.header-title div.font1-light {font-size: 28px; line-height: 40px;}
.small .header-title div {font-size: 22px; line-height: 30px;}
.header-title .pagetitle, .header-title h1 {font-size: 44px; line-height: 54px; padding: 0;}
.container {max-width: 1100px; margin: 0 auto; position: relative; padding: 0 20px;}
.container.nopadding {padding: 0;}
.head {-webkit-transition: background-color 0.15s linear; -moz-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; -ms-transition: background-color 0.15s linear; transition: background-color 0.15s linear; z-index: 999; background: #ffffff; box-shadow: 0 6px 0 rgba(0,0,0,0.10); -webkit-box-shadow: 0 6px 0 rgba(0,0,0,0.10); -moz-box-shadow: 0 6px 0 rgba(0,0,0,0.10);}
.head-space {height: 20px; width: 100%; position: relative; display: block; /* -webkit-transition: background-color 0.15s linear; -moz-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; -ms-transition: background-color 0.15s linear; transition: background-color 0.15s linear; -webkit-transition: height 0.15s ease-out; -moz-transition: height 0.15s ease-out; -o-transition: height 0.15s ease-out; -ms-transition: height 0.15s ease-out; transition: height 0.15s ease-out; */}
/* .head.b1 .head-space {height: 20px; -webkit-transition: height 0.25s ease-in; -moz-transition: height 0.25s ease-in; -o-transition: height 0.25s ease-in; -ms-transition: height 0.25s ease-in; transition: height 0.25s ease-in;} */
.logo-top img {max-height: 30px; padding: 5px 0}
.whishlist table {width: 100%;}
.whishlist table th {padding: 14px 10px; background: #ccc; color: #666; border-bottom: 1px solid #ccc;}
.whishlist table td {padding: 10px 10px; border-bottom: 1px solid #ccc;}

.message-row {position: fixed; width: 100%; display: block; z-index: 999;}
.nav-overlay {height: 100%; width: 100%; z-index: 998; background-color: #333333; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75;}
body.menu-visible .nav-overlay {display: block}
body.menu-visible .head {z-index: 999; background: #fff; -webkit-transition: background-color 0s linear; -moz-transition: background-color 0s linear; -o-transition: background-color 0s linear; -ms-transition: background-color 0s linear; transition: background-color 0s linear;}
.text h1, .text h2, .text h3 {font-family: 'Arial', sans-serif; font-weight: normal;}
.text h1 {font-size: 34px; margin-bottom: 20pt; padding-bottom: 20pt; border-bottom: 1px solid #ccc; max-width: 75%;}
.text h2 {font-size: 30px; margin-bottom: 15pt; padding-bottom: 15pt; border-bottom: 1px solid #ccc;}
.text h3 {font-size: 26px; margin-bottom: 10pt; padding-bottom: 10pt;}
.text ul {margin-left: 20px; padding-top: 10px;}
.text ul li {display: list-item; list-style: circle; line-height: 1.1em; margin: 10px 0}
.text table {width: 100%;}
.production-box .box {padding: 0 10px; line-height: 20px;}
.production-box .box div.size20 {min-height: 40px;}
.production-box .box:hover .absolute {display: block;}
.image-box .box {padding: 2px; line-height: 20px;}
.image-box .box a {background: #333; display: block}
.image-box .box a.fancybox:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;}
.imgcontainer > div > img, .imgcontainer > div > a {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;}
.playicon {background: #333; border-radius: 50%; position: absolute; top: 50%; left: 50%; height: 40px; margin-top: -32px; margin-left: -32px; width: 40px; padding: 12px 10px 12px 14px;}
.playicon.small {height: 30px; padding: 6px 5px 6px 7px; width: 30px; margin-left: -26px; margin-top: -26px;}
.playicon img {height: 30px; padding: 5px;}
.playicon.small img {height: 20px; padding: 5px;}
.social i {margin: 0 8px;}
.socialbar div.padding10 {margin-right: 4px; width: 18px; text-align: center; line-height: 18px;}
#postit {color: #333; top: 150px; right: 0; z-index: 10; max-width: 340px;}
#postit .postit-cont {background: #ffe960;}
#postit table td {vertical-align: top}
#postit i {background: #ffe960; padding: 20px; line-height: 20px; width: 20px; text-align: center; font-size: 20px; cursor: pointer; top: 0;}
#postit.hidden {right: -280px;}

.all-products {overflow: hidden; position: relative;}
.all-products-box {top: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 1; left: 0; right: 0; width: 100%; height: 100%; box-sizing: border-box; cursor: pointer; display: block;}
.all-products-box > div {min-height: 82px; position: absolute; top: 50%; margin-top: -42px; width: 100%; padding: 0 20px; box-sizing: border-box;}
.all-products:hover > .all-products-box {top: 0;}

.news-box {margin-top: -120px; width: 100%;}

/* #ccproducts > div.pure-g {border: 1px solid #ebebeb; border-bottom: 0;} */
.all-products > div:first-of-type {border: 1px solid #ebebeb; /* border-width: 0 1px 1px 0; */}
.slick-slider {margin-bottom: 0;}
.tabs > div:not(.active) {}
.tabs > div.active {color: #333}
.toggle-target {display: none;}

.gallery-side .size34 {font-size: 24px;}
.size34.font1-bold {line-height: 38px;}
.footer-social a, .socialbar div.padding5 {color: #fff; margin-right: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 30px; line-height: 30px; height: 30px; text-align: center; display: block; float: left;}
.footer-social a i, .socialbar div.padding5 i {line-height: 30px;}
footer a {color: inherit}

/* NAV */
#nav {height: 42px; text-transform: uppercase;}
#nav > a {display: none;}
#nav li {position: relative;}
/* first level */
#nav > ul {height: 3.75em;}
#nav > ul > li {height: auto; float: left;}
#nav > ul > li > a {padding: 21px 0; margin: 0 16px; line-height: 20px; color: #333; font-size: 14px; display: block;}
#nav > ul > li > a.sel {border-bottom: 1px solid #333;}
#nav > ul > li:hover > a {color: #333;}
#nav > ul > li > a > i {font-size: 14px; font-weight: normal}
/* second level */ 
#nav li ul {display: none; position: absolute; top: 100%; min-width: 200px;}
#nav li:hover ul {display: block; z-index: 1}
#nav li ul li a {padding: 14px 20px; line-height: 18px; color: #666; font-size: 14px; background: #f3f3f3; display: block;}

#nav > ul > li:last-child > ul {right: 0}
#nav > .btn-nav img {height: 38px; padding: 6px 0 5px;}

.wishlist-counter {width: 10px; height: 10px; line-height: 10px; padding: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: 0; top: 0; bottom: 0;}

form button {width: auto; display: inline-block;}

/* SLICK */
.thumb_slider.slick-slider, .banner_slider.slick-slider {margin-bottom: 0}
.thumb_slider .slick-dots {display: none !important;}
.thumb_slider_box:hover .slick-dots {display: block !important;}
.thumb_slider .slick-dots li {width: 25%; height: 4px; background: #fff; display: block; float: left; margin: 0; overflow: hidden;}
/* #banner-slider {overflow: hidden; height: 450px;} */
.banner_slider .slick-dots {bottom: 20px;}
.banner_slider .slick-dots li {background: transparent;}
.banner_slider .slick-dots li button:before {color: #fff; font-size: 10px; font: normal normal normal 10px/1 FontAwesome; content: "\f10c"; opacity: 1}
.slick-dots li {height: 10px;}
.thumb_slider .slick-dots li.slick-active {background: #999999}
.banner_slider .slick-dots li.slick-active button:before {color: #333; content: "\f111"}
.thumb_slider img.hide, .banner_slider img.hide {height: 1px; position: absolute; z-index: -1}
#product-images-slider .slick-dots {bottom: -10px}

.slick-arrow {z-index: 1}
.slick-next {right: 0;}
.slick-prev {left: 0;}
.banner_slider .slick-arrow {background: transparent; width: 60px; height: 60px;}
.banner_slider .slick-arrow:before {font-size: 40px; color: #fff; opacity: 1}

#search-bar {height: 44px; line-height: 44px; background: #333; /* padding: 10px; */ box-sizing: border-box; display: none; position: fixed; z-index: 1000; width: 100%;}
#search-bar i {line-height: 44px; color: #fff; font-size: 16px;}
#search-bar input[name="search"] {display: block; height: 44px; background: #333; width: 100%; line-height: 30px; border: 0; margin: 0; padding: 10px; color: #fff; font-size: 16px; font-weight: 400; box-sizing: border-box;}
#search-bar .search-close {right: 0; top: 0; height: 44px; text-align: center; z-index: 99}
#search-bar .search-close img {height: 16px; padding: 14px;}
.easy-autocomplete-container ul .eac-category {background: #f3f3f3; color: #333; border-color: #333; border-width: 0 0 1px 0; font-weight: 300}
.easy-autocomplete-container .eac-item {line-height: 18px; padding: 6px 0}

#search-bar ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
#search-bar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
#search-bar ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
#search-bar :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

@media only screen and (min-width: 769px) {
	#nav li ul li a:hover {color: #333; background: #e6e6e6}
}

@media only screen and ( max-width: 1025px ) and ( min-width: 768px ) /* 1024 */
{
	.size38 {font-size: 28px; line-height: 30px !important;}
	.size38.padding40 > div:not(.clear) {min-height: 60px !important;}
}

@media only screen and ( max-width: 64em ) /* 1024 */
{
	#nav > ul > li > a {margin: 0 12px; font-size: 12px;}
}

@media only screen and ( max-width: 900px ) /* 900 */
{
	.logo {max-height: 24px; padding-top: 2px;}
	#nav > ul > li > a {margin: 0 6px; font-size: 12px;}
	#nav > ul > li > a i {margin-left: 4px !important;}
}

@media only screen and ( min-width: 1101px )
{
	/*.slider_center {width: 150%; margin-left: -25%;}*/
	.slick-list {max-width: 1100px; margin: 0 auto; overflow: visible;}
	div[class*="_slider"].center .slick-slide:not(.slick-current) {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity: 0.30; -moz-opacity: 0.30;}
}

@media only screen and ( max-width: 48em ) /* 768 */
{
	.padding40 {padding: 20px;}
	.padding20 {padding: 10px;}
	.padding10 {padding: 5px;}
	header {height: 50px;}
/*
	.marginxsmall {width: 100%; clear: both; height: 5px}
	.marginsmall {width: 100%; clear: both; height: 10px}
	.margin {width: 100%; clear: both; height: 20px;}
	.marginbig {width: 100%; clear: both; height: 40px;}
*/
	.container {padding: 0 10px;}
	.text h1, .size34 {font-size: 28px; line-height: 32px;}
	.text h1 {margin-bottom: 10pt}
	.headheight {height: 440px;}
	.headheight.small {min-height: 140px; height: auto}
/* 	.head.b1 .head-space {height: 0px;} */
	.production-box .box {padding: 0;}
	.production-box .box .absolute {display: block;}
	.logo {padding: 10px 0; max-height: 24px; margin: 0}
	.quotation {background: #191919 !important}
	.head-space {height: 0px;}
	header {height: 76px !important}
	.headertable td {/* padding-top: 52px; */}
	.header-title .pagetitle {font-size: 38px; line-height: 40px;}
	.header-title span {font-size: 20px; line-height: 24px;}
	.logo-top img {max-height: 20px; max-width: 170px;}
	.small .header-title div {font-size: 22px; line-height: 26px;}
	.production-box .box {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #333;}
	.news-box {margin-top: -20px}
	#search-bar .search-close {right: 10px;}
	.banner_slider .slick-arrow:before {font-size: 20px;}
	.banner_slider .slick-arrow {width: 40px; height: 40px;}
	.slick-arrow {display: none;}
	.text table td {display: block;}
	#nav {position: static;}
	#nav > a {padding: 0 0 0 16px; line-height: 50px; color: #666; font-size: 28px; height: 40px;}
	#nav > a > i {line-height: 42px;}
	#nav:not( .target ) > a:first-of-type, #nav.target > a:last-of-type {display: block;}
	/* first level */
	#nav > ul {height: auto; display: none; position: absolute; left: 0; right: 0;}
	#nav.target > ul {display: block; z-index: 1;}
	#nav > ul > li {width: 100%; float: none; background: #fdfdfd; border-bottom: 1px solid #ddd;}
	#nav > ul > li > a {margin: 0; padding: 16px; border-right: 0; background: #fff; color: #333; border-bottom: 1px solid #f6f6f6; font-size: 14px;}
	#nav > ul > li:hover > a {background-color: #f6f6f6; color: #333}
	#nav > ul > li > a.sel {background: #333; color: #fff;}
	/* second level */
	#nav li ul {position: static; border: 0;}
	#nav li ul li a {padding: 0 16px; line-height: 42px; color: #333; font-size: 13px; height: 42px; background: #fafafa; display: block; border-bottom: 1px solid #d9d9d9}
	#nav > .btn-nav img {height: 30px;}
	form button {width: 100%; display: block;}
	.tabs .size16 {font-size: 12px !important;}
	.whishlist-head * {display: block; line-height: 18px; font-size: 14px; clear: both;}
	.all-products-box .size24 {font-size: 18px !important;}
	.all-products-box .size18 {font-size: 14px !important;}
	.all-products-box .size16 {font-size: 13px !important;}
	.all-products-box .btn {padding: 6px 20px;}
	#postit {right: -280px; display: none}
	#banner-slider {background: #fff; overflow: visible !important}
	.banner_slider .slick-dots {bottom: -20px; z-index: 99}
	.banner_slider .slick-dots li button:before {color: #aaa}
	.pure-u-1.padding40 {padding: 20px;}
}

@media only screen and ( max-width: 48em ) /* 768 */
{
	.text h1, .size34 {font-size: 24px; line-height: 28px;}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* loader */
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(51, 51, 51, 0.2);
  border-right: 1.1em solid rgba(51, 51, 51, 0.2);
  border-bottom: 1.1em solid rgba(51, 51, 51, 0.2);
  border-left: 1.1em solid #333;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*FORM*/
button#submit-search {background: transparent url(/images/search-ico.png) 0 0 no-repeat; width: 19px; height: 18px; position: absolute; right: 12px; top:12px; display: block;}
button#login {color: #ffffff; background: #a02445; font-size: 12px; padding: 6px 8px;}
.inp {border: 0; padding: 10px 0; font-size: 12px; line-height: 18px; color: #333333; width: 100%; background: transparent; position: relative; z-index: 1}
.inp[type="checkbox"], .inp[type="radio"] {width: auto}
select.inp {height: 38px;}
.inpwrap, .inpwrapsel {background: #f6f6f6; border: 1px solid #e6e6e6; padding: 0 8px; position: relative; margin-right: 10px;}
.inpcnt span {font-size: 12px; font-family:'Arial', sans-serif;}
.inpcnt span.error, form span.error {position: absolute; right: 10px; color: #d1002e; font-size: 12px; line-height: 14px; padding: 10px 0; z-index: 0; top: 0;}
.inpcnt {position: relative; display: inline-block; margin-bottom: 10px;}
.inpcnt label {display: block; margin-bottom: 4px; font-size: 16px; color: #666666; font-family: 'Arial', sans-serif;}
.check-box {position: relative;}
.check-box table td {vertical-align: top}
.check-box label {margin-bottom: 0; float: left; margin-left: 0px; line-height: 30px; cursor: pointer;}
.check-box label.size12 {line-height: 18px; font-size: 12px;}
/* .check-box label div.chk {width: 28px; height: 28px; float: left; border: 1px solid #cccccc; background: #fff; line-height: 30px; text-align: center; margin-right: 10px;} */
/* .check-box.radio label div.chk.checked {background: url(/images/o.png) center center no-repeat; background-size: 20px;} */
.check-box label div.chk {float: left; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; background: none; border: 0 none;}
.check-box label div.chk:before {content: "\f096";}
.check-box label div.chk.checked:before {content: "\f14a"; background: none;}
.check-box label div.chk.checked {font-size: 28px;}
.check-box.radio label div.chk:before {content: "\f1db";}
.check-box.radio label div.chk.checked:before {content: "\f058"; background: none;}
.check-box.radio label div.chk.checked {font-size: 30px;}
/* .check-box.error label div.chk, .inpwrap.error, select.inp.error {border-color: #d1002e} */
.check-box.error label div.chk, .inpwrap.error, select.inp.error {color: #d1002e}
/* .check-box label div.chk.checked {background: url(/images/x.png) center center no-repeat; background-size: 20px;} */
/**/
.check-box .inp {float: none; width: 30px; height: 30px; margin: 0; box-sizing: border-box; position: absolute; left: 0; top: 0;}
.inp.focus {border-color: #ccc; background: #fff}
#areariservata .inp, #searchform .inp {width: 216px;}
/* .inpbig {width: 434px;} */
textarea.inp:focus {border-color: #ccc;}
textarea.inp {width: 100%; font-size: 12px; resize: none; padding: 10px 0; height: 100px;}
.inp.error {/* border-color: #a02445 */}
.inp.error:focus {border-color: #a02445}
#areariservata div.error {right: 8px; top:11px;}
.inp.checkbox {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00; cursor: pointer; width: 15px; height: 15px;}
.check.inputradio {background: url(/images/radio.png) center center no-repeat transparent; display: block; }
.check-h.inputradio {background: url(/images/radio-h.png) center center no-repeat transparent !important;}
.check-error.inputradio {background: url(/images/radio-error.png) center center no-repeat transparent !important;}
.check {background: url(/images/check.png) center center no-repeat transparent; display: block; }
.check-h {background: url(/images/check-h.png) center center no-repeat transparent !important;}
.check-error {background: url(/images/check-error.png) center center no-repeat transparent !important;}
input.hide_char {-webkit-text-security: disc;}
button.c1:hover, .pointer.c1:hover {color: #111111}
.inpselect select {background: transparent; width: 298px; padding: 12px 10px; font-size: 12px; line-height: 14px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 38px; -webkit-appearance: none; cursor: pointer; color: #666}
.inpselect {overflow: hidden; background: #fafafa; border: 1px solid #e6e6e6; color: #333333}
.blog-images div:not(:last-child) {margin-right: 40px;}
.gray {color: #666;}

.success-msg {background: #52a400; width: 100%; display: block; position: relative; box-sizing: border-box; padding: 10px; color: #fff; font-size: 14px;}
.error-msg {background: #d1002e; width: 100%; display: block; position: relative; box-sizing: border-box; padding: 10px; color: #fff; font-size: 14px;}

.grecaptcha-badge {display: none !important;}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020;}
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;    -moz-border-radius: 4px;         border-radius: 4px;}
.fancybox-opened { z-index: 8030;}
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner { position: relative;}
.fancybox-inner { overflow: hidden;}
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch;}
.fancybox-error { color: #444; font: 14px/20px "OpenSansRegular",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap;}
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%;}
.fancybox-image { max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox/fancybox_sprite.png');}
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div { width: 44px; height: 44px; background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;}
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;}
.fancybox-prev { left: 0;}
.fancybox-next { right: 0;}
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden;}
.fancybox-prev span { left: 10px; background-position: 0 -36px;}
.fancybox-next span { right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span { visibility: visible;}
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body { overflow: hidden !important;}
.fancybox-lock-test { overflow-y: hidden !important;}
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/images/fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll;}
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "OpenSansRegular",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050;}
.fancybox-opened .fancybox-title { visibility: visible;}
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center;}
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff;}
.fancybox-title-inside-wrap { padding-top: 10px;}
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 	   only screen and (min--moz-device-pixel-ratio: 1.5), 	   only screen and (min-device-pixel-ratio: 1.5){
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 	background-image: url('/images/fancybox/fancybox_sprite@2x.png'); 	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
 #fancybox-loading div { 	background-image: url('/images/fancybox/fancybox_loading@2x.gif'); 	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }}
 
 /* PAGINATOR */
.paginator a:not(.slider-last), .paginator span:not(.slider-last) {display: block; float: left; font-size: 16px; line-height: 40px; height: 40px; color: #aaa; background: transparent; border-radius: 50%; width: 40px; text-align: center; margin: 0 2px; border: 2px solid #ddd}
.paginator .fa {font-size: 22px !important; line-height: 40px; vertical-align: text-top;}
.paginator {text-align: center}
.paginator a:hover {color: #333; border-color: #333;}
.paginator .as-active, .paginator a.current {background: #333 !important; color: #f6f6f6 !important; border-color: #333}
.paginator span.inactive {color: #aaa}