@import url("https://fonts.googleapis.com/css?family=Mada:400,700|Playfair+Display:700");
@import url(normalize.css);
html, body {
  font-family: 'Mada', sans-serif;
  background: #ffffff;
  font-size: 16px; }

/* =Import Required styles
========================================================================================*/
@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-LightOblique.eot");
  src: url("../fonts/AvenirLTStd-LightOblique.eot?#iefix") format("embedded-opentype"), url("AvenirLTStd-LightOblique.woff2") format("woff2"), url("AvenirLTStd-LightOblique.woff") format("woff"), url("AvenirLTStd-LightOblique.ttf") format("truetype"), url("AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique") format("svg");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-MediumOblique.eot");
  src: url("../fonts/AvenirLTStd-MediumOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-MediumOblique.woff2") format("woff2"), url("../fonts/AvenirLTStd-MediumOblique.woff") format("woff"), url("../fonts/AvenirLTStd-MediumOblique.ttf") format("truetype"), url("../fonts/AvenirLTStd-MediumOblique.svg#AvenirLTStd-MediumOblique") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-Book.eot");
  src: url("../fonts/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/AvenirLTStd-Book.woff") format("woff"), url("../fonts/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-Oblique.eot");
  src: url("../fonts/AvenirLTStd-Oblique.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Oblique.woff2") format("woff2"), url("../fonts/AvenirLTStd-Oblique.woff") format("woff"), url("../fonts/AvenirLTStd-Oblique.ttf") format("truetype"), url("../fonts/AvenirLTStd-Oblique.svg#AvenirLTStd-Oblique") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-Medium.eot");
  src: url("../fonts/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Medium.woff2") format("woff2"), url("../fonts/AvenirLTStd-Medium.woff") format("woff"), url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"), url("../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-Light.eot");
  src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.woff2") format("woff2"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-Roman.eot");
  src: url("../fonts/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Avenir LT Std';
  src: url("../fonts/AvenirLTStd-BookOblique.eot");
  src: url("../fonts/AvenirLTStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-BookOblique.woff2") format("woff2"), url("../fonts/AvenirLTStd-BookOblique.woff") format("woff"), url("../fonts/AvenirLTStd-BookOblique.ttf") format("truetype"), url("../fonts/AvenirLTStd-BookOblique.svg#AvenirLTStd-BookOblique") format("svg");
  font-weight: normal;
  font-style: italic; }

  @font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Heavy.eot');
    src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
        url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
textarea, select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="button"], input[type="submit"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/* =Deafult Tag & General Classes
========================================================================================*/
html { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; font: 18px/1.45 'Avenir LT Std', Arial, Helvetica, sans-serif; color: #000; }
body.home { background: #ebebeb; }
img { vertical-align: top; border: 0; }
a { -moz-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); }
input[type="button"], input[type="submit"] { -moz-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); }
button { -moz-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); }
table th, table td { -moz-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: background-color 550ms cubic-bezier(0.45, 1, 0.32, 1), color 550ms cubic-bezier(0.45, 1, 0.32, 1); }
.allanim, .tooltipcontent, #header, #mainmenu li a:after { -moz-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -o-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -ms-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); }
a { color: #000; text-decoration: none; }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a:active { background-color: transparent; }
}
strong { font-weight: bold; }
small, .small { font-size: 85%; }
sub, sup { font-size: 80%; }
p { margin: 0 0 20px 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin: 0 0 10px; font-weight: 500; }
h1, h2, h3 { font-size: 45px; }
h4 { font-size: 32px; }
h5 { font-size: 22px; }
h6 { font-size: 20px; }
ul li { line-height: 24px; }
.cf:before, .cf:after { content: ""; display: table; }
.wrap:after, .wrap:before { content: ""; display: table; }
.cf:after, .wrap:after { clear: both; }
.cf, .wrap { zoom: 1; }
.nodisplay { display: none; }
.nodisplay_strict { display: none !important; }
.alignleft { float: left; }
.alignright { float: right; }
:focus { outline: none; }
.text_cont p { padding: 0 0 10px 0; }
.nopad p, p.nopad { padding: 0; }
.cols {
 *zoom: 1; margin-left: -20px; margin-right: -20px; clear: both; }
.cols:after { content: ""; display: table; clear: both; }
.cols .col { float: left; min-height: 1px; padding-left: 20px; padding-right: 20px; }
.cols1 .col { width: 100%; }
.cols2 .col { width: 50%; }
.cols3 .col { width: 33.333333333333%; }
.cols4 .col { width: 25%; }
/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left: solid 6px #e1e1e1; margin-left: 0; padding-left: 15px; }
blockquote small { font-size: 85%; display: block; color: #999; padding: 5px 0 0 0; font-style: italic; }
.highlight, mark { background: #fffd64; }
/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size: 22px; }
.text-big { font-size: 20px; }
.text-small { font-size: 12px; }
.text-muted { color: #777; }
.text-primary { color: #000000; }
.text-secondary { color: #7979a9; }
.bg-muted { background: #777; }
.bg-primary { background: #e34f26; }
.bg-secondary { background: #7979a9; }
.text-lc { text-transform: lowercase; }
.text-uc { text-transform: uppercase; }
.has-show { display: block !important; }
.has-hide { display: none !important; }
.has-error { padding: 8px 12px 0; display: block; color: #000000; }
input.has-error { border: solid 1px #000000 !important; }
.tall-space { margin: 45px 0; }
.medium-space { margin: 20px 0; }
.custom-arrow-list { margin: 0; padding: 0; list-style: none; }
.custom-arrow-list li { position: relative; padding-left: 20px; }
.custom-arrow-list li:before { content: ''; border: solid 2px #bbb; border-left: 0; border-top: 0; position: absolute; left: 1px; top: 9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 7px; height: 7px; }
/* =Divider Width
========================================================================================*/
hr { border: 0; border-bottom: solid 1px #e1e1e1; margin: 20px 0; position: relative; width: 100%; }
hr:before { background: #888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right: 0; margin: 0 auto; top: 0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style: dashed; }
.dotted-border { border-bottom-style: dotted; }
.double-border { border-bottom-style: double; border-bottom-width: 3px; }
.double-border:before { height: 3px; }
/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #000000; color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }
/* =Image Caps
========================================================================================*/
.image-block { padding: 25px 0; }
.image-block:after { display: table; clear: both; content: ''; }
.image-block figure { width: 33.33333%; float: left; position: relative; border: solid 1px #e5e5e5; padding: 5px; background: #fff; margin: 0 20px 10px 0; }
.image-block figure img { width: 100%; height: auto; }
.image-block.right-align figure { float: right; margin: 0 0 10px 20px; }
.image-block figcaption { display: block; font-weight: 700; position: absolute; left: 5px; right: 5px; bottom: 5px; margin: 0 auto; background: rgba(0, 0, 0, 0.4); padding: 13px 10px; color: #fff; text-align: center; line-height: 1.25; }
.image-block h3 { margin-bottom: 20px; }
/* =Section Caps
========================================================================================*/
.section-block { padding: 25px 0; background: #fff; }
/* =Layout Width
========================================================================================*/
.wrap { /*max-width: 1860px; width: 100%; margin: 0 auto;*/ padding-left: 30px; padding-right: 30px; }
#main { padding: 0 0 25px; min-height:calc(100vh - 124px); }
#primary { float: right; width: 75%; padding-left: 25px; }
.sticky { position: -webkit-sticky !important; position: sticky !important; top: 80px; }
#sidebar { float: left; width: 25%; padding-right: 25px; height: 450px; overflow-y: auto; }
.one-column { width: auto !important; float: none !important; padding: 0 !important; }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { margin: 0 0 50px; position:fixed; width:100%; top:0; left:0; right:0; z-index:5; }
#header.navhide { top: -50px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15); }
#header .select2-container--default .select2-selection--single { background: transparent; }
#header .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; color: #000; }
#header .headertop { padding: 18px 0; background: #ebebeb; }
#header .headertop .headertopright { float: right; }
#header .headertop .headertopright ul { list-style: none; margin: 0; padding: 0; }
#header .headertop .headertopright ul:after { content: ''; display: table; clear: both; }
#header .headertop .headertopright > ul > li { float: left; font-weight: 500; margin: 0 15px; padding: 0 0 0 30px; position: relative; }
#header .headertop .headertopright > ul > li:before { content: ''; position: absolute; top: -2px; left: 0; background: url("../img/bgi/sprites.png") no-repeat 0 0; width: 19px; height: 25px; }
#header .headertop .headertopright ul li.cart:before { background-position: -20px 0; }
#header .headertop .headertopright ul li:last-child { padding: 0; }
#header .headertop .headertopright ul li:last-child:before { display: none; }
#header .headertop .headertopright ul li .custom-select { max-width: 50px; }
#header .headertop .headertopright ul li .custom-select .select2-selection__arrow { top: 0; right: 0; }
#header .headerbottom { background: #ffffff; }
#header .headerbottom #mainmenu { float: left; font-size: 17px; margin: 24px 0 0 155px; }
#header .headerbottom #mainmenu ul { margin: 0; padding: 0; list-style: none; }
#header .headerbottom #mainmenu li { float: left; line-height: 30px; }
#header .headerbottom #mainmenu li.active a { color: #e91289; }
#header .headerbottom #mainmenu li a { text-decoration: none; padding: 0; display: block; color: #999; position: relative; font-weight: 500; }
#header .headerbottom #mainmenu li a:hover { color: #e91289; }
#header .headerbottom #mainmenu li.active a a:after { color: #000000; }
#header .headerbottom #mainmenu > ul > li { margin: 0 0 0 42px; font-weight: bold; text-transform: uppercase; }
.select2-results__option[aria-selected] { font-size: 14px; }
#logo { float: left; width: 150px; position: relative; }
#logo img { max-width: 100%; height: auto; width: auto; }
.bgimg { background-size: cover; background-position: center; background-repeat: no-repeat; }
#footer { background: #01070a; padding: 50px 0; font-size: 16px; font-weight: 400; }
#footer .fmenu { float: right; margin: 0 0 10px; padding: 0; list-style: none; }
#footer .fmenu li { float: left; margin-right: 35px; color: #ffffff; }
#footer .fmenu li:last-child { margin-right: 0; }
#footer .fmenu li a { color: #ffffff; }
#footer .fmenu li a:hover { text-decoration: none; color: #e5007e; }
#footer .fmenu li.active a { text-decoration: none; color: #e5007e; }
#footer .copyright { float: left; margin: 0; color: #ffffff; }

/* =Form Style
========================================================================================*/
button { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;
}
textarea, select { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;
}  
input[type="submit"], input[type="button"] { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;
}
button { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type="submit"], input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
button { line-height: normal; }
input { line-height: normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] { background: #fff; padding: 4px 12px; height: 48px; line-height: 1.55; border: solid 1px #d7d9dd; color: #454648; width: 100%; font-family: 'Avenir LT Std', Arial, Helvetica, sans-serif; -moz-transition: border-color 200ms ease-in; -webkit-transition: border-color 200ms ease-in; transition: border-color 200ms ease-in; }
textarea, select { background: #fff; padding: 4px 12px; height: 48px; line-height: 1.55; border: solid 1px #d7d9dd; color: #454648; width: 100%; font-family: 'Avenir LT Std', Arial, Helvetica, sans-serif; -moz-transition: border-color 200ms ease-in; -webkit-transition: border-color 200ms ease-in; transition: border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height: 58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height: 38px; }
textarea { width: 100%; height: 160px; overflow: auto; resize: vertical; padding: 10px 15px; font-family: 'Avenir LT Std', Arial, Helvetica, sans-serif; }
select { height: auto; padding: 12px 42px 12px 12px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; position: relative; z-index: 1; background: none; line-height: 1.25; border-radius: 0; }
 select::-ms-expand {
 display: none;
}
.custom-select { display: block; margin: 0; position: relative; }
.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered { border: 0; }
.ie select { padding-right: 0; }
.ie .custom-select:before { z-index: 2; height: 40px; }
.ie .custom-select:after { z-index: 3; }
.ie .custom-select select { font-size: 18px !important; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"] { line-height: 32px; }
.ie select { line-height: 32px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus { border: solid 1px #acacac; }
textarea:focus, select:focus { border: solid 1px #acacac; }
 input::-moz-focus-inner, button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type="button"], input[type="submit"] { background: #e20078; color: #fff; border: 0; cursor: pointer; width: auto; overflow: visible; padding: 13px 45px; vertical-align: middle; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1.25; font-family: 'Avenir LT Std', Arial, Helvetica, sans-serif; font-weight: bold; }
button { background: #e20078; color: #fff; border: 0; cursor: pointer; width: auto; overflow: visible; padding: 13px 45px; vertical-align: middle; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 1.25; font-family: 'Avenir LT Std', Arial, Helvetica, sans-serif; font-weight: bold; }
input[type="button"]:hover, input[type="submit"]:hover { background: #000; color: #fff; }
button:hover { background: #000; color: #fff; }
input[type="checkbox"], input[type="radio"] { margin: 4px 8px 0; vertical-align: top; }

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
 opacity: 1;
}
.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox > label > input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox > label > input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #e20078; }
.checkbox > label > input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox > label > input { width: 18px; height: 18px; margin: 0; }
.checkbox > label > input:checked + .input-helper:before { background-color: #e20078; background-color: #e20078; }
.checkbox > label > input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 3px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input[type="radio"] { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: #000000; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }

.checkboxwithinputnumber input[type="number"] { display: inline-block; vertical-align: middle; width: 46px; height: 34px; font-size: 14px; padding: 6px; }.checkboxwithinputnumber .checkbox > label > span { position:relative; top:-6px; display:inline-block; }



/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding: 10px 0; background: #efeded; border-bottom: solid 1px #dedede; font-size: 14px; color: #999; }
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display: inline-block; margin: 0 0 0 20px; position: relative; }
.breadcrumbs li:before { content: ''; border-left: solid 4px #999; border-bottom: solid 4px transparent; border-top: solid 4px transparent; width: 0; height: 0; display: inline-block; position: absolute; left: -14px; top: 50%; margin-top: -4px; }
.breadcrumbs li a { color: #505061; text-decoration: none; }
.breadcrumbs li a:hover { color: #e34f26; }
/* =Form list
========================================================================================*/
.form-block { margin: 10px 0; }
.form-group { padding: 10px 0; }
.form-group:after { clear: both; content: ''; display: table; }
.formlist .form-group ul { margin: 0; padding: 0; list-style: none; }
.forgot-link { float: right; }
.form-block .form-group label { display: inline-block; padding: 0 0 5px; }
.form-inline .form-group label { float: left; width: 30%; padding: 10px 10px 10px 0; line-height: 1.5; }
.form-inline .form-group .field-box { width: 70%; float: left; }
/* =Common button CSS
========================================================================================*/
.button { background-color: #e20078; font-size: 20px; color: #fff; display: inline-block; line-height: 1.2; padding: 13px 30px; vertical-align: bottom; font-weight: 500; }
.button:hover { background-color: #000; text-decoration: none; color: #fff; }
.button.btn-lg { padding: 16px 35px; font-size: 18px; }
input[type="submit"].btn-lg, input[type="button"].btn-lg { padding: 16px 35px; font-size: 20px; }
button.btn-lg { padding: 16px 35px; font-size: 20px; }
.button.btn-sm { padding: 10px 25px; font-size: 16px; }
input[type="submit"].btn-sm, input[type="button"].btn-sm { padding: 10px 25px; font-size: 16px; }
button.btn-sm { padding: 10px 25px; font-size: 14px; }
.button.btn-xs { padding: 8px 20px; font-size: 12px; }
input[type="submit"].btn-xs, input[type="button"].btn-xs { padding: 8px 20px; font-size: 12px; }
button.btn-xs { padding: 8px 20px; font-size: 12px; }
.button.btn-lightgray { background: #969fb0; color: #fff; }
input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray { background: #969fb0; color: #fff; }
button.btn-lightgray { background: #969fb0; color: #fff; }
.button.btn-lightgray:hover { background: #757f90; }
input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover { background: #757f90; }
button.btn-lightgray:hover { background: #757f90; }
.button.btn-secondary { background: #555; color: #fff; }
input[type="submit"].btn-secondary, input[type="button"].btn-secondary { background: #555; color: #fff; }
button.btn-secondary { background: #555; color: #fff; }
.button.btn-secondary:hover { background: #333; }
input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover { background: #333; }
button.btn-secondary:hover { background: #333; }
.button.btn-outline { background: #fff; border: solid 2px #e91289; color: #e91289; }
input[type="submit"].btn-outline, input[type="button"].btn-outline { background: #fff; border: solid 2px #000000; color: #000000; }
button.btn-outline { background: #fff; border: solid 1px #000000; color: #000000; }
.button.btn-outline:hover { background: #000; color: #fff; border-color:#000; }
input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover { background: #e91289; border-color:#e91289; color: #fff; }
button.btn-outline:hover { background: #000000; color: #fff; }
.button.btn-lg.btn-outline { padding:12px 24px; }
input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline { padding: 14px 35px; }
.button.btn-outline { padding: 11px 30px; }
input[type="submit"].btn-outline, input[type="button"].btn-outline { padding: 11px 30px; }
.button.btn-sm.btn-outline { padding: 8px 25px; }
input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline { padding: 8px 25px; }
.button.btn-xs.btn-outline { padding: 6px 20px; }
input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline { padding: 6px 20px; }
.button.btn-block { display: block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left: 10px !important; padding-right: 10px !important; }

/* =tabnav CSS
========================================================================================*/
.tabnav { width: 100%; margin: 0; padding: 0; list-style: none; border: solid 1px #e9edee; }
.tabnav li { float: left; position: relative; margin: 0; width: 25%; text-align: center; font-weight: 600; text-transform: uppercase; }
.tabnav li:first-child { margin: 0; }
.tabnav li h2 { margin: 0; font-size: 15px; }
.tabnav li a { display: block; padding: 16px 5px; text-decoration: none; color: #505061; line-height: 1.25; background: #e9edee; margin-bottom: -1px; border-left: solid 1px #dde1e2; }
.tabnav li:first-child a { border-left: 0; }
.tabnav li.active a, .tabnav li a:hover { background-color: #fff; color: #000000; }
.tabnav li.active a:after { display: block; }
.tab-container { padding: 20px; border: solid 1px #e9edee; border-top: 0; }
.tabcontent { display: none; }
.tabcontent .quicklist { margin: 0; }
.tabcontent .quicklist li { margin: 0; }
.tabcontent p { color: #666; margin: 20px 0 0; }
.tabcontent p:first-child { margin-top: 0; }
.tabcontent p a { color: #7f97ae; text-decoration: underline; }
.accordion-data p a { color: #7f97ae; text-decoration: underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color: #00305d; }
.tabcontent h4 { margin: 0 0 15px; }

/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row:first-child { border-top: 0; }
.accordion-databox .accordion-row h5 { cursor: pointer; margin: 0; background: #f3f3f3; color: #555; position: relative; padding: 16px 54px 16px 16px; font-weight: 600; font-size: 15px; margin-bottom: 7px; text-transform: uppercase; }
.accordion-databox .accordion-row h5:before { position: absolute; right: 0; top: 0; content: ''; width: 54px; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.08); }
.accordion-databox .accordion-row h5:after { content: ''; position: absolute; right: 18px; top: 50%; margin-top: -4px; border-top: solid 8px #818181; border-left: solid 8px transparent; border-right: solid 8px transparent; z-index: 2; }
.accordion-databox .accordion-row h5.open { color: #272c2f; }
.accordion-databox .accordion-row h5.open:after { border-top: 0; border-bottom: solid 8px #272c2f; }
.accordion-data { display: none; padding: 15px 0; }
.accordion-data p { padding: 0 6px; margin: 20px 0 0; }
.accordion-data p:first-child { margin-top: 0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding: 16px 16px 16px 55px; margin: 20px 0; color: #454545; position: relative; }
.alert:before { position: absolute; content: ''; left: 15px; top: 15px; width: 24px; height: 24px; background: url(../images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification { background-color: #fff0f4; border: solid 1px #db524c; color: #db524c; }
.alert-notification:before { background-position: 0 0; }
.alert-info { background-color: #e8f6ff; border: solid 1px #0082d5; color: #0082d5; }
.alert-info:before { background-position: -26px 0; }
.alert-warning { background-color: #fef4ec; border: solid 1px #ff9948; color: #ff9948; }
.alert-warning:before { background-position: -52px 0; }
.alert-success { background-color: #edfff6; border: solid 1px #04be5b; color: #04be5b; }
.alert-success:before { background-position: -79px 0; }
.alert-normal { background-color: #efefef; border: solid 1px #999; padding-left: 16px; color: #555; }
.alert-normal:before { display: none; }

/* =Default page CSS
========================================================================================*/
.heading-listblock { padding: 20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin: 0 0 35px; }
.heading-listblock p:last-child { margin-bottom: 0; }
.heading-listblock .paragraph-block p { margin: 0 0 20px; }
.list-block ul, .list-block ol { padding-left: 22px; margin-left: -5px; }
.list-block ul li, .list-block ol li { margin: 5px 0; }
.list-block ul.custom-arrow-list { margin: 0; padding: 0; }
.sectitle { margin: 0 0 20px; }
.sectitle:after { content: ''; display: table; clear: both; }
.sectitle h3 { float: left; line-height: 1; margin-bottom: 0; position: relative; font-size:35px; font-weight: 900; }
.sectitle h3:before { content: ''; position: absolute; bottom: -4px; background: #000000; width: 100%; height: 1px; }
.sectitle a.link { float: right; color:#e91289; font-size: 16px; font-weight: bold; position: relative; margin: 13px 0 0; }
.sectitle a.link:hover { color:#000; }
.sectitle a.link:before { content: ''; position: absolute; bottom: -2px; right: 0; background: #000; width: 0; height: 1px; -webkit-transition: 0.2s all; transition: 0.2s all; }
.sectitle a.link:hover:before { width: 100%; left: 0; right: auto; }
.filerloading { position:relative; }
.filerloading::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; width: 100%; height: 100vh; z-index: 8;    opacity: 0.95; }
#preloader { position: absolute; z-index: 9; top: 0; left: 0; right: 0; height: 100vh; width: 100%; text-align: center; }
#preloader img { position: absolute; top: 50%; vertical-align: middle; }

.clearfilterbtn { color: #fff; font-size: 16px; text-decoration: underline; float: right; position: relative; top: 12px; }

.headerflexwrapper .minicart > span { background: #e5007e; border-radius: 50%; width: 15px; height: 15px; position: absolute; top: -1px; right: auto; text-align: center; font-size: 11px; color: #ffffff; z-index: 1; left: 11px; line-height: 16px; }
.headerflexwrapper .minicart .carticon { display: block; background: url(../img/bgi/sprites.png) no-repeat -65px 0; width: 67px; height: 60px; text-indent: -999em; margin: 0 auto; position: relative; }
.headerflexwrapper .minicart .mCSB_outside + .mCSB_scrollTools { right: -17px; }

.headerflexwrapper .minicart .mCSB_scrollTools .mCSB_draggerRail { background: transparent; }
.headerflexwrapper .minicart .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #dbdbdb; width: 5px; border-radius: 4px; }
.headerflexwrapper .minicart .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #888; }

.headerflexwrapper .minicart .carticon.hasproducts:before { content: ''; position: absolute; bottom: 18px; right: 22px; background: #e6007e; width: 8px; height: 8px; border-radius: 50%; }
.headerflexwrapper .minicart .minicartblockwrapper { display: none; position: absolute; top:36px; right: -125px; background: #ffffff; width: 360px; border: #000 solid 1px; padding: 0 14px 20px 20px; z-index: 2; overflow: hidden; font-size:16px; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock { overflow-x: hidden; overflow-y: auto; max-height: 350px; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) { margin: 20px -14px 20px -20px; padding: 0 14px 10px 20px; border-bottom: #000000 solid 1px; position: relative; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn):after { content: ''; clear: both; display: table; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) img { float: left; max-width: 100%; width: 35%; height:113px; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductname { overflow: hidden; float: right; width: 57%; padding: 0 0 0 14px; width: 65%; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductname span { display: block; line-height: 1.1; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductname span.productname { margin-bottom: 14px; }
#header .headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductinfo { margin: 10px 0 0; padding: 6px 0 0; border-top:0; clear: both; display: inline-block; width: 100%; font-size: 16px; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductinfo:after { content: ''; clear: both; display: table; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductinfo li { float: left; width: 33.33%; padding: 0 2px; text-align: center; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductinfo li strong { display: block; }
.headerflexwrapper .minicart .minicartblockwrapper .gotocartbtn { position: relative; padding: 20px 8px; overflow: hidden; background: #a29061; height: 56px; margin: 0 -14px -20px -20px; }
.headerflexwrapper .minicart .minicartblockwrapper .gotocartbtn a { position: absolute; top: 0; left: 0; right: 0; text-align: center; padding: 16px 8px; margin: 0 -20px; background: #d70073; color: #fff;  font-weight: bold; font-size:18px; }
.headerflexwrapper .minicart .minicartblockwrapper .gotocartbtn a:hover { background:#000; text-decoration: none; }

/* =Home-Page (only homepage used classes)
========================================================================================*/
.productsearchbar { position: relative; background: #ffffff; }
.productsearchbar:after { content: ''; display: table; clear: both; }
.productsearchbar form { width: 100%; float: right; position: relative; }
.filterbtnblock { display: none; }
.productsearchbar .filterbtnblock .filterbtn { padding: 15px; color: #fff; background: #000; display: inline-block; }
.productsearchbar .filterbtnblock .filterbtn:hover { background: #e91289; }
.productsearchbar .filterbtnblock .filterbtn:before { content: ""; display: inline-block; background: url(../img/bgi/sprites.png) no-repeat -406px -16px; width: 18px; height: 18px; vertical-align: middle; transition: all 0.3s; margin-right: 8px; }
.productsearchbar .filterbtnblock .filterbtn:hover:before { background-position: -406px -35px; }
.productsearchbar form .searchaereablock { width: 390px; margin-left: auto; position: relative; padding: 7px 0;  }
.filtersearchaerea { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.productsearchbar form input { padding-left: 70px; border: 0; }
.productsearchbar form input:focus { border: 0; }
.productsearchbar form button[type="submit"] { position: absolute; top: 50%; transform: translateY(-50%); left: 18px; padding: 0; background: url("../img/bgi/sprites.png") no-repeat -40px 0; width: 25px; height: 25px; text-indent: -999em; }
.productlistingsection { margin: 50px 0 0; }
.productlistingsection .productlistingwrap .cols { margin: 0 -12px 40px; }
.productlistingsection .productlistingwrap .cols .col { padding: 0 12px; margin: 0 0 24px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox { position: relative; background: #ffffff; border: #232323 solid 1px; padding: 30px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .bgimg { height: 260px; margin: 0 0 20px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle { font-size: 28px; margin: 0 0 18px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle:after { content: ''; display: table; clear: both; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .code-formate:after { content:''; display:table; clear:both; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .code-formate span { float:left; font-size:14px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .code-formate span + span { float:right; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle h5 span { display: block; font-size: 16px; margin:12px 0 0; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle h5 span + span { margin: 12px 0 0; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle > span { font-size: 16px; float: right; margin:0; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle > span.productcolor { display:block; float: none; font-size: 14px; font-weight: 500; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom { text-align: right; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom:after { content: ''; display: table; clear: both; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom .button { float: left; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom .productprice { float: right; font-size: 14px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom .productprice strong { font-size: 24px; display: block; }
.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom .productprice .mainprice { display: block; text-decoration: line-through; }
.productlistingsection .productlistingwrap .cols .col .productlistbox.discountproduct .productlistboxinfobottom .productprice { margin: -10px 0 0; }
.productlistingsection .productlistingwrap .cols .col .productlistbox.discountproduct:before { content: ''; position: absolute; top: 0; right: 15px; background: url("../img/bgi/sprites.png") no-repeat -66px 0; width: 39px; height: 50px; }
.filtersection { background: #f3f4f4; padding: 30px; }
.filtersection .filtersectiontitle { background: #000000; font-size: 30px; color: #ffffff; padding: 10px 30px; margin: -30px -30px 30px; }
.filtersection .filterbox { margin: 0 0 25px; }
.filtersection .filterbox:last-child { margin-bottom: 0; }
.filtersection .filterbox .filterboxtitle { margin: 0 0 10px; position: relative; z-index: 2 }
.filtersection .filterbox .filterboxtitle h5 { font-size: 18px; font-weight: bold; line-height: 1; margin: 0; color:#e91289; }
.filtersection .filterbox .filterboxtitle .filtercollaps { float: right; position: relative; top: -11px; right: 2px; border: solid 2px #000000; border-left: 0; border-top: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); width: 10px; height: 10px; -webkit-transition: 0.2s all; transition: 0.2s all; }
.filtersection .filterbox .filterboxtitle .filtercollaps.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -17px; }
.filtersection .filterbox .filterinfo { background: #ffffff; padding: 14px; max-height: 211px; overflow-y: auto; }
.filtersection .filterbox .filterinfo #amount { background: transparent; border: 0; padding: 0; height: auto; color: #000000; margin-bottom: 15px; font-size: 16px; }
.filtersection .filterbox .filterinfo .ui-widget.ui-widget-content { border: 0; background: #999; height: 1px; border-radius: 0; margin: 0 0 14px; }
.filtersection .filterbox .filterinfo .ui-widget.ui-widget-content:before, .filtersection .filterbox .filterinfo .ui-widget.ui-widget-content:after { content: ''; background: #999; position: absolute; top: -3px; left: 0; width: 6px; height: 6px; border-radius: 50%; }
.filtersection .filterbox .filterinfo .ui-widget.ui-widget-content:after { left: auto; right: 0; }
.filtersection .filterbox .filterinfo .ui-widget-header { background: #000000; }
.filtersection .filterbox .filterinfo .ui-state-default, .filtersection .filterbox .filterinfo .ui-widget-content .ui-state-default, .filtersection .filterbox .filterinfo .ui-widget-header .ui-state-default, .filtersection .filterbox .filterinfo .ui-button, .filtersection .filterbox .filterinfo html .ui-button.ui-state-disabled:hover, .filtersection .filterbox .filterinfo html .ui-button.ui-state-disabled:active { border: 1px solid #000000; background: #fff; font-weight: normal; color: #454545; width: 14px; height: 14px; top: -7px; margin-left: 0; border-radius: 50%; }
.filtersection .filterbox .filterinfo .ui-slider-handle.ui-corner-all.ui-state-default + .ui-slider-handle.ui-corner-all.ui-state-default { transform: translateX(-14px); }
.filtersection .filterbox .filterinfo .form-block { margin: 0; }
.filtersection .filterbox .filterinfo .form-block .form-group { padding: 0; }
.filtersection .filterbox .filterinfo .checkbox { margin: 0 0 13px; display: block; float: none; }
.filtersection .filterbox .filterinfo .checkbox:last-child { margin-bottom: 5px; }
.filtersection .filterbox .filterinfo .checkbox > label { cursor: pointer; }
.filtersection .filterbox .filterinfo .checkbox > label > span { font-weight: 500; margin: 0 0 0 8px; font-size: 16px; }
.filtersection .filterbox .filterinfo .mCSB_outside + .mCSB_scrollTools { right: -5px; }
.filtersection .filterbox .filterinfo .mCSB_scrollTools .mCSB_draggerRail { background: transparent; }
.filtersection .filterbox .filterinfo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #dbdbdb; width: 5px; border-radius: 4px; }
.filtersection .filterbox .filterinfo .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #888; }
/**
* Table Custom Css
*/
.customtablewrapper { overflow-x: auto; }
.customtablewrapper table { white-space: nowrap; border: 0; }
.customtablewrapper table thead tr:first-child { border: #a29061 solid 1px; }
.customtablewrapper table tr th { font-family: 'Playfair Display'; border: 0; padding: 20px 16px; }
.customtablewrapper table tr td { border: 0; padding: 20px 16px; }
.customtablewrapper table tr td img { max-width: 100%; width: 100%; height: auto; }
/** 
* Header Css
*/
/*
.headerflexwrapper ul { list-style: none; padding: 0; margin: 0; }
.headerflexwrapper .select2 { border: 0 !important; width: 100% !important; }
.headerflexwrapper .searchwrapper { width: 24%; position: relative; }
.headerflexwrapper .searchwrapper input { padding-left: 55px; border-left: 0 !important; border: solid 1px #000; border-bottom: solid 1px #000 !important; height: 60px; }
.headerflexwrapper .searchwrapper button { position: absolute; top: 50%; right: auto; left: 15px; background: url(../img/bgi/sprites.png) no-repeat -40px 0; border: 0; padding: 0; width: 25px; height: 25px; text-indent: -999em; margin-top: -13px; transform: scale(0.7); }
.headerflexwrapper .filterwrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin-right: -1px; position: relative; padding-left: 100px; width: 30%; border-bottom: 1px solid #000; }
.headerflexwrapper .filterwrapper .rangeslider { width: 100%; border-left: 1px solid #000; }
.headerflexwrapper .filterwrapper .rangeslider .pricetext { text-decoration: none; color: #000; height: 60px; display: inline-block; padding: 20px 15px; width: 100%; font-weight: 700; }
.headerflexwrapper .filterwrapper .rangeslider .pricetext.rangeactive:after { content: ""; transform: rotateX(190deg); }
.headerflexwrapper .filterwrapper .rangeslider .pricetext:after { content: ""; border-color: #000 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: auto; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; right: 20px; width: 0; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop { display: none; position: absolute; right: auto; margin-left: -1px; background: #ffffff; width: calc(100% - 100px); border: #000 solid 1px; z-index: 2; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop li { border-bottom: 1px solid #000; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop li:last-child { border: 0; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock { padding: 15px; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock .ranbotprice { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock .ranbotprice span { color: #aaaaaa; font-weight: 700; font-size: 12px; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock .ui-slider-horizontal { border: 1px solid; border-radius: 100px; position: relative; margin: 15px 0 7px; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock .ui-slider-horizontal:after { content: ""; width: 6px; height: 6px; position: absolute; left: -1px; top: -2px; z-index: 0; right: auto; background: #ddd; border-radius: 100%; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock .ui-slider-horizontal:before { content: ""; width: 6px; height: 6px; position: absolute; right: -1px; top: -2px; z-index: 0; left: auto; background: #ddd; border-radius: 100%; }
.headerflexwrapper .filterwrapper .rangeslider .rangedrop .rangeblock .ui-slider-horizontal .ui-slider-handle { border: 1px solid black; position: absolute; width: 15px; height: 15px; top: -7px; cursor: pointer; border-radius: 100%; background-color: #fff; z-index: 1; }
.headerflexwrapper .filterwrapper .rangeslider .rangeprice { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #d7d7d7; padding: 0 0 3px; }
.headerflexwrapper .filterwrapper .rangeslider .rangeprice label { margin: 0; }
.headerflexwrapper .filterwrapper .rangeslider .rangeprice input { display: inline-block; height: auto; width: 50%; max-width: 100%; padding: 0; text-align: right; color: #000 !important; }
.headerflexwrapper .filterwrapper .selectlabel { padding: 0 6%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.headerflexwrapper .filterwrapper .custom-selects { width: 100%; }
.headerflexwrapper .filterwrapper .custom-selects .select2-selection__rendered { font-weight: 700; color: #000; font-family: 'Mada', sans-serif; }
.headerflexwrapper .colorwrapper { width: 14%; border-bottom: 1px solid #000; }
.headerflexwrapper .colorwrapper .select2-selection__rendered { color: #878787 !important; border-right: 0 !important; }
.headerflexwrapper .languageswrapper { width: 6%; margin-left: -1px; }
.headerflexwrapper .languageswrapper .custom-selects:before { display: none; }
.headerflexwrapper .languageswrapper .custom-selects select { padding: 12px; }
.headerflexwrapper .languageswrapper .select2-selection__rendered { text-align: center; font-weight: 700; }
.headerflexwrapper .languageswrapper .select2-selection__arrow b { display: none; }
.headerflexwrapper .minicart { position: relative; width: 6%; }
.headerflexwrapper .minicart > span { background: #e5007e; border-radius: 50%; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; text-align: center; font-size: 13px; color: #ffffff; z-index: 1; }
.headerflexwrapper .minicart .carticon { display: block; background: url(../img/bgi/sprites.png) no-repeat -65px 0; width: 67px; height: 60px; text-indent: -999em; margin: 0 auto; position: relative; }
.headerflexwrapper .minicart .carticon.hasproducts:before { content: ''; position: absolute; bottom: 18px; right: 22px; background: #e6007e; width: 8px; height: 8px; border-radius: 50%; }
.headerflexwrapper .minicart .minicartblockwrapper { display: none; position: absolute; right: 0; background: #ffffff; width: 322px; border: #000 solid 1px; padding: 0 14px 20px 20px; z-index: 2; overflow: hidden; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock { overflow-x: hidden; overflow-y: auto; max-height: 350px; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) { margin: 20px -14px 20px -20px; padding: 0 14px 10px 20px; border-bottom: #000000 solid 1px; position: relative; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn):after { content: ''; clear: both; display: table; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) img { float: left; max-width: 100%; width: 35%; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductname { overflow: hidden; float: right; width: 57%; padding: 0 0 0 14px; width: 65%; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductname span { display: block; font-weight: bold; line-height: 1.1; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductname span.productname { margin-bottom: 14px; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductinfo { margin: 10px 0 0; padding: 6px 0 0; border-top: #000000 solid 1px; clear: both; display: inline-block; width: 100%; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductinfo:after { content: ''; clear: both; display: table; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductinfo li { float: left; width: 33.33%; padding: 0 2px; text-align: center; }
.headerflexwrapper .minicart .minicartblockwrapper .minicartblock > li:not(.gotocartbtn) .minicartproductinfo li strong { display: block; }
.headerflexwrapper .minicart .minicartblockwrapper .gotocartbtn { position: relative; padding: 20px 8px; overflow: hidden; background: #a29061; height: 56px; margin: 0 -14px -20px -20px; }
.headerflexwrapper .minicart .minicartblockwrapper .gotocartbtn a { position: absolute; top: 0; left: 0; right: 0; text-align: center; padding: 16px 8px; margin: 0 -20px; background: #a29061; color: #000000; font-weight: bold; }
.headerflexwrapper .minicart .minicartblockwrapper .gotocartbtn a:hover { background: #000000; color: #ffffff; text-decoration: none; }
.headerflexwrapper input, .headerflexwrapper select { border-top: 0 !important; border-bottom: 0 !important; }
.headerflexwrapper .custom-selects select { cursor: pointer; }*/
.headertopright li.cart > a { text-transform: uppercase; }
.productdetailwrapper .sectitle { position:relative; padding:0 0 8px; }
.productdetailwrapper .sectitle:before { content: ''; position:absolute; top:100%; left:0; background: #000; width: 100%; height: 1px; margin:4px 0 0; }
.productdetailwrapper .sectitle h3:before { display: none; }


/** 
* Header Css End
*/
/*Backend Header CSS*/
.adminpanel { overflow-x: hidden; }
.adminpanel #header { padding: 12px 40px 12px 270px; border-bottom: #000000 solid 1px; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; }
.adminpanel #header.headerfull { padding: 12px 40px 12px 130px; }
.adminpanel #header:after { content: ''; display: table; clear: both; }
.adminpanel #header .headerleft { float: left; }
.adminpanel #header .headerleft .sidebartoggle { display: inline-block; background: url(../img/bgi/sprites.png) no-repeat -134px 0; width: 32px; height: 23px; text-indent: -999em; margin: 15px 0 0; transition: 0.2s all ease-in; }
.adminpanel #header .headerleft .sidebartoggle:hover { background-position: -167px 0; }
.adminpanel #header .headerleft .sidebartoggle.active { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.adminpanel #header .headerright { float: right; position: relative; }
.adminpanel #header .headerright:after { content: ''; display: table; clear: both; }
.adminpanel #header .headerright .dropdownmenu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.adminpanel #header .headerright .dropdownmenu:hover { text-decoration: none; }
.adminpanel #header .headerright .dropdownmenu .userpic { max-width: 50px; border: rgba(0, 0, 0, 0.5) solid 3px; border-radius: 50%; margin-bottom: 0; }
.adminpanel #header .headerright .dropdownmenu .userpic img { border-radius: 50%; max-width: 100%; width: 100%; height: auto; }
.adminpanel #header .headerright .dropdownmenu .username { position: relative; margin: 0 0 0 8px; font-size: 20px; font-weight: bold; color: #000000; }
.adminpanel #header .headerright .dropdownmenu .username:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #000 transparent transparent transparent; margin: 0 0 0 10px; -webkit-transition: 0.2s all ease-in; transition: 0.2s all ease-in; }
.adminpanel #header .headerright .dropdownmenu.active .username:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.adminpanel #header .headerright #amdinmenu { list-style: none; margin: 0; padding: 0; position: absolute; top: calc(100% + 12px); left: 0; width: 100%; background: #a29061; border: #000000 solid 1px; display: none; }
.adminpanel #header .headerright #amdinmenu li { border-bottom: #000000 solid 1px; }
.adminpanel #header .headerright #amdinmenu li:last-child { border-bottom: 0; }
.adminpanel #header .headerright #amdinmenu li a { display: block; padding: 12px 14px; font-size: 18px; color: #000000; text-transform: capitalize; }
.adminpanel #header .headerright #amdinmenu li a:hover { background: #000000; color: #ffffff; text-decoration: none; }
.select2-container--default .select2-selection--single { border: 0; height: auto; }
.select2-container--default .select2-selection--single .select2-selection__arrow { right: 15px; top: 19px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding: 16px 15px; border: 1px solid #000; border-top: 0 !important; border-bottom: 0 !important; }
.pricewrapper { margin-right: -1px; width: 14%; border-bottom: 1px solid #000; }
.pricewrapper .select2-selection__rendered { color: #878787 !important; }
.loginwrapper { width: 6%; border-right: 1px solid #000; }
.headertop .loginbtn.loghover { background-color: #a29061; background-position: -137px -85px; }

.headertop .logindrop { display: none; position: absolute; left: 0; top: calc(100% + 10px); right: auto; background: #ffffff; width: 151px; border: #000 solid 1px; z-index: 2; }
.headertop .logindrop li:last-child a { border: 0; }
.headertop .logindrop li a { display: inline-block; width: 100%; padding: 10px 15px; text-decoration: none; background: #fff; font-size: 14px !important; color: #000; border-bottom: 1px solid #000; height: auto; width: 100%; }
.headertop .logindrop li a:hover { background: #000; color: #fff; }
.inner-header { border: none !important; }
.inner-header .minicart .minicartblock { right: -1px !important; }
.inner-header .innerbackwrapper .innerbackbtn { height: 60px; padding: 18px 30px 18px 70px; top: 0; display: inline-block; text-decoration: none; color: #000; font-weight: 500; border-right: 1px solid #000; border-bottom: 1px solid #000; position: relative; }
.inner-header .innerbackwrapper .innerbackbtn:hover:after { background-position: -167px 0; }
.inner-header .innerbackwrapper .innerbackbtn:after { content: ""; background: url(../img/bgi/sprites.png) no-repeat -134px 0; width: 32px; height: 23px; margin: 0 auto; position: absolute; left: 20px; right: auto; transform: scale(0.7); transition: all 0.3s; }
.inner-header .loginwrapper { border-left: 1px solid #000; border-bottom: 1px solid #000; }
.inner-header .loginwrapper .loginbtn { left: 0; }
.inner-header .loginwrapper .logindrop { right: 0; }
.inner-header .minicart { border-bottom: 1px solid #000; }
.inner-header .languageswrapper .select2-selection__rendered { border-bottom: 1px solid #000 !important; }
.inner-header .innerbackwrapper { margin-right: auto; }
.mobilefilter { display: none !important; }
.home-header { display: none; }
.mobilemenu { border-bottom: 1px solid #000; height: 60px; }

/* Product Detail Page
=========================================================================*/
.productdetailinfowrapper { padding-bottom:50px; margin-bottom:20px; border-bottom:#000 solid 1px; }
.productdetailinfowrapper:after { content:''; display:table; clear:both; }
.productdetailinfocontent { float:left; width:50%; padding-right:80px; }
.productimg { float:right; width:50%; margin:0; }
.productimg img { max-width:100%; width:100%; height:auto; }
.productdetailwrapper .productimg { text-align: center; }
.productdetailwrapper .productimg img { height: 547px; width: auto; }
.prodcutdetailtabletop ul, .productoraldetail { list-style:none; margin:0 0 30px; padding:0; }
.productoraldetail { margin:35px 0 0; }
.prodcutdetailtabletop li, .productoraldetail li { padding-bottom:10px; margin-bottom:10px; border-bottom:#bbb solid 1px; }
.prodcutdetailtabletop li:last-child, .productoraldetail li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.prodcutdetailtabletop li:after, .productoraldetail li:after { content:''; display:table; clear:both; }
.prodcutdetailtabletop li span, .productoraldetail li > span { float:left; width:50%; }
.productoraldetail li > span, .productoraldetail li > strong { width:25%; } 
.productoraldetail li > strong { float:left; }
.productmiddledetails { background:#fff; padding:24px; }
.productmiddledetails h5 { font-size:18px; font-weight:600; }
.quantity { position: relative; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.quantity input[type="number"] { background:#fff; border:#dadada solid 1px; border-radius:5px; height:34px; padding:4px 104px 4px 12px; width:100%; text-align:right; }
.quantity-nav { position: absolute; top: 0; right: 0; }
.quantity-nav:after { content:''; display:table; clear:both; }
.quantity-nav > .quantity-button { background:#f4f4f4; border:#bbb solid 1px; font-weight:bold; text-align:center; float:left; width: 34px; height: 34px; line-height:34px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.quantity-up { margin-right:-1px; }
.quantity-down { border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:20px; }
.quantity .pharmace { position: absolute; top: 3px; right: 72px; font-size: 10px; }
.productcountpricewrap { margin:20px 0; }
.productcountpricewrap:after { content:''; display:table; clear:both; }
.quantitywrapper { float:left; width:50%; padding-right:50px; }
.productprice { float:right; width:50%; padding-left:10px; font-size: 22px; line-height: 1.2; font-weight: bold; }
.addtocartbutton { position:relative; display:block; background:#e00073; color:#fff; font-size:26px; text-transform:uppercase; padding: 8px 20px 8px 70px; margin:0 0 20px; }
.addtocartbutton:hover { background:#000; }
.addtocartbutton:before { content:''; position:absolute; top:13px; left:16px; background:url(../img/bgi/sprites.png) no-repeat -164px 0; width:37px; height:23px; -webkit-transition:0.28s all cubic-bezier(.6,-0.28,.74,.05); transition:0.28s all cubic-bezier(.6,-0.28,.74,.05); }
.addtocartbutton:hover:before { background-position:-106px 0; }
.productmiddledetails .infonote { font-size:12px; font-weight:bold; margin:0; }

/* Price Table Page
=========================================================================*/
.sectitle:after { content:''; display:table; clear:both; }
.sectitle .button { margin: -7px 0 0; float: right; }
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; white-space:nowrap; width:100%; }
.pricetable { margin-top: 0; z-index: 0; position: relative; }
.pricetable tfoot tr td:nth-child(4) { white-space: nowrap; vertical-align: middle; }
.pricetable tfoot tr td:nth-child(4) span { font-weight: 700; padding-left: 20px; }
.pricetable tfoot tr td:first-child { padding: 15px; vertical-align: middle; }
.pricetable tfoot tr td:first-child span { font-weight: 700; padding-left: 20px; }
.pricetable tr:first-child th {  background: #fff; }
.pricetable tr:last-child td { border-bottom: 0; }
.pricetable th { width: 9%; padding:22px 10px; }
.pricetable th:first-child { width: 60%; padding: 22px 20px; }
.pricetable th:nth-child(7) { width: 11%; }
.pricetable th:last-child { width: 10%; }
.pricetable th, .pricetable td { text-align: center; line-height: 1.1; font-size: 14px; }
.pricetable th { font-size: 15px; }
.pricetable th:first-child, .pricetable td:first-child { text-align: left; }
.pricetable td { padding: 26px 10px; vertical-align: top; border-bottom: #959595 solid 1px; }
.pricetable td figure { margin:0; }
.pricetable:after { content:''; display:table; clear:both; margin:0; }
.pricetable td:first-child { padding-left: 0; }
.pricetable .tableproductimg { float: left; width: 28%; }
.pricetable .tableproductimg img { max-width: 100%; width: 100%; height: 113px; }
.pricetable .productcartcontent { font-size:16px; float: right; width: 70%; padding-left: 24px; white-space: normal; }
.productlistingsection .pricetable { overflow: unset; }
.pricetable .productcartcontent strong { display: block; }
.pricetable .productcartcontent p { font-size: 15px; margin: 10px 0 8px; }
.pricetable .productcartcontent .linkgroup a { color: #000; font-weight: bold; }
.form-control.cartQuantity { border: #c2c2c2 solid 1px; height: 32px; padding: 8px 10px; width:auto; position:relative; top:-7px; text-align: center; }
.pricetable .productcartcontent .linkgroup a:after { content: ''; display: inline-block; vertical-align: middle; background: #a29061; width: 1px; height: 18px; position: relative; top: -1px; margin: 0 10px; }
.pricetable .productcartcontent .linkgroup a:last-child:after { display: none; }
.pricetable .productcartcontent .linkgroup a:hover { color: #e20078; text-decoration: none; }
.pricetable tfoot { background:#fff; border:#808080 solid 1px; }
.linkgroup { margin:7px 0 0; }
.linkgroup a { color:#000; }
.grandtotal { width: 33%; float: right; }
.grandtotal ul { list-style: none; margin: 0; padding: 0; border-left: #808080 solid 1px; border-right: #808080 solid 1px; }
.grandtotal ul li { padding: 18px 12px; text-align: right; border-bottom: #808080 solid 1px; }
.grandtotal ul li:last-child { padding: 0; border-bottom: 0; }
.grandtotal ul li:after { content: ''; display: table; clear: both; }
.grandtotal ul li span { text-align: left; width: 150px; float: left; font-size: 14px; }
.grandtotal ul li span strong { float: none; }
.grandtotal ul li strong { float: right; font-size: 14px; }
.grandtotal ul li a.button { display: block; padding: 14px 40px 16px; text-align: center; }

/*Backend Header CSS End*/
/**
* Navigation Css
*/
@media (max-width: 62em) {
body.sidebar-collapse { overflow: hidden; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse .slimScrollDiv { overflow: visible !important; }
}
body.sidebar-collapse aside.main-navigation { width: 70px; }
 @media (max-width: 62em) {
body.sidebar-collapse aside.main-navigation { transform: translateX(0px); width: 230px; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .logo { padding: 15px 10px; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .biglogo { display: none; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .minilogo { display: block; }
}
body.sidebar-collapse aside.main-navigation .main-nav > li > a { padding: 18px 20px; }
body.sidebar-collapse aside.main-navigation .main-nav > li > a span { display: none; }
 @media (max-width: 62em) {
body.sidebar-collapse aside.main-navigation .main-nav > li > a span { display: inline-block; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .main-nav > li > .sub-menu { position: absolute; top: 0px; left: 70px; width: 200px; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .main-nav > li > .sub-menu a { padding: 10px 10px 10px 10px; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .main-nav > li:hover .sub-menu { max-height: 5000px; }
}
 @media (min-width: 61.938em) {
body.sidebar-collapse aside.main-navigation .main-nav > li .more { display: none; }
}
body.sidebar-collapse aside.main-navigation .main-content { margin-left: 70px; }
aside.main-navigation { position: fixed; top: 0; left: 0; background: #a29061; width: 230px; overflow: visible; z-index: 101; -webkit-transition: width 0.5s ease; /* Webkit */
-moz-transition: width 0.5s ease; /* Firefox */
-ms-transition: width 0.5s ease; /* IE */
-o-transition: width 0.5s ease; /* Opera */
transition: width 0.5s ease; }
 @media (max-width: 62em) {
aside.main-navigation { transform: translateX(-230px); top: 70px; }
}
aside.main-navigation .minilogo { display: none; }
aside.main-navigation .biglogo { display: block; max-width: 100%; width: 100%; }
aside.main-navigation .theme-icon { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; }
aside.main-navigation .theme-icon.icon-client { background: url(../img/icons/svg/clients.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-business { background: url(../img/icons/svg/businessunits.svg) no-repeat center; background-size: 16px; }
aside.main-navigation .theme-icon.theme-icon.icon-employee { background: url(../img/icons/svg/employee.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-survey { background: url(../img/icons/svg/survey.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-surveyresult { background: url(../img/icons/svg/surveyresult.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-assessments { background: url(../img/icons/svg/assessments.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-continents { background: url(../img/icons/svg/continents.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-country { background: url(../img/icons/svg/country.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-gradofpay { background: url(../img/icons/svg/gradofpay.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-category { background: url(../img/icons/svg/category.svg) no-repeat center; background-size: 20px; }
aside.main-navigation .theme-icon.icon-dashboard { background: url(../img/icons/svg/dashboard.svg) no-repeat center; background-size: 24px; }
aside.main-navigation .theme-icon.icon-products { background: url(../img/icons/svg/products.svg) no-repeat center; background-size: 30px; }
aside.main-navigation .theme-icon.icon-orders { background: url(../img/icons/svg/orders.svg) no-repeat center; background-size: 36px; }
aside.main-navigation .theme-icon.icon-discount { background: url(../img/icons/svg/discount.svg) no-repeat center; background-size: 40px; }
aside.main-navigation .logo { display: block; padding: 15px 30px; max-width: 200px; width: 100%; margin: 0 auto; }
aside.main-navigation .main-nav { padding: 0; margin: 0; list-style: none; overflow: auto; height: calc(100vh - 80px); max-height: calc(100vh - 80px); }
 @media (max-width: 62em) {
aside.main-navigation .main-nav { max-height: calc(100vh - 150px); overflow: auto; }
}
aside.main-navigation .main-nav > li { position: relative; display: block; width: 100%; }
aside.main-navigation .main-nav > li .more { font-size: 18px; font-size: 1.8rem; position: absolute; color: #ffffff; top: 20px; right: 10px; width: 14px; text-align: center; cursor: pointer; }
aside.main-navigation .main-nav > li > a { border-left: 6px solid #a29061; color: #ffffff; font-size: 12px; font-size: 1.2rem; display: block; padding: 18px 24px; white-space: nowrap; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
aside.main-navigation .main-nav > li > a.active, aside.main-navigation .main-nav > li > a:hover { border-left: 6px solid #e5007e; background: #151515; }
aside.main-navigation .main-nav > li > a span { line-height: 30px; display: inline-block; vertical-align: middle; }
aside.main-navigation .main-nav > li > .sub-menu { background: #111111; margin: 0; padding: 0; list-style: none; overflow: hidden; max-height: 0px; }
aside.main-navigation .main-nav > li > .sub-menu.open { max-height: 5000px; }
aside.main-navigation .main-nav > li > .sub-menu > li > a { color: #ffffff; font-size: 14px; font-size: 1.4rem; display: block; padding: 10px 10px 10px 50px; text-decoration: none; }
aside.main-navigation.main-navigationcollaps { width: 70px; }
aside.main-navigation.main-navigationcollaps .logo { padding: 15px 5px; }
aside.main-navigation.main-navigationcollaps .main-nav { overflow: visible !important; }
aside.main-navigation.main-navigationcollaps .main-nav > li > a { position: relative; padding: 14px; }
aside.main-navigation.main-navigationcollaps .main-nav > li > a:after { content: attr(data-title); position: absolute; top: 0; left: 59px; line-height: 17px; background: #151515; color: #fff; padding: 20px 20px 21px 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2; opacity: 0; visibility: hidden; }
aside.main-navigation.main-navigationcollaps .main-nav > li > a.active:after { background: #151515; }
aside.main-navigation.main-navigationcollaps .main-nav > li > a:hover:after { opacity: 1; visibility: visible; }
aside.main-navigation.main-navigationcollaps .main-nav > li > a span { opacity: 0; visibility: hidden; }
aside.main-navigation.main-navigationcollaps .main-nav > li:nth-child(3) > a:after { line-height: 18px; }
.slimScrollDiv { overflow: visible !important; }
/**
* Navigation Css End
*/
/**
* Login Css 
*/
.login-container { display: table; width: 100%; height: 100vh; background: url("../img/login-banner.jpg"); background-size: cover; font-size: 16px; font-size: 1.6rem; }
 @media (max-width: 47.9375em) {
.login-container { padding: 20px 0; }
}
.login-container .login-card { display: table; margin: 0 auto; width: 428px; text-align: center; padding: 40px; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */
background-color: white; box-shadow: 0px 10px 20px 0px rgba(0, 88, 126, 0.2); }
.login-container .login-card .logo { margin-top: 28px; margin-bottom: 103px; max-width: 80px; }
 @media (max-width: 87.5em) {
.login-container .login-card .logo { margin-top: 10px; margin-bottom: 50px; }
}
 @media (max-width: 47.9375em) {
.login-container .login-card .logo { margin-top: 10px; margin-bottom: 30px; }
}
.login-container .login-card .form-group { margin-bottom: 22px; position: relative; }
.login-container .login-card .form-control { border: none; border-bottom: 1px solid #e6e9ef; -webkit-border-radius: 0px; border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */
padding: 0px 10px 0px 50px; line-height: 40px; height: 40px; color: #000000; font-size: 12px; font-size: 1.2rem; }
.login-container .login-card .form-control:focus { box-shadow: none; border-bottom: 1px solid #ebebeb; }
.login-container .login-card .login-icon { padding: 5px 0; position: absolute; left: 0px; top: 2px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; background-size: 20px; }
.login-container .login-card .login-icon.icon-user { background: url(../img/icons/svg/01_user_id.svg) no-repeat center; background-size: 20px; }
.login-container .login-card .login-icon.icon-password { background: url(../img/icons/svg/02_lock.svg) no-repeat center; background-size: 20px; }
.login-container .login-card .btn-login { margin: 70px 35px 22px 35px; display: block; width: calc(100% - 70px); padding: 0; line-height: 50px; border: none; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; font-weight: bold; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box;/* stops bg color from leaking outside the border: */ }
 @media (max-width: 87.5em) {
.login-container .login-card .btn-login { margin: 40px 35px 22px 35px; }
}
 @media (max-width: 47.9375em) {
.login-container .login-card .btn-login { margin: 35px 0px 22px 0px; width: 100%; }
}
.login-container .login-card .forgot-link { font-size: 18px; color: #a29061; display: block; text-decoration: none !important; }
.login-container .login-card .forgot-link:hover { color: #000000; }
.login-container .login-card .button { padding: 14px 80px 16px; margin: 20px 0; }

/* checkout step CSS 
=========================================================================*/
.productlistingsection .formstepsnav { margin-top: -20px; }
.formstepsnav .stepbox a { display: inline-block; background: #fff; padding: 15px; border-top: 10px solid #000; width: 100%; height: 100%; cursor: default; }
.formstepsnav .stepbox.active a { cursor: pointer; }
.formstepsnav { list-style: none; padding: 0; margin: 0; margin: 0 -5px; }
.formstepsnav .stepbox a span { background: url(../img/bgi/sprites.png) no-repeat 0 0; width: 100%; max-width: 50px; height: 50px; display: inline-block; transform: scale(0.8); }
.formstepsnav .stepbox a .loginstepicon { background-position: -202px 0; }
.formstepsnav .stepbox a .shippingstepicon { background-position: -253px 0; }
.formstepsnav .stepbox a .paymentstepicon { background-position: -304px 0; }
.formstepsnav .stepbox a .invoicestepicon { background-position: -355px 0; }
.stepinnbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.formstepsnav .stepbox { flex: 0 0 25%; max-width: 25%; padding: 0 5px; }
.stepinnboxtext { margin-left: 15px; margin-right: auto; }
.stepinnboxtext h2 { font-size: 16px; margin: 0; font-weight: 500; }
.stepinnboxtext p { font-size: 14px; margin: 0; line-height: normal; }
.formstepsnav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.stepbox { opacity: 0.3; }
.stepbox.active { opacity: 1; }
.registersection { max-width: 620px; margin: 20px auto 0; position: relative; }
.registerwrapper { width: 100%;  background: #fff; padding: 20px 40px 30px; }
.commonformaerea .sectitle h2 { font-weight: 900; font-size: 35px; font-family: 'Avenir LT Std'; display: inline-block; margin-bottom: 5px; }
.commonformaerea .sectitle { margin: 0; }
.commonformaerea .form-block .form-group { position: relative; }
.commonformaerea .form-block .form-group label { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #999999; padding: 0; font-size: 16px; }
.commonformaerea .form-block .form-group input { font-size: 16px; }
.commonformaerea .form-block .form-group.active label { color: #000; }
.commonformaerea .form-block .form-group.active input { font-weight: 600; color: #000; }
.commonformaerea .form-block .form-group .filled { position: absolute; padding: 0; list-style: none; top: auto; margin: 0; }
.commonformaerea .form-block .form-group .filled li { font-size: 14px; color: red; }
.commonformaerea .form-group { padding: 12px 0; }
.registerwrapper form .button { width: 100%; max-width: 300px; margin: 0 auto; display: block; font-size: 16px; text-transform: capitalize; font-weight: 600; padding: 15px;}
.formtopdiscription { margin: 0; font-size: 16px; color: #000 !important; }
.forgotaerea a { margin: 7px 0 15px 0; font-size: 16px; display: inline-block; text-decoration: none; }
.forgotaerea a:hover { color: #e20078; }
.registerhereaera { text-align: center; margin-top: 20px; }
.registerhereaera p { margin-bottom: 0; font-size: 16px; color: #999999; }
.registerhereaera a { display: inline-block; font-size: 18px; text-decoration: none; color: #000; font-weight: 900; }
.registerhereaera a:hover { color: #e20078; }
.passwordicon { background: url(../img/bgi/sprites.png) no-repeat -178px -23px; position: absolute; width: 23px; height: 16px; right: 15px; top: 50%; transform: translateY(-50%); left: auto; }
.commonformaerea .form-block .form-group.active .passwordicon { background-position: -154px -23px; }
.commonformaerea .form-block .form-group.active .passwordicon.hide-password { background-position: -154px -40px; }
.commonformaerea .form-block .form-group .passwordicon.hide-password { background-position: -178px -40px; }
.commonformaerea .form-block .form-group input::-webkit-input-placeholder { opacity:0; color: #999999; }
.commonformaerea .form-block .form-group input::-moz-placeholder { opacity:0; color: #999999; }
.commonformaerea .form-block .form-group input:-ms-input-placeholder { opacity:0; color: #999999; }
.commonformaerea .form-block .form-group input:-moz-placeholder { opacity:0; color: #999999; }
.commonformaerea .tabnav { width: 100%; max-width: 320px; border: none; margin-left: auto; }
.commonformaerea .tabnav li { width: 100%; max-width: 50%; border: none; margin: 0; }
.commonformaerea .tabnav li a { display: inline-block; width: 100%; height: 100%; margin: 0; font-size: 16px; text-transform: capitalize; background: #fff; color: #000; border: none; }
.commonformaerea .tabnav li.active a { background: #e20078; color: #fff; }
.registerprivetprofe { max-width: 820px; }
.registerprivetprofe .sectitle { display: inline-block; }
.flextiteltab { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.registerprivetprofe .tab-container { padding: 0; border: none; }
.commonformaerea .formfeild2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 10px -10px; }
.commonformaerea .formfeild2 .form-group { flex: 0 0 50%; max-width: 50%; padding: 12px 10px; }
.commonformaerea .form-block.formfeild2 .form-group label { left: 25px; }
.registersection .formnote a { font-weight: 700; }
.registersection .tabcontent { margin-bottom: 30px; }
.registersection .form-blockfull { margin-bottom: 20px; }
.registersection .formnote { padding: 0; }
.formnote { color: #999; font-weight: 400; display: inline-block; margin-top: 10px; font-size: 14px; padding: 0 10px; }
.withouttav .formnote { color: #000; }
.commonformaerea .formfeild2 .form-group select { height: 48px; }
.myprofilewrapper .commonformaerea .form-block .form-group label { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; color: #000; padding: 0; font-size: 16px; }
.commonformaerea .formfeild2 .form-group select { height: 48px; font-size: 16px; }
.deliverypickupsection  { margin-top: 30px; }
.deliverypickupwrapper .tab-container { background: #fff; border: none; }
.deliverypickupwrapper .flextiteltab .deliverycheckflex { width: 100%; flex: 0 0 25%; max-width: 25%; border-right: 1px solid #a6a6a6; padding-right: 15px; }
.deliverypickupwrapper .flextiteltab .form-block { width: 100%; flex: 0 0 75%; max-width: 75%; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; margin: 0; height: 100%; }
.tabcontent .flextiteltab { align-items: flex-start; }
.deliverycheckflex .checkbox { margin: 0; }
.deliverycheckflex .checkbox label { padding-left: 30px; display: inline-block; }
.deliverycheckflex .checkbox span { font-size: 14px; line-height: normal; display: inline-block; line-height: 1.5; }
.deliverycheckflex .input-helper:after { top: 6px; }
.deliverycheckflex .input-helper:before { top: 5px; }
.deliverycheckflex .checkbox input { top: 6px; }
.deliverybottomtext { padding: 0 10px; }
.deliverychecktop { display: inline-block; width: 100%; border-bottom: 1px solid #a6a6a6; width: calc(100% + 35px); position: relative; left: -20px; padding: 20px; }
.deliverycheckflex h2 { font-size: 18px; font-weight: 900; }
.deliverychecktop address { font-style: normal; font-size: 18px; margin-bottom: 10px; }
.deliverypickupwrapper .tab-container { padding: 0 20px; }
.deliverycheckbottom { padding: 20px 0; display: inline-block; }
.deliverycheckbottom .checkbox { border-bottom: 1px solid #a6a6a6; width: 100%; padding-bottom: 8px;
margin-bottom: 8px; }
.deliverycheckbottom .checkbox:last-child { border: none; margin: 0; padding: 0; }
.deliverypickupwrapper .flextiteltab .form-block h2 { width: 100%; font-size: 18px; font-weight: 900; padding: 0 10px; margin: 0; }
.deliverybottomtext .not { margin: 10px 0 10px; font-size: 16px; }
.commonformaerea .form-block .form-group .parsley-errors-list { margin: 0; }
.deliveryinfo { padding: 20px 0; }
.deliveryinfo .checkbox h4 { margin: 0; font-size: 20px; font-weight: 900; border-bottom: 1px solid #373633; width: calc(100% + 30px); left: -15px; position: relative; padding: 0 15px 15px; }
.deliveryinfo .checkbox label { display: inline-block; width: 100%; padding: 15px; border: 1px solid #373633; margin: 0; cursor: pointer; height: 100%; }
.deliveryinfo .checkbox span { display: inline-block; padding-top: 15px; font-size: 16px; }
.deliveryinfo .checkbox input { top: 20px; left: auto; right: 30px; }
.deliveryinfo .checkbox .input-helper::before { right: 30px; top: 20px; left: auto; }
.deliveryinfo .checkbox .input-helper:after { right: 35px; top: 21px; left: auto; }
.chooseaddflex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 -10px 30px; }
.chooseaddflex .checkbox { flex: 0 0 33.33%; max-width: 33.33%; margin: 0; padding: 0 10px; }
.deliveryinfo h2 { width: 100%; font-size: 18px; font-weight: 900; margin-bottom: 15px; }
.deliverypickupwrapper .tab-data { margin: 0; }
.commonformaerea .sectitle span { display: inline-block; width: 100%; margin-top: 10px; }
.titlewithbtnaerea { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.confirmationsection { margin-top: 30px; }
.confirmationsection .confirmationwrapper { margin-top: 30px; }
.customerinfotable table { width: 100%; }
.customerinfotable table tr th { background: #fff; text-align: left; padding: 15px; vertical-align: top; }
.customerinfotable table tr td { padding: 15px; vertical-align: top; }
.customerinfotable .confirmationwrapper { margin-top: 30px; }
.pricetable tfoot { border: none; }
.grandtotal ul { background: #fff; border: 0; }
.grandtotal ul li { border-top: #808080 solid 1px; border-bottom: 0; padding: 18px 25px; }
.grandtotal { width: 300px; }
.customerinfotable .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0 !important; }
.pricetable .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0 !important; }
.grandtotal ul li:last-child { border: none !important; }
.grandtotal ul li span { position: relative; }
.infoicon:after { content: ""; background: url(../img/bgi/sprites.png) no-repeat -406px 0; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-left: 5px;margin-bottom: 3px; }
.privateuser .formnote { padding: 0 10px; }
.formnote a:hover { color: #e20078; }
.filtersection .filterbox .filterboxtitle p { position: absolute; top: 50%; left: auto; right: 20px; font-size: 14px; font-weight: 700; transform: translateY(-50%); }
.filtersection .filterbox .filterboxtitle p a { color: #e91289; }
.filtersection .filterbox .filterboxtitle p a:hover { color: #000; }


/* My Profile Page
=========================================================================*/
.subsectitle:after { content:''; display:table; clear:both; }
.subsectitle h3, .subsectitle .button { font-weight:bold; }
.subsectitle h3 span { display:inline-block; font-size:18px; position:relative; }
.subsectitle h3 { float:left; margin:0; }
.subsectitle .button { float:right; }
.myprofilewrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.myprofilewrap input { border-color:#a6a6a6; background:none; }
.myprofileleft { flex:0 0 35%; }
.myprofileright { flex:0 0 65%; padding-left:40px; }
.myprofilewrapper .commonformaerea .myprofileright .form-block .form-group label { left: 25px; }
.profileinvoice > .checkbox { padding:0 0 0 25px; float:none; }
.profileinvoice > .checkbox .input-helper:before, .profileinvoice > .checkbox .input-helper:after { top: 4px; }
.deliveryinvoice { margin:40px 0 0; }
.myordertable tr:first-child th { background:transparent; }
.pricetable.myordertable th { background:transparent; border-top:#808080 solid 1px; border-bottom:#808080 solid 1px; font-size:16px; }
.pricetable.myordertable th:first-child { width:30%; border-left:#808080 solid 1px; }
.pricetable.myordertable th:last-child { border-right:#808080 solid 1px; }
.tdinfo { background: #201f1f; color: #fff; font-style: italic; width: 18px; height: 18px; display: inline-block; line-height: 20px; border-radius: 50%; text-align: center; margin: 0 0 0 4px; font-weight: bold; font-size: 10px; }
.pricetable.myordertable td a:hover { color:#d31078; }
.productlistingsection { margin:20px 0 50px; }
.changepassaerea .form-block { margin-bottom: 35px; }
.filtercloseapplybtn { display: none; }
.noproductfoundinn { text-align: center; margin-top: 50px; }
.noproductfoundinn figure { max-width: 250px; margin: 0 auto; }
.noproductfoundinn figure img { width: 100%; }
.noproductfoundinn h5 { font-size: 30px; font-weight: 900; margin: 10px 0 10px 0; }
.noproductfoundinn p { margin: 0; font-size: 16px; }
.pricetable table tbody tr th:nth-last-child(2) { width: 179px; /*display: inline-block; */}
.pricetable table tfoot tr td:nth-last-child(2) { text-align: left; }
.grandtotal ul li strong { font-weight: 400; }
.grandtotal ul li:nth-last-child(2) strong, .grandtotal ul li:last-child strong { font-weight: 900 !important; }
.confirmationsection .grandtotal ul li:nth-last-child(3) strong { font-weight: 900 !important; }

a[title="Verwijderen"] { display:inline-block; background: url(../img/bgi/sprites.png) no-repeat -425px 0; width: 19px; height: 23px; text-indent:-999em; -webkit-transition:0.2s all ease-in; transition:0.2s all ease-in; }
a[title="Verwijderen"]:hover { background-position:-425px -24px; }


/* Error 404 Page
=========================================================================*/
.pageerrorwrap { max-width:487px; width:100%; margin:0 auto; text-align:center; }
.pageerrorwrap img { max-width:100%; }
.pageerrorwrap h4 { margin:0 0 15px; }
.pageerrorwrap .button { font-weight:bold; padding:24px 50px; margin:20px 0 0; }

/* =Page-Loading CSS
---------------------------------------------------------------------*/
.pace-running { overflow:hidden; }
.pace-running #wrapper { opacity:0; visibility:hidden; height:0; overflow:hidden; }
.page-loader { background: #fff; width: 100%; height: 100vh; position: absolute; left: 0; top: 0; z-index: 999; padding:0 20px; }
.page-loader .logo-holder { left: 0; margin: 0 auto; max-width:300px; position: absolute; right: 0; text-align: center; top: calc(50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
.page-loader img { width: 100%; }
.page-loader .fill-logo { background-position: 0 0; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none; position: absolute; top: 50%; left: 0; right: 0; margin: 27px auto 0; max-width: 250px; background: #ddd; }
.pace .pace-progress { background: #000; position: relative; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }


/**
Login Css End 
*/
/* only ipad 1024 and bigger screen landscape screen */

@media only screen and (min-width: 1101px) {
#mainmenu > ul { display: block !important; height: auto !important; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1450px) {
.productlistingsection .productlistingwrap .cols .col { width: 33.333%; }
.productlistingsection .productlistingwrap .cols .col .productlistbox { padding: 20px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1380px) {
	.productlistingsection .productlistingwrap .cols .col { width:33.333%; }
	.productlistingsection .productlistingwrap .cols .col .productlistbox { padding: 20px; }
	.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle h5 { font-size: 19px; }
	.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle h5 span { font-size: 14px; }
	#header .headerbottom #mainmenu > ul > li { margin: 0 0 0 42px; }
	.addtocartbutton { font-size:18px; padding:8px 20px 8px 60px; }
	.addtocartbutton::before { top:8px; }
	.productprice { font-size:22px; }
	.productdetailinfocontent { padding-right: 40px; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1280px) {
  .pricetable { overflow-x: auto; }
  .productlistboxinfobottom .button.btn-lg.btn-outline { padding: 10px 18px; font-size: 16px; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1100px) {
.wrap { padding: 0 20px; }
#mainmenu { font-size: 13px; }
#mainmenu > ul { display: none; position: absolute; left: 0; width: 100%; top: 100%; background: #222; z-index: 5; }
#mainmenu > ul li { float: none !important; margin: 0 !important; padding: 0; border-top: rgba(0, 0, 0, 0.2) solid 1px; }
#mainmenu > ul li a { padding: 8px 22px !important; display: block; }
#mainmenu > ul li a:hover { background: #000000; color: #ffffff !important; }
#mainmenu > ul li a:after { display: none; }
#mainmenu > ul li.active a { color: #ffffff !important; }
.navtrigger { display: block; background: #222; position: absolute; top: 0; right: 0; bottom: 0; height: 46px; width: 50px; line-height: 48px; z-index: 1; cursor: pointer; text-indent: -999em; }
.navtrigger:before { bottom: 0; color: #fff; content: "+"; font-size: 33px; font-weight: 300; left: 0; position: absolute; right: 0; text-align: center; text-indent: 0; top: 0; -webkit-transition: 0.2s all ease-in-out 0s; transition: 0.2s all ease-in-out 0s; }
.navtrigger.open:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 2px; }
#header .headerbottom #mainmenu { float:right; }
#mainmenu li ul { position: static; margin: 0; width: auto; border: #252525 solid 1px; padding: 0; }
#mainmenu li ul li a { line-height: 1.6; padding: 10px 15px; border-bottom: #101010 solid 1px; }
#mainmenu li ul li:last-child a { border-bottom: 0; }
/* Responsive Menu line icon*/
#menu { display: block; margin-top: 2px; }
.menulines-button { padding: 0; cursor: pointer; user-select: none; text-transform: uppercase; font-size: 16px; color: #000000; text-decoration: none; }
.menulines-button em { font-style: normal; font-weight: bold; margin-left: 10px; position: relative; top: -1px; }
.menulines-button:hover { text-decoration: none; }
.menulines { display: inline-block; width: 20px; height: 3px; background: #000000; position: relative; float:left; margin: 9px 0 0 0; -moz-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -ms-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); opacity: 1; }
.menulines:before, .menulines:after { display: inline-block; width: 20px; height: 3px; background: #000000; position: absolute; left: 0; content: ''; -moz-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -ms-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
.menulines:before { top: 7px; }
.menulines:after { top: -7px; }
.menuopen .menulines { background: none; }
.menuopen .menulines:before, .menuopen .menulines:after { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; }
.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menuopen .menulines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
#header { margin-bottom: 20px; }
#header .headerbottom { position: relative; }
.productlistingsection { margin: 30px 0 0; }
.productlistingsection .productlistingwrap { margin: 0 0 40px; }
h1, h2, h3 { font-size: 40px; }
.sectitle a.link { margin: 5px 0 0; }
#primary, #sidebar { float: none; width: auto; padding: 0; }
.productsearchbar form { float: none; width: auto; }
.headerflexwrapper .minicart .minicartblockwrapper { right:-115px; }
.subsectitle h3 { font-size:34px; }
.subsectitle .button.btn-lg { padding: 12px 35px; font-size: 16px; }
.subsectitle h3 { font-size: 30px; margin:0; }
#menu { height: 20px; }
.filterbtnblock { display: inline-block; }
.filterbottom #sidebar { height: 82vh !important; }
#sidebar { height: calc(100vh - 155px) !important; overflow-y: auto; }
#sidebar { width: 100%; max-width: 320px; position: fixed !important; top: 115px; z-index: 1;
height: 100vh; background: #fff; left: -100%; transition: all 0.3s; width: 100%; }
.productlistfiltershow { left: 0 !important; }
.filtertop #sidebar { top: 66px; }
.filtercloseapplybtn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.filtercloseapplybtn a { padding: 15px; flex: 0 0 50%; max-width: 50%; display: inline-block;
    width: 100%; height: 100%; text-align: center; font-size: 16px; color: #fff; background: #000; text-decoration: none !important; flex: 0 0 50%; }
.filtersection { padding: 20px 20px 0; }
.filtercloseapplybtn .filterapply { background: #e91289; color: #fff; border: none; }
.filtercloseapplybtn .filterapply:hover { background: #888; }
.filtercloseapplybtn .filterclose:hover { background: #888; }
.bodyoverflow { overflow: hidden; }
.filterinfo .mCSB_scrollTools .mCSB_draggerContainer { right: 0 !important; }
#sidebar .mCSB_scrollTools .mCSB_draggerContainer { right: -44px; }
.filtersection .filtersectiontitle { margin: -20px -30px 30px; }
.contactmainwrap #primary, .contactmainwrap #sidebar { width:auto !important; float:none !important; padding-left: 0 !important; }
.contactmainwrap #sidebar { margin:20px 0 0; position: static !important; background: transparent !important; max-width: inherit !important; height: auto !important; }
.productoraldetail li > span, .productoraldetail li > strong { width: 50%; padding-right: 10px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width: 320px; }
	img { max-width: 100%; width: auto; height: auto; }
	.wrap { width: auto; padding: 0 20px; }
	.default-grid.form-grid.cols2 .col { width: auto; float: none; }
	.buttonset .col a { margin: 0 5px 8px 0; }
	.default-grid.cols4 .col { width: 50%; }
	.cols2.default-grid.tab-grid .col { width: 100%; }
	.image-block figure { width: 45%; }
	#header.navhide .header-bottom { padding: 20px 0; }
	.productdetailinfocontent, .productimg { float:none; width:auto; padding:0; }
	.productprice { text-align:right; }
	.addtocartbutton { display:inline-block; }
	.productdetailinfowrapper { display: flex; flex-flow: column-reverse wrap; }
	.productimg { margin:0 0 30px; height:350px !important; }
  .productdetailwrapper .productimg img { height: 350px; }
  .stepinnboxtext { display: none; }
  .formstepsnav .stepbox a span { margin: 0 auto; }
  .commonformaerea .sectitle h2 { font-size: 35px; }
  .formtopdiscription { font-size: 16px; } 
  .forgotaerea a { font-size: 14px; }
  .registerhereaera p { font-size: 16px; }
  .registerhereaera a { font-size: 18px; }
  .registerhereaera { margin-top: 20px; }
  .commonformaerea .form-block .form-group label { font-size: 16px; }
  .commonformaerea .form-block .form-group { font-size: 16px; }
  .registersection .form-blockfull { margin-bottom: 20px; }
  .registersection .tabcontent { margin-bottom: 10px; }
  .commonformaerea .formfeild2 { margin: 0; }
  .commonformaerea .formfeild2 .form-group { padding: 12px 0; }
  .commonformaerea .formfeild2 .form-group { flex: 0 0 100%; max-width: 100%; }
  .registersection .tabcontent { margin-bottom: 20px; }
  .deliverypickupwrapper .flextiteltab .deliverycheckflex { flex: 0 0 30%; max-width: 30%; height: 100%; }
  .deliverypickupwrapper .flextiteltab .form-block { flex: 0 0 70%; max-width: 70%; }
  .deliverybottomtext { padding: 0; }
  .deliverybottomtext .not { font-size: 16px; }
  .deliverychecktop address { font-size: 16px; }
  .deliverypickupwrapper .flextiteltab .form-block h2 { padding: 0; }
  .titlewithbtn { margin-top: 15px; width: 100%; }
  .button { font-size: 16px; }
  .myprofilewrap { display:block; }
  .myprofileleft, .myprofileright { padding:0; flex:0 0 100%; }
  .deliveryinvoice { margin: 20px 0 0; }
  .subsectitle h3 { font-size:28px; margin:0; }

}
.securedsslwrapper { /* clear: both; */ float: right; /* display: table; margin: 20px auto -17px; padding-top: 15px; */ }
#footer .copyright { float: left; color: #fff; /* margin: -15px 0 0; */ }
#footer .copyright p { margin:0 0 10px; }
#footer .copyright a { color: #fff; }
.watermark-script { text-align: right; }
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	.default-grid.cols3 .col { width: 50%; }
	.default-grid.cols3 .col:nth-child(3) { clear: left; }
	.tab-container { padding: 0; border: none; }
	.tab-data { margin: 0 0 30px; }
	.tab-container .tabMobiletrigger { background: #f3f3f3; border: medium none; font-size: 15px !important; text-transform: uppercase; margin: 0 0 7px; padding: 16px 54px 16px 16px; position: relative; cursor: pointer; font-weight: bold; }
	.tabMobiletrigger:after { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #848690; content: ""; margin-top: -3px; position: absolute; right: 19px; top: 50%; }
	.tabMobiletrigger:before { background: rgba(0, 0, 0, 0.08); content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 54px; z-index: 1; }
	.tabcontent { padding: 15px 0; margin: 0; }
	.tabMobiletrigger.rotate:after { border-top-color: #272c2f; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width: 100%; float: none; }
	h1, h2 { font-size: 40px; }
	#logo { width: 120px; }
	#header .headerbottom #mainmenu { margin: 18px 0 0; }
	h1, h2, h3 { font-size: 30px; }
	.productlistingsection .productlistingwrap .cols { margin: 0; }
	.productlistingsection .productlistingwrap .cols .col { width: auto; padding: 0; float: none; }
	.filtersection .filtersectiontitle { margin: -20px -20px 20px; }
	.grandtotal { width:280px; }
	.sectitle h3 { font-size:30px }
	.button { font-size: 18px; padding: 10px 20px; }	
	.productimg { margin:0 0 20px; height:300px !important; }
  .productdetailwrapper .productimg img { height: 300px; }
  .commonformaerea .sectitle h2 { font-size: 30px; }
  .registerwrapper { padding: 20px 30px 30px; }
  .commonformaerea .form-block .form-group input::-webkit-input-placeholder { opacity:1; color: #999999; }
  .commonformaerea .form-block .form-group input::-moz-placeholder { opacity:1; color: #999999; }
  .commonformaerea .form-block .form-group input:-ms-input-placeholder { opacity:1; color: #999999; }
  .commonformaerea .form-block .form-group input:-moz-placeholder { opacity:1; color: #999999; }
  .commonformaerea .form-block .form-group label { display: none; }
  .commonformaerea .form-block .form-group input { padding: 10px 25px 10px 25px !important; }
  .commonformaerea .form-block .form-group input.passshowhide { padding: 5px 40px 5px 15px !important; }
  .commonformaerea .tabnav { max-width: 100%; }
  .deliverycheckflex h2 { font-size: 16px; }
  .deliverypickupwrapper .flextiteltab .form-block h2 { font-size: 16px; }
  .deliverypickupwrapper .flextiteltab .form-block, .deliverypickupwrapper .flextiteltab .deliverycheckflex { flex: 0 0 100%; max-width: 100%; border: 0; padding: 0; }
  .deliverychecktop { width: calc(100% + 40px); }
  .deliverypickupsection .tabcontent { padding: 0 0 15px; }
  .deliverychecktop address { font-size: 15px; }
  .commonformaerea .form-block .form-group input, .deliverybottomtext .not { font-size: 14px; }
  .deliverybottomtext input { font-size: 14px; }
  .chooseaddflex .checkbox { flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; padding: 0; }
  .deliveryinfo h2 { font-size: 16px; }
  .deliveryinfo .checkbox h4 { font-size: 16px; }
  .deliveryinfo .checkbox span { font-size: 14px; }
  .chooseaddflex { margin: 0 0 10px; }
  .deliveryinfo { padding: 20px 0 0; }
  .button { font-size: 14px; }
  .confirmationsection { margin-top: 20px; }
  .productlistingsection { margin: 0; }
  .registersection .tabnav { max-width: 100%; }
  .profileinvoice > .checkbox .input-helper:before, .profileinvoice > .checkbox .input-helper:after { top: 2px; }
  .subsectitle h3 { font-size:24px; margin:0; }
  .productlistingsection { margin:20px 0 20px; }
  .changepassaerea .form-block { margin-bottom: 15px; }
  #sidebar { top: 103px; height: 100vh !important; padding-bottom: 160px; }
  .filtersection .filtersectiontitle { font-size: 20px; padding: 10px 20px; }
  .clearfilterbtn { top: 4px; font-size: 14px; }
  .filtersection .filterbox .filterinfo .checkbox > label > span { font-size: 14px; }
  .filtercloseapplybtn a { font-size: 14px; }
  .quantity .pharmace { top: 50%; transform: translateY(-50%); }
  .sectitle { text-align: left; }
  .sectitle .button { float: left; }
  .sectitle h3 { width: 100%; float: none; display: inline-block; }
  .headertopright > ul > li > a { font-size: 0 !important; display: inline-block; width: 20px; height: 20px; }
  #header .headertop .headertopright > ul > li { z-index: 1; padding: 0; }
  #header .headertop .headertopright > ul > li:before { z-index: -1; left: auto; }
  .headerflexwrapper .minicart .minicartblockwrapper { font-size: 15px; }
  #header .headerflexwrapper .minicart .minicartblockwrapper .minicartblock > div > div > li:not(.gotocartbtn) .minicartproductinfo { font-size: 14px; }
  .sectitle a.link { margin-top: 10px !important; float: left; }
  .sectitle h3 { font-size: 22px; }
  .productmiddledetails h5 { font-size: 16px; }
  .addtocartbutton { font-size: 14px; }
  .sectitle .button { margin:15px 0 0; }
  .productprice { font-size: 16px; }
  .noproductfoundinn h5 { font-size: 24px; }
  .noproductfoundinn figure { max-width: 200px; }
  .noproductfoundinn { margin-top: 40px; }
  .pricetable table tbody tr th:nth-last-child(2) { width: 159px; }
  
  .productlistingsection .productlistingwrap .cols .col .productlistbox, .productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxtitle h5 { height:auto !important; }
  .confirmationsection .confirmationwrapper { padding: 0 20px; }
  .productlistingsection .pricetable { padding: 0 20px; }
  .filtersection .filterboxwrap, .filtersection .filtercloseapplybtn { padding: 0 20px; }
  .securedsslwrapper { display: table; margin: 0 auto -10px; float: none; padding: 20px 0 0; }
  .productoraldetail li > span { width: 50%; }
  .productoraldetail li > span + span { width: 50% }
  .productoraldetail li > strong { width: 50%; padding-right: 10px; }
  .tooltipcontent { width: 280px !important; left: -170px !important; }
  .tooltipcontent:before { top: -6px !important; right: 91px !important; left: auto !important; }
}

/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width: auto; float: none; }
table.res-table tr th { display: none; }
table.res-table tr td { display: block; position: relative; padding-left: 50%; }
table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display: block; padding-right: 10px; position: absolute; left: 0; top: 0; padding: 10px 10px; }
table.res-table { border-top: 0; }
.list-block.cols3 .col { width: 100%; float: none; }
.image-block figure { width: 100%; float: none; padding-right: 0; }
.image-block.right-align figure { padding-left: 0; }
h1, h2 { font-size: 34px; }
#header .headertop .headertopright { display: table; font-size: 15px; margin: 0 auto; float: none; }
#header .headertop .headertopright > ul > li { margin: 0 11px !important; }
h1, h2, h3 { font-size: 24px; }
.sectitle a.link { font-size: 18px; margin: 0; }
body { font-size: 15px; }
.button.btn-lg { font-size: 16px; }
.select2.select2-container.select2-container--default { width:46px !important; top:-2px; }

.detailsverzendingtd .select2.select2-container.select2-container--default { width: 200px !important; }

.productlistboxtitle, .productlistbox { height:auto !important; }
.productlistingsection .productlistingwrap { margin:0 0 5px; }
#sidebar > .mCSB_scrollTools .mCSB_draggerContainer { right:-50px; }
.headerflexwrapper .minicart .minicartblockwrapper { right: auto; left: -132px; width:310px; }


.productdetailinfowrapper { padding-bottom:30px; }
.quantitywrapper, .productprice { float:none; width:auto; padding:0; }
.productprice { margin:10px 0 0; text-align:left; }
.formstepsnav .stepbox a { padding: 10px 5px; border-top: 5px solid #000; }
.formstepsnav .stepbox a span { transform: scale(0.7); }
.registersection { margin: 20px auto 0; }
.commonformaerea .sectitle h2 { font-size: 24px; }
.passwordicon { transform: translateY(-50%) scale(0.8); height: 17px; }
.registerwrapper form .button { max-width: 240px; font-size: 14px; }
.forgotaerea a { margin: 7px 0 5px 0; }
.registerwrapper { padding: 20px 20px 20px; }
.registerprivetprofe .registerwrapper { padding: 0 20px 20px; }
.commonformaerea .form-block .form-group input { height: 40px; }
.formnote { font-size: 14px; }
.subsectitle .button.btn-lg { padding: 10px 31px; font-size: 15px; }
.commonformaerea .form-group { padding: 7px 0; }
.contactmainwrap .cols2 { margin:0; }
.contactmainwrap .cols2 .col { float: none; width: auto; padding-left: 0; padding-right: 0; }
.contactsidebar li { font-size:16px; margin:0 0 23px; }
}

/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
.form-inline .form-group label, .form-inline .form-group .field-box { float: none; display: block; width: auto; }
.form-inline .form-group label.blank { display: none; }
h1, h2 { font-size: 30px; }
.commonformaerea .tabnav li { flex: 0 0 50%; max-width: 50%; }
.productsearchbar .filterbtnblock .filterbtn { font-size: 0; }
.productsearchbar .filterbtnblock .filterbtn:before { margin: 0; }
.productsearchbar form .searchaereablock { padding: 5px 0; }
.productprice { font-size: 14px; }
.noproductfoundinn h5 { font-size: 20px; }
}

/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
/*==========================================================================================================*/
/* Retina css */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
 .other-lodges li:before {
 background-image: url(../images/bgi/sprites@2x.png);
 -moz-background-size: 237px 457px;
 -ms-background-size: 237px 457px;
 -o-background-size: 237px 457px;
 -webkit-background-size: 237px 457px;
 background-size: 237px 457px;
}
}

/**
* Client Information Css
*/
.client-information { font-size: 18px; }
.client-information .logo-detail { display: flex; }
 @media (max-width: 47.9375em) {
.client-information .logo-detail { display: block; }
}
.client-information .logo-detail .logo { flex-basis: 200px; }
.client-information .logo-detail .logo figure { position: relative; width: 200px; height: 200px; background: #e4e7e9; }
.client-information .logo-detail .logo figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.client-information .logo-detail .detail { flex: 1; padding-left: 20px; }
.client-information .logo-detail .detail.view-detail { padding-left: 0px; }
 @media (max-width: 47.9375em) {
.client-information .logo-detail .detail { padding-left: 0px; }
}
.client-information .logo-detail .detail .form-group { margin-bottom: 34px; }
 @media (max-width: 47.9375em) {
.client-information .logo-detail .detail .form-group { margin-bottom: 20px; }
}
.client-information .logo-detail .detail .form-group.view-detail label { color: #778692; font-size: 14px; font-size: 1.4rem; }
.client-information .logo-detail .detail .form-group.view-detail p { color: #a29061; font-weight: bold; font-size: 18px; font-size: 1.8rem; margin: 0; word-wrap: break-word; }
.client-information .logo-detail .detail .action-btn { padding: 0; margin: 0; font-size: 0; }
.client-information .logo-detail .detail .action-btn > li { font-size: 0; display: inline-block; padding-right: 20px; margin-right: 20px; border-right: 1px solid #c9cfd3; }
.client-information .logo-detail .detail .action-btn > li:last-child { padding-right: 0px; margin-right: 0px; border-right: none; }
.client-information .logo-detail .detail .action-btn > li a { color: #ebebeb; font-size: 14px; font-size: 1.4rem; text-decoration: none; line-height: 1.2; }
.client-information .table-header { display: block; text-align: right; margin-bottom: 20px; }
.client-information .table-header ul { list-style: none; margin: 0; padding: 0; }
.client-information .table-header ul > li { display: inline-block; vertical-align: middle; padding-left: 10px; }
 @media (max-width: 47.9375em) {
.client-information .table-header ul > li { padding-left: 0px; }
}
.client-information .table-header ul > li span { color: #778692; font-size: 14px; font-size: 1.4rem; }
.client-information .table-header ul > li .record-perpage { color: #0e1a35; width: 80px; border: 1px solid #e6e9ef; padding: 0 10px; margin-left: 8px; height: 36px; border-radius: 20px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url(../img/icons/svg/dropdown_arrow_gray.png) no-repeat center; background-size: 10px; background-position: center right 10px; }
 @media (max-width: 22.5em) {
.client-information .table-header ul > li .record-perpage { width: 70px; padding: 0 5px; margin-left: 4px; }
}
.client-information .table-header ul > li .record-perpage:focus { outline: 0; }
 .client-information .table-header ul > li .record-perpage::-ms-expand {
 display: none;
}
.client-information .table-footer { text-align: center; }
.client-information .edit-action { display: inline-block; vertical-align: middle; }
.client-information .edit-action .edit-icon { background: url(../img/icons/svg/edit_record.svg); width: 30px; height: 30px; float: right; }
.client-information .edit-action .edit-icon:hover { background: url(../img/icons/svg/edit_record_active.svg); }
.client-information .view-action { display: inline-block; vertical-align: middle; }
.client-information .view-action .view-icon { background: url(../img/icons/svg/view_record.svg); width: 30px; height: 30px; float: right; }
.client-information .view-action .view-icon:hover { background: url(../img/icons/svg/view_record_active.svg); }
.client-information .add-employee-action { display: inline-block; vertical-align: middle; }
.client-information .add-employee-action .add-employee-icon { background: url(../img/icons/svg/add_employee.svg); width: 30px; height: 30px; float: right; }
.client-information .add-employee-action .add-employee-icon:hover { background: url(../img/icons/svg/add_employee_active.svg); }
.image-container { background: #e4e7e9; margin-bottom: 15px; position: relative; }
.image-container .close-btn { position: absolute; background: #000000; color: #ffffff; height: 26px; width: 26px; text-align: center; line-height: 26px; right: 0; top: 0; font-size: 26px; text-decoration: none; }
/**
* Client Information Css END
*/
/**
* Employee Create & List
*/
.employee-container { display: block; font-size: 16px; font-size: 1.6rem; }
.employee-container .nav-tabs .nav-link { color: #a29061; font-weight: bold; padding: 16px 20px; line-height: 1; border: none; border-radius: 0; }
 @media (max-width: 47.9375em) {
.employee-container .nav-tabs .nav-link { font-size: 14px; font-size: 1.4rem; padding: 16px 10px; }
}
.employee-container .nav-tabs .nav-link.active { color: #ebebeb; }
.employee-container .tab-content { background: #ffffff; padding: 20px; }
 @media (max-width: 47.9375em) {
.employee-container .tab-content .xs-nopadding { padding: 0; }
}
.employee-container .tab-content .title { color: #000000; font-size: 20px; font-size: 2rem; font-weight: bold; margin-bottom: 20px; }
.employee-container .tab-content .steps-container { display: block; position: relative; margin: 10px 0; }
.employee-container .tab-content .steps-container ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.employee-container .tab-content .steps-container ul li { position: relative; text-align: center; display: inline-block; width: 33.33%; font-size: 0; }
.employee-container .tab-content .steps-container ul li.active .step-number, .employee-container .tab-content .steps-container ul li.completed .step-number { background: #000000; }
.employee-container .tab-content .steps-container ul li.completed:after, .employee-container .tab-content .steps-container ul li.completed + li:before { background: #000000; }
.employee-container .tab-content .steps-container ul li:first-child:before, .employee-container .tab-content .steps-container ul li:last-child:after { content: none; }
.employee-container .tab-content .steps-container ul li:after, .employee-container .tab-content .steps-container ul li:before { position: absolute; content: ''; width: 50%; height: 6px; background: #e4e7e9; top: 50%; transform: translateY(-50%); }
.employee-container .tab-content .steps-container ul li:after { right: 0; }
.employee-container .tab-content .steps-container ul li:before { left: 0; }
.employee-container .tab-content .steps-container ul li .step-number { position: relative; z-index: 1; display: inline-block; width: 50px; height: 50px; line-height: 50px; background: #adb6be; border-radius: 100%; font-size: 16px; font-size: 1.6rem; color: #ffffff; text-align: center; font-weight: bold; }
.employee-container .tab-content .steps-container ul li .step-number:after, .employee-container .tab-content .steps-container ul li .step-number:before { background: #ffffff; position: absolute; content: ''; width: 3px; height: 50px; }
.employee-container .tab-content .steps-container ul li .step-number:after { right: -3px; }
.employee-container .tab-content .steps-container ul li .step-number:before { left: -3px; }
.employee-container .tab-content .step-content-list { position: relative; }
.employee-container .tab-content .step-content-list .step-content { display: none; margin-top: 50px; }
 @media (max-width: 47.9375em) {
.employee-container .tab-content .step-content-list .step-content { margin-top: 20px; }
}
.employee-container .tab-content .step-content-list .step-content.active { display: block; }
.employee-container .tab-content .step-footer { text-align: center; margin-top: 70px; }
 @media (max-width: 64em) {
.employee-container .tab-content .step-footer { margin-top: 35px; }
}
 @media (max-width: 62em) {
.employee-container .tab-content .step-footer { margin-top: 30px; }
}
 @media (max-width: 47.9375em) {
.employee-container .tab-content .step-footer { margin-top: 20px; }
}
.employee-container .tab-content .download-upload-file { width: 100%; font-size: 0; }
.employee-container .tab-content .download-upload-file .download, .employee-container .tab-content .download-upload-file .upload { width: 50%; font-size: 0; display: inline-block; vertical-align: top; padding: 0 30px; }
 @media (max-width: 47.9375em) {
.employee-container .tab-content .download-upload-file .download, .employee-container .tab-content .download-upload-file .upload { width: 100%; padding: 10px 0; }
}
.employee-container .tab-content .download-upload-file .download .content, .employee-container .tab-content .download-upload-file .upload .content { background: #e5f3fa; text-align: center; padding: 30px 120px; border-radius: 4px; font-size: 16px; font-size: 1.6rem; }
 @media (max-width: 64em) {
.employee-container .tab-content .download-upload-file .download .content, .employee-container .tab-content .download-upload-file .upload .content { padding: 40px; }
}
 @media (max-width: 62em) {
.employee-container .tab-content .download-upload-file .download .content, .employee-container .tab-content .download-upload-file .upload .content { padding: 30px; }
}
 @media (max-width: 47.9375em) {
.employee-container .tab-content .download-upload-file .download .content, .employee-container .tab-content .download-upload-file .upload .content { padding: 30px; }
}
.employee-container .tab-content .download-upload-file .download .content p, .employee-container .tab-content .download-upload-file .upload .content p { color: #a29061; min-height: 50px; margin-bottom: 30px; }
.employee-container .tab-content .download-upload-file .download .content figure, .employee-container .tab-content .download-upload-file .upload .content figure { margin-bottom: 20px; }
.employee-container .tab-content .download-upload-file .download .content .action-link, .employee-container .tab-content .download-upload-file .upload .content .action-link { color: #ebebeb; font-weight: bold; text-decoration: none; margin: 0; cursor: pointer; }
.employee-container .tab-content .download-upload-file .download .content { border: 3px solid #ebebeb; }
.employee-container .tab-content .download-upload-file .upload .content { border: 3px dashed #ebebeb; }
.employee-container .tab-content .download-upload-file .upload input[type="file"] { opacity: 0; z-index: -1; position: absolute; height: 0; width: 0; }
.employee-container .tab-content .field-mapping { width: 430px; max-width: 100%; margin: 0 auto; }
.employee-container .tab-content .field-mapping .no-border tr th, .employee-container .tab-content .field-mapping .no-border tr td { border: none; }
.employee-container .tab-content .field-mapping .field-mapping-tbl thead th { color: #778692; font-size: 14px; font-size: 1.4rem; font-weight: 700; padding: 15px 0; }
.employee-container .tab-content .field-mapping .field-mapping-tbl tbody .field-name { color: #a29061; font-size: 16px; font-size: 1.6rem; }
.employee-container .tab-content .field-mapping .field-mapping-tbl tbody select { width: 100%; }
.employee-container .tab-content .field-mapping .field-mapping-tbl tbody tr td { padding: 15px 0; }
.employee-container .tab-content .mapping-report { width: 880px; max-width: 100%; margin: 0 auto 60px; padding: 100px; background: #e5f3fa; text-align: center; }
 @media (max-width: 64em) {
.employee-container .tab-content .mapping-report { padding: 40px; margin: 0 auto 30px; }
}
 @media (max-width: 47.9375em) {
.employee-container .tab-content .mapping-report { padding: 20px; margin: 0 auto 20px; }
}
.employee-container .tab-content .mapping-report p { color: #778692; font-size: 20px; font-size: 2rem; margin-bottom: 20px; }
.employee-list.client-information .edit-action { display: inline-block; vertical-align: middle; margin: 0; }
.employee-list td.nowrap { white-space: nowrap; }
.modal-employee-deactive { font-size: 16px; font-size: 1.6rem; }
.modal-employee-deactive .modal-dialog { width: 650px; max-width: 100%; margin: 12% auto; }
 @media (max-width: 47.9375em) {
.modal-employee-deactive .modal-dialog { max-width: 96%; }
}
.modal-employee-deactive .modal-dialog .modal-content { background: #eff1f8; }
.modal-employee-deactive .modal-dialog .modal-content .modal-body { padding: 36px; text-align: center; }
 @media (max-width: 47.9375em) {
.modal-employee-deactive .modal-dialog .modal-content .modal-body { padding: 20px; }
}
.modal-employee-deactive .modal-dialog .modal-content .modal-body .title { color: #000000; font-weight: bold; margin-bottom: 20px; font-size: 20px; font-size: 2rem; }
.modal-employee-deactive .modal-dialog .modal-content .modal-body .confirm-lbl { color: #a29061; margin-bottom: 20px; font-size: 16px; font-size: 1.6rem; }
.modal-employee-deactive .modal-dialog .modal-content .modal-body .note { background: #e4e7e9; padding: 15px; margin-bottom: 30px; font-size: 16px; font-size: 1.6rem; }
.modal-employee-deactive .modal-dialog .modal-content .modal-body .note strong { color: #788693; font-size: 16px; font-size: 1.6rem; }
.modal-employee-deactive .modal-dialog .modal-content .modal-body .note p { color: #a29061; font-size: 16px; font-size: 1.6rem; }

/**
* Employee Create & List End
*/
/**
* Take Survey Css
*/
.take-survey { font-size: 16px; font-size: 1.6rem; }
.take-survey .client-logo { background: #e4e7e9; padding: 20px; }
.take-survey .client-logo img { margin: 0 auto; display: table; }
.take-survey .min-window-height { min-height: calc(100vh - 40px); }
 @media (max-width: 47.9375em) {
.take-survey .min-window-height { min-height: auto; }
}
.take-survey .min-window-height .btn-logout { background: transparent; font-size: 16px; font-size: 1.6rem; font-weight: 600; color: red; padding: 0; text-transform: uppercase; }
.take-survey .min-window-height .btn-logout:hover, .take-survey .min-window-height .btn-logout:focus { outline: 0; box-shadow: none; }
.take-survey .take-survey-content { padding: 90px; text-align: center; }
 @media (max-width: 87.5em) {
.take-survey .take-survey-content { padding: 40px 20px; }
}
 @media (max-width: 64em) {
.take-survey .take-survey-content { padding: 40px 20px; }
}
 @media (max-width: 62em) {
.take-survey .take-survey-content { padding: 0; }
}
 @media (max-width: 47.9375em) {
.take-survey .take-survey-content { padding: 0; }
}
.take-survey .take-survey-content .title { font-size: 30px; font-size: 3rem; color: #a29061; }
 @media (max-width: 47.9375em) {
.take-survey .take-survey-content .title { font-size: 22px; font-size: 2.2rem; }
}
.take-survey .take-survey-content .subtitle { font-size: 16px; font-size: 1.6rem; color: #778692; margin-bottom: 40px; }
 @media (max-width: 47.9375em) {
.take-survey .take-survey-content .subtitle { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; }
}
.take-survey .take-survey-content .assessment-list { font-size: 0; }
.take-survey .take-survey-content .assessment-list .assessment-container { width: 50%; display: inline-block; vertical-align: top; font-size: 0; padding: 10px; }
 @media (max-width: 62em) {
.take-survey .take-survey-content .assessment-list .assessment-container { width: 100%; padding: 10px 0; }
}
 @media (max-width: 47.9375em) {
.take-survey .take-survey-content .assessment-list .assessment-container { width: 100%; padding: 10px 0; }
}
.take-survey .take-survey-content .assessment-list .assessment-container .content { padding: 40px; background: #e4e7e9; font-size: 16px; font-size: 1.6rem; }
 @media (max-width: 64em) {
.take-survey .take-survey-content .assessment-list .assessment-container .content { padding: 20px 20px; }
}
 @media (max-width: 62em) {
.take-survey .take-survey-content .assessment-list .assessment-container .content { padding: 40px 20px; }
}
 @media (max-width: 47.9375em) {
.take-survey .take-survey-content .assessment-list .assessment-container .content { padding: 20px; }
}
.take-survey .take-survey-content .assessment-list .assessment-container .content.primary .title, .take-survey .take-survey-content .assessment-list .assessment-container .content.primary .attempt { color: #000000; }
.take-survey .take-survey-content .assessment-list .assessment-container .content.secondary .title, .take-survey .take-survey-content .assessment-list .assessment-container .content.secondary .attempt { color: #ebebeb; }
.take-survey .take-survey-content .assessment-list .assessment-container .content .title { font-size: 20px; font-size: 2rem; font-weight: bold; }
.take-survey .take-survey-content .assessment-list .assessment-container .content .total-element { width: 120px; height: 120px; display: block; margin: 0 auto 10px; border-radius: 100%; background: #ffffff; }
.take-survey .take-survey-content .assessment-list .assessment-container .content .total-element .attempt { font-size: 32px; font-size: 3.2rem; font-weight: bold; line-height: 120px; vertical-align: middle; }
.take-survey .take-survey-content .assessment-list .assessment-container .content .total-element .total { font-size: 14px; font-size: 1.4rem; line-height: 120px; vertical-align: middle; margin-left: 5px; color: #a29061; }
.take-survey .take-survey-content .assessment-list .assessment-container .content .element-lbl { color: #a29061; margin-bottom: 40px; line-height: 1; }
 @media (max-width: 62em) {
.take-survey .take-survey-content .assessment-list .assessment-container .content .element-lbl { margin-bottom: 20px; }
}
 @media (max-width: 47.9375em) {
.take-survey .take-survey-content .assessment-list .assessment-container .content .element-lbl { margin-bottom: 20px; }
}
/**
* Take Survey Css End
*/
/**
* Survey Question Css
*/
.survey-question { font-size: 16px; font-size: 1.6rem; }
.survey-question .client-logo { background: #e4e7e9; padding: 20px; }
.survey-question .client-logo img { margin: 0 auto; display: table; }
.survey-question .min-window-height { min-height: calc(100vh - 40px); }
 @media (max-width: 47.9375em) {
.survey-question .min-window-height { min-height: auto; }
}
.survey-question .question-header { padding: 20px; }
.survey-question .question-header .main-title { font-size: 30px; font-size: 3rem; color: #a29061; }
 @media (max-width: 47.9375em) {
.survey-question .question-header .main-title { font-size: 22px; font-size: 2.2rem; }
}
 @media (max-width: 62em) {
.survey-question .question-header .main-title { font-size: 22px; font-size: 2.2rem; }
}
.survey-question .question-header .main-title .main-category { font-style: italic; }
.survey-question .question-container .sub-title { padding: 15px 20px; background: #000000; font-size: 16px; font-size: 1.6rem; color: #ffffff; }
.survey-question .question-container .sub-title .sub-category { font-weight: bold; }
.survey-question .answer-options { padding: 20px; }
.survey-question .answer-options .radio-answer { position: relative; margin-bottom: 20px; }
.survey-question .answer-options .radio-answer .opt-character { position: absolute; height: 30px; line-height: 30px; width: 30px; background: #e4e7e9; color: #778692; text-align: center; border-radius: 100%; top: 12px; left: 10px; font-size: 14px; font-size: 1.4rem; }
.survey-question .answer-options .radio-answer [type="radio"]:checked, .survey-question .answer-options .radio-answer [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.survey-question .answer-options .radio-answer [type="radio"]:checked + label, .survey-question .answer-options .radio-answer [type="radio"]:not(:checked) + label { position: relative; width: 100%; padding: 15px 15px 15px 50px; cursor: pointer; line-height: 20px; display: inline-block; color: #a29061; line-height: 1.6; margin-bottom: 0; }
.survey-question .answer-options .radio-answer [type="radio"]:checked + label:before, .survey-question .answer-options .radio-answer [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #c9cfd3; border-radius: 0; background: transparent; }
.survey-question .answer-options .radio-answer [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.survey-question .answer-options .radio-answer [type="radio"]:checked + label:after, .survey-question .answer-options .radio-answer [type="radio"]:not(:checked) + label:after { content: ''; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 2px solid #000000; }
/**
* Survey Question Css END
*/
/**
* Assessments Page CSS
*/
.assessments-page .survey-title { background: #e4e7e9; color: #a29061; font-weight: bold; padding: 15px; margin-bottom: 20px; font-size: 18px; font-size: 1.8rem; }
/**
* Assessments Page CSS END
*/
/**
* Admin Chart Page CSS
*/
.admin-chart-header .head-section { padding: 15px 20px 15px 20px; position: relative; height: auto; }
 @media (max-width: 47.9375em) {
.admin-chart-header .head-section .logo { display: none; }
}
.admin-chart-header .head-section .logo-mini { display: none; }
 @media (max-width: 47.9375em) {
.admin-chart-header .head-section .logo-mini { display: block; max-width: 46px; }
}
.admin-chart-header .logo { max-height: 50px; }
.filter-chart, .chart-container { font-size: 16px; font-size: 1.6rem; margin-top: 20px; }
.filter-chart .custom-select-bordered, .chart-container .custom-select-bordered { width: 100%; }
.filter-chart .sepretor, .chart-container .sepretor { width: 100%; height: 1px; background: #c9cfd3; margin: 20px 0; }
.filter-chart .fancy-checkbox + .fancy-checkbox, .chart-container .fancy-checkbox + .fancy-checkbox { margin-left: 15px; }
 @media (max-width: 64em) {
.filter-chart .fancy-checkbox + .fancy-checkbox, .chart-container .fancy-checkbox + .fancy-checkbox { margin-left: 0px; }
}
 @media (max-width: 62em) {
.filter-chart .fancy-checkbox + .fancy-checkbox, .chart-container .fancy-checkbox + .fancy-checkbox { margin-left: 10px; }
}
.filter-chart .form-group .fancy-checkbox, .chart-container .form-group .fancy-checkbox { margin-top: 0px; }
.filter-chart.custom-card, .chart-container.custom-card { min-height: calc(100vh - 120px); }
 @media (max-width: 62em) {
.filter-chart.custom-card, .chart-container.custom-card { min-height: auto; }
}

/* NEW CSS 
=========================================================================*/
#header { margin:0 0 20px; }
.headertopright li a { font-size: 12px; text-transform: uppercase; }
#header .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; }
#header .headertop { padding: 8px 0; }
#header .headerbottom #mainmenu li a { font-size: 16px; }
.productsearchbar form input { height: 38px; }
#sidebar > .mCSB_outside + .mCSB_scrollTools { right: 20px; z-index: 0; }
#sidebar > .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }
#sidebar > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#dbdbdb; }
.filtersection .filtersectiontitle { position: relative; z-index: 2; }

.productlistingsection .productlistingwrap .cols .col .productlistbox .productlistboxinfobottom .productprice strong { font-size: 22px; }
.productlistingsection .productlistingwrap .cols .col .productlistbox { padding: 30px 14px; }

.productlistbox img { height: 260px; max-width: 100%; width: 100%; }

span.mainprice { text-decoration: line-through; display: block; font-size: 14px; margin: -2px 0 0; }

/* Contact Page css
=========================================================================*/
.contactmainwrap:after { content:''; display:table; clear:both; }
.contactmainwrap #sidebar { width:30%; }
.contactmainwrap #primary { width:70%; padding-left:60px; }
.contactmainwrap .sectitle h3:before { display:none; }
.contactsidebar ul { list-style:none; margin:0; padding:0; background:#fff; padding:20px; }
.contactsidebar li { position:relative; font-size:20px; margin:0 0 35px; }
.contactsidebar li:last-child { margin:0; }
.contactsidebar li span { display:block; padding:0 0 0 26px; font-weight: 700; margin:0 0 10px; }
.contactsidebar li figure { margin:0; position:absolute; top:2px; left:0; }
.contactsidebar li a { display:inline-block; }
.contactsidebar li address { font-style:normal; }
.commonformaerea .form-block .form-group.active label { color: #000; }
.contactmainwrap .form-block2 { margin:0 -16px; }
.contactmainwrap .form-block2:after { content:''; display:table; clear:both; }
.contactmainwrap .form-block2 .form-group { float:left; width:50%; padding-left:18px; padding-right:16px; }
.contactmainwrap .form-block .full_feild { width:100% !important; }
.contactmainwrap .form-block input[type="submit"] { font-size:20px; text-transform:capitalize; padding:16px 75px; }

#header .headertop .headertopright > ul > li.topcontactus:before { content: ''; position: absolute; top: 1px; left: 0; background: url(../img/bgi/sprites.png) no-repeat 0 -26px; width: 21px; height: 21px; }

.detailsverzendingtd .select2-container { width: 170px !important; border: 0;
    margin: 0 0 0 15px; position: relative; top: -1px; border: #989696 solid 1px; }
.detailsverzendingtd .select2-container--default .select2-selection--single { height: 35px; }

.detailsverzendingtd .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 4px 14px; border: 0 !important; }

.detailsverzendingtd .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; right: 10px; }

.detailsverzendingtd .select2-container--default .select2-selection--single { background-color: transparent; }

input#vat_number::placeholder {
    color: #000;
    opacity: 0.5;
    visibility: visible;
}

.deliveryinfo .checkbox span + span { width: 195px; }


/* =page Popup CSS
========================================================================================*/
.close-dialogbox { position:absolute; right:0; top:0; border-radius:0; background:#e00073; color:#fff; line-height:40px; width:40px; height:40px; text-align:center; font-size:19px; font-weight:700; }
.close-dialogbox:hover { background:#000; text-decoration:none }
body.overflowhidden { overflow:hidden; padding-right:17px; }
.popouterbox .popup-block {  display:block; position:absolute; left:0; right:0; z-index:99999; background:#fff; padding:30px 20px;  border-radius:5px;  margin:30px auto; max-width:700px; width:100%; top:50%; overflow:hidden; }
.popouterbox { bottom:0; display:none; left:0; overflow:hidden; overflow-x:hidden; overflow-y:auto; position:fixed; right:0; top:0; z-index:999999999; }
.modal-backdrop { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; }
.popup-title { font-size:22px; font-weight:700; color:#000; padding-bottom:15px; border-bottom:1px solid rgba(40, 46, 63, 0.15); margin-bottom:25px; text-transform:uppercase; text-align:center; }

/*.quantitywrapper-popup{float: left; width: 100%; padding-right: 30%; padding-left: 30%; }*/

#mainmenu li ul { background: #fff; width: 160px; position: absolute; left: -22px; top: 100%; display: none; padding: 12px 15px 12px 20px !important; border: rgba(255,255,255,0.5) solid 1px; }
#mainmenu li ul li { margin-bottom: 15px; }
#mainmenu li ul li:last-child { margin-bottom: 0;  }
#mainmenu li ul li a { line-height:1.1; }
.navtrigger { display:none; }
#header .headerbottom #mainmenu > ul > li { position: relative; }
/*==========================================================================================================*/
@media only screen and (min-width: 1025px) {
	.productoraldetail li:hover:first-child { z-index: 9; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
  .navtrigger { display: block; }
  #mainmenu li ul { position:static; margin:0; width:auto; border:#252525 solid 1px; padding:0 !important; }
  #mainmenu li ul li a { line-height:1.6; padding:10px 15px; border-bottom:#101010 solid 1px; }
  #mainmenu li ul li:last-child a { border-bottom:0; }
}

.productoraldetail li, .productoraldetail li > strong { position: relative; }
.productoraldetail li > strong i { position: relative; font-style: normal; font-weight: 400; }
.tooltipwrapper { position: absolute; top: 0; right: -30px; left: auto; z-index: 2; }
.tooltipicon { background: #222; color: #fff; padding: 0; border-radius: 50%; width: 24px; height: 24px; display: block; text-align: center; line-height: 24px; }
.tooltipcontent { position: absolute; top: 50px; left: -15px; width: 322px; background: #222; color: #fff; padding: 10px 20px; font-size: 14px; line-height: 1.4; opacity: 0; }
.tooltipcontent:before { content: ''; position: absolute; top: -7px; left: 20px; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #222222 transparent; }
.tooltipcontent.visible { top: 35px; opacity: 1; }
.closemark { display: none; }
@media only screen and (min-width: 1025px) {
	.tooltipicon:hover + .tooltipcontent { top: 35px; opacity: 1; }
}
@media only screen and (max-width: 1024px) {
	.tooltipcontent { padding: 10px 40px 10px 20px; }
	.closemark { display: block; position: absolute; top: 5px; right: 11px; font-size: 16px; }
}
@media only screen and (max-width: 460px) {
	.tooltipcontent { width:180px; }	
}

button[onclick="productFilter();"] { display: block; width: 100%; }