@font-face {font-family: "GillSans"; src: url('../font/GillSansStd-Bold.otf'), url('../font/GillSansStd-Bold.ttf') format("truetype");}

* {margin:0px; padding:0px; outline:none; text-decoration:none; border:none}
menu, section, nav, header, article, footer {display:block}
a {color:#333}
a:active, button {outline:none}
img {vertical-align:middle;}
.clearfix:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}
.clear {clear:both}
.float-left {float:left}
.float-right {float:right}
select, textarea, input {color:#7a7b7d; font:13px Tahoma, sans-serif; border:1px solid #eee; padding:3px; width:90%}
input[type=checkbox] {width: auto;}
input[type=radio] {width: auto; vertical-align: middle; margin-bottom: 4px; height: auto;}
#captcha {margin-bottom: 3px;}
input[name=captcha] {border-color: #aaa;}
textarea.inperror, select.inperror, input.inperror {border-color: red; background: rgba(255, 0, 0, 0.1);}
textarea {height:215px}
.inpbutt {margin:10px 0 20px; display:inline-block; text-align:center}
.inpbutt.medium {width:110px}
.inpbutt.long {width:210px}
.inpbutt a {border:1px solid #d10016; color:#d10016; padding:11px 15px; display:block; font-size:11px; text-transform:uppercase}
.inpbutt a:hover {background:#e9e9ea}
.morebutton {float:left; margin-right:15px}
h1 {color:#d10016; font: normal 26px 'Roboto Condensed'; text-transform:uppercase}
h2 {font: normal 24px 'Roboto Condensed';text-transform:uppercase; color:#555; margin-bottom: 15px;}
h3 {color:#d10016; font: normal 22px 'Roboto Condensed'; text-transform:uppercase}
.required {font-style:italic; color:red; font-size:12px; padding:10px 0}
.inpinfo {font-style:italic; font-size:12px; padding:2px 0}
.margemebt {margin-bottom:30px}
.error {padding: 10px 0; margin:0 auto; text-align:center}
.error img {vertical-align:middle}
.nodatainpage {padding-top:40px; font-size:15px; font-style:italic}
.hideme {display:none}
::-webkit-input-placeholder {color:#666; font-style:italic}
:-moz-placeholder {color:#666; font-style:italic}
::-moz-placeholder {color:#666; font-style:italic}
:-ms-input-placeholder {color:#666; font-style:italic}
body, html {height:100%}
body {color:#666; font: 16px Tahoma, sans-serif; background:#fff}
body {scrollbar-face-color:rgba(0,0,0,.2);scrollbar-track-color:rgba(209, 0, 22,.6)}
::-webkit-scrollbar{width:.5em;height:.5em}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}::-webkit-scrollbar-track{background:rgba(209, 0, 22,.6)}
#container {min-height:100%; position:relative}
#header {background:#fff; position:fixed; z-index: 4; width:100%; top:0;}
#body {padding-bottom: 425px;}
#body.wrapper {margin-top: 40px;}
#alb {padding-top: 130px; background: #e4e4e4;}
#footer {color:#fcfcfc; background:#434343; height: 420px; position: absolute; bottom:0; width:100%; border-top: 3px solid #858585; display: flex; flex-direction: column;}
.wrapper {margin:0 auto; text-align:left; width:96%; max-width:1900px}
.wrappershort {max-width: 450px; width: 100%; margin: 0 auto;}
#dnmenu_sf, #dmenu, .bmenu {display:none}
.flexme {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-width-same {flex: 0 0 auto;}
.width48 {width: 50%; padding: 0 1%; box-sizing: border-box;}
.line {border-bottom: 2px solid #848484; width: 50px; margin: 0 auto; padding: 3px 0;}
.remove-margin {margin: 0;}
.text-justify {text-align: justify}
#mysystemmessage {color: #333; position: relative; z-index: 1000;}
.ds-relative {position: relative;}

/* menu */
#dnmenu>ul, #upmenu>ul {display: flex; list-style: none; }
#upmenu>ul li#logo {flex: 1; padding: 10px 25px;}
#logo img {max-width: 100%;}
#upmenu>ul>li>a>img {border: 1px solid #ddd;}
.hmenu>ul>li>a, .hmenu>ul>li>ul>li>a {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 600;}
.hmenu>ul>li#ds-languages, .hmenu>ul>li#logininline {margin-left: 15px;}
.hmenu>ul>li#ds-languages>ul>li>a, .hmenu>ul>li#logininline>ul>li>a {display: block;}
#ds-languages>a, #ds-languages>ul>li>a, #logininline>ul>li>a, #logininline>a {background: #434343;}
#upmenu>ul>li>a {color:#fff; text-transform: uppercase; padding: 5px; display:block; font-size:11px}
#upmenu>ul>li#logininline>a {padding: 10px 15px;}
.hmenu>ul>li>ul, .hmenu>ul>li>div {display: none; min-width: 100px; position: absolute; z-index: 3; text-align: left; background: #434343;}
#logininline>ul {right: 0;}
.hmenu ul li ul li {display: block !important; float: none !important;}
#ds-languages>ul>li>a, #logininline>ul>li>a, #dnmenu ul li ul a {color: #fff; padding: 10px 12px; display: block;}
#ds-languages>ul>li>a:hover, #dnmenu ul li ul a:hover, #logininline>ul>li>a:hover {color: #434343; background: #eee;}

#upmenu>ul>li#elincart a {color: #333; background: #ddd; padding: 10px 15px; white-space: nowrap;}

#upmenu>ul>li#ds-languages>a {display: flex; align-items: center; padding: 5px 15px;}
#upmenu>ul>li#ds-languages>a>span:first-child {margin-right: 5px;}
#ds-languages>ul>li>a {font-size: 13px; display: flex !important; align-items: center}
#ds-languages>ul>li>a span:first-child {margin-right: 7px;}

/* login */
.field-error {border: 1px solid red !important;}
#loginarea button[type=submit] {background: #d10016; color:#fff; padding:11px 15px; display:block; font-size:11px; text-transform:uppercase; margin-top: 20px; width: 100%;}
#loginarea button[type=submit]:hover {background:#333; color: #fff;}
#loginarea {padding: 30px; border: 1px solid #eee; margin: 30px 0; box-sizing: border-box;}
#loginarea label+div {display: flex; margin-bottom: 7px;}
#loginarea span.fa {color: #666; border: 1px solid #eee; padding: 5px 6px; font-size: 18px; border-right: 0; height: 22px; width: 22px; background: #eee; text-align: center;}
#loginarea span.fa+input {flex-grow: 1; margin: 0;}
#openlogin, #openforgot, #loginarea form+.inpbutt {width: 100%; display: block;}
#openlogin a, #openforgot a {background: #ddd;}
#loginarea .hideme {display: none !important}

#dnmenu>ul, #dnmenu {background: #d10016;}
#dnmenu ul {align-items: center; justify-content: center}
#dnmenu>ul>li {flex-grow: 1; position: relative;}
#dnmenu>ul>li>a {font-size: 18px; padding: 19px 0; color:#fff; text-transform:uppercase; display:block; text-align: center;}
#dnmenu ul li a:hover {color:#ccc; background: #434343; text-decoration: underline;}
#dnmenu ul li a, #dnmenu ul li a:hover {-webkit-transition:all 0.3s; transition:all 0.3s; text-decoration: none}
#dnmenu ul li#logo {width: 23.5%}
#dnmenu ul li#logo a {padding:10px; border:0}
#dnmenu ul li#logo a:hover {background: none; opacity:0.7}
#dnmenu ul li#logo a {padding:7px 10px 5px}
#dnmenu ul li#logo img {width:250px}

#header.smaller {top: -75px;}
#header, #header.smaller {-webkit-transition:all 0.3s; transition:all 0.3s;}

#alb {font-size:11px; color:#d10016; height:27px; overflow:hidden}
#alb nav {line-height:27px}
#alb a {background:url(fr_alb.gif) right 4px no-repeat; padding:0 10px 0 0; color:#969696; font-weight:normal}
#alb a:hover {text-decoration:underline}
#alb span {padding-left:2px}

.txt {padding: 20px 0; line-height:22px; font-weight:300}
.txt ul {padding:8px 0 8px 20px}
.txt h2 {padding:15px 0 5px; font-size:15px}
.flexme>div+.txt {padding: 0 0 0 20px;}

/* home */
#homeimg {margin-top: 131px; background: #616263; overflow: hidden; position: relative; text-align: center; padding-bottom: 40%;}
#homeimg>div {display: none; position: absolute; width: 100vw; max-width: 100vw; z-index: 2;}
#homeimg>div:nth-child(1) {display: block;}
#homeimg>div>img {max-height: 800px; max-width: 100vw;}

#homebox {text-align: center; position: absolute; margin-top: -25px; z-index: 3; width: 100%;}
#homebox .sbox {width: 520px; margin: 0 auto; background: #d10016; padding: 2% 4%; display: none; text-transform: uppercase;}
#homebox h1 {text-transform: uppercase; font: 300 italic 24px 'GillSans'; color: #fff;}
#homebox .sbox.tview {display: flex; align-items: center; justify-content: center;}

/* home prod */
#hpsect {margin: 200px 0 80px; text-align: center;}
#homeprod {background: #fafafa; padding: 20px 0; margin-top: 40px; display: flex; align-items: stretch; width: 100%;}
#homeprod button {width: 30px; background: none; color: #111; font-size: 40px; text-align: center; opacity: 0.5; transition: opacity 300ms ease-out; font-size: 40px; cursor: pointer;}
#homeprod button:hover {opacity: 1;}
.hinprod {flex: 1; overflow: hidden; box-sizing: border-box;}
.items {transition: transform 1s ease-in-out; list-style-type: none; white-space: nowrap;}
.items li {width: 24%; margin: 0 0.5%; position: relative; cursor: pointer; display: inline-block;}
.items img {max-width: 100%;}
.hptit {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); color: #fff; font-size: 18px; line-height: 64px;}

/* oem */
#ds-oem-home {border-bottom: 1px solid #eee; text-align: center; margin: 60px 0;}
#ds-oem-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  grid-gap: 70px 60px;
  margin-bottom: 50px;
}

#ds-oem-list>div a {
  display: block;
  opacity: 0.7;
  will-change: opacity;
  transition: opacity .2s ease-in-out;
}

#ds-oem-list>div a:hover {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

#ds-oem-list img {
  max-width: 100%;
}

/* evidenza */
#evne {padding: 40px 0 60px; text-align: center;}
.wrapper {max-width: 1200px;}
#evne .wrapper {margin-top: 40px; display: flex;}
.evne {width: 27%; text-align: center;}
.evne:nth-child(2) {margin: 0 9.5%;}
.evtit {color: #646464; font: 300 24px 'Roboto Condensed'; border-bottom: 2px solid #d10016; padding-bottom: 14px;}
.evtxt {min-height: 170px; line-height: 24px;}
.evtit, .evimg {margin-bottom: 36px;}
.evmore a {background: #d10016; color: #fff; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; padding: 15px 30px; display: inline-block;}
.evmore a:hover {background: #555;}
.evmore, .evmore a {-webkit-transition:all 0.3s; transition:all 0.3s}

/* main img */
#mainimg {background: #616263; overflow: hidden; position: relative; text-align: center;}
#mainimg img {width: 100%; max-height: 800px;}

/* cols */
#colsx, #coldx {padding: 20px 0;}
#colsx {width: 20%; float: left;}
#coldx {width: 75%; float: right; min-height: 300px;}
#onecol {padding-top: 20px;}

#lmenu {position: fixed; width: 18.2%; max-width: 240px}
#colsx>menu, #colsx>div {margin-bottom: 35px;}
#colsx ul {list-style: none;}
#colsx li.tit {color: #d10016; padding: 5px 0; font: 16px 'Roboto Condensed'; border-bottom:1px solid #d9d9d9;}
#colsx li.selected, #colsx li>a {color:#555; text-decoration:none; padding: 12px 12px 12px 18px; display:block; border-bottom:1px solid #d9d9d9; font: 300 17px 'Roboto Condensed'; background: url(fr.gif) 6px center no-repeat;}
#colsx li.selected, #colsx li>a:hover {text-decoration:none; border-bottom: 1px solid #ccc; background-color: #eee;}

#coldx img {max-width: 100%;}
#coldx iframe {max-width: 100%;}

/* gallery */
/*
.listgall {margin-top: 30px;}
.listgall div.singleimg {width: 25%; float: left; margin: 0 0 9px 0; display: inline-block; padding-right: 3%; box-sizing: border-box;}
*/
.listgall div a {display: block;}
.listgall div a:hover {opacity: 0.8;}
.listgall div a, .listgall div a:hover {-webkit-transition:all 0.3s; transition:all 0.3s}
/*
.listgall div img {width: 100%; max-width: 100%; display: block; border: 1px solid #c6c6c6; box-sizing: border-box; height: 43px;}
*/
.listgall {margin: 30px 0; display: flex; flex-wrap: wrap;}
.listgall div.singleimg {width: 140px; height: 140px; border: 1px solid #c6c6c6; margin: 4px; text-align: center; border-radius: 4px; background: #fafafa;}
.listgall div a {display: block; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
.listgall div img {max-height: 100%; max-width: 100%;}
#videogall {padding: 0 100px 0 20px; margin-top: 0;}
#videogall .singleimg {margin: 15px;}

/* history */
#cmenu {border-top: 1px solid #e9e9ea; border-bottom: 1px solid #e9e9ea; background: #fff; text-align: center;}
#cmenu ul {width: 100%; display: table; table-layout: fixed;}
#cmenu ul li {display: table-cell; border-left: 1px solid #e9e9ea;}
#cmenu ul li.selected h1, #cmenu ul li a {text-align: center; font-size: 14px; padding: 29px 15px 23px 15px; color: #7a7b7d; text-transform: uppercase; display: block;}
#cmenu ul li.selected h1 {font-weight: bold;}
#cmenu ul li:last-child {border-right: 1px solid #e9e9ea;}
#cmenu ul li:hover a {color: #fff; background: #f36f21;}

.crow {display: flex; position: relative;}
.crow:nth-child(even) {flex-direction: row-reverse;}
.crow:first-child {margin-top: 20px;}
.crow:last-child {border-bottom: 1px solid #eaeaea;}
.ctxtlong, .cimg, .ctxt {width: 50%; box-sizing: border-box; position: relative;}
.ctxtlong {margin: 20px auto; background: rgba(255, 255, 255, 0.7); padding: 20px; color: #333;}
.inimg {background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.intxt, .inimg {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.indett {display: flex; height: 100%; flex-direction: column; justify-content: flex-end;}
.crow:nth-child(even) .ctxt {border-left: 1px solid #efede6; border-bottom: 1px solid #efede6;}
.crow:nth-child(odd) .cimg {border-left: 1px solid #efede6;}
.crow .year {position: relative; z-index: 1;}
.crow:nth-child(odd) .ctxt .year {text-align: right; margin-right: -1px;}
.crow:nth-child(even) .ctxt .year {margin-left: -1px;}
.clong {background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 405px; min-height: 405px; text-align: center; margin: 20px 0 0; border-top: 1px solid #eaeaea; position: relative;}
.cimg:before, .ctxt:before {display: block; content: ''; width: 100%; padding-bottom: 72%;}
.crow:after, .crow:before {content: "\0020"; display: block; height: 0; visibility: hidden;}
.crow:after {clear: both;}
.ctxt .txt {background: #fafafa;}
.year span {color: #efede6; font-size: 36px; background: #d10016; padding: 14px 32px; display: inline-block;}
.crow:nth-child(even) .year span {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.crow:nth-child(odd) .year span {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.crow .clong .year span {border-radius: 10px; margin-top: 40px;}
.year:before {content: ' '; height: 0; position: absolute; width: 0; border: 15px solid transparent; z-index: 2; margin-top: 22px;}
.crow:nth-child(even) .ctxt .year:before {border-right-color: #d10016; left: -30px;}
.crow:nth-child(odd) .ctxt .year:before {border-left-color: #d10016; right: -29px;}
.crow .ctxt h2 {padding: 25px 5px 25px 15px; margin-bottom: 0;}
.crow:nth-child(odd) .ctxt h2 {text-align: right; padding: 25px 15px 25px 5px;}
.crow .txt {padding: 25px 5px 25px 15px; font-size: 15px;}
.crow:nth-child(odd) .ctxt .txt {text-align: right; padding: 25px 15px 25px 5px;}
.crow .cline {position: absolute; left: 50%; height: 100%; border-right: 1px solid #eaeaea;}

/* res area */
.vbox {min-height: 340px; background: #eee; padding: 2%; float: left; display: inline; width: 31%; margin: 0 1%; box-sizing: border-box;}
#sectsr .vbox:first-child {background: #fff; margin-left: 0;}
#doptions {display: flex; justify-content: flex-start; flex-wrap: wrap;}
#doptions .vbox {background: transparent; min-height: auto; text-align: center; width: 31%; cursor: pointer; padding: 2% 1%; float: none; display: block;}
#dbuy .vbox {margin: 0; width: 48%;}
#dbuy .vbox:nth-child(2) {float: right;}
.vbox .vimg {margin: 0 auto; width: 60px; height: 60px; border-radius: 30px; border: 1px solid #ddd;}
.vbox .vimg img {max-width: 50%; margin: 25%;}
.vbox:hover .vimg {background: #f4f4f4;}
.vbox:hover .vimg, .vbox:hover .vimg {-webkit-transition: all 0.5s; transition: all 0.5s;}
.vbox h3 {padding-bottom: 15px; border-bottom: 2px solid #d10016; margin-bottom: 20px;}
#doptions .vbox:hover h3 {color: #555; border-color: #555;}

.vbox ul {list-style: none; padding: 0;}
.vbox ul li {border-bottom: 1px solid #ddd;}
.vbox ul li a {padding: 11px 12px 11px 22px; display: block; background: url(fr.gif) 10px center no-repeat; font: 15px 'Roboto Condensed';}
.vbox ul li a:hover {background-color: #fff;}

/* table */
table {border-collapse:collapse; width:100%}
caption {padding:5px; font-weight:bold; font-size:17px; border-bottom:4px solid #ccc; text-align:left; color:#A0C6E1; background:#fff}
td, th {padding:8px 6px; border:1px solid #eee}
th {background:#fafafa}
.small {width:80px}
.centerme {text-align:center}
.rightme {text-align: right}
td img {vertical-align:middle}
.fidt, #fidt {height: 24px; padding: 8px 0 6px 7px; font-size: 17px; color: #d10016; border-bottom: 4px solid #CCC;}
#ttit img {vertical-align: middle;}
.dataTables_wrapper .dataTables_filter, .tabtit {float: left !important; text-align: left !important;}
.dataTables_wrapper .dataTables_filter {margin-left: 10px;}
.tabtit {font: 20px 'Roboto Condensed'; color: #333;}
.fidt input, #fidt input {margin: 0 0 0 5px; vertical-align: middle; border: 1px solid #AAA;}
table.dataTable>tbody>tr.child ul.dtr-details {width: 100%;}
table.dataTable thead th, table.dataTable thead td {padding: 10px !important;}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {padding-left: 30px !important;}
table.dataTable>tbody>tr.child span.dtr-title {min-width: auto !important;}
.dtr-title:after {content: ":";}
tr.child div {display: none}
table th select, table th input {width: auto; margin-right: 5px; max-width: 120px; box-sizing: border-box; display: block;}
table.dataTable thead th, table.dataTable.no-footer {border-bottom: 1px solid #ccc !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: #fff !important; border: 1px solid #d10016 !important; border-radius: 0 !important;}

/* news */
#allsupp {position: relative;}
.ndate {background: #E4E4E4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; margin-bottom: 30px; padding: 4px 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 70px; position: relative; z-index: 1; color: #555;}
#allsupp .ndate:nth-child(2) {margin-top: 0;}
.nblock {background: #F7F7F7; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; z-index: 1; border: 1px solid #eee;}
.ntxt {padding: 25px 30px 30px;}
.nimg {width: 100%; background: #fff; text-align: center; margin-top: 1px; padding: 5px 0;}
.nimg img {max-width: 100%; margin: 0 auto; max-height: 400px;}
.ndescr {font-size: 14px; line-height: 22px; margin: 12px 0 24px;}
.nglarrow {width: 0; height: 0; border-right: 20px solid transparent; border-bottom: 20px solid #F7F7F7; text-align: left; margin-left: 32px;}
.timeline {background: #E4E4E4; float: left; height: 94%; margin-left: 30px; position: absolute; top: 0; width: 2px; z-index: 0;}
.nldescr {line-height: 23px; padding: 10px 0;}
.natt {width: 50%; margin: 20px 0; background: #eaeaea;}
.natt ul {list-style: none;}

.natt ul li a {padding: 11px 12px 11px 22px; display: block; background: url(fr.gif) 12px center no-repeat;}
.natt ul li a:hover {background-color: #e1e1e1;}
.natt ul li.tit {text-transform: uppercase; color: #005eb8; font-size: 16px; padding: 8px 12px; background: #ddd;}

/* contacts */
.mdcts {padding-bottom:15px}
form label {display:block}
.mdcts .float-left {width:48%; margin-right: 2%;}
form .privacy {font-size:12px; padding:13px 0}
form label {padding:5px 0 3px}
form select, form input, form textarea {margin-bottom:7px; width:90%;}
.mdcts input {height:26px}
.mdcts select {padding: 7px 3px; width: 91%;}
div.accpri {float:left; width:18px; height:18px; line-height:18px; border:1px solid #AAA; min-width:18px; cursor:pointer; margin-right:5px}
div.imaccept {background:url(imaccept.png) center center no-repeat}
span.accept {color:#3a353b; line-height:20px; display:inline}
.privacy {font-size:11px; padding:7px 0 20px; display:block}
.mdcts span.far, .mdcts span.fas, .mdcts span.fa {float: left; color:#666; display:inline; position:relative; border:1px solid #eee; padding:5px 6px; font-size: 18px; border-right:0; height: 22px; background:#eee; width:4%; text-align:center}
#coldx .mdtcs span.fa {font-size:18px;}
.mdcts .float-left>span.fa-comment-alt {height:211px}

/* prods */
.prodtitbar {background: #fafafa; padding: 40px 0; text-align: center;}
.prodtitbar .line {margin-top: 20px; border-color: #d10016;}
.prodtitbar h4 {padding-top: 5px;}
.prodtitbar h4+.line {margin-top: 15px;}
.singleprod {float: left; width: 23%; margin: 0 2% 2% 0; text-transform: uppercase; cursor: pointer; min-height: 270px; box-sizing: border-box; text-align: center; position: relative; border: 1px solid #eee;}
.singleprod a {display: block; color: #fff; font: 300 18px 'Roboto Condensed'; padding: 8px 0; width: 100%; background: rgba(0,0,0,0.5);}
.singleprod:hover a {background: #d10016;}
.singleprod .theimg {width: 100%; height: 230px; margin: 0 auto; display: flex; justify-content: center; align-items: center}
.singleprod img {max-width: 100%; max-height: 220px; margin: 5px 0;}
.singleprod a, .singleprod:hover a, .singleprod, .singleprod:hover {-webkit-transition: all 0.3s; transition: all 0.3s;}

#allprod .soft_pager {display: flex; justify-content: center; flex-wrap: wrap;}
#list .soft_pager {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.tile {width: 31%; margin: 0 2% 2% 0; cursor: pointer; box-sizing: border-box; position: relative; border: 1px solid #eee; display: flex; flex-direction: column; text-align: center; padding: 2% 0;}
.tile .theimg {flex-grow: 1; display: flex; align-items: flex-end; justify-content: center; padding: 1% 0;}
.tile a {padding: 2%; text-transform: uppercase; line-height: 24px;}

#othimg, #othimg+#prodtxt {float: left; width: 47%;}
#othimg+#prodtxt {margin-left: 6%;}
#prodtxt .txt {padding-top: 0;}
#othimg img {max-width: 100%;}

/* cart */
#gotomanage {display: none;}

.ds-button-list {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
.ds-button-list>* {margin: 10px 20px; width: 200px;}
.ds-button-list>*>* {padding: 15px; border: 1px solid #aaa; border-radius: 9px; display: block; text-align: center; transition: all .2s}
.ds-button-list>*>*:hover { background-color: #eee; border-color: #d10016; transition: all .2s}

.ds-package-type.ds-selected {border-color: #d10016; background: #eee;}

#ds-letters { text-align: center; margin: 20px 0; line-height: 24px; }
#ds-letters a {margin: 0 3px;}
#ds-letters a[disabled] {color: #bbb; cursor: default}
#ds-letters a:not([disabled]):hover { color: #d10016; }
#ds-letters a.ds-selected {text-decoration: underline; color: #d10016; }

@media all and (max-width: 720px) {
  #ds-package-results {
    display: block;
  }

  #ds-package-results>#ds-package-container {width: 100%;}

  #details {
    position: fixed;
    top: 100px;
    width: 96% !important;
    margin: 0 2%;
    left: 0;
  }

  #details span.close {float:right; line-height:20px; width:20px; height:20px; padding:4px 5px; cursor:pointer; color:#333; text-align:center}
}

@media all and (min-width: 721px) {
  #details span.close {
    display: none;
  }
}

#ds-package-results {
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
}

#ds-package-results>* {width: 49%;}

.ds-package-list {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 9px;
  padding: 10px 0;
}

.ds-package-list div a {
  padding: 20px;
  display: block;
  background: url(fr.gif) 10px center no-repeat;
  font: 15px 'Roboto Condensed';
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ds-package-list div a span:last-child {
  min-width: 70px;
  text-align: right;
}

.ds-package-list div a:hover {
  background-color: #fff;
}

.ds-package-container .ds-package-list {
  margin-bottom: 20px;
}

.ds-brand-toggle {
  padding: 10px 30px 10px 10px;
  color: #d10016;
  display: block;
  position: relative;
  cursor: pointer;
}

.ds-brand-toggle:after {
  content: "+";
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 5px;
}

.ds-brand-data {
  display: none;
  transition: all .2s;
}

.ds-brand-toggle.ds-selected + .ds-brand-data {
  display: block;
  transition: all .2s;
}

.ds-brand-toggle.ds-selected:after {
  content: "-";
}

/* #optionstobuy li:after {content:"."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden}
#optionstobuy li label {display: inline-block; width: 80%;}
#optionstobuy li span {float: right; width: 20%; text-align: right;} */
#itemtotal b:after, #optionstobuy li span:after {content: " €"}
#itemincart .singlepack {padding: 6px 0;}
#itemincart .singlepack label {font-weight: bold;}

/*
#itemincart span.rem:before {content: "x"; font: 600 16px 'Roboto Condensed'; padding: 4px 10px 5px 11px; background: #fff; border: 1px solid #555; color: #555; margin-right: 5px; text-align: center; border-radius: 4px; cursor: pointer;}
#itemincart span.rem:hover:before {color: #d10016; border-color: #d10016;}
*/
#itemincart span.rem {cursor: pointer;}
#itemincart span.rem img {margin-right: 3px;}

#cartpath {border-bottom: 1px solid #ddd; background: #fafafa;}
#cartpath ul {list-style: none;}
#cartpath ul li {float: left; display: inline; width: 33.3333%; text-align: center; border-right: 1px solid #ccc; box-sizing: border-box; text-transform: uppercase; font-size: 18px;}
#cartpath ul li:first-child {border-left: 1px solid #ccc;}
#cartpath ul li a {display: block;}
#cartpath ul li a:hover {background: #d10016; color: #fff;}
#cartpath ul li a, #cartpath ul li.future, #cartpath ul li.selected {padding: 20px 30px; background: #fff;}
#cartpath ul li.selected {color: #d10016;}
#cartpath ul li.future {background: #fafafa; color: #ddd;}

#cartpath ul li *:before {color: #fff; background: #ccc; border-radius: 50%; padding: 6px 12px; margin-right: 10px;}
#cartpath ul li.selected *:before {background-color: green;}
#cartpath ul li:first-child *:before {content: "1";}
#cartpath ul li:nth-child(2) *:before {content: "2";}
#cartpath ul li:last-child *:before {content: "3";}
#cartpath ul li a:hover:before {background-color: #fff; color: #d10016;}

/* download */
#sectsr {margin-top: 40px;}
#availdocs {float: right; font-size: 17px; color: #fff; text-transform: none; background: #d10016; padding: 5px 12px;}
#downloadall {float: right; font-size: 17px; color: #fff; text-transform: none; background: #111; padding: 5px 12px; margin-right: 20px; cursor: pointer;}

/* multimedia */
#multimedia #body {text-align: center;}
#multimedia #body h2 {margin: 80px 0 30px;}
.multimedia {display: flex; flex-flow: row wrap; justify-content: space-between; text-align: center; margin: 40px 0 50px;}
.multimedia>div {margin: 0 0 1%; width: 24%; border: 1px solid #eee;}
.multimedia>div:empty {border: 0;}
.multimedia>div img {max-width: 100%;}

/* pager */
.fdd {display: none !important;}
.pager {padding: 9px 0 60px; font-size: 13px; margin: 0 auto; text-align: center;}
.allpages div, .bop {display: inline; cursor: pointer; border: 1px solid #b7d4e9; padding: 7px 9px; color: #d10016; -webkit-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.allpages div:hover, .bop:hover {background: #aaa; color: #fff; border: 1px solid #aaa;}
.allpages, .bop  {display: inline; margin: 0 3px;}
.allpages div {margin: 0 4px;}
.allpages .selpage {color: #fff; background: #b7d4e9 !important; border: 1px solid #b7d4e9 !important;}
.allpages div, .bop, .allpages div:hover, .bop:hover {-webkit-transition: all 0.3s; transition: all 0.3s;}
.contpd {margin-right: 5px;}
input.pdisplay {width: 20px; height: 23px; border: 1px solid #b7d4e9; margin: 0 3px 0 5px; text-align: right; font-size: 13px;}
form .allpages label {display: inline;}
#optdata {text-align: center; margin: 20px 0 30px;}
#searchdata {width: 16%; padding: 1%;min-width: 200px; margin-bottom: 15px; margin: 0 auto;}
.theord {width: 180px; float: left; margin-left: 2%; padding-top: 35px;}
.theord a {color: #666;}
.theord a.osel {color: #aaa; cursor: default;}
.theord a.disabled {cursor: default;}
#searchdata input {line-height: 28px; width: 100%; border: 0; border-bottom: 1px solid #ccc;}
#searchdata input:hover {border-color: #aaa;}

/* modal */
.boxabsback, .absdiv {top:0; left:0; position: absolute; z-index:9001; height:100%; width:100%; background:rgba(255, 255, 255, 0.9)}
.boxabsback {display: none; cursor: pointer; position: fixed;}
#cache {position:absolute; z-index:9002; top:200px; left:50%; margin-left:-80px; width:160px; height:100%; text-align:center; height:40px; font-size:15px; line-height:40px; padding:5px; -moz-box-shadow:0 0 9px #999; -webkit-box-shadow:0 0 9px #999; box-shadow:0 0 9px #999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
#cache img {vertical-align:middle; margin-right:5px; width:26px}
.boxabs {position: fixed; top:30px; left:50%; margin-left: -23%; width: 46%; border:1px solid #CCC; background:#FFF; z-index:9998; display:none; -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.25); box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.25)}
.boxabs.long {margin-left:-38%; width:76%;}
.boxabs h2 {margin: 0; background:#fafafa; border-bottom:1px solid #dfdfdf; color:#777; font-size:18px; height: 27px; padding: 5px 15px; font-weight:normal}
.boxabs .txt, .boxabs form {padding:15px}
.boxabs .boxfoot {padding: 7px 15px;}
.boxabs h3 span.closeme, .boxabs h2 span.closeme {float:right; line-height:20px; width:20px; height:20px; padding:4px 5px; cursor:pointer; color:#333; text-align:center}
.boxabs h2 span.closeme {background:#eaeaea}
.boxabs h3 span.closeme:before, .boxabs h2 span.closeme:before {content:"x"; font-weight:bold}
.ds-modal-body {max-height: calc(100vh - 240px); overflow-y: auto;}
.ds-modal-footer {padding: 5px 15px;}

#alert {display: none; opacity: 0; position: fixed;}
.fn_alert #windowconfirm, .fn_alert #alert {display: block; opacity: 1;}
.fn_alert #container, .fn_alert #totop {filter: blur(2px); -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;}
#alert, .fn_alert #alert, .fn_alert #container, .fn_alert #totop, #container, #totop {-webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);}

/* banner */
#ds-banner-container {position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: 9999}
#ds-banner-privacy {position: fixed; bottom: 0; left: 0; background: #fff; width: 100%;}
#ds-banner-box {padding: 35px;}
#ds-banner-info {line-height: 24px;}
#ds-banner-buttons {display: flex; margin-top: 25px;}
#ds-banner-buttons>*+* {margin-left: 12px;}

.ds-button { margin: 0; overflow: visible; font: inherit; color: inherit; -webkit-appearance: none; display: inline-block; box-sizing: border-box; padding: 0 30px; vertical-align: middle; font-size: 13px; line-height: 40px; text-align: center; text-decoration: none; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color,background-color,border-color; border-radius: 7px; border: 1px solid transparent; }

.ds-button:not(:disabled) { cursor: pointer; }

.ds-button-primary { background-color: #d10016; color: #fff; border: 1px solid transparent; }
.ds-button-primary:hover { background-color: #a50018; }

.ds-button-secondary { background-color: #434343; color: #fff; border: 1px solid transparent; }
.ds-button-secondary:hover { background-color: #111; }

.ds-button-outline { background-color: #fff; color: #d10016; border: 1px solid #d10016; }
.ds-button-outline:hover { border-color: #a50018; color: #a50018; }

/* footer */
#subfooter {background: #111; line-height: 14px; font-size: 12px; height: 40px; padding: 10px 0;}
#subfooter div {text-align:center; padding-top:5px}
#subfooter a {color:#ccc}
#subfooter a:hover {text-decoration: underline}
#infooter {padding-top: 25px; padding-bottom: 25px; flex-grow: 1;}
#infooter li a {color:#ccc; font: 300 15px 'Roboto Condensed'; text-decoration: underline;}
#infooter li>a {padding: 12px 30px 12px 0; display:block; border-bottom:1px solid #555; text-decoration: none;}
#infooter li>a:hover {text-decoration:none; border-bottom:1px solid #777}
#infooter>ul {width:100%; display: flex;}
#infooter ul li {list-style:none;}
#infooter ul li.tit {color:#fff; font: 17px 'Roboto Condensed'; margin-bottom:13px; text-transform:uppercase; border:0}
#infooter ul li ul {margin-right:55px}
#infooter ul li ul li {float:none; min-width:210px; display:block}

.footdata {padding-top: 40px;  font: 15px/34px 'Roboto Condensed';}

#infooter ul li#flogo {float:right; display: none;}
#flogo div {margin-top:45px}
#flogo div>img {float:right; margin-bottom:15px; clear:right}
#flogo #social img  {margin-left:4px}


#langcont, #socbar {position: fixed; top: 50%; margin-top: -150px; z-index: 2; display: flex; width: 100px; overflow: hidden; height: 300px; text-align: center;}
#socbar {left: -60px; border-radius: 0 6px 6px 0; background: #ccc;}
#langcont {right: 0; width: 40px; border-radius: 6px 0 0 6px; background: #d10016; flex-direction: column; align-items: center; z-index: 1000; justify-content: space-around;}
#langcont>div {padding: 10px 0;}
#langcont-mob img, #langcont>div img {border: 1px solid #eee;}
#socbar:hover {left: 0;}
#socbar, #socbar:hover {-webkit-transition:all 0.3s; transition:all 0.3s}
#socbar #logos {padding: 0 5px; display: flex; flex-direction: column; justify-content: center;}
#socbar #logos div {margin-bottom: 5px;}
#socbar #logos div:last-child {margin: 0;}
#soctxt {display: table; margin-left: 15px; min-width: 300px;}
#soctxt div{white-space: nowrap; transform-origin: center left; -ms-transform: rotate(-90deg) translate(-100%); -webkit-transform: rotate(-90deg) translate(-100%); transform: rotate(-90deg) translate(-100%); display: block; color: #d10016; font-weight: bold; margin-top: -9px;}

#totop {position:fixed; bottom:10px; right:10px; cursor:pointer; z-index:10; display:none}
.cc_logo {display:none !important}
.cc_message {line-height:21px !important}
.cc_more_info {color:#333 !important}
.cc_btn {background:#d10016 !important; color:#fff !important}
.cc_btn:hover {background:#333 !important}

.ds-data {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(285px,1fr));
  grid-gap: 20px 25px;
}

.ds-data .ds-element>a {
  padding: 20px;
  display: flex;
  align-items: center;
  transition: all 0.2s;
  border-radius: 12px;
}

.ds-data .ds-element>a:hover {
  background: #f1f1f1;
  transition: all 0.2s;
}

.ds-data .ds-element>a .ds-relative {
  width: 90px;
  text-align: center;
}

.ds-data .ds-element>a .ds-relative img {
  max-width: 100%;
}

.ds-data .ds-element>a .ds-text {
  box-sizing: border-box;
  padding-left: 12px;
  flex-grow: 1;
}

.ds-data .ds-element .ds-badge {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 11px;
  background: #fff;
  border-radius: 50%;
  font-weight: bold;
  padding: 2px 5px;
}

.ds-file-ext {
  position: absolute;
  color: white;
  bottom: 17px;
  left: 50%;
  margin-left: -24px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

.ds-file-lang {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -25px;
  background: #d10016;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  border-top-left-radius: 5px;
  /* border-bottom-right-radius: 5px; */
  display: inline-block;
}

#alert-box {position: fixed; top: -100px; left: 50%; width: 300px; margin-left: -151px; border: 1px solid #079087; border-radius: 3px; background: #fff; z-index: 9000}
#alert-box div {padding: 15px 25px; color: #242426; font-size: 19px; text-align: center;}
#alert-box.visible {top: 5px;}
#alert-box.visible, #alert-box {-webkit-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms;}

/* loader */
.ds-loader {position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,0.6); text-align: center; display: flex; align-items: center; justify-content: center;}
.ds-in-loader {margin: auto; background: #fff; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 10px 15px;}
.ds-in-loader>span:first-child {margin-right: 7px;}

  @media all and (min-width:1400px) {

  }

  @media all and (max-width:1600px) {

  }

  @media all and (max-width:1300px) {
    .event {float:none; width:97%}
    .event:nth-child(2), .evmsg {display:none}
    .wrapper {width: 100%; padding: 0 70px; margin:0; max-width: none; box-sizing: border-box;}
  }

  @media all and (max-width:1200px) {
    #cartpath .wrapper {width: 100%; margin: 0;}
    #dnmenu ul li#logo {width: 220px;}
    #dnmenu ul li#logo img {width: 210px;}

    .evne {width: 30%;}
    .evne:nth-child(2) {margin: 0 5%;}

    h1 {font-size: 22px;}
    #homebox h1:before {font-size: 74px;}
    #homebox .undertit a {font-size: 38px}

    #doptions {flex-flow: row wrap;}
    #doptions .vbox {width: 33%; margin: 1% 0;}
    #doptions:after {content: ""; flex: auto;}

    .singleprod {width: 23%;}

    #infooter ul li ul li {min-width: 150px;}
  }

  @media all and (max-width:1100px) {
    #header {height:auto; position:static; border:0}
    .bmenu {cursor:pointer; width:20px; background:#d10016; color:#fff; font-size:20px; font-weight:bold; padding:1px 7px 3px; text-align:center; line-height:30px; z-index:21}
    #omenu {position: relative; cursor: pointer; display: block; height: 100%; width: 12vw; height: 12vw; min-width: auto; box-sizing: border-box; max-width: 70px; max-height: 70px;}
    #omenu:hover {background:#333}
    #omenu span {background-color: #fff; display: block; height: 1px; left: calc(50% - 12px); position: absolute; width: 24px;}
    #omenu span:nth-child(1) { top: calc(50% - 12px); }
    #omenu span:nth-child(2) { top: calc(50% - 1px); }
    #omenu span:nth-child(3) { top: calc(50% + 10px); }
    .omenu #dnmenu_sf {cursor: pointer; display: block; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998;}

    #dnmenu {padding:0; position:fixed; top:0; left:-700px; width:40%; width: 90%; max-width: 600px; z-index:20; height:100%; overflow-y:auto; margin: 0;  z-index: 9999;}
    .omenu #dnmenu {left:0}
    body.omenu {overflow-y:hidden}
    #dnmenu, .omenu #dnmenu {-webkit-transition:all 0.3s; transition:all 0.3s}
    #dnmenu ul {flex-direction: column; height: auto; margin: 10px 0}
    #dnmenu ul li {display:block; padding:0 4%; margin:0; width:92%}
    #dnmenu ul li a {padding: 25px 3%; font-size:16px; border:0; border-bottom: 1px solid #e60920; color:#ccc; text-align: left;}
    #dnmenu ul li>div {padding:0; border:0; position:static}
    #dnmenu ul li#logo {width:92%; margin:0 0 15px; text-align:center}
    #dnmenu ul li#logo img {width:50%; min-width:180px}
    #dnmenu>ul>li>ul {position: relative; background: none}

    #alb {padding-top:0; text-indent:30px}

    #homeimg {margin-top: 0;}
    #homebox .sbox {min-width: 350px;}
    .evmore {margin-top: 10px;}

    #homeprod {flex-flow: row wrap;}
    #homeprod>div {width: 49%;}

    #othimg, #othimg+#prodtxt {float: none; width: 100%;}
    #othimg+#prodtxt {margin: 30px 0;}

    #contdata {padding-left:2%; width:21%}
    #contdata h2 {font-size:16px}
    form .privacy {height:140px; max-height:140px; overflow-y:auto; margin-top:26px; padding:3px; width:90%}

    .inimg {background-size: contain;}
    .crow:nth-child(odd) .ctxt h2, .crow .ctxt h2 {padding: 8px 5px;}
    .crow .txt, .crow:nth-child(odd) .ctxt .txt {padding: 8px 5px;}
    .year {margin-bottom: 10px;}
    .year span {font-size: 30px;}
    .year:before {margin-top: 19px;}

    #langcont, #socbar {display: none;}
    .wrapper {padding: 0 1%;}

    #langcont-mob {display: flex; padding: 4% 7%;}
    #langcont-mob div {margin-right: 2%;}

    .boxabs {left: 0 !important; margin-left: 1% !important; width: 98% !important; box-sizing: border-box}
  }

  @media all and (min-width: 1101px) {
    #langcont-mob {display: none;}
  }

  @media all and (min-width: 991px) {
    .flex-child-width-same>* {flex-grow: 1; flex-basis: 0;}
  }

  @media all and (max-width: 990px) {
    .vbox {min-height: auto; float: none; display: block; width: 100%; margin: 0 0 20px; box-sizing: border-box;}
    #dbuy .vbox {float: left;}

    #doptions h3 {text-align: left;}
    .vbox .vimg {margin: 0 2% 0 0; float: left; width: 15%; height: auto; border: 0;}
    .vbox .vimg a{display: block;}
    #doptions .vbox {width: 100%;}
    #doptions .vbox .txt {float: left; width: 80%; text-align: left; padding: 0;}
    #sectsr {padding: 0 1%;}

    #cartpath ul li a, #cartpath ul li.future, #cartpath ul li.selected {padding: 12px;}

    .tile {width: 48%; margin: 0 1% 2% 0; padding: 1%;}

    .crow {margin-bottom: 30px; border-bottom: 1px solid #eaeaea;}
    .indett, .crow {display: block; height: auto; text-align: center !important;}
    .crow {display: flex; flex-direction: column;}
    .crow:nth-child(even) {flex-direction: column;}
    .cimg, .ctxt {width: 100%;}
    .cimg, .inimg {height: 405px;}
    .cimg:before, .ctxt:before {padding: 0;}
    .intxt, .inimg {position: static;}
    .crow .ctxt .txt, .crow .ctxt h2, .crow .ctxt .year {margin: 0 0 10px; text-align: center !important;}
    .crow .ctxt .txt {margin: 0; padding: 30px 25px; font-size: 16px;}
    .crow:nth-child(even) .ctxt {border: 0;}
    .year span {border-radius: 10px;}
    .year:before {border: 0;}
    .cline {display: none;}

    .evimg img {max-width: 100%;}
    #infooter ul li ul {margin-right: 35px;}
    #infooter ul li ul li {min-width: 150px;}
    #infooter ul li#flogo {display: block;}

    #coldx .flexme {display: block;}
    #coldx .flexme>div+.txt {padding: 20px 0;}

    .items li {width: 50%;}

    #hpsect {margin-top: 100px;}

  }

  @media all and (max-width:880px) {
    #colsx, #coldx, .mdcts .float-left {float:none; width:100%}
    #coldx {padding-top: 0;}
    #colsx {padding-top: 20px;}
    .mdcts .float-left .privacy {margin-bottom:20px}
    form .privacy {height:auto; max-height:auto;}
    #lmenu {position: static; width: auto; margin-bottom: 20px; max-width: none;}
    #prodgall.listgall div img {height: 65px;}

    #evne .wrapper {display: block;}
    .evne {width: 100%; padding-bottom: 40px;}
    .evimg {float: left; width: 25%;}
    .evdata {float: right; width: 73%; text-align: left;}
    .evtxt {min-height: auto;}
    .evne:nth-child(2) {margin: 0;}

    #cartpath ul li *:before {display: none;}

    .singleprod {width: 48%;}

    .footprod {display: none;}

    #ds-banner-box {padding: 20px;}
    #ds-banner-info {max-height: 240px; overflow-y: auto;}
    #ds-banner-buttons {flex-direction: column;}
    #ds-banner-buttons>* {width: 100%;}
    #ds-banner-buttons>*+* {margin-left: 0; margin-top: 12px;}
  }

  @media all and (min-width:721px) {
    #elincart img {display: none;}
  }

  @media all and (max-width:720px) {
    #dbuy .vbox:nth-child(2), #dbuy .vbox {float: none; margin: 20px 0; width: 100%;}

    #body {padding-bottom:40px}
    #footer {height:40px}
    #infooter {display:none}
    #subfooter {margin-top:0; border:0; font-size:10px}

    #homeprod {display: block;}
    #homeprod>div {margin: 0 0 20px; width: 100%;}

    #prodgall.listgall div img {height: 60px;}

    #cartpath ul {display: flex;}
    #cartpath ul li {font-size: 16px}

    #elincart label {display: none;}

    #upmenu>ul>li#elincart a {padding: 3px 15px 3px; font-size: 14px;}
    .hmenu>ul>li#logininline {margin-left: 0;}
  }

  @media all and (max-width:640px) {
    .dataTables_wrapper .dataTables_filter {margin: 0 !important;}

    #homebox {position: static; margin-top: 0;}
    #homebox .sbox {max-width: 100%; width: 100%; min-width: auto; box-sizing: border-box;}
    #homebox h1 {font-size: 18px;}
    #homebox h1:before {font-size: 60px; text-indent: -30px;}
    #homebox .undertit {padding-top: 0;}
    #homebox .undertit a {font-size: 32px;}

    #hpsect {margin-top: 40px;}
  }

  @media all and (max-width:570px) {
    #evne {padding-top: 120px;}
    #prodgall.listgall div.singleimg {width: 20%;}
    #prodgall.listgall div img {height: 60px;}
    .tabtit {font-size: 17px;}

    .tile {width: 100%; margin: 0 0 2% 0;}

    #upmenu>ul li#logo {padding: 5px;}
    #upmenu>ul li#logo img {width: 90%;}

  }

  @media all and (max-width: 420px) {
    #evne {padding-top: 20px;}
    #prodgall.listgall div.singleimg {width: 33.333%;}
    #prodgall.listgall div img {height: 74px;}
    .vbox .vimg {width: 18%; height: 18%;}
    #doptions .vbox .txt {width: 77%;}

    .singleprod {width: 100%; float: none; margin-right: 0;}
  }

  @media all and (max-width: 420px) {
    .tabtit {display: none;}
    .fidt input, #fidt input {margin-left: 0;}
  }