/*   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}
u {text-decoration: underline;}
input {cursor: pointer;}
h1, h2, h3, h4, h5 {font-weight: normal;}

a {cursor: pointer; color: #333333; text-decoration: none;}
a:hover {color: initial;}
img { text-decoration:none;}
.clear {width: 100%; clear: both; display: block; height: 0px;}
.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;}
.padding80 {padding: 80px;}
.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;}
.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: 2px solid transparent; text-align: center; display: inline-block; line-height: 22px; border-radius: 46px; -webkit-border-radius: 46px; -moz-border-radius: 46px; cursor: pointer;}
.radius.small {line-height: 18px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.radius.small.padding10 {padding: 5px;}
.circle {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.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, .sep-3-5 {-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;}
pre.debug {background: #222; color: #fff; padding: 10px; text-align: left; display: block; position: absolute; z-index: 9999; font-size: 10px; opacity: 0.90; max-width: 50%; overflow-x: auto}
.underlined {text-decoration: underline;}
.full-height {height: 100vh !important}
.full-height > div {height: 100%;}
/*
.fontlight {font-family: 'OpenSansLight', 'Arial', sans-serif}
.fontbold {font-family: 'OpenSansBold', 'Arial', sans-serif}
*/
[class*="font1"], .font1, .btn, .size34, .text h1, .text h2, .text h3, .text h4, .text h5, .inpcnt span, .inpcnt label {font-family: 'Lora', 'Arial', sans-serif; font-weight: 400} .font1.bold, .text b {font-weight: 700} .font1-light {font-weight: 200;}
[class^="font2"], [class*=" font2"], .font2, .text {font-family: 'Red Hat Display', 'Arial', sans-serif; font-weight: 400} .font2.bold, .font2-bold, .text b {font-weight: 700} .font2-light {font-weight: 200;}
.font1-bold, .text strong, .fontbold {font-weight: bold !important}
.font1-light, .fontlight {font-weight: 200;}
.upper {text-transform: uppercase;}
.none {display: none}
.block {display: block}
.inlineblock {display: inline-block}
.flex {display: flex;}
.verticalcenter {margin: auto;}
.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: #000000}
.c2 {color: #ffffff}
.c3 {color: #333333}
.c4 {color: #999999}
.c5, .c1.darken {color: #000000}
.c-contrast {color: #000000}

.b1 {background: #000000}
.b2 {background: #ffffff}
.b3 {background: #333333}
.b4, .b1.darken {background: #000000}
.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}

.b-twitter {background: #55ACEE;}
.b-facebook {background: #3B5998}
.b-google-plus {background: #DD4B39}
.b-vkontakte {background: #45668e;}
.b-tumblr {background: #36465D}
/*.b-instagram {background: #FA8E37; background: linear-gradient(39deg, rgba(255,188,65,1) 0%, rgba(250, 142, 55,1) 18%, rgba(221,40,125,1) 63%, rgba(147,28,156,1) 89%, rgba(155,26,183,1) 100%);}*/
.b-instagram {background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);}
.b-youtube {background: #FF0000;}

.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; color: #fff; text-align: center; display: inline-block; line-height: 20px; padding: 16px 36px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer;}
.btn.filled {background: #fff; color: #000000}
.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: 5px 16px;}
.btn:hover {background: #fff; color: #000000; -webkit-transition: background .15s; /* For Safari */	transition: background .15s; /* For modern browsers */}
.btn.c1 {border-color: #000000; color: #000000;}
.btn.c1:hover, .btn.c1.filled {background: #000000; color: #fff;}
.btn.c3 {border-color: #333;}
.btn.c3:hover, .btn.c3.filled {background: #333; color: #fff;}
.btn.c4 {border-color: #000000;}
.btn.c4:hover, .btn.c4.filled {background: #000000; 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: 'Helvetica', 'Arial', sans-serif; color: #000000; 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;}
.overlay.visible > div {display: block;}
.overlay.visible > div.none {display: none}
header {background-size: cover; background-position: center top; background-repeat: no-repeat;/*  overflow: hidden; */ background-color: #ffffff; /* #000000 */ width: 100%; min-height: 70px; height: auto;}
header.withsearch {min-height: 106px;}
body.offline {background: #000000;}
/*body.offline header {min-height: 102px;}*/
body.offline header.withsearch {min-height: 138px;}
.headheight {min-height: 580px;}
.headheight.small {height: auto; min-height: 240px;}
.headertable td {/* padding-top: 82px; */}
.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:not([class*="size"]) {font-size: 28px; line-height: 34px;}
.small .header-title div:not([class*="size"]) {font-size: 28px; line-height: 1.35;}
.header-title .pagetitle, .header-title h1, .header-title .pagetitle h4 {font-size: 50px; line-height: 1.1; padding: 0; font-weight: bold}
.header-title .pagetitle {margin-bottom: 10px;}
.header-title .section_text_subtitle {margin-bottom: 10px;}
.header-title .text {margin-bottom: 20px;}
.header-title {display: flex; flex-direction: column}
.header-title > * {order: 0; width: auto;}
.section_text_subtitle {line-height: 28px; font-size: 20px;}
.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; /* 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:not(.b1) {background: #ffffff;}
.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;} */
.sep-3-5, .border-sep {border: none !important;}
.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;}
#home_video {width: 100%; display: block; position: relative; background: #111111;}

.section_text_title {margin-bottom: 20px;}
.section_text_subtitle {margin-bottom: 20px;}
.section_text_brief {margin-bottom: 10px; padding-top: 10px; font-size: 18px;}
.section_text_content {margin-bottom: 10px; padding-top: 10px; font-size: 16px; line-height: 1.35}
.row_section_grid_title {margin-bottom: 10px;}
.row_section_grid_content {font-size: 16px; line-height: 1.35}

.section_text_img img {display: block;}
.section_text_img:not(.section_text_img_bg) {background: none !important}
.section_text_img_bg {max-width: 100%;}
.section_text_img_bg img {display: none}
.rowtplimg-wrap .section_text_img_bg {aspect-ratio: 1;}
.rowtplimg-wrap.rowtplimg-fade .section_text_img_bg {aspect-ratio: unset}
.rowtplimg-fade .slick-track {height: 100%;}
.rowtplimg-fade {opacity: 0}
.rowtplimg-fade.slick-initialized {opacity: 1}
.rowtplimg-fade .slick-list {height: 100%}

.bg-contain {background-size: 100%;}
.foto_dx .pure-u-1.padding40, .foto_dx .pure-u-1.padding80 {padding-left: 0;}
.foto_sx .pure-u-1.padding40, .foto_sx .pure-u-1.padding80 {padding-right: 0;}
.foto_sx .container > .pure-g > .pure-u-1 {order: 1}
.foto_sx .container > .pure-g > .pure-u-1.text-foto-sx {order: 2}

.message-row {position: fixed; width: 100%; display: block; z-index: 999;}
.nav-overlay {height: 100%; width: 100%; z-index: 998; background-color: #fff; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75; */}
.nav-overlay.b1 {background: #000000}
body.menu-visible .nav-overlay {display: block}
body.menu-visible .head {z-index: 999; -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, .text h4 {font-family: 'Arial', sans-serif; font-weight: normal;}*/
.text h1 {font-size: 34px; margin-bottom: 20pt; /*padding-bottom: 20pt;*/ line-height: 1.25; /* border-bottom: 1px solid #ccc; */}
.text h2 {font-size: 30px; margin-bottom: 15pt; /*padding-bottom: 15pt;*/ line-height: 1.25; /* border-bottom: 1px solid #ccc; */}
.text h3 {font-size: 26px; margin-bottom: 10pt; /*padding-bottom: 10pt*/; line-height: 1.25;}
.text h4 {font-size: 22px; margin-bottom: 8pt; /*padding-bottom: 8pt;*/ line-height: 1.25;}
.text h5 {font-size: 18px; margin-bottom: 8pt; /*padding-bottom: 8pt;*/ line-height: 1.25;}
.text img {max-width: 100%; width: auto !important; height: auto !important}
.text table:not(.chk-table) {width: 100%;}
.text table:not(.chk-table) td {vertical-align: middle}
.banner_text {display: none;}
.banner_text h1, .banner_text h2, .banner_text h3, .banner_text h4 {border: 0;}
.text ul, .rowtpl-brief ul, .text ol, .rowtpl-brief ol {margin-left: 40px; margin-bottom: 10px; /* padding-top: 10px; */}
.text ul li, .rowtpl-brief ul li {display: list-item; list-style: disc; line-height: inherit; margin: 5px 0}
.text ul li ul li, .rowtpl-brief ul li ul li {list-style: circle}
.text ol li, .rowtpl-brief ol li {display: list-item; list-style: decimal; line-height: inherit; margin: 5px 0}
.text p {display: block; margin-bottom: 1em;}
.text p:last-of-type {margin-bottom: 0}
.rowtpl-brief {line-height: 26px;}
.rowtpl-imggrid-element.flex-column a.btn {margin: auto auto 0 auto;}
.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: #000000; 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: #000000; 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;}
.socialbar a i {width: 40px; height: 40px; line-height: 40px;}
.attachments-label > div {display: none;}
.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;}
/* #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: #000000}
.toggle-target {display: none;}
.header-title .pagetitle, .header-title h1, .size34 {/*text-transform: uppercase;*/}
body > .width100.b4, .width100.b4 .pagetitle {color: #ffffff}

.text_row.foto_dx .pure-g {display: flex}
.text_row {padding-top: 40px; padding-bottom: 40px;}
.text_row#home_video {padding-top: 0; padding-bottom: 0;}

.faq-row {background-color: #f1f1f1}
.faq-row.active .faq {border-bottom: 1px solid #ccc}
.faq-answer {line-height: 1.5; background-color: #f1f1f1;}

.container > div > .text-foto-down, .container > div > .text-foto-up, .container > div > .text-module-elements, .container > div > .text-module-categories {padding-left: 0; padding-right: 0;}
.text-foto-up {order: 2}
.foto_down .padding80 {padding-bottom: 40px;}
.foto_down .section_text_img {padding-bottom: 80px;}

.tab {display: none}
.tab.active {display: block}
.tabs > div {min-height: 40px; cursor: pointer}
.tabs > div > span {min-height: 24px;}
.tabs > div:not(.active) {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;}

.accordion li {display: block; cursor: pointer;}
.accordion li > span {display: block; margin-bottom: 5px;}
.accordion li > ul {display: none;}
.accordion li.active > ul {display: block}
.accordion li ul li {padding: 10px;}
.accordion li.active > i.fa-angle-down {display: none;}
.accordion li:not(.active) > i.fa-angle-up {display: none;}

.gallery-side .size34 {font-size: 24px;}
.size34.font1-bold {line-height: 38px;}
.size24.font1-bold {line-height: 30px;}
.footer-social a, .socialbar div.padding5 {width: 40px; line-height: 40px; height: 40px;}
.footer-social a i, .socialbar div.padding5 i {line-height: 40px;}
footer a {color: inherit !important;}
footer svg {max-height: 100px;}
header svg, footer svg {width: auto;}
.logo-wrapper {height: 70px; vertical-align: middle; display: flex; max-width: 250px;}
.logo-header {max-height: 50px; display: block; margin: auto; margin-left: 0;}
.news-box-indent {margin-top: -60px;}
.pure-u-md-1-3 .pure-u-22-24.padding40 {padding: 20px;}

/* NAV */
.nav-wrapper {height: 100%;}
header.centered nav {text-align: center;}
header.centered nav > ul {display: inline-block;}
#nav {height: 100%;}
#nav > a, .nav-show {display: none;}
#nav li {position: relative;}
/* first level */
#nav > ul {height: inherit;}
#nav > ul > li {height: auto; margin: auto 0;}
#nav > ul > li > a {padding: 20px 16px; margin: 0; line-height: 30px; color: #333; font-size: 14px; display: block;}
.head.b1 #nav > ul > li > a {background: #000000}
#nav > ul > li > a.sel {/* border-bottom: 1px solid #000000; */ /* padding-bottom: 19px; */ color: #000000}
.head.b1 #nav > ul > li > a.sel {color: #ffffff; opacity: 1; color: rgba(255,255,255,1);}
.head.b1 #nav > ul > li:hover > a {color: #ffffff;}
#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; margin-top: -10px;}

#nav li ul li a {padding: 14px 20px; line-height: 18px; color: #000000; font-size: 14px; background: #f3f3f3; display: block;}
#nav li ul li a:hover {color: #000000; background: #e6e6e6}
#nav > ul > li:last-child > ul {right: 0}
#nav > .btn-nav img {height: 38px; padding: 6px 0 5px;}

nav ul li a > i {width: 10px; text-align: center;}
nav ul li:hover a > i.fa-angle-down:before {content: '\f105'}

/*nav {text-transform: uppercase;}*/
#nav > ul > li > a.sel {color: #333; font-weight: bold}


.head.b1 #nav > ul > li > a {color: #ffffff; color: rgba(255,255,255,0.75);}
.head.b1 #nav > ul > li > a.sel {color: #ffffff; opacity: 1; color: rgba(255,255,255,1);}

.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, .text_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, .text_slider .slick-dots {bottom: 10px;}
.banner_slider .slick-dots li, .text_slider .slick-dots li {background: transparent;}
.banner_slider .slick-dots li button:before, .text_slider .slick-dots li button:before, #product-images-slider .slick-dots li button:before {color: #fff; font-size: 12px; font-family: sans-serif; content: none;}
.slick-dots li {width: auto; height: auto;}
.slick-dots li button {height: 4px; padding: 0; width: 40px; background: rgba(255,255,255,0.5);}
.slick-dots li button::before {display: none;}
.slick-dots li.slick-active button {background: #000000}
.thumb_slider .slick-dots li.slick-active {background: #999999}
.banner_slider .slick-dots li.slick-active button:before, .text_slider .slick-dots li.slick-active button:before {color: #000000}
.thumb_slider img.hide, .banner_slider img.hide, .text_slider img.hide {height: 1px; position: absolute; z-index: -1}
#product-images-slider .slick-dots {bottom: 10px}
#product-images-slider .slick-dots li button {width: 10px; height: 10px; border-radius: 50%;}
.slick-elem img {max-width: 100%; max-height: 100%; margin: auto; display: block;}

table.features {width: 100%;}
table.features tr:not(:last-child) {border-bottom: 1px solid #eeeeee;}
table.features td {padding: 10px; vertical-align: middle;}
table.features tr > td:first-of-type {font-weight: bold}
/*table.features tr > td:last-of-type {text-align: right}*/
table.alternate tr:nth-child(odd) td {background: rgba(0,0,0,0.03)}
table.features tr:hover td {background: rgba(0,0,0,0.07)}

.text table.table th {vertical-align: top; background: #dddddd; padding: 10px;}
.text table.table td {padding: 10px; vertical-align: middle;}


#product-images-slider:not(.slick-initialized) {visibility: hidden; height: 0; overflow: hidden;}
#product-images-slider.slick-initialized {visibility: visible; height: auto; overflow: auto;}

.slick-arrow {z-index: 1}
.slick-next {right: 0;}
.slick-prev {left: 0;}
.banner_slider .slick-arrow, .text_slider .slick-arrow, #product-images-slider .slick-arrow {background: transparent; width: 60px; height: 60px;}
.banner_slider .slick-arrow:before, .text_slider .slick-arrow:before, #product-images-slider .slick-arrow:before {font-size: 40px; color: #fff; opacity: 1}
.banner_slider .banner_element {min-height: 500px; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat}

#search-bar {height: 36px; line-height: 36px; /* padding: 10px; */ box-sizing: border-box; display: none; position: fixed; z-index: 1000; width: 100%;}
#search-bar i {line-height: 28px; color: #000000; font-size: 16px;}
#search-bar input[name="search"] {display: block; height: 28px; width: 100%; line-height: 20px; border: 0; margin: 0; padding: 10px 20px; color: #fff; font-size: 16px; font-weight: 400; box-sizing: border-box; background: #ffffff; color: #666666; margin: 4px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#search-bar .search-close {right: 5px; top: 0; height: 46px; text-align: center; z-index: 99; padding: 0 10px;}
#search-bar .search-close img {height: 16px; padding: 14px;}
.easy-autocomplete-container ul .eac-category {background: #f3f3f3; color: #000000; border-color: #000000; border-width: 0 0 1px 0; font-weight: 300}
.easy-autocomplete a {line-height: 22px; font-size: 14px;}
.easy-autocomplete ul li {padding: 19px 12px;}

#cookies {position: fixed; bottom: 0; width: 100%; z-index: 99; box-sizing: border-box; background-color: rgba(220,220,220,0.85)}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 32px;
  height: 32px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  padding: 9px 0;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  border-radius: 3px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.head.b1 #nav-icon3 span {background: #ffffff; right: 0; left: auto;}
.head.b1 #nav-icon3.open span {-mox-box-shadow: 0 2px 10px rgba(255,255,255,1); -webkit-box-shadow: 0 2px 10px rgba(255,255,255,1); box-shadow: 0 2px 10px rgba(255,255,255,1)}

#nav-icon3 span:nth-child(1) {
	top: 14px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	top: 24px;
}

#nav-icon3 span:nth-child(4) {
 	top: 34px;
}

#nav-icon3.open {
	width: 32px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

@media only screen and ( min-width: 1101px )
{
	/*.slider_center {width: 150%; margin-left: -25%;}*/
	.center .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: 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: auto !important; margin-right: 0px !important;}
}

@media only screen and ( min-width: 769px ) {
	.products_list {padding-top: 0; padding-bottom: 0;}
	#nav li:hover ul {display: block; z-index: 99}
	#nav > ul {height: 100% !important; display: flex;}
	#nav > ul > li:hover > a {color: #000000;}
}

@media only screen and ( max-width: 48em ) /* 768 */
{
	.logo-wrapper {height: 50px;}
	.centered-header {padding: 0;}
	.centered-header .nav-show {display: block;}
	.padding40 {padding: 20px;}
	.padding80 {padding: 40px;}
/*
	.padding20 {padding: 10px;}
	.padding10 {padding: 5px;}
*/
	body.menu-visible .head {position: fixed;}
	/*.logo-wrapper {height: 30px;}*/
	.logo-header {max-height: 30px;}
/* 	.menu-visible .logo-header {visibility: hidden;} */
	header {min-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;}
*/
/* 	body.offline .head {margin-top: 22px !important;} */
/*	body.offline header {height: 82px;}*/
	body.offline header.withsearch {height: 118px;}
	#search-bar .search-close {right: 0px;}
	body header.withsearch {height: 86px;}
	.head .container:not(.nopadding) {padding: 0 10px;}
	.container .pure-u-1.padding40 {padding-left: 0; padding-right: 0;}
	.head .logo-header {max-width: 200px;}
	#search-bar input[name="search"] {padding: 10px;}
	.header_text {font-size: 11px;}
	.headheight {min-height: 440px;}
	.headheight.small {min-height: 140px;}
	.attachments-label {padding: 0 !important; background: none; text-align: left; display: block; margin-bottom: 10px;}
	.attachments-label > div {display: inline-block;}
/* 	.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: #000000 !important}
	.head-space {height: 0px;}
	.headertable td {/* padding-top: 52px; */}
	.header-title .pagetitle, .header-title h1, .header-title .pagetitle h4 {font-size: 38px; line-height: 1.1;}
	.small .header-title div.section_text_subtitle:not([class*="size"]) {font-size: 20px; line-height: 26px;}
	.header-title span {font-size: 20px; line-height: 24px;}
	.production-box .box {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #333;}
	.nav-wrapper {height: 50px;}
	.banner_slider .banner_element {min-height: 250px;}
	.news-box-indent {margin-top: -40px;}
	.easy-autocomplete ul li {padding: 9px 12px;}
	#nav {position: static; padding: 0 10px;}
	#nav > a {padding: 0 0 0 0; line-height: 50px; color: #666; font-size: 28px; height: 50px;}
	#nav > a > i {line-height: 50px;}
	#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: 10px 20px; padding-top: 10px; padding-bottom: 10px; border-right: 0; background: #fff; color: #333333; /* border-bottom: 1px solid #d9d9d9; */ border: none; font-size: 14px;}
	#nav > ul > li > a.folded {background-color: #d9d9d9; color: #000000}
	#nav > ul > li > a.sel {/* background: #000000; border-color: #000000; */ color: #000000;}
	/* second level */
	#nav li ul {position: static; border: 0; margin-top: 0}
	#nav li ul li a {padding: 0 16px; line-height: 50px; color: #222; font-size: 13px; height: 50px; background: #f3f3f3; display: block; border-bottom: 1px solid #d9d9d9}
	#nav li a i {float: right; line-height: 30px;}
	#nav > ul {overflow: auto;}
	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: 10px 20px;}
	.rowtplimg-wrap:not(.rowtplimg-fade) .section_text_img_bg img {display: inline-block;}
	.rowtplimg-wrap:not(.rowtplimg-fade) .section_text_img_bg {background: none !important}
	.size34 {font-size: 28px; line-height: 28px;}
	.text table:not(.chk-table) td {display: block; width: 100% !important}
	table.features td {display: block; text-align: left !important;}
	table.features td:not(:last-of-type) {padding-bottom: 0}
	.container .products_list.padding40 {padding-left: 20px; padding-right: 20px;}
	.bread-crumb > span, .breadcrumb > a:not(:last-of-type) {display: none;}
	.text_row.foto_dx .pure-g .text-foto-dx {order: 2}
	.text_row.foto_dx .pure-g .section_text_img {order: 1}
	.foto_dx .flex, .foto_sx .flex {padding-left: 0; padding-right: 0;}
	.row_contact .padding80 {padding: 0}
	.rowtplimg-fade .slick-list {width: 100%;}
	.rowtplimg-wrap.section_text_img_bg, .rowtplimg-wrap.rowtplimg-fade {aspect-ratio: 1}
	/*.rowtplimg-fade .section_text_img_bg {background: none;}*/
	/*.rowtplimg-fade .section_text_img_bg img {display: block}*/
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe, .videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-background {
	background: #000000;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -99;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
	.vid-info { width: 50%; padding: .5rem; }
	.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
	.vid-info .acronym { display: none; }
}

/* loader */
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(51, 51, 51, 0.2);
  border-right: 0.5em solid rgba(51, 51, 51, 0.2);
  border-bottom: 0.5em solid rgba(51, 51, 51, 0.2);
  border-left: 0.5em 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);
  }
}

#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;
}

/*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 20px; 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; text-align: right;}
.errorWrap {border-color: #d1002e !important;}
.inpcnt {position: relative; display: inline-block; margin-bottom: 10px;}
.inpcnt label {display: block; margin-bottom: 4px; font-size: 16px; line-height: 18px; color: inherit; 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; color: inherit}
.check-box label td:last-child {line-height: 1.5; padding-top: 4px}
.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 'Font Awesome 5 Pro'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; background: none; border: 0 none;}
.check-box label div.chk:before {content: "\f0c8";}
.check-box label div.chk.checked:before {content: "\f14a"; background: none;}
.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;}

/* NEW STYLE*/
.inp {
	border: 0;
	padding: 10px 0;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	width: 100%;
	background: transparent;
	position: relative;
	z-index: 1;
}
textarea.inp, .inp {padding: 20px 0; font-size: 14px;}
.inpcnt span.error, form span.error {font-family: monospace;}
/*.inpcnt:not(.check-box) label {display: none;}*/
.inpwrap {border-radius: 3px;}


.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;}

.slick-prev:before, .slick-next:before {font-family: "Font Awesome 5 Pro"}
.slick-next:before {content: '\f061'}
.slick-prev:before {content: '\f060'}

#category-icon-slider .slick-prev:before, #category-icon-slider .slick-next:before {color: #000000;}
#category-icon-slider .slick-dots li button {height: 1px; width: 20px;}
#category-icon-slider {padding-bottom: 1.2em;}

/*! 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: #000000; border-color: #000000;}
.paginator .as-active, .paginator a.current {background: #000000 !important; color: #f6f6f6 !important; border-color: #000000}
.paginator span.inactive {color: #aaa}


/* ======= Font size ======= */

.fs-xl {
	font-size: 1.25rem !important;
}

.fs-lg {
	font-size: 1.125rem !important;
}

.fs-base {
	font-size: 1rem !important;
}

.fs-md {
	font-size: 0.9375rem !important;
}

.fs-sm {
	font-size: 0.875rem !important;
}

.fs-ms {
	font-size: 0.8125rem !important;
}

.fs-xs {
	font-size: 0.75rem !important;
}

/* CUSTOM STYLE SECTION */

/* Custom stylesheet */
.header-title .pagetitle, .header-title h1 {font-size: 50px; text-transform: uppercase;}
.size34.font1-bold {font-size: 38px; line-height: 1.25;}
.size34.font1-bold.long_title {font-size:30px;}
/*.foto_dx, .foto_sx {padding: 80px 0;}*/
nav .font1, .btn, .font1, .inpcnt label {font-family: 'Red Hat Display' !important;}
/*.pagetitle {font-family: 'Pinyon Script', 'Arial', sans-serif;}*/
/*.text_row {color: #cccccc;}*/
.btn {text-transform: uppercase; font-weight: bold;}
/*.btn {color: #b87d42 !important; border-color: #b87d42 !important;}*/
/*.btn:hover {background-color: #b87d42 !important; color: #000000 !important;}*/
#row-t-387 {padding-top: 80px;}
body > .width100.b4, .width100.b4 .pagetitle, #nav > ul > li:hover > a, .c2, .c1 {color: #000000;}
body > .width100.b4, .width100.b4 .pagetitle {color: #ffffff;}
#nav > ul > li > a.sel {color: #000000; font-weight: 900;}
footer.b1, body.b4, footer .b4 {background-color: #ffffff;}
.row_section_grid_title {padding: 10px 0;}
.row_section_grid_content {padding-bottom: 10px;}
.foto_up {padding-top: 80px;}
.logo-wrapper {height: 90px;}
.nav-wrapper {height: 100%;}
#nav:not(.target) > ul > li > a {padding-top: 30px; padding-bottom: 30px;}
.rowtpl-imggrid-element {margin-bottom: 20px; padding-left: 10px; padding-right: 10px;}
.rowtpl-imggrid-element .overflow-hidden img {transform: scale(1.20);}
nav a {text-transform: uppercase; font-weight: 600; font-family: 'Lora' !important; letter-spacing: 0.075rem;}
nav a.sel {font-weight: black;}
@media only screen and (max-width: 48em) {
    .logo-wrapper {height: 70px;}
    #nav > a {height: 70px; padding: 10px 0;}
    .header-title .pagetitle, .header-title h1 {font-size: 40px;}
}