/** fonts.css */

@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=58f30bc0-4428-4cf5-b951-567ccc0a7b00");
@font-face{
font-family:"Frutiger Next W10_n4";
src:url("/fonts/e515b6b5-639c-4264-af03-d3d220cc36e6.eot?#iefix") format("eot")
}
@font-face{
font-family:"Frutiger Next W10";
src:url("/fonts/e515b6b5-639c-4264-af03-d3d220cc36e6.eot?#iefix");
src:url("/fonts/e515b6b5-639c-4264-af03-d3d220cc36e6.eot?#iefix") format("eot"),url("/fonts/67feac47-d08b-43ca-a5e4-2d97320ccbe4.woff") format("woff"),url("/fonts/c729a33f-80aa-4e43-bc8a-e7ef4c7e0380.ttf") format("truetype"),url("/fonts/124e0bfd-7414-44fe-9549-7fd5be96fbac.svg#124e0bfd-7414-44fe-9549-7fd5be96fbac") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family:"Frutiger Next W10_i4";
src:url("/fonts/333a4a63-df24-4412-8187-892edf6a3d65.eot?#iefix") format("eot")
}
@font-face{
font-family:"Frutiger Next W10";
src:url("/fonts/333a4a63-df24-4412-8187-892edf6a3d65.eot?#iefix");
src:url("/fonts/333a4a63-df24-4412-8187-892edf6a3d65.eot?#iefix") format("eot"),url("/fonts/4243f18c-8059-4dc2-a259-c5f3c66fb442.woff") format("woff"),url("/fonts/5ed06136-23ea-4f76-b0f5-d611f08d9d73.ttf") format("truetype"),url("/fonts/5e074670-c48d-4023-8895-0f358930bab9.svg#5e074670-c48d-4023-8895-0f358930bab9") format("svg");
font-weight: 400;
font-style: italic;
}
@font-face{
font-family:"Frutiger Next W10_n5";
src:url("/fonts/c476a901-4752-481e-be33-3694e650c7f4.eot?#iefix") format("eot")
}
@font-face{
font-family:"Frutiger Next W10";
src:url("/fonts/c476a901-4752-481e-be33-3694e650c7f4.eot?#iefix");
src:url("/fonts/c476a901-4752-481e-be33-3694e650c7f4.eot?#iefix") format("eot"),url("/fonts/92b7ad2b-5ffc-4265-8bde-6ff1c8db0d8d.woff") format("woff"),url("/fonts/4623dc4c-41a8-4a30-a092-454a1700ed17.ttf") format("truetype"),url("/fonts/4af316f2-4047-454c-953a-ad9c5b62c48b.svg#4af316f2-4047-454c-953a-ad9c5b62c48b") format("svg");
font-weight: 500;
font-style: normal;
}
@font-face{
font-family:"Frutiger Next W10_i5";
src:url("/fonts/ccff62fe-cf0e-46cc-b8ed-acca8bb81466.eot?#iefix") format("eot")
}
@font-face{
font-family:"Frutiger Next W10";
src:url("/fonts/ccff62fe-cf0e-46cc-b8ed-acca8bb81466.eot?#iefix");
src:url("/fonts/ccff62fe-cf0e-46cc-b8ed-acca8bb81466.eot?#iefix") format("eot"),url("/fonts/9674079a-5140-4f33-b77d-195b98fe5fc9.woff") format("woff"),url("/fonts/f2ca2b7d-2c98-48e5-afae-41cc12160559.ttf") format("truetype"),url("/fonts/c32c125c-4aa2-47cf-9407-c303349fc048.svg#c32c125c-4aa2-47cf-9407-c303349fc048") format("svg");
font-weight: 500;
font-style: italic;
}
@font-face{
font-family:"Frutiger Next W10_n7";
src:url("/fonts/0f811a02-465c-4479-bb85-b2e05e0cf958.eot?#iefix") format("eot")
}
@font-face{
font-family:"Frutiger Next W10";
src:url("/fonts/0f811a02-465c-4479-bb85-b2e05e0cf958.eot?#iefix");
src:url("/fonts/0f811a02-465c-4479-bb85-b2e05e0cf958.eot?#iefix") format("eot"),url("/fonts/da38f30e-7752-485d-999e-8d53b2b5c856.woff") format("woff"),url("/fonts/4d6aa4b4-823a-4a1b-a747-a200a8b601c8.ttf") format("truetype"),url("/fonts/97b17f25-c47b-4fef-9b9b-4baed014dea5.svg#97b17f25-c47b-4fef-9b9b-4baed014dea5") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face{
font-family:"Frutiger Next W10_i7";
src:url("/fonts/23c35374-1ff6-4f96-8f9e-e97224e0b550.eot?#iefix") format("eot")
}
@font-face{
font-family:"Frutiger Next W10";
src:url("/fonts/23c35374-1ff6-4f96-8f9e-e97224e0b550.eot?#iefix");
src:url("/fonts/23c35374-1ff6-4f96-8f9e-e97224e0b550.eot?#iefix") format("eot"),url("/fonts/8d7a8851-5ad7-4849-a74e-b3eb3318762f.woff") format("woff"),url("/fonts/b60b20ce-dfc2-4182-bc5b-adebd64840fe.ttf") format("truetype"),url("/fonts/afc99231-346d-4cfc-944f-952d13a7155c.svg#afc99231-346d-4cfc-944f-952d13a7155c") format("svg");
font-weight: 700;
font-style: italic;
}

@media (min-width: 993px)
{
  #mainnav {
    min-height: 60px;
  }
}

/** slider.css */

.slider{
  position:relative;
  visibility:hidden;
}

.slider .frame{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  overflow:hidden;
  z-index:10;
}

/** Layer modifiers */
.slider .absolute{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  overflow:hidden;
}

.slider .fill-frame{
  width:100%;
  height:100%;
}

/** Image */
.slider img.fullwidth{
  width:100%;
  display:block;
}

/** layers */
.slider [class*="layer"] { position: absolute; top: 0; left: 0; }
.slider .layer0 { z-index: 10; }
.slider .layer1 { z-index: 20; }
.slider .layer2 { z-index: 30; }
.slider .layer3 { z-index: 40; }
.slider .layer4 { z-index: 50; }


/** Bgr Images */
.slider img.maxwidth { width: 100%; height: auto; }
.slider img.maxheight { width: auto; height: 100%; }
.slider.fixed .bgr img { width: 100%; }


/** Radio */
.slider .dots { position: absolute; left: 50%; margin-left: -160px; bottom: -25px; width: 320px; text-align: center; z-index: 100; }
.device-xs .dots, .device-sm .slider .dots { bottom: -30px; }
.slider .dots span { display: inline-block; width: 12px; height: 12px; border-radius: 6px; background: #c7ccce; margin: 0 3px; cursor: pointer; }
.device-xs .slider .dots span, .device-sm .slider .dots span { width: 16px; height: 16px; border-radius: 8px; margin: 0 6px; }
.slider .dots span.active { background: #5c616b; }

/** Next / Prev */
.slider i.slider-next, .slider i.slider-prev { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; z-index: 100; }
.slider i.slider-next { right: 10px; }
.slider i.slider-prev { left: 10px; }

/** Counter */
.slider .counter { position: absolute; top: 15px; right: 15px; padding: 10px 15px; font-size: 16px; background: #111; color: #fff; z-index: 100; }

/** base.css */

body, html, h1, h2, h3, h4, p, form, ul, ol, li,a { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
ul,ol { list-style: none; }
table { border-collapse: collapse; }
body, html { width: 100%; height: 100%; }
fieldset,img { border: none; }
a, a:active, a:visited, a:hover { outline: 0; }
input,textarea { padding: 0px; margin: 0px; line-height: normal; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
:focus { outline: none !important; }
::-moz-focus-inner { border: 0 !important; }
select:-moz-focusring { color: transparent !important; text-shadow: 0 0 0 #000; }

body, input, select, textarea { font: normal 400 15px/21px 'Frutiger Next W10', Arial, sans-serif; color: #576368; }
h1 { font: normal 700 24px/30px 'Frutiger Next W10', Arial, sans-serif; padding: 0 0 20px 0; color: #576368; }
.device-xs h1 { font-size: 24px; line-height: 28px; }
h2 { font: normal 500 22px/28px 'Frutiger Next W10', Arial, sans-serif; padding: 0 0 20px 0; color: #576368; }
.device-xs h2 { font-size: 18px; line-height: 22px; }
h3 { font: normal 500 18px/24px 'Frutiger Next W10', Arial, sans-serif; padding: 0 0 15px 0; color: #576368; }
h4, h5, h6 { font: normal 500 15px/21px 'Frutiger Next W10', Arial, sans-serif; padding: 0 0 15px 0; color: #576368; }
h5, h6 { padding: 0; margin: 0; }
.title { color: #576368; }

p { padding: 0 0 20px 0; }

a { border: 0px; color: #144484; }
a:hover { text-decoration: none; color: #0582d4; }
.link { color: #144484; }
small { color: #576368 !important; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #c7ccce; }

.text-highlight-1 { color: #eb1c23; }
.text-highlight-2 { color: #90a128; }

b, strong, table th, label { font-weight: 700; }
.bold { font-weight: 700; }
.normal { font-weight: 400; }
.text-xxxs { font-size: 10px; line-height: 12px; }
.text-xxs { font-size: 11px; line-height: 15px; }
.text-xs { font-size: 12px; line-height: 16px; }
.text-s { font-size: 13px; line-height: 17px; }
.text-m { font-size: 15px; line-height: 19px; }
.text-l { font-size: 20px; line-height: 23px; }
.text-xl { font-size: 26px; line-height: 30px; }
.text-xxl { font-size: 30px; line-height: 34px; }

blockquote { margin: 30px 0; }


/** Floats and clears */
.left { float: left; }
.right { float: right !important; }
p.left, p.right { float: none; }
.clear { clear: both; }
.clear0 { clear: both; height: 0; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }


/** Text aligns */
.tar { text-align: right; }
.tac, .device-xs .tac-xs { text-align: center; }
.tal, .device-xs .tal-xs { text-align: left; }


/** Grid Rows and Columns */
.xs-row { margin-left: -1px; margin-right: -1px; }
.xs-col > div[class*="col-"] { padding: 0 1px; }
.sm-row { margin-left: -5px; margin-right: -5px; }
.sm-col > div[class*="col-"] { padding: 0 5px; }
.md-row { margin-left: -10px; margin-right: -10px; }
.md-col > div[class*="col-"] { padding: 0 10px; }


/* Custom column width for 1.5 grids */
.col-sm-1-5 { position: relative; min-height: 1px; float: left; padding-left: 15px; padding-right: 15px; } /* only needed if the div doesn't have any default bootstrap column classes applied */
@media screen and (min-width: 599px) { .col-sm-1-5 { width: 12.5%; } }
@media screen and (min-width: 667px){ .col-md-1-5 { width: 12.5%; } }
@media screen and (min-width: 1200px){ .col-lg-1-5 { width: 12.5%; } }


/** Responsive */
.resp-img { width: 100%; }
.mobile-first { display:none; }
.mobile-first.active { display: block; }
.device-xs .img-responsive { margin-left: auto; margin-right: auto; }
.hide-on-load { visibility: hidden !important; }


/** General */
.container { position: relative; }
.scale { width: 100% !important; }
.forceblock { display: block !important; }
.mo, .pointer, .clk { cursor: pointer; }
.hide { visibility: hidden; height: 10px; overflow: hidden; }
.block { display: block !important; }


/** General Content */
.general a { color: #0582d4; }
.general a:hover { text-decoration: underline; }
.general ul { list-style-type: disc; list-style-position: outside; display: table; margin-left: 15px; padding-left: 15px; padding-bottom: 30px; }
.general ol { list-style-type: decimal; list-style-position: outside; display: table; margin-left: 15px; padding-left: 15px; padding-bottom: 30px; }
.general ul ul, .general ol ul { list-style-type: circle; list-style-position: outside; margin-left: 15px; padding-bottom: 0px; }
.general ol ol, .general ul ol { list-style-type: lower-latin; list-style-position: outside; margin-left: 15px; padding-bottom: 0px; }
.general li { display: list-item !important; }
.general .action { border: none; padding: 0px; text-align: right; }

.general .auto-img { width: auto !important; }
.general .resp-img { width: auto; height: auto; max-width: 320px; }
.general .full-img { width: 100%; max-width: 100%; }
.general .full-img, .general .left, .general .right { margin-bottom: 30px; }
.general .left { margin-right: 30px; }
.general .right { margin-left: 30px; }
.device-xs .general .resp-img, .device-xs .general .full-img { width: 100%; max-width: 100%; float: none !important; margin-right: 0px !important; margin-left: 0px !important; }

.general table { width: auto; margin-bottom: 30px; }
.general th, .general td { padding: 5px 10px; border: 1px solid #c7ccce; }
.general th { background: #edf1f2; padding-top: 10px; padding-bottom: 10px; }
.general th:first-child { background: #ffffff; border-top: none; border-left: none; }
.general td:first-child { border-top: none; border-left: none; }
.general th:last-child { background: #ffffff; border-top: none; border-right: none; }
.general td:last-child { border-top: none; border-right: none; }
.general tr:nth-child(2n+1) { background: #f2f6f7; }

.general legend { border: none; }


/** Margins */
.mart-xxs { margin-top: 2px !important; }
.marb-xxs { margin-bottom: 2px !important; }
.marl-xxs { margin-left: 2px !important; }
.marr-xxs { margin-right: 2px !important; }
.mart-xs { margin-top: 5px !important; }
.marb-xs { margin-bottom: 5px !important; }
.marl-xs { margin-left: 5px !important; }
.marr-xs { margin-right: 5px !important; }
.mart-s { margin-top: 15px !important; }
.marb-s { margin-bottom: 15px !important; }
.marl-s { margin-left: 15px !important; }
.marr-s { margin-right: 15px !important; }
.mart-m { margin-top: 30px !important; }
.marb-m { margin-bottom: 30px !important; }
.marl-m { margin-left: 30px !important; }
.marr-m { margin-right: 30px !important; }
.mart-l { margin-top: 45px !important; }
.marb-l { margin-bottom: 45px !important }
.marl-l { margin-left: 45px !important; }
.marr-l { margin-right: 45px !important; }


/** Paddings */
.padt-xxs { padding-top: 2px !important; }
.padb-xxs { padding-bottom: 2px !important; }
.padl-xxs { padding-left: 2px !important; }
.padr-xxs { padding-right: 2px !important; }
.padt-xs { padding-top: 5px !important; }
.padb-xs { padding-bottom: 5px !important; }
.padl-xs { padding-left: 5px !important; }
.padr-xs { padding-right: 5px !important; }
.padt-s { padding-top: 15px !important; }
.padb-s { padding-bottom: 15px !important; }
.padl-s { padding-left: 15px !important; }
.padr-s { padding-right: 15px !important; }
.padt-m { padding-top: 30px !important; }
.padb-m { padding-bottom: 30px !important; }
.padl-m { padding-left: 30px !important; }
.padr-m { padding-right: 30px !important; }
.padt-l { padding-top: 45px !important; }
.padb-l { padding-bottom: 45px !important; }
.padl-l { padding-left: 45px !important; }
.padr-l { padding-right: 45px !important; }


/** No paddings */
.nop { padding: 0 !important; }
.nopt { padding-top: 0 !important; }
.nopb { padding-bottom: 0 !important; }
.nopl { padding-left: 0 !important; }
.nopr { padding-right: 0 !important; }
.device-xs .nop-xs, .device-sm .nop-sm { padding: 0 !important; }


/** Device padding for columns */
.device-md .col-padr-m { padding-right: 35px !important; }
.device-lg .col-padr-m { padding-right: 45px !important; }


/** Shadows */
.shadow-m { box-shadow: 0px 0px 50px rgba(0,0,0,0.5); }

/* Main nav */
@media (min-width: 993px)
{
  #mainnav {
    min-height: 60px;
    background-color: #ecf0f2;
  }
}

/* Buttons */
.btn { width: auto; text-align: center; display: inline-block; cursor: pointer; border-radius: 5px; vertical-align: top; }
.btn i { vertical-align: middle; }

.btn-default { color: #2a2a2a; background-color: #ffffff; border-color: #c7ccce; }
.btn-primary { background: #eb1c23; color: #ffffff !important; border: none; border-radius: 3px; }
.btn-primary:hover { background: #cf1c22; text-decoration: none; }
.btn-secondary { background: #7f9199; color: #ffffff !important; border: none; border-radius: 2px; }
.btn-secondary:hover { background: #90a128; text-decoration: none; }
.btn-search { background: #7f9199; color: #ffffff !important; }
.btn-search:hover { opacity: 0.9; text-decoration: none; }
.btn-highlight { background: #a4b82d; color: #ffffff !important; }
.btn-highlight:hover { opacity: 0.9; text-decoration: none; }
.btn-paypal, .btn-paypal[disabled] { background: #009cde; color: #ffffff !important; border: none; }
.btn-paypal:hover, .btn-paypal:focus, .btn-paypal:active { background: #0c8dc4; color: #ffffff; text-decoration: none; }
.btn-paypal i { margin-top: -4px !important; margin-left: 8px !important; }
.btn-paypal span { display: none; }

.btn.wide { width: 100%; }
.btn.btn-sm { height: 26px; padding: 0 10px 0 10px; }
.btn.btn-md { height: 34px; padding: 0 15px 0 15px; }
.btn.btn-lg { height: 42px; padding: 0 20px 0 20px; }
.btn.btn-xl { height: 44px; padding: 0 20px 0 20px; }
.btn.btn-xxl { height: 54px; padding: 0 30px 0 30px; }

a.btn:hover { text-decoration: none; }
a.btn.btn-sm { line-height: 26px; }
a.btn.btn-md { line-height: 34px; }
a.btn.btn-lg { line-height: 42px; }
a.btn.btn-xl { line-height: 44px; }
a.btn.btn-xxl { line-height: 54px; }


/* Helper */
.text-muted { color: #999999 !important; }
.text-primary { color: #428bca !important; }
.text-success { color: #3c763d !important; }
.text-info { color: #31708f !important; }
.text-warning { color: #8a6d3b !important; }
.text-danger { color: #a94442 !important; }

.bg-primary { background: #428bca !important; }
.bg-success { background: #dff0d8 !important; }
.bg-info { background: #d9edf7 !important; }
.bg-warning { background: #fcf8e3 !important; }
.bg-danger { background: #f2dede !important; }


/* Form Elements */
.device-xs .form-horizontal .form-group .row { margin: 0; }

.input-style { background-color: #ffffff; border: 1px solid #c7ccce; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input-style.input-sm { padding: 0 5px; height: 26px; border-radius: 3px; }
.input-style.input-md { padding: 0 8px; height: 34px; border-radius: 5px; }
.input-style.input-lg { padding: 0 10px; height: 42px; border-radius: 5px; }
.input-style input:focus { outline: none; }

.select-style { width: auto; overflow: hidden; position: relative; display: inline-block; background: #ffffff; border: 1px solid #c7ccce; }
.select-style.select-sm { border-radius: 3px; }
.select-style.select-md { border-radius: 5px; }
.select-style.select-lg { border-radius: 5px; }
.select-style select { width: 115%; word-wrap: normal !important; border: none; background-color: transparent !important; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; text-indent: 0.01px; text-overflow: ''; vertical-align: bottom; }
.select-style select::-ms-expand { display: none; }
.select-style.select-sm select { padding: 0 26px 0 5px; height: 26px; }
.select-style.select-md select { padding: 0 34px 0 8px; height: 34px; }
.select-style.select-lg select { padding: 0 42px 0 10px; height: 42px; }
.select-style select:focus { outline: none; }

@-moz-document url-prefix() { .select-style.select-sm select { padding-top: 3px; } }
@-moz-document url-prefix() { .select-style.select-md select { padding-top: 7px; } }
@-moz-document url-prefix() { .select-style.select-lg select { padding-top: 11px; } }

.select-style i { margin: 0; padding: 0; display: block; position: absolute; z-index: 1; }
.select-style.select-sm i { width: 22px; height: 16px; background-position: -148px -248px; top: 5px; right: 5px; }
.select-style.select-md i { width: 24px; height: 24px; background-position: -148px -246px; top: 5px; right: 5px; }
.select-style.select-lg i { width: 30px; height: 26px; background-position: -132px -146px; top: 8px; right: 5px; }

.oj-radio-group { margin-top: 10px; margin-bottom: 10px; }
.oj-radio-group+.oj-radio-group { margin-top: -5px; }

.radio-style { font-weight: normal; position: relative; display: block; }
.radio-style input[type=radio] { opacity: 0; position: relative; display: none; }
.radio-style i.va-radio { height: 16px; width: 16px; display: block; position: absolute; left: 0; background-position: -120px -184px; cursor: pointer; }
.radio-style input[type=radio]:checked + i.va-radio { background-position: -138px -184px; }
.radio-style span { position: relative; padding-left: 26px; top: -2px; display: inline-block; cursor: pointer; }


.oj-checkbox-group { margin-top: 10px; margin-bottom: 10px; }
.oj-checkbox-group+.oj-checkbox-group { margin-top: -5px; }

.checkbox-style.disabled input[type=checkbox], .checkbox-style.disabled span, .checkbox-style.disabled i { opacity: .6; cursor: not-allowed; }
.checkbox-style { font-weight: normal; position: relative; display: block; }
.checkbox-style input[type=checkbox] { opacity: 0; position: relative; display: none; }
.checkbox-style i.va-checkbox { height: 16px; width: 16px; display: block; position: absolute; left: 0; background-position: -247px -248px; cursor: pointer; }
.checkbox-style input[type=checkbox]:checked + i.va-checkbox { background-position: -223px -248px; }
.checkbox-style span { position: relative; padding-left: 26px; top: -2px; display: inline-block; cursor: pointer; }

input[type="checkbox"] { margin-top: 2px; }

/** Popups General */
.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; background: rgba(0,0,0,0.75); display: none; z-index: 99999; }
.popup .popup-close { position: absolute; top: -30px; right: 0; z-index: 20; cursor: pointer;  }
.popup-close { filter: brightness(70%); }
.popup .popup-display { position: absolute; top: 50%; left: 50%; z-index: 10; }
.popup .popup-content { width:100%; height:100%; position:relative; z-index:10; overflow:auto; }
.popup .no-scroll { overflow: hidden; }
.popup .popup-inner { background: #ffffff; }


/** Responsive Video Container */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/** Popups */
.popup-container { position: relative; padding: 10px; }
.popup-container .popup-close { position: absolute; top: 0; right: 0; z-index: 20; cursor: pointer; }
.popup-container .action { border: none; padding: 0px; text-align: right; }

@media screen and (max-width: 599px){
.popup-container { padding: 15px; }
.popup-container .popup-container .btn { width: 100%; } }


/* Prices */
.current-price { color: #000000; }
.current-price .vat { font-size: 60%; line-height: 15px; }
.before-price { color: #7f9199; text-decoration: line-through; }
.normal-price { color: #7f9199; }
.save-price { color: #eb1c23; }
.total-price { color: #576368; }
.sale-price { color: #eb1c23; }
.vat-price { color: #576368; }
.price-message { color: #eb1c23; }


/* Availability */
.stock { cursor: pointer; border-radius: 3px; }
.in-stock { color: #ffffff; background: #99cc00; }
.low-stock { color: #ffffff; background: #ed1c24; }
.special-stock { color: #ffffff; background: #f4b200; }
.out-stock { border: 1px solid #c7ccce; }
.order-stock { border: 1px solid #c7ccce; }
.available { color: #576368; }
.unavailable { color: #c7ccce; }
.store-message { color: #eb1c23; background: #fcf5de; }


/** Arrow Boxes */
.arrow-box { position: relative; display: inline-block; }
.arrow-box:after { border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 5px; }

.arrow-box.sm { margin-bottom: 5px; padding: 3px 8px 2px; }
.arrow-box.sm:after { border-width: 5px; }

.multi-buy { color: #ffffff; background: #c21f04; }
.multi-buy:after { top: 100%; left: 13px; border-color: rgba(194, 31, 4, 0); border-top-color: #c21f04; margin-left: -5px; }

.bundle-deal { color: #ffffff; background: #666; }
.bundle-deal:after { bottom: 100%; left: 13px; border-color: rgba(102, 102, 102, 0); border-bottom-color: #666; margin-left: -5px; }


/* Stickers */
.sticker-promo-img { width: 72px; height: 72px; position: absolute; top: 0; left: 0; z-index: 20000; }
.device-xs .sticker-promo-img, .device-sm .sticker-promo-img { width: 54px; height: 54px; }

.sticker-promo { width: 58px; height: 58px; font-size: 19px; font-weight: 700; line-height: 15px; padding-top: 12px; text-align: center; border-radius: 50%; position: absolute; top: 0; left: 0; z-index: 20000; }
.device-xs .sticker-promo, .device-sm .sticker-promo { width: 44px; height: 44px; font-size: 15px; line-height: 13px; padding-top: 8px; }
.sticker-promo span { font-size: 13px; font-weight: 400; display: block; }
.device-xs .sticker-promo span, .device-sm .sticker-promo span { font-size: 11px; }

.sticker-cashback { width: 64px; font-size: 17px; font-weight: 700; line-height: 15px; padding: 4px 0; text-align: center; border-radius: 5px; position: absolute; top: 5px; right: 0; z-index: 20000; }
.device-xs .sticker-cashback, .device-sm .sticker-cashback { width: 54px; font-size: 15px; line-height: 13px; }
.sticker-cashback span { font-size: 11px; font-weight: 400; line-height: 12px; display: block; }
.device-xs .sticker-cashback span, .device-sm .sticker-cashback span { font-size: 9px; line-height: 9px; }

.sticker-attribute { width: 64px; height: 64px; position: absolute; bottom: 0; right: 0; z-index: 20000; }
.device-xs .sticker-attribute, .device-sm .sticker-attribute { width: 48px; height: 48px; }


.sticker-voucher { width: 58px; height: 58px; font-size: 19px; font-weight: 700; line-height: 15px; padding-top: 12px; text-align: center; border-radius: 50%; position: absolute; bottom: 0; left: 0; z-index: 20000; }
.device-xs .sticker-voucher, .device-sm .sticker-voucher { width: 44px; height: 44px; font-size: 15px; line-height: 13px; padding-top: 8px; }
.sticker-voucher span { font-size: 10px; line-height: 10px; font-weight: 500; display: block; }
.device-xs .sticker-voucher span, .device-sm .sticker-voucher span { font-size: 8px; line-height: 8px; }


/* Popovers */
.va-popover { position: relative; }
.va-popover-content { font-style: normal; font-weight: normal; display: none; position: absolute; width: 200px; bottom: 100%; left: 50%; margin-bottom: 10px; margin-left: -100px; background: #fcf5de; color: #576368; border: 1px solid #f4dc8f; padding: 12px; z-index: 30000; box-shadow: 0 5px 10px rgba(0,0,0,.2); text-align: left; border-radius: 5px; }

.form-group .va-popover { position: relative; }
.form-group .va-popover-content { width: 200px; left: auto; right: -100px; }

.va-popover-content:after, .va-popover-content:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.va-popover-content:after { border-color: rgba(252, 245, 222, 0); border-top-color: #fcf5de; border-width: 10px; margin-left: -10px; }
.va-popover-content:before { border-color: rgba(244, 220, 143, 0); border-top-color: #f4dc8f; border-width: 11px; margin-left: -11px; }
.va-popover:hover .va-popover-content { display: block; }

.va-popover-content.bottom { bottom: auto; top: 100%; margin-bottom: 0; margin-top: 10px; }
.va-popover-content.bottom:after, .va-popover-content.bottom:before { top: auto; bottom: 100%; }
.va-popover-content.bottom:after { border-color: transparent; border-bottom-color: #fcf5de; }
.va-popover-content.bottom:before { border-color: transparent; border-bottom-color: #f4dc8f; }


/* Price Beat Popover */
.price-beat {
  position: relative;
}

.price-beat-popover {
  position: absolute;
  display: none;
  margin-top: -20px;
  z-index: 30000;
}

.device-md .price-beat-popover, .device-lg .price-beat-popover {
  margin-top: -10px;
}

.price-beat-popover-content {
  width: 275px;
  background: #ffffff;
  color: #576368;
  border: 1px solid #e5e5e5;
  padding: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,.25);
  text-align: center;
}

.price-beat-popover-content:after, .price-beat-popover-content:before { top: auto; bottom: 100%; left: 50%; margin-bottom: -1px; border: solid #e5e5e5; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.price-beat-popover-content:after { border-color: transparent; border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px;}
.price-beat-popover-content:before { border-color: transparent; border-bottom-color: #e5e5e5; border-width: 11px; margin-left: -11px;}

.price-beat-popover-content h3 {
  background: #a4b82d;
  color: #ffffff;
  padding: 5px;
  margin: 0;
  margin-bottom: 4px;
}

.price-beat-popover-content p {
  font-size: 16px;
  padding: 0 15px;
}



/* Colousel */
.colousel, .colousel .colousel-inner { position: relative; overflow: hidden; }
.colousel { margin: 0; }
.colousel.scroll{ overflow-x: scroll; }
.colousel .colousel-inner { height: 100%; margin-left: -15px; margin-right: -15px; }
.colousel .colousel-inner>[class*='col-'] { position: absolute; top: 0; left: 0; }
.colousel .colousel-prev, .colousel .colousel-next { width: 42px; height: 66px; position: absolute; z-index: 20; top: 50%; margin-top: -33px; background: rgba(127, 145, 153, 0.75); cursor: pointer; border-radius: 5px; }
.colousel .colousel-prev { left: 0; }
.colousel .colousel-next { right: 0; }
.colousel.scroll .colousel-prev, .colousel.scroll .colousel-next { display: none; }
.colousel.end .colousel-next, .colousel.start .colousel-prev { display: none; }
.colousel .colousel-prev:hover, .colousel .colousel-next:hover { background: #7f9199; transition: background 0.25s ease; }
.colousel .colousel-prev i, .colousel .colousel-next i { top: 10px; left: 10px; }
.colousel .hover-controls { opacity: 0; transition: opacity 0.3s ease; }
.device-xs .colousel .hover-controls, .device-sm .colousel .hover-controls { opacity: 1; transition: none; }
.colousel:hover .hover-controls { opacity: 1; }

.colousel-inner [class*='col-']:nth-child(6n+1) .va-popover-content { left: 0px; margin-left: 0px; }
.colousel-inner [class*='col-']:nth-child(6n+1) .va-popover-content:after, .colousel-inner [class*='col-']:nth-child(6n+1) .va-popover-content:before { left: 20px; }


/** Header Drops */
.oj-has-drop { }
.oj-drop { display: none; }
.oj-has-drop.active .oj-drop { display: block; }


/* Sprite */
.sprite { background-image: url("../images/skin/sprite.png?v=5"); background-repeat: no-repeat; }

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .sprite {
    /* Reference the @2x Sprite */
    background-image: url("../images/skin/sprite@2x.png?v=5");
    /* Translate the @2x sprite's dimensions back to 1x */
    background-size: 500px 500px;
  }
}


/* Icons */
.va { display: inline-block; position: relative; top: 3px; margin-left: 0px !important; padding-left: 0 !important; }
.btn .va { top: 0px; }
.va-li { position: absolute; top: 0; left: 0; display: block; }

.va-ul { list-style-type: none !important; margin-left: 0px !important; padding-left: 0 !important; }
.va-ul li { position: relative; display: block; }
.va-ul-sm li .va-span, .va-ul-sm li>a { min-height: 16px; padding: 1px 0 0 28px; margin-bottom: 5px; }
.va-ul-md li .va-span, .va-ul-md li>a { min-height: 26px; padding: 4px 0 0 36px; margin-bottom: 5px; }
.va-ul-lg li .va-span, .va-ul-lg li>a { min-height: 36px; padding: 4px 0 0 46px; margin-bottom: 5px; }
.va-ul li .va-span, .va-ul li>a { position: relative; display: inline-block; }

.va-ul ul li { margin-left: 0px !important; }

.va-link-sm i { margin-bottom: -4px; }

.va-compare { width: 22px; height: 16px; background-position: -76px -248px; }
.va-compare-active { width: 22px; height: 16px; background-position: -268px -248px; }
.va-question { width: 22px; height: 16px; background-position: -52px -248px; }
.va-price { width: 22px; height: 16px; background-position: -28px -248px; }
.va-delivery { width: 22px; height: 16px; background-position: -4px -248px; }
.va-dispatched { width: 22px; height: 16px; background-position: -196px -248px; }
.va-remove { width: 22px; height: 16px; background-position: -100px -248px; }
.va-location { width: 22px; height: 16px; background-position: -292px -248px; }
.va-security { width: 22px; height: 16px; background-position: -412px -248px; }

.va-loyalty { width: 30px; height: 26px; background-position: -132px -220px; }
.va-size-chart { width: 30px; height: 26px; background-position: -164px -220px; }

.va-close { width: 30px; height: 26px; background-position: -68px -146px; }
.va-menu { width: 30px; height: 26px; background-position: -103px -220px; }

.va-usd { width: 16px; height: 16px; background-position: -4px -4px; }
.device-xs .va-usd, .device-sm .va-usd { width: 22px; height: 16px; background-position: -94px -4px; }
.va-eur { width: 16px; height: 16px; background-position: -22px -4px; }
.device-xs .va-eur, .device-sm .va-eur { width: 22px; height: 16px; background-position: -118px -4px; }
.va-gbp { width: 16px; height: 16px; background-position: -40px -4px; }
.device-xs .va-gbp, .device-sm .va-gbp { width: 22px; height: 16px; background-position: -142px -4px; }
.va-aud { width: 16px; height: 16px; background-position: -58px -4px; }
.device-xs .va-aud, .device-sm .va-aud { width: 22px; height: 16px; background-position: -166px -4px; }
.va-dkk { width: 16px; height: 16px; background-position: -76px -4px; }
.device-xs .va-dkk, .device-sm .va-dkk { width: 22px; height: 16px; background-position: -190px -4px; }

.va-stores { width: 22px; height: 16px; background-position: -2px -202px; }
.device-xs .va-stores, .device-sm .va-stores { width: 30px; height: 26px; background-position: -4px -220px; }
.va-account { width: 22px; height: 16px; background-position: -26px -202px; }
.device-xs .va-account, .device-sm .va-account { width: 30px; height: 26px; background-position: -36px -220px; }
.va-basket { width: 22px; height: 16px; background-position: -52px -202px; }
.device-xs .va-basket, .device-sm .va-basket { width: 30px; height: 26px; background-position: -68px -220px; }
.va-search-sm { width: 22px; height: 16px; background-position: -76px -202px; }
.va-phone { width: 17px; height: 25px; background-position: -172px -289px; }
.va-clock { width: 22px; height: 16px; background-position: -124px -202px; }
.va-special { width: 22px; height: 16px; background-position: -148px -202px; }
.va-special-lg { width: 18px; height: 21px; background-position: -189px -289px; }
.va-switch { width: 22px; height: 16px; background-position: -172px -202px; }
.va-tick { width: 22px; height: 16px; background-position: -196px -202px; }
.va-tick-inverse { width: 22px; height: 16px; background-position: -220px -202px; }
.va-cross { width: 22px; height: 16px; background-position: -244px -202px; }
.va-arrow-xs-left { width: 22px; height: 16px; background-position: -268px -202px; }
.va-arrow-xs-right { width: 22px; height: 16px; background-position: -292px -202px; }
.va-arrow-xs-left-inverse { width: 22px; height: 16px; background-position: -316px -202px; }
.va-arrow-xs-right-inverse { width: 22px; height: 16px; background-position: -340px -202px; }
.va-load-page { width: 22px; height: 16px; background-position: -364px -202px; }
.va-filter { width: 22px; height: 16px; background-position: -388px -202px; }
.va-menu-sm { width: 22px; height: 16px; background-position: -412px -202px; }
.va-basket-inverse { width: 22px; height: 16px; background-position: -436px -202px; }

.va-search { width: 30px; height: 26px; background-position: -4px -146px; }
.va-clear { width: 30px; height: 26px; background-position: -36px -146px; }

.va-info { width: 22px; height: 16px; background-position: -4px -248px; }

.va-plus { width: 16px; height: 16px; background-position: -127px -248px; }
.va-top { width: 30px; height: 26px; background-position: -100px -146px; }

.va-arrow-up { width: 22px; height: 16px; background-position: -172px -248px; }
.va-arrow-down { width: 22px; height: 16px; background-position: -148px -248px; }

.va-arrow-xs-up { width: 16px; height: 16px; background-position: -340px -248px; }
.va-arrow-xs-down { width: 16px; height: 16px; background-position: -316px -248px; }

.va-play { width: 22px; height: 16px; background-position: -364px -248px; }
.va-print { width: 22px; height: 16px; background-position: -388px -248px; }

.va-arrow-sm-left { width: 22px; height: 46px; background-position: -4px -266px; }
.va-arrow-sm-right { width: 22px; height: 46px; background-position: -28px -266px; }
.va-arrow-md-left { width: 22px; height: 46px; background-position: -52px -266px; }
.va-arrow-md-right { width: 22px; height: 46px; background-position: -76px -266px; }

.va-checked { width: 16px; height: 16px; background-position: -223px -248px; }
.va-unchecked { width: 16px; height: 16px; background-position: -247px -248px; }

.va-doc { width: 30px; height: 26px; background-position: -267px -4px; }
.va-xls { width: 30px; height: 26px; background-position: -299px -4px; }
.va-ppx { width: 30px; height: 26px; background-position: -331px -4px; }
.va-pdf { width: 30px; height: 26px; background-position: -363px -4px; }
.va-img { width: 30px; height: 26px; background-position: -395px -4px; }
.va-audio { width: 30px; height: 26px; background-position: -427px -4px; }

.va-voracio { width: 84px; height: 22px; background-position: -412px -266px; }

.va-paypal { width: 119px; height: 29px; background-position: -313px -124px; }

.va-reviews { width: 30px; height: 26px; background-position: -196px -146px; }


/* Reviews */
.reviews li { display: inline-block; }
.reviews li a { padding: 0 2px; }
.stars { width: 73px; height: 12px; position: relative; top: 2px; background-position: -4px -124px; margin-right: 4px; }
.stars i { height: 12px; background-color: #ffffff; background-position: -81px -124px; position: absolute; top: 0px; left: 0; z-index: 2; }


/* Payment, Card Types and Authentication */
.SagePay { width: 71px; height: 15px; background-position: -4px -59px; margin: 0 5px; top: 2px; }
.inverse .SagePay { background-position: -4px -97px; }
.Opayo { width: 62px; height: 20px; background-position: -4px -54px; margin: 0 5px; top: 2px; }
.inverse .Opayo { background-position: -4px -92px; }
.PayPal { width: 82px; height: 22px; background-position: -87px -53px; margin: 0 7px; }
.inverse .PayPal { background-position: -87px -91px; }
.PayPalCredit { width: 168px; height: 21px; background-position: -296px -339px; margin: 0 7px; top: 1px; }
.PayByFinance { width: 126px; height: 21px; background-position: -296px -313px; margin: 0 5px; }

.Visa { width: 35px; height: 22px; background-position: -4px -22px; margin: 0 2px; }
.MasterCard { width: 35px; height: 22px; background-position: -41px -22px; margin: 0 2px; }
.Maestro { width: 35px; height: 22px; background-position: -78px -22px; margin: 0 2px; }
.Solo { width: 35px; height: 22px; background-position: -115px -22px; margin: 0 2px; }
.Delta { width: 35px; height: 22px; background-position: -152px -22px; margin: 0 2px; }
.VisaElectron { width: 35px; height: 22px; background-position: -189px -22px; margin: 0 2px; }
.AmericanExpress { width: 35px; height: 22px; background-position: -226px -22px; margin: 0 2px; }
.VerifiedByVisa { width: 46px; height: 20px; background-position: -182px -54px; margin: 0 5px; }
.inverse .VerifiedByVisa { background-position: -182px -92px; }
.MasterCardSecureCard { width: 57px; height: 20px; background-position: -242px -54px; margin: 0 5px; }
.inverse .MasterCardSecureCard { background-position: -242px -92px; }
.McAfee { width: 64px; height: 22px; background-position: -310px -53px; margin: 0 5px; }
.inverse .McAfee { background-position: -310px -91px; }
.NortonSecured { width: 68px; height: 28px; background-position: -388px -48px; margin: 0 5px; }
.inverse .NortonSecured { background-position: -388px -86px; }
.thawte { width: 99px; height: 24px; background-position: -388px -52px; margin: 0 5px; }
.inverse .thawte { background-position: -388px -90px; }
.TrustedShops { width: 48px; height: 48px; background-position: -444px -146px; margin: 0 5px; }
/* Loading */
.loading-overlay { display: table; opacity: 0.8; }
.loading-overlay-content { text-transform: uppercase; letter-spacing: 0.3em; font-size: 16px; font-weight: 600; text-align: center; display: table-cell; vertical-align: middle; cursor: wait; }
.loading-overlay-content .loading-overlay-content-message { padding-top: 110px; }
.loading-overlay.loading-theme-light { background-color: #fff; color: #000; }
.loading-overlay.loading-theme-dark { background-color: #000; color: #fff; }

/** styles.css */

.site { width: 100%; min-height: 100%; position: relative; background: #ffffff; }

/** Header */
.header { width: 100%; height: 112px; position: relative;
  background: #ecf0f2; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ecf0f2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf0f2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ecf0f2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ecf0f2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ecf0f2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ecf0f2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf0f2',GradientType=0 ); /* IE6-9 */
}
.device-xs .header, .device-sm .header { position: relative; }
/**.device-xs .header, .device-sm .header { position: fixed; z-index: 10002; }*/
.device-xs .header { height: 86px; }
.device-sm .header { height: 96px; }

.header .logo { position: absolute; left: 15px; top: 16px; }
.device-xs .header .logo,
.device-sm .header .logo { position: fixed; z-index: 10002; }
.device-xs .header .logo { top: 10px; }
.device-sm .header .logo { top: 12px; }
.device-md .header .logo { top: 22px; }
.header .logo img { max-width: 334px; }
.device-xs .header .logo img { max-width: 180px; }
.device-sm .header .logo img { max-width: 220px; }
.device-md .header .logo img { max-width: 280px; }

.header .strapline { position: absolute; left: 15px; top: 59px; }
.device-xs .header .strapline, .device-sm .header .strapline { display: none; }
.device-md .header .strapline { top: 55px; }
.header .strapline img { max-width: 270px; }
.device-md .header .strapline img { max-width: 218px; }

.header .search { position: absolute; left: 50%; top: 28px; margin-left: -160px; }
.device-md .header .search { margin-left: -140px; }
.device-xs .header .search, .device-sm .header .search { width: 100%; left: 0px; background: #a4b82d; padding: 10px; margin-left: 0px; }
.device-xs .header .search { top: 86px; }
.device-sm .header .search { top: 96px; }
.header .search .predictive { position: absolute; top: 100%; margin-top: 3px; left: 0; width: 100%; height: 300px; background: #ff0000; z-index: 1000; display: none; border-radius: 5px; }
.device-xs .header .search .predictive, .device-sm .header .search .predictive { margin-top: 0px; border-radius: 0px; }

.header .search form { line-height: 1px; }
.header .search fieldset { width: 100%; position: relative; display: inline-block; }
.device-md .header .search fieldset { width: 320px; }
.device-lg .header .search fieldset { width: 400px; }
.header .search .search-box { width: 100%; position: relative; display: inline-block; }
.header .search .search-box .input-style { width: calc(100% - 54px); padding-left: 10px; border: 1px solid #c7ccce; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.header .search .search-box .input-style:hover { border: 1px solid #c7ccce; }
.header .search .search-box .input-style:focus { outline-color: transparent; outline-style: none; }
.device-xs .header .search .search-box .input-style, .device-sm .header .search .search-box .input-style { border: none; }
.header .search .search-box .fa-search { position: absolute; display: block; top: 10px; left: 10px; }
.device-md .header .search .search-box .fa-search, .device-lg .header .search .search-box .fa-search { display: none; }
.header .search .search-box .clear { position: absolute; display: block; top: 4px; right: 4px; display: none; cursor: pointer; }
.header .search button { width: 54px; position: absolute; top: 0; right: 1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.device-xs .header .search button, .device-sm .header .search button { border: 2px solid #ffffff; }



.header .services { width: 100%; height: 32px; position: relative; background: #ecf0f2; }
.device-xs .header .services,
.device-sm .header .services { width: 100%; position: fixed; padding-right: 15px; z-index: 10002; }
.device-xs .header .services { height: 50px; }
.device-sm .header .services { height: 60px; }
/**.device-xs .header .services,
.device-sm .header .services { width: 100%; height: auto; position: absolute; right: 15px; }*/
.header .services .links { position: relative; top: 4px; right: 0px; display: inline; }
.device-xs .header .services .links { position: absolute; top: 15px; }
.device-sm .header .services .links { position: absolute; top: 20px; }
.header .services .links li { display: inline-block; margin-right: 24px; }
.header .services .links li:last-child { margin-right: 10px; }
.device-sm .header .services .links li>a { padding-left: 36px; }
.device-xs .header .services .links li i, .device-sm .header .services .links li i { top: -5px; }
.header .services .links li a { cursor: pointer; }
.device-md .header .services .links li.currency,
.device-lg .header .services .links li.currency {
  padding-left: 22px;
}
.device-xs .header .services .links li.currency { top: 5px; padding-left: 0px; }
.header .services .links li.cta { padding-right: 10px; padding-left: 0px; }
.device-xs .header .services .links li.cta,
.device-sm .header .services .links li.cta,
.device-xs .header .services .links li.stores,
.device-sm .header .services .links li.stores span,
.device-xs .header .services .links li.account span,
.device-sm .header .services .links li.mini-basket span.total,
.device-md .header .services .links li.contact,
.device-lg .header .services .links li.contact,
.device-xs .header .services .links li.contact span{
  display: none !important; }

.device-sm .header .services .links li.contact a { padding-left: 24px; }
.device-xs .header .services .links li.contact { margin-right: 16px; }

.device-md .header .services .links li.account,
.device-lg .header .services .links li.account,
.device-md .header .services .links li.mini-basket,
.device-lg .header .services .links li.mini-basket {
  margin-right: 4px !important; }

.device-xs .header .services .links li.mini-basket span { display: none !important; }
.header .services .links li.mini-basket span.highlight { font-weight: 700; }

.header .services .links .opening-times-link { text-transform: uppercase; }
.device-xs .header .services .links .opening-times-link,
.device-sm .header .services .links .opening-times-link { display: none; }
.header .services .links .opening-times-link a { color: #7f9199; }
.header .services .links .opening-times-link a:hover { color: #576368; }

.header .services .links .info-links { text-transform: uppercase; }
.header .services .links .info-links li { padding: 0px; }
.header .services .links .info-links li:before { content: " "; position: absolute; height: 9px; width: 1px; background: #7f9199; left: -14px; top: 4px; }
.header .services .links .info-links li a { color: #7f9199; padding-left: 0; }
.header .services .links .info-links li a:hover { color: #576368; }
.device-xs .header .services .links .info-links,
.device-sm .header .services .links .info-links { display: none; }

.header .support { position: absolute; top: 35px; right: 15px; cursor: pointer; }
.device-md .header .support { right: 15px; }
.device-xs .header .support, .device-sm .header .support { display: none; }
.header .support li { font-size: 32px; color: #7f9199; text-align: center; }
.header .support li.local { font-size: 13px; padding-left: 30px; margin-top: -1px; }
.header .support i.va-phone { top: -3px; left: 10px; }

.header .live-chat { width: 140px; height: 120px; position: absolute; top: 20px; right: 0; }
.device-xs .header .live-chat, .device-sm .header .live-chat { display: none; }
.header .live-chat img { width: 100%; }

.header-social { position: absolute; right: 8px; top: 6px; }
.device-xs .header-social, .device-sm .header-social { display: none; }
.header-social ul { font-size: 0; position: relative; display: inline-block; }
.header-social li { width: 20px; height: 20px; position: relative; display: inline-block; margin: 0 5px; }
.header-social li a { width: 40px; height: 40px; transform: scale(0.5); position: relative; top: -10px; left: -10px; }
.header-social li span { display: none; }

.header-drop-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 50; display: none; }


/** Currency */
.currency-drop { display: none; position: absolute; top: 100%; left: 50%; margin-top: 10px; margin-left: -50px; width: 100px; background: #ffffff; border: 1px solid #c7ccce; z-index: 1000; text-align: left; border-radius: 5px; }
.currency-drop:after, .currency-drop:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.currency-drop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
.currency-drop:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #c7ccce; border-width: 11px; margin-left: -11px; }

.currency-drop-item { width: 100%; position: relative; padding: 15px; float: left; }


/** Account */
.account-drop { display: none; position: absolute; top: 100%; right: 0; margin-top: 10px; width: 220px; background: #ffffff; border: 1px solid #c7ccce; z-index: 1000; text-align: left; border-radius: 5px; }
.device-xs .account-drop, .device-sm .account-drop { right: -10px; margin-top: 25px; }
.account-drop:after, .account-drop:before { bottom: 100%; right: 20px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.account-drop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-right: -10px; }
.account-drop:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #c7ccce; border-width: 11px; margin-right: -11px; }

.account-drop-item { width: 100%; position: relative; padding: 15px; float: left; }
.account-drop-form { width: 100%; border-bottom: 1px solid #c7ccce; float: left; }
.account-drop-form input { width: 100%; margin-bottom: 10px; }


/** Mini Cart */
.mini-cart { display: none; position: absolute; top: 100%; right: 0; margin-top: 10px; width: 280px; background: #ffffff; border: 1px solid #c7ccce; z-index: 1000; text-align: left; border-radius: 5px; }
.device-xs .mini-cart, .device-sm .mini-cart { right: -10px; margin-top: 25px; }
.mini-cart:after, .mini-cart:before { bottom: 100%; right: 20px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.mini-cart:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-right: -10px; }
.mini-cart:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #c7ccce; border-width: 11px; margin-right: -11px; }

.mini-cart-item { width: 100%; position: relative; padding: 15px; border-bottom: 1px solid #c7ccce; float: left; }
.mini-cart-item .product-image { max-width: 50px; margin-bottom: 0px; padding-right: 10px; float: left; }
.mini-cart-item .product-content { width: auto !important; padding-left: 0px !important; padding-right: 30px !important; float: none !important; overflow: auto; height: auto; }
.mini-cart-item .va-remove { position: absolute; top: 0px; right: 0px; }
.mini-cart-item .va-remove span { display: none; }

.mini-cart-total { width: 100%; padding: 15px; padding-bottom: 0px; text-align: right; float: left; }
.mini-cart-total li { display: block !important; }

.mini-cart-action { width: 100%; padding: 15px; text-align: center; float: left; }
.mini-cart-action button { width: 100%; }
.mini-cart .scroll { max-height: 300px; }

.mini-cart .addedtocart { padding: 20px; display: none; }
.mini-cart .addedtocart div { border: 1px solid #c7ccce; text-align: center; padding: 5px; }
.show-added .mini-cart .addedtocart { display: block; }


/** Opening Times */
.opening-times:hover .opening-times-drop, .support:hover .opening-times-drop { display: block; }
.opening-times-drop { display: none; position: absolute; top: 100%; left: 0; margin-top: 10px; width: 250px; background: #ffffff; border: 1px solid #c7ccce; z-index: 1000; text-align: left; border-radius: 5px; text-transform: none; }
.opening-times-drop:after, .opening-times-drop:before { bottom: 100%; left: 25%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.opening-times-drop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
.opening-times-drop:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #c7ccce; border-width: 11px; margin-left: -11px; }

.opening-times-drop-item { width: 100%; color: #576368; position: relative; padding: 15px; float: left; }
.opening-times-drop-item h3 { font-size: 15px; font-weight: 700; color: #eb1c23; padding: 0; }
.opening-times-drop-item ul { margin-bottom: 15px; }
.opening-times-drop-item li { font-size: 13px !important; display: block !important; text-align: left !important; color: #576368 !important; }
.opening-times-drop-item li, .opening-times-drop-item li:last-child { margin-right: 0 !important; }

.support .opening-times-drop:after, .support .opening-times-drop:before { left: 50%; }


/** Fixed Head */
.device-xs .fixed-head { height: 54px; }
.device-sm .fixed-head { height: 54px; }


/** Header Message */
.header-message-group { width: 100%; background: #ffffcc; position: relative; }
.header-message { text-align: center; padding: 5px 0; }
.header-message a { font-weight: bold; }


/** USP */
.usp-group { width: 100%; background: #e0e4e6; position: relative; z-index: 20; }
.device-xs .usp-group, .device-sm .usp-group { background: #ffffff; border-top: 1px solid #e0e4e6; }
.device-sm .usp-group .container { width: 100%; }
.device-md .usp-group .container, .device-lg .usp-group .container { margin: 0 auto; }
.device-md .usp-group .container {  }
.device-lg .usp-group .container {  }
.usp-item { width: 100%; height: 35px; position: relative; margin-top: 5px; display: block; cursor: pointer; }
.device-xs .usp-item, .device-sm .usp-item { height: auto; padding: 10px 0; text-align: center; }
.usp-item:hover { opacity: 0.5; }
.usp-item a { color: #7f9199; }
.usp-item a:hover { text-decoration: none; }
.usp-item i { width: 50px; height: 30px; position: absolute; }
.device-xs .usp-item i, .device-sm .usp-item i { position: relative; display: inline-block; }
.usp-item i.usp-1 { background-position: -4px -398px; }
.usp-item i.usp-2 { background-position: -56px -398px; }
.usp-item i.usp-3 { background-position: -108px -398px; }
.usp-item i.usp-4 { background-position: -160px -398px; }
.usp-item-content { padding: 0 10px 0 60px; }
.device-xs .usp-item-content, .device-sm .usp-item-content { padding-left: 10px; }


/** Content */
.content-container { width: 100%; position: relative; background: #ffffff; }
.content { background: #ffffff; position: relative; z-index: 10; margin: 0 auto; padding-top: 15px; }
.device-xs .content { margin: 0; padding-top: 15px; }


/** Breadcrumbs */
.breadcrumbs { width: 100%; position: relative; top: 10px; z-index: 20; }
.device-xs .breadcrumbs, .device-sm .breadcrumbs { padding-top: 10px; top: 0px; }
.breadcrumbs span { padding: 0 2px; }


/** Page Title */
.page-title { margin-bottom: 0px; }


/** Hero 1 */
.hero-1 { width: 100%; position: relative; margin-top: 4px; }
.device-xs .hero-1, .device-sm .hero-1 { width: 100%; position: relative; margin-top: 0px !important; }
.device-xs .hero-1, .device-sm .hero-1 { width: 100%; padding-bottom: 32px; padding-top: 0px; background: none; }
.hero-1 .container { z-index: 20; }
.device-xs .hero-1 .container, .device-sm .hero-1 .container { padding: 0px !important; }
.hero-1 .container .row { margin: 0px !important; }
.hero-1 .container .row > div { padding: 0px !important; }
.hero-1 .radio { bottom: -40px; }
.device-xs .hero-1 .radio, .device-sm .hero-1 .radio { bottom: -48px; }

.hero-1 .bg-colors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.device-xs .hero-1 .bg-colors, .device-sm .hero-1 .bg-colors { display: none; }
.hero-1 .bg-colors div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.device-md .hero-1 .slider:after, .device-lg .hero-1 .slider:after { content: " "; height: 100%; position: absolute; right: -26px; width: 26px; }

.hero-1 .navigation { width: 100%; height: 100%; background: #ffffff; position: relative; z-index: 30; }
.device-md .hero-1 .navigation:before, .device-lg .hero-1 .navigation:before { content: " "; height: 100%; position: absolute; left: -26px; width: 26px; }
.hero-1 .navigation .container { width: 100% !important; padding: 0px !important; }
.hero-1 .navigation li { position: relative; background: #f3f5f6; display: block; margin-bottom: 1px; }
.hero-1 .navigation li:nth-child(6n) { margin-bottom: 0; }
.hero-1 .navigation li a { height: 52px; line-height: 52px; font-size: 15px; color: #576368; position: relative; display: block; padding: 0 15px; cursor: pointer; overflow: hidden; }
.device-md .hero-1 .navigation li a { font-size: 13px; }
.hero-1 .navigation li:hover { background: #ffffff; }
.hero-1 .navigation li:hover a { color: #0582d4; text-decoration: none; }
.hero-1 .navigation li.active { font-weight: 500; background: #0582d4; }
.hero-1 .navigation li.active:before { right: 100%; top: 0; border: solid transparent; content: " "; background: #0582d4; height: 52px; width: 10px; position: absolute; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.hero-1 .navigation li.active:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(5, 130, 212, 0); border-left-color: #0582d4; border-width: 26px; margin-top: -26px; }
.hero-1 .navigation li.active a { color: #ffffff; }


/** Hero 2 */
.hero-2 { width: 100%; position: relative; margin-bottom: 30px; }
.device-xs .hero-2 { display: none; }
.hero-2 .container { width: 100%; z-index: 20; padding: 0px !important; }
.hero-2 .container .row { margin: 0px !important; }
.hero-2 .container .row > div { padding: 0px !important; }
.hero-2 img { border-radius: 5px; }

.hero-2 .row { height: 100%; }
.hero-2 .bg-colors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; }
.hero-2 .bg-colors div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/** Hero 3 */
.hero-3 { width: 100%; position: relative; margin-top: 4px; }
.device-xs .hero-3, .device-sm .hero-3 { width: 100%; padding-bottom: 32px; padding-top: 0px; background: none;  margin-top: 0px !important; }
.hero-3 .container { z-index: 20; }
.device-xs .hero-3 .container, .device-sm .hero-3 .container { padding: 0px !important; }
.hero-3 .container .row { margin: 0px !important; }
.hero-3 .container .row > div { padding: 0px !important; }
.hero-3 .radio { bottom: -40px; }
.device-xs .hero-3 .radio, .device-sm .hero-3 .radio { bottom: -48px; }

.hero-3 .bg-colors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; }
.device-xs .hero-3 .bg-colors, .device-sm .hero-3 .bg-colors { display: none; }
.hero-3 .bg-colors div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.device-md .hero-3 .slider:before, .device-lg .hero-3 .slider:before { content: " "; height: 100%; position: absolute; left: -50px; width: 50px; }
.device-md .hero-3 .slider:after, .device-lg .hero-3 .slider:after { content: " "; height: 100%; position: absolute; right: -50px; width: 50px; }


/** Google Rating */
.device-xs .google-rating, .device-sm .google-rating { display:none; }
.google-rating { width: 100%; position: relative; text-align: center; }
.device-md .google-rating.container, .device-lg .google-rating.container { padding: 0 !important; }
.google-rating .row { width: 100%; border: 2px solid #edf1f2; margin: 0; padding: 15px; border-radius: 5px; }
.google-rating .row footer { font-size: 13px; border-top: 1px solid #edf1f2; padding-top: 15px; margin-top: 15px !important; display: block; clear: both; }
.google-rating .row footer p { padding: 0; }

.google-content { margin-bottom: 15px; }
.google-content.highlight { background: #ffffff; border: 2px solid #ed1c24; padding: 10px 25px; margin-left: -40px; margin-right: -40px; box-shadow: 0px 5px 15px rgba(0,0,0,0.25); border-radius: 5px; }
.google-content .logo { text-align: center; margin-bottom: 5px; }
.device-sm .google-content .logo { display: inline-block; margin-right: 15px; }
.google-content .rating { text-align: center; }
.device-sm .google-content .rating { display: inline-block; }

.google-rating header .google { width: 66px; }
.google-rating footer .google { width: 46px; }

.google-rating .sonic-direct { width: 190px; }
.device-xs .google-rating .sonic-direct { width: 170px; }
.device-md .google-rating .sonic-direct { width: 150px; }
.google-rating .currys { width: 80px; }
.google-rating .john-lewis { width: 80px; }
.google-rating .argos { width: 50px; }


/** Feature Boxes */
.feature-box { width: 100%; background: #ffffff; border-radius: 5px; }
.feature-box h3 { width: 100%; font-size: 15px; font-weight: 500; color: #ffffff; background: #0582d4; position: relative; padding: 5px 15px !important; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.feature-box h3 i { top: 2px; }
.feature-box-content { border: 2px solid #edf1f2; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px; }

/** Promo Group */
#promogroup-desktop > .container { width: 100%; padding: 0 !important; margin: 0 !important; }
.promo-group { width: 100%; }
.promo-group.container { padding: 0 !important; margin: 0 !important; }
.promo-group img { border-radius: 5px; }
.promo-group .promo a { display: block; }
.promo-group .promo a:hover { text-decoration: none; color: unset; }


/** Featured News Group */
.featured-news-group { width: 100%; background: #ffffff; position: relative; }
.featured-news-group .featured-news-article { width: 100%; }
.featured-news-group .featured-news-article img { opacity: 1; border-radius: 5px; }
.featured-news-group .featured-news-article:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }
.featured-news-group .featured-news-container h3 { height: 46px; overflow: hidden; color: #ffffff; margin-bottom: 20px; }
.featured-news-group .featured-news-container a { color: #7f9199; }
.featured-news-group .featured-news-container a:hover { color: #7f9199; transition: color 0.25s ease; text-decoration: none; }

.featured-news-group .featured-news-container { width: 100%; background: #576368; padding: 25px 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.device-sm .featured-news-group .featured-news-container { padding: 15px 20px; }


/** Article */
.article img { opacity: 1; border-radius: 5px; }
.article:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }
.article h3 { color: #576368; font-weight: 700; margin-top: 10px; }
.article:hover h3, .article:hover a { color: #0582d4; transition: color 0.25s ease; text-decoration: none; }

.article-featured { padding: 30px; background: #ecf0f2; }
.article-featured a { color: #144484; }
.article-featured:hover h2, .article-featured:hover a { color: #0582d4; transition: color 0.25s ease; text-decoration: none; }
.device-xs .article-featured, .device-sm .article-featured { padding: 15px; }
.device-xs .article-featured-container, .device-sm .article-featured-container { margin-bottom: 15px; }


/** Article Group */
.article-group { width: 100%; position: relative; }
.device-lg .article-group>div>div:nth-child(3n+1),
.device-md .article-group>div>div:nth-child(3n+1),
.device-sm .article-group>div>div:nth-child(2n+1) {
  clear: left; }


/** Buying Guides Group */
.buying-guides-group { width: 100%; position: relative; }
.buying-guides-group .buying-guides-article img { opacity: 1; border-radius: 5px; }
.buying-guides-group .buying-guides-article:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }
.buying-guides-group .buying-guides-article h3  { margin-top: 10px; }

.device-lg .buying-guides-group>div>div:nth-child(3n+1),
.device-md .buying-guides-group>div>div:nth-child(3n+1),
.device-sm .buying-guides-group>div>div:nth-child(2n+1) {
  clear: left; }


/** Video Group */
.video-group { width: 100%; position: relative; }

.device-lg .video-group-list>div>div:nth-child(3n+1),
.device-md .video-group-list>div>div:nth-child(3n+1),
.device-sm .video-group-list>div>div:nth-child(2n+1) {
  clear: left; }
.device-lg .video-group-intro>div>div:nth-child(4n+1),
.device-md .video-group-intro>div>div:nth-child(4n+1),
.device-sm .video-group-intro>div>div:nth-child(2n+1) {
  clear: left; }
.device-lg .video-group-detail>div>div:nth-child(4n+1),
.device-md .video-group-detail>div>div:nth-child(4n+1),
.device-sm .video-group-detail>div>div:nth-child(2n+1) {
  clear: left; }

.video-detail { padding: 30px; color: #80728b; background: #291c31; }
.video-detail h2 { color: #ffffff; }
.device-xs .video-detail, .device-sm .video-detail { padding: 15px; }
.device-xs .video-container, .device-sm .video-container { margin-bottom: 0px; padding-top: 0px !important; }


/** Featured Promo Group */
.featured-promo-group { width: 100%; background: #ffffff; position: relative; }
.device-xs .featured-promo-group { margin-bottom: 15px !important; }
.featured-promo-group .featured-promo img { opacity: 1; border-radius: 5px; }
.device-xs .featured-promo-group .featured-promo img { margin-bottom: 15px; }
.featured-promo-group .featured-promo:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }


/** News Article */
.news-article-group { width: 100%; background: #ffffff; position: relative; }
.news-article { width: 100%; }
.news-article .news-img { width: 56px; height: 56px; margin: 0 0 10px 15px; float: right; }


/** Selected Review */
.selected-review { width: 100%; position: relative; background: #edf1f2; padding: 15px; }
.selected-review-info { position: relative; }
.selected-review-info img { max-width: 50px !important; margin: 0 10px 10px 0; float: left; }
.selected-review-info .author span { display: block; }
.selected-review-desc { clear: both; }
.selected-review-desc ul.reviews { list-style-type: none; margin-left: 0px; padding: 0px; }
.selected-review-desc .stars i { background-color: #edf1f2; }


/** Category Group */
.category-group { width: 100%; background: #ffffff; }
.category { width: 100%; }
.category-image { position: relative; }
.category-image img { border-radius: 5px; }

.device-lg .category-group.x4>div>div:nth-child(4n+1),
.device-md .category-group.x4>div>div:nth-child(4n+1),
.device-sm .category-group.x4>div>div:nth-child(4n+1),
.device-xs .category-group.x4>div>div:nth-child(2n+1) {
  clear: left; }

.device-lg .category-group.x6>div>div:nth-child(6n+1),
.device-md .category-group.x6>div>div:nth-child(6n+1),
.device-sm .category-group.x6>div>div:nth-child(4n+1),
.device-xs .category-group.x6>div>div:nth-child(2n+1) {
  clear: left; }


/** Brand Group */
.brand-group { width: 100%; background: #ffffff; padding: 30px; }
.device-xs .brand-group { padding: 0px; }
.brand-item { width: 100%; }
.brand-item { padding: 15px; }
.device-lg .brand-item { padding: 30px; }
.brand-item a img { border: solid 5px transparent; }
.brand-item a:hover>img { border: solid 5px #edf1f2; }
.brand-item span { display: block; text-align: center; }

.device-lg .brand-group>div>div:nth-child(4n+1),
.device-md .brand-group>div>div:nth-child(4n+1),
.device-sm .brand-group>div>div:nth-child(3n+1),
.device-xs .brand-group>div>div:nth-child(2n+1) {
  clear: left; }


/** Featured Category Group */
.featured-categories-group { width: 100%; position: relative; background: #ffffff; }
.device-md .featured-categories-group, .device-lg .featured-categories-group { display: none; }
.device-xs .featured-categories-group { padding: 0px; }
.featured-categories-group .container { width: 100%; }
.device-xs .featured-categories-group>div>div>div:nth-child(2n+1),
.device-sm .featured-categories-group>div>div>div:nth-child(4n+1) {
  clear: left; }
.featured-category { width: 100%; margin-bottom: 15px; }
.featured-category-image { position: relative; }


/** Product Video Group */
.product-video-group { width: 100%; background: #ffffff; }

.device-lg .product-video-group>div>div:nth-child(3n+1),
.device-md .product-video-group>div>div:nth-child(3n+1),
.device-sm .product-video-group>div>div:nth-child(2n+1){
  clear: left; }


/** Product Groups */
.product-group { background: #ffffff; }

.similar-product-group { width: 100%; background: #ffffff; }

.device-lg .similar-product-group>div>div:nth-child(4n+1),
.device-md .similar-product-group>div>div:nth-child(4n+1),
.device-sm .similar-product-group>div>div:nth-child(2n+1){
  clear: left; }

.bundle-product-group { width: 100%; background: #ecf1d2; padding: 15px; border-radius: 5px; }
.bundle-product-group h3 { color: #576368; }
.bundle-product .product { background: #ffffff; padding: 15px; margin-bottom: 2px; }

.cross-product-group { width: 100%; }
.device-xs .cross-product-group, .device-sm .cross-product-group { background: #ffffff; }
.cross-product { background: #ffffff; border-top: 10px solid #edf1f2; padding-top: 15px; }
.cross-product .colousel .colousel-prev { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.cross-product .colousel .colousel-next { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.cross-product .brand-logo, .cross-product .product-info-link { display: none; }
.device-md .cross-product .sticker-attribute, .device-lg .cross-product .sticker-attribute { width: 54px; height: 54px; }
.cross-product .colousel-inner { margin-left: -6px; margin-right: -6px; }
.cross-product .colousel-inner>[class*="col-"] { padding: 0 6px; }
.cross-product .product { margin-top: 26px; margin-bottom: 4px; padding: 15px; border-radius: 5px; border: 1px solid #e0e4e6; }





.linked-product-group { width: 100%; }
.linked-product-group .container { padding-left: 0 !Important; padding-right: 0 !Important; }
.device-xs .cross-product-group, .device-sm .linked-product-group { background: #ffffff; }
.linked-products .colousel .colousel-prev { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.linked-products .colousel .colousel-next { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.linked-products .brand-logo, .linked-products .product-info-link { display: none; }
.device-md .linked-products .sticker-attribute, .device-lg .linked-products .sticker-attribute { width: 54px; height: 54px; }
.linked-products .colousel-inner { margin-left: -6px; margin-right: -6px; }
.linked-products .colousel-inner>[class*="col-"] { padding: 0 6px; }
.linked-products .product { padding: 15px; border-radius: 5px; border: 1px solid #e0e4e6; }
.linked-products .product .stock-level li { margin-top: 10px; }
.linked-products .product .before-price { text-decoration: line-through; }
.linked-products .product .old-price .price { text-decoration: line-through; }
.linked-products .product .discounted-price-text, .linked-products .product .discounted-price { color: #a4b82d }
.linked-products .product .discounted-price-text { margin-bottom: -2px !important; }
.linked-products .product .compare.mart-m { border-top: 1px solid #e0e4e6; margin-top: 0 !important; padding-top: 7px !important; }
.linked-products .product .linked-product-add { border-top: 1px solid #e0e4e6; padding-top: 10px; }
.linked-products .product .linked-product-add .btn-primary-collection { margin-top: 5px; }
.linked-products .product .product-content { width: 100% !important; }
.linked-products .product .product-image { width: 100% !important; }

.tab-nav li.tab-promotion-bg { background-color: #cf1c22 !important; border-color: #cf1c22 !important; color: white !important; }
.tab-nav li.active.tab-promotion-bg, .tab-nav li.tab-promotion-bg:hover { background-color: #cf1c22 !important; border-color: #cf1c22 !important; color: white !important; }

.tab-content .tab-pane .collapse-title.tab-promotion-bg { background-color: #cf1c22 !important; border-color: #cf1c22 !important; color: white !important; }
.tab-content .tab-pane.active .collapse-title.tab-promotion-bg { background-color: #cf1c22 !important; border-color: #cf1c22 !important; color: white !important; }


.recent-product-group { width: 100%; background: #ffffff; }
.recent-product { background: #ffffff; border-top: 2px solid #edf1f2; padding-top: 15px; }

.device-md .cross-product >div,
.device-lg .cross-product >div,
.device-md .recent-product >div,
.device-lg .recent-product >div {
  padding: 0;
}
.similar-product .product-content header h3,
.recent-product .product-content header h3 {
  font-size: 13px; line-height: 17px;
}
.similar-product .product-content .current-price,
.recent-product .product-content .current-price {
  font-size: 15px; line-height: 19px;
}

.product-content .pay-by-finance { font-size: 14px; color: #7f9199; margin-top: -17px; margin-bottom: 15px; line-height: 1.4; }
.device-sm .prod-grid-md .product-content .pay-by-finance .pay-by-finance-text-start,
.device-md .prod-grid-md .product-content .pay-by-finance .pay-by-finance-text-start,
.device-lg .prod-grid-md .product-content .pay-by-finance .pay-by-finance-text-start {
  display: block; line-height: 1.2; padding-top: 3px; }
.product-content .pay-by-finance .pay-by-finance-price { font-weight: bold; color: #e20a16; }
.product-content .pay-by-finance img { height: 14px; display: inline-block; vertical-align: middle; margin-left: 1px; }

.featured-product-group { width: 100%; }
.featured-product-group .title { background: #c7ccce; padding: 10px 15px; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.featured-product-group .product-list-results { margin-top: -26px; }


/** Product Item */
.product { width: 100%; padding: 15px 0 10px 0; margin-bottom: 30px; float: left; background: #ffffff; }
.similar-product .product { padding: 0px; }

.product-title {  position: relative; float: left; }

.similar-product .product-title { margin-bottom: 5px; }
.product-title a { display: block; }
.product-title a .prod-title-desc { font-weight: 400; color: #576368; }
.cross-product .product-title a .prod-title-desc,
.recent-product .product-title a .prod-title-desc,
.product-comparison .product-title a .prod-title-desc,
.device-xs .prod-grid-md .product-title a .prod-title-desc,
.device-sm .prod-grid-sm .product-title a .prod-title-desc,
.device-md .prod-grid-sm .product-title a .prod-title-desc,
.device-lg .prod-grid-sm .product-title a .prod-title-desc {
  display: block; }

.product-image .resp-img {width: auto; max-width: 100%; height: auto;}

.product-image, .device-xs .prod-grid-md .product-image { width: 100%; text-align: center; position: relative; margin-bottom: 15px; }
.bulk-product .product-image,
.device-xs .product-image,
.device-sm .product-image,
.device-xs .prod-grid-sm .product-image,
.device-xs .prod-grid-md .product-image,
.device-sm .prod-grid-sm .product-image {
  width: 34%;
  float: left; }
.device-xs .product-image,
.device-sm .product-image,
.device-xs .prod-grid-sm .product-image,
.device-xs .prod-grid-md .product-image,
.device-xs .prod-grid-lg .product-image,
.device-sm .prod-grid-sm .product-image,
.device-sm .prod-grid-lg .product-image,
.device-md .prod-grid-lg .product-image,
.device-lg .prod-grid-lg .product-image {
  margin-bottom: 0; }
.similar-product .product-image,
.device-sm .prod-grid-md .product-image {
  width: 20%;
  float: left; }
.bundle-product .product-image,
.device-md .prod-grid-md .product-image,
.device-lg .prod-grid-md .product-image {
  width: 30%; text-align: center;
  float: left; }
.cross-product .product-image,
.recent-product .product-image,
.device-xs .prod-grid-lg .product-image,
.device-sm .prod-grid-lg .product-image {
  width: auto;
  float: none; }
.product-image .product-img { border: none; }
.device-md .prod-grid-md .product-image .product-img ,
.device-lg .prod-grid-md .product-image .product-img {
  width: auto; }
.product-content { position: relative; }

.bulk-product .product-content,
.device-xs .product-content,
.device-sm .product-content,
.device-xs .prod-grid-sm .product-content,
.device-xs .prod-grid-md .product-content,
.device-sm .prod-grid-sm .product-content {
  width: 64%;
  padding-left: 10px;
  float: right; }
.similar-product .product-content,
.device-sm .prod-grid-md .product-content {
  width: 78%;
  padding-left: 10px;
  float: right; }
.bundle-product .product-content,
.device-md .prod-grid-md .product-content,
.device-lg .prod-grid-md .product-content {
  width: 68%;
  padding-left: 10px;
  float: right; }
.cross-product .product-content,
.recent-product .product-content,
.device-xs .prod-grid-lg .product-content,
.device-sm .prod-grid-lg .product-content {
  width: auto;
  padding-left: 0px;
  float: none; }
.device-xs .prod-grid-lg .product-content,
.device-sm .prod-grid-lg .product-content,
.device-md .prod-grid-lg .product-content,
.device-lg .prod-grid-lg .product-content {
  display: none; }
.product-content .brand-logo { max-width: 80px; margin-bottom: 10px;}
.device-xs .product-content .brand-logo, .device-sm .product-content .brand-logo { max-width: 60px; }
.device-md .prod-grid-sm .product-content .brand-logo,
.device-lg .prod-grid-sm .product-content .brand-logo {
  display: none; }
.product-desc-wrap { margin-bottom: 15px; }
.device-sm .prod-grid-md .product-desc-wrap,
.device-md .prod-grid-md .product-desc-wrap,
.device-lg .prod-grid-md .product-desc-wrap {
  width: 68%;
  float: left; }
.product-desc-wrap .reviews,
.product-detail .reviews {
  clear: left;
  position: relative;
    display: inline-block;
    margin-top: 5px;
  margin-bottom: 5px;
    width: 100% !important;
}
reevoo-badge:not([style]) + .no-review {
  display: block !important;
  max-width: 227px;
  height: 37px;
  background-image: url("../images/skin/no-review-badge.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.no-review-content {
  display: flex;
    flex-direction: column;
    align-items: center;
}
.no-review-content > span {
  font-size: 20px;
  font-weight: 500;
}
.no-review-content > img {
  margin-top: 10px;
  width: 100px;
}


.product-desc ul { margin-left: 0px; padding-bottom: 0; clear: left; }

.device-sm .prod-grid-sm .product-desc .bullets,
.device-md .prod-grid-sm .product-desc .bullets,
.device-lg .prod-grid-sm .product-desc .bullets { display: none; }

.product-desc .bullets a { color: #576368; }
.product-desc .bullets a:hover { text-decoration: none; }
.product-desc-short { display: none; }
.device-sm .prod-grid-md .product-desc-short,
.device-md .prod-grid-md .product-desc-short,
.device-lg .prod-grid-md .product-desc-short {
  display: block !important; }
.device-sm .prod-grid-md .product-list,
.device-md .prod-grid-md .product-list,
.device-lg .prod-grid-md .product-list {
  width: 30%;
  text-align: right;
  float: right; }
.device-sm .prod-grid-md .product-list .stock-level li,
.device-md .prod-grid-md .product-list .stock-level li,
.device-lg .prod-grid-md .product-list .stock-level li {
  float: right; }
.product .availability i { top: 0px; }

.device-sm .prod-grid-md .availability i.fa-li,
.device-md .prod-grid-md .availability i.fa-li,
.device-lg .prod-grid-md .availability i.fa-li {
  position: static; }
.device-xs .prod-grid-md .product-info-link,
.device-sm .prod-grid-sm .product-info-link,
.device-md .prod-grid-sm .product-info-link,
.device-lg .prod-grid-sm .product-info-link {
  display: none; }
.device-sm .prod-grid-md .compare.va-ul li,
.device-md .prod-grid-md .compare.va-ul li,
.device-lg .prod-grid-md .compare.va-ul li {
  /*display: inline-block !important;*/
  float: right; }
.product .compare.mart-m { margin-top: 14px !important; }

.device-xs .bulk-product .product { margin-bottom: 5px; }
.device-md .bulk-product .sticker-attribute, .device-lg .bulk-product .sticker-attribute { width: 54px; height: 54px; }
.bulk-product table { width: 100%; margin-top: 15px; }
.device-xs .bulk-product table { margin-top: 0px; margin-bottom: 30px; }
.bulk-product table tr { background: #edf1f2; border-bottom: 1px solid #ffffff; }
.bulk-product table tr:nth-child(even) { background-color: #f2f6f7; }
.bulk-product table td { padding: 10px; }
.bulk-product table td:last-child { width: 1%; padding-left: 30px; text-align: left; }


/** SwitchIt Grid Clear Fixes */
.device-lg .prod-grid-sm:nth-child(3n+1),
.device-lg .prod-grid-lg:nth-child(3n+1),
.device-md .prod-grid-sm:nth-child(3n+1),
.device-md .prod-grid-lg:nth-child(3n+1),
.device-sm .prod-grid-sm:nth-child(2n+1),
.device-sm .prod-grid-lg:nth-child(4n+1),
.device-xs .prod-grid-md:nth-child(2n+1),
.device-xs .prod-grid-lg:nth-child(3n+1) {
  clear: left; }


/** Product Item Obsolete */
.product-obsolete { border: 1px solid #ecf0f2; margin-bottom: 30px; border-radius: 5px; overflow:hidden; }
.product-obsolete .product { padding: 10px; margin: 0; text-align: center; }
.device-sm .product-obsolete { width: 100%; float: left; }
.device-sm .product-obsolete .product-title { width: 70%; float: right; margin-top:15px; }
.product-obsolete .product-title .prod-title { display:block; }
.product-obsolete .product-image { width: 100%; float: none;}
.device-sm .product-obsolete .product-image { width: 30%; float: left;}
.device-sm .product-obsolete .product-message { width: 70%; float: right; }


/** Product List Results */
.product-list-results { margin-left: -6px; margin-right: -6px; margin-bottom: 30px; }
.product-list-results>[class*="col-"] { padding: 0 6px; }
.product-list-results .product { margin-top: 26px; margin-bottom: 4px; padding: 15px; border-radius: 5px; border: 1px solid #e0e4e6; }


/** Product Item Highlight */
.prod-highlight .prod-highlight-sticker { position: absolute; top: 14px; z-index: 10; display: block; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.prod-highlight .prod-highlight-sticker span { background: #ffffff; height: 26px; font-size: 17px; font-weight: 700; line-height: 26px; padding: 0 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; white-space: nowrap; }

.device-xs .prod-grid-sm .prod-highlight .prod-highlight-sticker,
.device-sm .prod-grid-sm .prod-highlight .prod-highlight-sticker,
.device-sm .prod-grid-md .prod-highlight .prod-highlight-sticker,
.device-md .prod-grid-md .prod-highlight .prod-highlight-sticker,
.device-lg .prod-grid-md .prod-highlight .prod-highlight-sticker {
  left: 30px; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);
}

.product-detail-group .prod-highlight { border: 1px solid #ed1c24; padding: 15px; border-radius: 5px; position: relative; margin-top: 15px; }
.product-detail-group .prod-highlight .prod-highlight-sticker { top: -15px; }
.product-detail-group .prod-highlight .prod-highlight-sticker span { font-size: 24px; }


/** Special Message */
.special-message { font-weight: 500; color: #0582d4; margin-top: 5px; display: inline-block; }
.special-message ul { padding-bottom: 0; }
.special-message li { margin: 5px 0; }
.special-message-promo { width: 100%; font-weight: 500; color: #99cc00; padding: 10px 10px 10px 10px; margin-top: 10px; background: rgba(153, 204, 0, 0.1); display: inline-block; border-radius: 3px; }
.basket-item-promotion-info { width: 100%; font-weight: 500; color: #99cc00; padding: 10px 10px 10px 10px; margin: 10px 0 10px 0; background: rgba(153, 204, 0, 0.1); display: inline-block; border-radius: 3px; }
.basket-item-promotion-info a { color: #99cc00; }


/** Stock Level */
.stock-level li { position: relative; padding: 3px 8px 2px; float: left; }
.stock-level li>span { display: block; }
.stock-level li.stock-notice { margin-left: 5px; padding-left: 28px; }
.stock-level li.stock-notice i { top: 3px; }
.stock-level li.store-message { clear: left; }


/** Colour Swatch */
.colour-swatch { font-size: 0; position: relative; min-height: 20px; }
.colour-swatch li { width: 20px; height: 20px; border: 1px solid #c7ccce; padding: 1px; margin: 0 4px 4px 0; float: left; cursor: pointer; }
.colour-swatch li img, .colour-swatch li .colour-swatch-bg { width: 16px; height: 16px; display: block; }
.colour-swatch li.selected, .colour-swatch li:hover.selected { border: 1px solid #7f9199; }
.colour-swatch li:hover { border: 1px solid #7f9199; }
.colour-swatch li span.title { display: none; }


/** Sorting */
.sorting { position: relative; background: #ffffff; z-index: 10; }
.sorting .displaying { padding: 6px 0; display: inline-block; float: left; }
.device-xs .sorting .displaying, .device-sm .sorting .displaying { margin-bottom: 5px; }
.sort-options { position: relative; float: right; }
.device-xs .sort-options, .device-sm .sort-options { margin-right: 0; float: left; clear: both; }
.sort-options li { position: relative; display: block; margin-left: 4px; float: left; }
.device-xs .sort-options li, .device-sm .sort-options li { margin-left: 0px; margin-right: 4px; }
.sort-options label { vertical-align: top; padding: 5px 5px 0 0; }
.device-xs .sort-options label { display: none; }
.switch-view { font-size: 0; position: relative; margin-left: 10px; float: right; }
.switch-view li { width: 27px; height: 26px; border: 1px solid #c7ccce; position: relative; margin-left: 4px; float: left; cursor: pointer; opacity: 0.5; border-radius: 3px; }
.switch-view .active-view { border: 1px solid #7f9199; opacity: 1; }
.switch-view .active { border: 1px solid #7f9199; opacity: 1; }
.switch-view li span { display: none; }

.device-xs .switch-view { display: none; }

.switch-grid-sm { background-position: -5px -175px; }
.device-xs .switch-grid-sm { background-position: -34px -175px; }
.device-sm .switch-grid-sm { background-position: -92px -175px; }
.switch-grid-md { background-position: -34px -175px; }
.device-xs .switch-grid-md { background-position: -92px -175px; }
.switch-grid-lg { background-position: -63px -175px; }
.device-sm .switch-grid-lg { background-position: -5px -175px; }


/** Paging */
.paging { background: #ffffff; padding: 15px 0; font-size: 16px; line-height: 19px; }
.paging ul { display: inline-block; }
.paging li { white-space: nowrap; display: inline; float: left; }
.paging li a { font-weight: bold; height: 46px; line-height: 46px; border: 1px solid #e0e4e6; display: block; padding: 0 10px; min-width: 2.8em; text-decoration: none; text-align: center; background: #ffffff; margin: 0 1px; border-radius: 3px; }
.paging li a:hover { background: #f2f6f7; }
.paging li.more { display: block; padding: 14px 4px 4px; }
.paging li.previous a, .paging li.next a { color: #ffffff; background: #e0e4e6; border: 1px solid #e0e4e6; }
.paging li.previous i, .paging li.next i { transform: scale(1.25); }
.paging li.active a, .paging li.disabled a { pointer-events: none; cursor: default; }
.paging li.active a { color: #ffffff; background: #7f9199; border: 1px solid #7f9199; }
.paging li.disabled a { color: #c7ccce; background: #edf1f2; border: 1px solid #edf1f2; }
.paging li.disabled i { color: #c7ccce; }


/** Intro */
.intro { width: 100%; background: #ffffff; }
.device-xs .intro { display: none; }


/** Secondary Nav */
.secondary-nav { width: 100%; background: #ffffff; position: relative; margin-bottom: 30px; }
.secondary-nav h3 { width: 100%; color: #7f9199; background: #edf1f2; display: block; padding: 10px; position: relative; margin-bottom: -1px; border: 1px solid #e0e4e6; }
.secondary-nav li { position: relative; margin-bottom: -1px; border: 1px solid #e0e4e6; }
.secondary-nav li a { color: #576368; display: block; background: #f2f6f7; padding: 10px; position: relative; }
.secondary-nav li li { position: relative; margin-bottom: 0px; border: none; }
.secondary-nav li li a { background: #ffffff; padding: 5px 20px; }
.secondary-nav li a:hover { background: #edf1f2; text-decoration: none; }


/** Filters */
.filters { width: 100%; background: #ffffff; float: left; }
.filters .fb { width: 100%; float: left; }
.filters .fb header { width: 100%; position: relative; display: block; margin-top: 10px; padding-top: 15px; border-top: 1px solid #c7ccce; float: left; }
.filters .fb header.title { border-top: none; padding-bottom: 15px; }
.filters .expand-link{ position: relative; cursor: pointer; }
.filters .expand-link i{ position: absolute; left: auto; right: 0; top: 0; }
.filters .expand-link i.fopen, .filters .expand-link.filter-collapse i.fclose { display:none; }
.filters .expand-link.filter-collapse i.fopen { display: block; }
.filters .expand-box { width: 100%; height: auto; padding-top: 10px; position: relative; display: block; overflow: hidden; }

.filters div.filter-content { width: 100%; display: block; height: auto; overflow: auto; }
.filters ul.filter-content { width: 100%; padding-right: 20px; }
.filters .filter-content h3 { height: 0; margin: 0; text-indent: -9999px; line-height: 0; }
.filters .filter-content li { padding: 3px 0; }
.filters .filter-content.span2 li { width: 50%; display: block; float: left; }

.filters .filter-content li { position: relative; padding-left: 24px; }
.filters .filter-content li input[type=checkbox] { display: none; }
.filters .filter-content i { position: absolute; top: 2px; left: 0; }

.filters .filter-content i.fchecked, .filters .filter-content li.checked i.funchecked { display: none; }
.filters .filter-content li.checked i.fchecked { display: block; }

.filters .filter-content .css-label:hover { text-decoration: underline; cursor: pointer; }
.filters .filter-content .disabled { pointer-events: none; cursor: default; opacity: 0.5; }

.filters .colour-box { margin-left: -2px; }
.filters .colour-box li { width: 18px; height: 21px; float: left; margin: 3px 5px; padding-left: 0px; }
.filters .colour-box .css-label { width: 18px; height: 18px; display: block; text-indent: -1999px; background: none; padding: 0 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #e0e4e6; cursor: pointer; }
.filters .colour-box .css-label:hover { box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #7f9199; }
.filters .colour-box input[type=checkbox].css-checkbox:checked ~ .css-label { box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #7f9199; }


/** Brand Filter */
.brand-filter { background: #ffffff; position: relative; padding-bottom: 15px; }
.device-xs .brand-filter, .device-sm .brand-filter { display: none; }
.brand-filter ul { text-align: center; }
.brand-filter li { display: inline-block; margin: 1px; border: 2px solid transparent; }
.brand-filter li.disabled { pointer-events: none; cursor: default; opacity: 0.2; -webkit-filter: grayscale(100%); }
.brand-filter li img { min-width: 88px; }
.brand-filter li:hover { border: 2px solid #e0e4e6; }
.brand-filter li.selected { border: 2px solid #7f9199; }
.brand-filter li a img { width: 78px; height: auto; }


/** Product Detail */
.product-detail-group { background: #ffffff; }

.device-lg .product-detail-group .product-detail-actions { padding-left: 45px; }

.product-detail-images { width: 100%; position: relative; border: none; text-align: center; }
.device-xs .product-detail-images { padding-top: 20px; }
.product-detail-images .sticker-promo { width: 80px; height: 80px; left: auto; right: 0; font-size: 23px; line-height: 20px; padding-top: 17px; }
.device-xs .product-detail-images .sticker-promo, .device-sm .product-detail-images .sticker-promo { width: 58px; height: 58px; font-size: 19px; line-height: 15px; padding-top: 12px; }
.product-detail-images .sticker-promo span { font-size: 17px; }
.device-xs .product-detail-images .sticker-promo span, .device-sm .product-detail-images .sticker-promo span { font-size: 13px; }

.product-detail-images .sticker-voucher { width: 80px; height: 80px; left: auto; left: 0; font-size: 23px; line-height: 20px; padding-top: 17px; }
.device-xs .product-detail-images .sticker-voucher, .device-sm .product-detail-images .sticker-voucher { width: 58px; height: 58px; font-size: 19px; line-height: 15px; padding-top: 12px; }
.product-detail-images .sticker-voucher span { font-size: 13px; line-height: 13px; }
.device-xs .product-detail-images .sticker-voucher span, .device-sm .product-detail-images .sticker-voucher span { font-size: 10px; line-height: 10px; }

.product-detail-images .sticker-cashback { width: 80px; font-size: 23px; font-weight: 700; line-height: 20px; padding: 8px 0; top: 90px; }
.device-xs .product-detail-images .sticker-cashback, .device-sm .product-detail-images .sticker-cashback { width: 58px; font-size: 19px; line-height: 15px; top: 68px; }
.product-detail-images .sticker-cashback span { font-size: 13px; line-height: 15px; }
.device-xs .product-detail-images .sticker-cashback span, .device-sm .product-detail-images .sticker-cashback span { font-size: 10px; line-height: 10px; }

.product-detail-images .sticker-attribute { width: 96px; height: 96px; }
.device-xs .product-detail-images .sticker-attribute, .device-sm .product-detail-images .sticker-attribute { width: 72px; height: 72px; }

.primary-image { width: 100%; position: relative; margin-bottom: 15px; }
.device-xs .primary-image img { max-width: 320px; }

.secondary-images ul { font-size: 0; text-align: center; padding: 0 10px; }
.secondary-images li { width: 58px; display: inline-block; vertical-align: middle; border: 1px solid #c7ccce; margin: 4px; position: relative; }

.attribute-images ul { font-size: 0; text-align: center; padding: 0 10px; }
.attribute-images li { width: 72px; display: inline-block; vertical-align: middle; margin: 4px; position: relative; }

.product-detail-video { margin-bottom: 45px; }
.product-detail-video .container { color: #576368; background: #ffffff; padding: 15px; border: 2px solid #c7ccce; border-radius: 5px; }
.device-lg .product-detail-video .container { width: 340px; }
.device-md .product-detail-video .container { width: 340px; }

.product-detail { margin-bottom: 0px !important; }

.product-detail .brand-logo { max-width: 100px; margin-bottom: 15px; }
.device-xs .product-detail .brand-logo { max-width: 80px; }
.product-detail .product-desc { min-height: inherit; }
.product-detail .product-desc ul { margin-bottom: 15px; }

.product-detail .special-message { font-size: 13px; line-height: 17px; margin-bottom: 15px; }
.product-detail .special-message ul { margin-bottom: 0 !important; }

.product-detail .pay-by-finance { font-size: 17px; color: #7f9199; margin-top: -10px; margin-bottom: 15px; }
.product-detail .pay-by-finance a { font-weight: bold; color: #e20a16; border-bottom: 1px solid #7f9199; }
.product-detail .pay-by-finance a:hover { border-color: #e20a16; }
.product-detail .pay-by-finance img { height: 17px; display: inline-block; vertical-align: middle; margin-left: 1px; }

.device-xs .offerfinance h2, .device-sm .offerfinance h2 { text-align: center; padding-bottom: 0 !important; }

.product-select li { margin-bottom: 10px; }
.device-xs .product-select .select-style { width: 100%; }
.device-sm .product-select .select-style, .device-md .product-select .select-style, .device-lg .product-select .select-style { min-width: 300px; }

.product-qty { white-space: nowrap; }
.product-qty label { padding-right: 5px; }
.product-qty .input-style { text-align: center; }

.product-links { background: #edf1f2; padding: 15px; margin-bottom: 15px; }
.product-links h4 { padding-top: 0; }

.product-warranty { border-top: 1px solid #c7ccce; padding-top: 15px; }
.product-warranty .retracare img { width: 85px; margin-top: -3px; }
.product-warranty .retracare { background: #cccccc; padding: 8px 5px; }
.product-warranty h3 { font-size: 15px; font-weight: bold; color: #3E739E; padding-bottom: 0; }
.product-warranty h3 a { font-size: 12px; color: #0582d4; }

.product-warranty .warrantytype { border-bottom: 1px solid #c7ccce; padding-top: 15px; }
.product-warranty .warrantytype.standard { padding-top: 5px; }
.product-warranty .logo { width: 85px; margin-left: 10px; margin-bottom: 10px; float: right; }
.product-warranty .title { font-weight: bold; }
.product-warranty .title a { color: #0582d4; }


.product-buy.action  { border: none; padding: 0; margin-bottom: 0 !important; }
.product-buy .row { margin: 0; padding-top: 5px; }
.product-buy .row>[class*="col-"] { margin-bottom: 8px; padding: 0; }
.product-buy p, .product-buy h3 { font-size: 13px; line-height: 17px; text-align: left; padding: 0; }
.product-buy h3 { padding: 0; }

.product-buy .delivery { padding-bottom: 7px; margin-bottom: 1px; }
.product-buy .delivery h3, .product-buy .delivery p { color: #eb1c23; }
.product-buy .delivery p.slots { padding-top: 0px; }
.product-buy .delivery p.slots a { color: #576368;  }
.product-buy .collection { padding-bottom: 7px; margin-bottom: 1px; }
.product-buy .collection h3, .product-buy .collection p { color: #576368; }
.product-buy .collection .btn-primary, .btn-primary.btn-primary-collection { background: #2581c4; }
.product-buy .collection .btn-primary:hover, .btn-primary.btn-primary-collection:hover { background: #2271ab; }
.product-buy .bundle { padding-bottom: 7px; margin-bottom: 1px; }
.product-buy .bundle h3, .product-buy .bundle p { color: #576368; }
.product-buy .bundle .btn-primary { background: #7f9199; }
.product-buy .bundle .btn-primary:hover { opacity: 0.9; }
.product-buy .bundle .va-popover-content { font-size: 13px; line-height: 17px; text-align: center !important; padding: 12px 15px; }

.product-buy .voucher-code-group { background: #dedcdd; padding: 10px; border-radius: 3px; margin-bottom: 17px; }
.product-buy .voucher-code { text-align: center; }
.product-buy .voucher-code h3 { font-size: 20px; font-weight: 700; line-height: 23px; color: #ed008e; margin-bottom: 5px; text-align: center; }
.product-buy .voucher-code p { margin-bottom: 10px; text-align: center; }
.product-buy .voucher-code .input-voucher { width: calc(100% - 84px); border: none; font-weight: 700; text-align: center; color: #16468e; }
.product-buy .voucher-code .btn-voucher { font-weight: 700; background-color: #ed008e; color: #ffffff; }
.product-buy .voucher-code .btn-voucher:hover { background: #ce007b !important; }

.product-buy .voucher-code .alert-success { background-color: #ffffff; border-color: #ed008e; color: #576368; }

.flexible-payments { background: #a4b82d !important; }
.flexible-payments:hover { background: #90a128 !important; }
.flexible-payments img { max-width: 102px; vertical-align: middle; margin-left: 5px; }
.device-md .collection .flexible-payments img { max-width: 72px; }
.device-xs #addtofinance.flexible-payments img  { display: none; }

.paypal-credit { background: linear-gradient(90deg, rgba(25,112,183,1) 0%, rgba(32,65,144,1) 100%) !important; padding: 0 !important; }
.paypal-credit img { max-height: 44px; }

.paypal-payin3 { background: #023188 !important; padding: 0 !important; }
.paypal-payin3 img { max-height: 44px; }

.price-beat-popup { background: #a4b82d !important; padding: 0 !important; }
.price-beat-popup img { max-height: 44px; }

.view-instore { background: #dedcdd !important; padding: 0 !important; color: #0582d4 !important; }

.device-md .product-detail .row>.col-md-4,
.device-lg .product-detail .row>.col-md-4 {
  text-align: right; }

.product-detail .compare { margin-bottom: 0 !important; }

.product-detail .va-popover-content {
  left: 0;
  margin-left: 0px;
  z-index: 40 !important;
}
.product-detail .va-popover-content:after,
.product-detail .va-popover-content:before {
  left: 30px;
}

.product-services { position: relative; padding-bottom: 15px; clear: both; }
.product-services li { font-weight: bold; }

.product-delivery-calculator  { width: 100%; background: #ecf1d2; padding: 15px; border-radius: 5px; margin-bottom: 30px; }


/* Product Attributes */
.product-attributes li { margin-bottom: 15px; }
.product-attributes li { float: left; margin-right: 15px; }
.product-attributes li img { width: 70px; }


/* Share Buttons */
.share-buttons { font-size: 1px; margin-bottom: 30px; border-top: 1px solid #c7ccce; padding: 15px 0; }
.share-buttons iframe, .share-buttons>span { vertical-align: middle; }
.share-buttons>span { display: inline-block; position: relative; margin: 0 10px 5px 0; }
.device-md .share-buttons>span { margin-right: 5px; }
.share-buttons span.facebook { top: -1px; }


/** Action */
.action { border: 1px solid #c7ccce; padding: 15px; text-align: center; }
.device-sm .action .availability li { display: inline-block; }


/** Product Bundle Group */
.product-bundle-group { width: 100%; background: #ffffff; }
.product-bundle { padding: 15px; margin-bottom: -1px; border: 1px solid #c7ccce; }
.device-xs .product-bundle .products { margin-bottom: 10px; }
.product-bundle .products li { width: 96px; display: inline-block; vertical-align: middle; border: none; margin: 0 26px 10px 0; position: relative; }
.device-xs .product-bundle .products li { width: 48px; }
.product-bundle .products li .va-plus { position: absolute; display: block; top: 50%; right: -24px; margin-top: -8px; }
.product-bundle .product-prices { text-align: right; }
.device-xs .product-bundle .product-prices, .device-sm .product-bundle .product-prices { text-align: left; }


/** Tab Content */

.device-xs .home-tabs, .device-sm .home-tabs { display: none; }
.tab-content .tab-pane { position: relative; display: none; }
.tab-content .tab-pane.active { display: block; }
.oj-collapse-tabs .desktop-only, .oj-collapse-tabs .mobile-only { display:none; }
.oj-collapse-tabs.desktop .desktop-only, .oj-collapse-tabs.mobile .mobile-only { display:block; }
.oj-collapse-tabs.mobile .tab-pane { display: block; }
.oj-collapse-tabs.desktop .oj-click { cursor:auto; }
.oj-collapse-tabs.desktop .oj-content { height: auto !important; display: block !important; }
.oj-collapse-tabs .oj-content { padding-top: 15px; }

.tab-nav { padding-bottom: 0; margin: 0; border-bottom: 2px solid #edf1f2; }
.tab-nav li { height: 50px; line-height: 30px; font-size: 13px; font-weight: 700; position: relative; top: 2px; margin-right: 4px; list-style: none; padding: 8px 12px; color: #ffffff; background: #a4b82d; border: 2px solid #a4b82d; border-bottom-width: 0; float: left; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.device-md .tab-nav li { margin-right: 2px; }
.tab-nav li.active, .tab-nav li:hover { color: #e20a16 !important; background: #ffffff !important; border: 2px solid #c7ccce; border-bottom-color: transparent !important; }
.tab-nav li.active { border-bottom-color: #ffffff; !important; }
.tab-nav li.twolines { line-height: normal; }
.tab-nav li.twolines .br { display: block; }

.tab-nav li.va-tab-md { padding-left: 46px; }
.tab-nav li.va-tab-md i { top: 50%; left: 10px; margin-top: -13px; }
.tab-nav li.va-tab-md.active i.va-reviews, .tab-nav li.va-tab-md:hover i.va-reviews { background-position: -196px -174px; }
.tab-nav li.va-tab-md.active i.va-reviews, .tab-nav li.va-tab-md:hover i.va-trustpilot { background-position: 0px 0px; }

/* Trustpilot Tab */
.tab-nav li.trustpilot { width: 124px; color: #999999 !important; background: #ffffff !important; border-color: #c94e88 !important; border-bottom-width: 0; text-align: center; }
.tab-nav li.trustpilot.active, .tab-nav li.trustpilot:hover { color: #999999 !important; background: #ffffff !important; border: 2px solid #c7ccce; border-bottom-color: transparent !important; }
.tab-nav li.trustpilot.active { border-bottom-color: #ffffff; !important; }
.tab-nav li.trustpilot span { font-size: 14px; font-weight: normal; width: 84px; position: absolute; top: 32px; line-height: 12px; display: block;  }
.tab-nav li i.va-trustpilot { width: 84px; height: 34px; background-image: url("../images/skin/Trustpilot.png"); background-repeat: no-repeat; background-size: 84px 34px; background-position: 0px 0px; top: 4px; left: 16px; }

.device-lg .trustpilot-mobile, .device-md .trustpilot-mobile {  display: none;  }

.tab-content .tab-pane .collapse-title { font-size: 13px; font-weight: 700; padding: 15px; color: #ffffff; background: #a4b82d; margin-bottom: 2px; cursor: pointer; }
.tab-content .tab-pane.active .collapse-title { color: #e20a16 !important; background: #ecf0f2 !important; border: none; position: relative; }
.tab-content .tab-pane .collapse-title i { position: absolute; top: 15px; right: 5px; }
.tab-content .tab-pane .collapse-open, .tab-content .tab-pane.active .collapse-closed { display: none; }
.tab-content .tab-pane .collapse-closed, .tab-content .tab-pane.active .collapse-open { display: block; }
.tab-content .tab-pane .va-arrow-up { width: 22px; height: 16px; background-position: -460px -248px; }
.tab-content .tab-pane .va-arrow-down { width: 22px; height: 16px; background-position: -436px -248px; }


/** Accordion Content */
.accordion-content { border-bottom: 1px solid #c7ccce; }
.accordion-content .accordion-pane { position: relative; border-top: 1px solid #c7ccce; }
.accordion-content .accordion-pane .accordion-title { padding: 15px 0; display: block;}
.accordion-content .accordion-pane .accordion-title p { margin: 0; padding: 0;  }

.accordion-content .accordion-pane>i { position: absolute; display: block; top: 15px; right: 5px; cursor: pointer; }
.accordion-content .accordion-pane .collapse-open { visibility: hidden; }
.accordion-content .accordion-pane .collapse-closed { visibility: visible; }
.accordion-content .accordion-pane.active .collapse-open { visibility: visible; }
.accordion-content .accordion-pane.active .collapse-closed { visibility: hidden; }


/** Collapse */
.oj-collapse .oj-content:after { content: " "; display: block; height: 20px; }
.oj-collapse .oj-click { cursor: pointer; position: relative; }
.oj-collapse.inactive > .oj-click { cursor: auto; }
.oj-collapse .oj-on, .oj-collapse .oj-off { position: absolute; cursor: pointer; }
.oj-collapse .oj-on, .oj-collapse.active .oj-off { display: none; }
.oj-collapse.active .oj-on { display: block; }
.oj-collapse.inactive > .oj-click .oj-on, .oj-collapse.inactive > .oj-click .oj-off { display: none; }


/** Product Specification */
.product-specification { width: 100%; position: relative; }
.product-specification table { width: 100%; }
.product-specification th, .product-specification td { padding: 5px 10px; border-top: 1px solid #c7ccce; }
.product-specification tbody { border-bottom: 1px solid #c7ccce; }
.product-specification th { padding-top: 20px; }
.product-specification th.first { padding-top: 0px; border-top: none; }
.product-specification td:first-child { background: #edf1f2; }
.product-specification tr:nth-child(2n+1) { background: #ffffff; }


/** Product Size Chart */
.product-size-chart { width: 100%; position: relative; }
.product-size-chart table { width: auto; }
.product-size-chart th, .product-size-chart td { padding: 5px 10px; border: 1px solid #c7ccce; }
.product-size-chart th, .product-size-chart th:last-child { background: #edf1f2; }
.product-size-chart th { padding-top: 10px; padding-bottom: 10px; }
.product-size-chart th:first-child { background: #ffffff; border-top: none; border-left: none; }
.product-size-chart td:first-child { border-top: none; border-left: none; }
.product-size-chart th:last-child, .product-size-chart td:last-child { border: 1px solid #c7ccce; }
.product-size-chart tr:nth-child(2n+1) { background: #ffffff; }


/** Downloads */
.downloads ul { border-top: 1px solid #e0e4e6; }
.downloads li a { min-height: 37px; padding: 10px 0 0 46px; border-bottom: 1px solid #e0e4e6; display: block; }
.downloads li a i { top: 5px; }


/** Dealers */
.dealer-detail ul, .dealer-detail li { list-style: none; padding: 0px; margin: 0px; }

.dealer-form { padding: 50px 60px; border-radius: 5px; background: #f2f6f7; }
.device-xs .dealer-form { padding: 25px 30px; }

.device-lg .dealer-list>div>div:nth-child(2n+1),
.device-md .dealer-list>div>div:nth-child(2n+1),
.device-sm .dealer-list>div>div:nth-child(2n+1),
.device-xs .dealer-list>div>div:nth-child(1n+1) {
  clear: left; }

.dealer-item { margin-bottom: 60px; }
.dealer-item h3, .dealer-item h4 { padding: 0; }
.dealer-item ul { margin-bottom: 15px; }

.dealer-item .va-location { width: 16px; height: 16px; background-position: -295px -248px; }


/** Reviews */
.reviews-group { width: 100%; position: relative; }
.review-box { width: 100%; position: relative; padding: 15px; border: 1px solid #c7ccce; float: left; border-radius: 5px; }
.device-md .review-box { margin-bottom: 30px !important; min-height: 280px; }
.device-lg .review-box { margin-bottom: 30px !important; min-height: 255px; }
.device-lg .review-box>div>div:nth-child(2n+1),
.device-md .review-box>div>div:nth-child(2n+1) {
  clear: left; }

.review-info img { max-width: 50px !important; margin-bottom: 10px; }
.review-desc { width: auto; overflow: auto; height: auto; }
.review-desc ul.reviews { list-style-type: none; margin-left: 0px; padding: 0px; }
.device-md .review-desc .author, .device-lg .review-desc .author { max-width: 200px; left: 15px; display: block; }
.review-desc .author span { display: block; }
.device-md .product-reviews .ratings, .device-lg .product-reviews .ratings { text-align: right; }


/** Product Comparison */
.product-comparison-group { width: 100%; background: #ffffff; position: relative; }
.product-comparison { background: #ffffff; }
.product-comparison.hide-key .key { display: none; }
.product-comparison.hide-key .scroll { padding-left: 0; }
.product-comparison .scroll { overflow: auto; padding-left: 130px; }
.product-comparison table th, .product-comparison table td { padding: 15px; vertical-align: top; background: #ffffff; border-top: 1px solid #c7ccce; border-left: 1px solid #c7ccce; background-clip: padding-box; }
.product-comparison table tr:hover td, .product-comparison tr:hover .stars i { background-color: #fdfae7; }
.product-comparison .key { position: absolute; top: 0; left: 0; width: 130px; z-index: 20; }
.product-comparison .key td, .product-comparison .key th, .product-comparison .key tr:hover td { background: rgba(255,255,255,0.9); border-left: none; background-clip: padding-box; }
.product-comparison .data { width: 100%; position: relative; z-index: 10; }
.device-xs .product-comparison table .first { min-width: auto; }
.product-comparison .product-image { width: auto; max-width: 180px; margin-left: auto; margin-right: auto; float: none; }
.device-xs .product-comparison .product-image { max-width: 120px; }
.product-comparison .resp-img { min-width: 180px; max-width: 180px; }
.device-xs .product-comparison .resp-img { min-width: 120px; max-width: 120px; }
.product-comparison .product-select li { margin-bottom: 10px; }
.device-xs .product-comparison .product-select .select-style { width: 100%; }
.device-sm .product-comparison .product-select .select-style,
.device-md .product-comparison .product-select .select-style,
.device-lg .product-comparison .product-select .select-style {
  width: auto; min-width: 180px; }
.product-comparison .product-info-link { text-align: center; }

.product-comparison .key-control { position: absolute; top: 10px; left: 0; z-index: 30; }
.product-comparison .key-control li { cursor: pointer; }
.product-comparison .key-control .off { display: none; }

.product-comparison .remove-btn { height: 24px; line-height: 24px; position: absolute; bottom: -15px; right: -15px; display: block; font-size: 11px; background: #edf1f2; color: #666666; padding-right: 6px; padding-left: 2px; text-decoration: none; }
.product-comparison .remove-btn:hover { background: #7f9199; color: #ffffff; }
.product-comparison .remove-btn .va-remove { top: 4px; left: 0; }
.product-comparison .remove-btn span { padding-left: 3px; }


/** Contact Page */
.contact { position: relative; }
.contact-content { position: relative; border-top: 1px solid #c7ccce; padding: 30px 0 0 80px; margin-bottom: 30px; }
.contact-content h3 { font-weight: bold; color: #eb1c23; padding: 0; }
.contact-content .icon { width: 50px; height: 50px; border-radius: 25px; position: absolute; left: 0; top: 27px; background-color: #eb1c23; display: block;  }
.contact-content .icon i { width: 30px; height: 30px; position: absolute; right: 50%; top: 50%; margin-top: -15px; margin-right: -15px; }
.contact-content .icon i.va-email { background-position: -228px -170px; }
.contact-content .icon i.va-phone { background-position: -260px -170px; }
.contact-content .icon i.va-store { background-position: -292px -170px; }

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

/** Service Page */
.service-content h3 { font-weight: bold; color: #eb1c23; padding: 0; }


/** Basket Table Group */
.basket-table-group { width: 100%; background: #ffffff; position: relative; border: 1px solid #c7ccce; padding: 0 15px; border-radius: 5px; border-top-left-radius: 0; margin-top: 40px; margin-bottom: 70px !important; }
.basket-table-group .basket-table-title { position: absolute; top: -40px; left: -1px; }
.basket-table-group .basket-table-title h3 { color: #ffffff; height: 40px; line-height: 40px; padding: 0 15px; display: inline-block; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.basket-table-group.delivery { border-color: #eb1c23; }
.basket-table-group.delivery .basket-table-title h3 { background: #eb1c23; }
.basket-table-group.collection { border-color: #2581c4; }
.basket-table-group.collection .basket-table-title h3 { background: #2581c4; }

.basket-table-group .basket-table-steps { margin: 0 -15px; }
.basket-table-group .basket-table-steps h4 { color: #ffffff; padding: 10px 15px; }
.basket-table-group .basket-table-steps h4.first { border-top-right-radius: 5px; background: red; }
.basket-table-group .basket-table-steps h4 span { background: #ffffff; display: inline-block; border-radius: 5px; padding: 5px 10px; margin-right: 5px; }
.basket-table-group.delivery .basket-table-steps h4 { color: #eb1c23; background: #f2dedf; }
.basket-table-group.collection .basket-table-steps h4 { color: #2581c4; background: #f2f6f7; }

.basket-table { position: relative; }

.postcode-row { display: flex; align-items: center; }

.postcode-form, .postcode-message { position: relative; min-height: 1px; float: left; }
.device-sm .postcode-form, .device-md .postcode-form, .device-lg .postcode-form { padding-left: 15px; height: 34px; padding-right: 75px; }
.device-sm .postcode-form .btn, .device-md .postcode-form .btn, .device-lg .postcode-form .btn { width: 65px; position: absolute; right: 0; top: 0; }
.device-sm .postcode-form .input-style, .device-md .postcode-form .input-style, .device-lg .postcode-form .input-style { width: 100%; }
.postcode-message { padding-right: 15px; padding-left: 15px; }
.postcode-message { color: #eb1c23; }
.device-xs .postcode-form { padding-right: 15px; padding-left: 15px; }
.device-sm .postcode-form { width: 40%; } .device-sm .postcode-message { width: 60%; }
.device-md .postcode-form { width: 35%; } .device-md .postcode-message { width: 65%; }
.device-lg .postcode-form { width: 30%; } .device-lg .postcode-message { width: 70%; }

.basket-header { position: relative; margin-bottom: 15px; padding: 0 15px; }
.basket-item { position: relative; padding: 15px; border-top: 1px solid #e0e4e6; }
.device-xs .basket-item { margin-top: 0px; }
.basket-item .product-image { max-width: 60px; margin-bottom: 0px; padding-right: 10px; float: left; }
.device-xs .basket-item .product-image { margin-bottom: 10px; }
.basket-item .product-content { width: auto; padding-left: 0px; float: none; overflow: auto; height: auto; }
.device-xs .basket-item .product-content { margin-bottom: 10px; }
.basket-item .product-qty { text-align: center; }
.device-xs .basket-item .product-qty { text-align: left; }
.device-sm .basket-item .product-qty label, .device-md .basket-item .product-qty label, .device-lg .basket-item .product-qty label { display: none; }
.device-sm .basket-item .product-qty .qty, .device-md .basket-item .product-qty .qty, .device-lg .basket-item .product-qty .qty { display: none; }
.device-xs .basket-item .product-qty .input-style { margin-right: 5px; }
.device-xs .basket-item .product-qty > div { display: inline; }
.basket-item .product-prices { text-align: right; }
.basket-item .old-price { text-decoration: line-through; padding: 0px; }
.basket-item .discounted-price { color: #a4b82d; padding: 0px; }
.basket-item .promo-price-message { color: #a4b82d; font-weight: bold; text-align: right; }

.basket-item-options-group { position: relative; background: #f2f6f7; padding: 15px; border-radius: 5px; }

.device-xs .basket-item-options { margin-bottom: 10px; }

.basket-item-switch { position: relative; background: #f2f6f7; padding: 5px 10px 0 10px; border-radius: 5px; }

.basket-delivery { background: #ffffff; padding: 15px; }
.basket-delivery .colousel { overflow: visible; }
.basket-delivery .colousel .colousel-prev { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.basket-delivery .colousel .colousel-next { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.basket-delivery .colousel-inner { margin-left: -15px; margin-right: -14px; }
.basket-delivery .colousel-inner>[class*="col-"] { padding: 0 15px; }

.basket-delivery .colousel .colousel-prev { left: -30px; }
.basket-delivery .colousel .colousel-next { right: -30px; }

.basket-delivery-time-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 10; background: rgba(255, 255, 255, 0.8); }
.basket-delivery-time { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 270px; height: 200px; padding: 15px 30px; background: #ffffff; border: solid 1px #eb1c23; border-radius: 5px; }

.calendar { padding: 6px 14px 14px 14px; background: #ffffff; border: solid 1px #e0e4e6; position: relative; border-radius: 5px; }
.calendar table { width: 100%; }
.calendar h3 { text-transform: uppercase; color: #eb1c23; padding: 8px 0; margin: 0; text-align: center; }
.calendar th { font-weight: 200; }
.calendar .row { margin: 0 0 1px 1%; }
.calendar .cell { width: 14%; height: 30px; line-height: 30px; text-align: center; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; }
.calendar .cell:last-child { border-right: 0; }
.calendar .cell.dow { background: #ecf0f2; }
.calendar .cell a { display: block; border-radius: 5px; font-weight: bold; }
.calendar .cell a:hover { background: #7f9199; color: #ffffff; }
.calendar .cell.inactive a { color: #c7ccce;  font-weight: normal; }
.calendar .cell.inactive a:hover { color: #c7ccce; background: #ffffff; }
.calendar .cell.active a { background: #eb1c23; color: #ffffff; border-radius: 5px; }

.basket-delivery-detail { padding: 0; margin-top: 15px; }
.basket-delivery-detail a { cursor: default; }
.basket-delivery-detail a:focus { text-decoration: none }
.basket-delivery-detail .calendar .cell.active a { background: none; color: #144484; }
.basket-delivery-detail .calendar .cell.inactive a:hover { background: none; color: #c7ccce; }
.basket-delivery-detail .calendar .cell.active a:hover, .basket-delivery-detail .calendar .cell a:hover { background: none; color: #144484; }

.promo-code { margin-bottom: 15px; }
.loyalty-points { position: relative; border-top: 1px solid #e0e4e6; padding-top: 15px; margin-bottom: 15px; }
.loyalty-points i { float: right; margin-left: 10px !important; margin-bottom: 10px !important; }
.delivery-cost { margin-bottom: 15px; }
.device-xs .delivery-cost { border-top: 1px solid #e0e4e6; padding-top: 15px; }
.delivery-cost ul li { display: block; margin-bottom: 10px; }


/** Orders Table */
.orders-table-group { width: 100%; background: #ffffff; position: relative; border-bottom: 1px solid #cccccc; }
.orders-table-group h4, .orders-table-group p { padding: 0 !important; }
.order-item-group { background: #ffffff; }
.order-item { background: #ffffff; padding: 15px; border-top: 1px solid #cccccc; }
.order-item:hover { background: #f8f8f8; }
.order-item.va-hide { background: #f2f2f2; }
.order-item-table { position: relative; background: #f8f8f8; padding: 30px 15px; }
.order-item-header { color: #666666; padding: 5px 0; }
.order-item-detail, .order-item-totals, .order-item-dispatch-item { position: relative; padding: 10px 0; border-top: 1px solid #cccccc; }
.order-item-totals { margin-bottom: 15px; }
.order-item-info { margin-bottom: 45px; }
.order-item-dispatch { background: #ffffff; padding: 15px; margin-bottom: 15px; }
.order-item-dispatch-header { color: #666666; padding: 5px 0; }
.order-item-dispatch-header h3 { color: #f1592a; }

.order-item .status { color: #666666; top: 2px; margin-left: 5px; }
.order-item .status i, .order-item-header i { width: 14px; height: 14px; border-radius: 50%; display: inline-block; position: relative; margin-left: 0px; padding-left: 0; }
.order-item .status i { top: 2px; margin-left: 5px; }

.order-complete { background-color: #339900; }
.order-cancelled { background-color: #ff0000; }
.order-refunded { background-color: #660099; }
.order-processing { background-color: #ff9900; }


/** Footer */
.footer { width: 100%; position: relative; z-index: 20; }
.device-xs .footer, .device-sm .footer { height: auto; }

.footer-help { width: 100%; background: #ffffff; position: relative; padding-top: 80px; }
.footer-help .title { display: block; padding-bottom: 5px; margin-bottom: 20px; }
.footer-help .highlight { color: #a4b82d; }
.footer-help p { position: relative; top: -10px; padding-bottom: 15px; }

.customer-help { padding: 0 160px; }
.device-xs .customer-help, .device-sm .customer-help { padding: 0; padding-bottom: 120px; }
.device-xs .customer-help span, .device-sm .customer-help span { display: block; }

.footer-help .live-chat { width: 140px; height: 120px; position: absolute; top: inherit; bottom: 0; right: 0; }
.device-xs .footer-help .live-chat, .device-sm .footer-help .live-chat { right: 50%; margin-right: -70px; }
.footer-help .live-chat img { width: 100%; }

.footer-newsletter { width: 100%; background: #ccd3d6; position: relative; }

.email-newsletter .title { font-weight: 700; color: #ffffff; display: block; }
.email-newsletter label { padding-right: 15px; }
.email-newsletter input { border: none; }
.device-xs .email-newsletter input { width: 100%; }
.device-sm .email-newsletter input { width: 300px; }
.device-md .email-newsletter input { width: 360px; }
.device-lg .email-newsletter input { width: 400px; }
.device-md .email-newsletter input, .device-lg .email-newsletter input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.device-md .email-newsletter button, .device-lg .email-newsletter button { position: relative; margin-left: -5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.email-newsletter .btn-highlight { background: #7f9199; color: #ffffff !important; }
.email-newsletter .btn-highlight:hover { opacity: 0.9; }

.footer-links-group { width: 100%; background: #ecf0f2; position: relative; }
.device-xs .footer-links-group .container, .device-sm .footer-links-group .container { padding: 0; }
.device-md .footer-links-group .row, .device-lg .footer-links-group .row { margin-top: 30px; }
.device-xs .footer-links-group .row, .device-sm .footer-links-group .row { margin: 0; }
.device-xs .footer-links-group .row>[class*="col-"], .device-sm .footer-links-group .row>[class*="col-"] { padding: 0; }

.device-xs .footer-links, .device-sm .footer-links { border-bottom: 1px solid #c7ccce; text-align: center; }
.footer-links .collapse-menu { position: relative; height: auto; padding: 5px 10px; line-height: auto; background: #edf1f2; font-size: 16px; cursor: pointer; display: none; margin: 0; }
.footer-links .collapse-menu i { position: absolute; left: auto; right: 15px; top: 15px; }
.footer-links .collapse-menu i.collapse-open, .footer-links .collapse-menu i.collapse-closed { display: none; }
.footer-links .collapse-menu i.collapse-closed { display: block; }

.footer-links-content { margin-bottom: 30px; }
.device-xs .footer-links-content, .device-sm .footer-links-content { padding-top: 15px; }
.footer-links-content .title { color: #576368; display: block; padding-bottom: 5px; margin-bottom: 5px; }
.footer-links-content a { color: #7f9199; }
.footer-links-content a:hover { text-decoration: none; color: #0582d4; }

.device-xs .footer .social-container, .device-sm .footer .social-container { margin-top: 20px; padding-top: 20px; }
.footer .social { display: table; margin: 0 auto; }
.footer .social ul { font-size: 0; position: relative; display: inline-block; }
.footer .social li { position: relative; display: inline-block; margin: 0 10px; }
.footer .social li a { width: 40px; height: 40px; }
.footer .social li span { display: none; }

.social li a { display: block; transition: all 1s ease; }
.social li .facebook { background-position: -4px -314px; }
.social li .twitter { background-position: -46px -314px; }
.social li .google { background-position: -88px -314px; }
.social li .youtube { background-position: -172px -314px; }
.social li .instagram { background-position: -214px -314px; }

.social li:hover { -webkit-filter: brightness(90%); filter: brightness(90%); }

.footer-trust { width: 100%; background: #ecf0f2; position: relative; }

.trust { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto; }
.trust > div { margin: 4px 0; }
.trust .credit-cards { top: 2px; }
.trust .authentication { top: 2px; }

.trust ul { font-size: 0; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.trust li { position: relative; display: inline-block; margin-top: 4px !important; margin-bottom: 4px !important; }
.trust li span { display: none; }

.footer-info { width: 100%; background: #ecf0f2; position: relative; padding-bottom: 25px; }
.device-md .footer-info, .device-lg .footer-info { font-size: 13px; }
.footer-info .title, .footer-info a { color: #7f9199; }
.footer-info a:hover { text-decoration: none; color:#0582d4; }
.device-xs .footer-info span { display: block; padding-top: 10px; }

.footer-info .copyright a { padding: 0 5px; }
.footer-info .credits { text-align: right; }
.device-xs .footer-info .copyright,
.device-sm .footer-info .copyright,
.device-xs .footer-info .credits,
.device-sm .footer-info .credits {
  text-align: center; }

.footer-info .credits i { position: relative; bottom: -8px; display: inline-block; }
.footer-info .credits span { display: none; }

.norton { display: block; margin-bottom: 20px; }


/** Collapse */
.collapse-menu { height: 34px; padding: 0 10px; line-height: 36px; background: #edf1f2; font-size: 16px; cursor: pointer; display: none; margin-bottom: 30px; }
.device-xs .collapse-menu, .device-sm .collapse-menu { display: block; margin-bottom: 7px !important; }


/** Cookie Policy */
.cookie-policy { width: 100%; color: #c7ccce; background: rgba(0, 0, 0, 0.8); position: fixed; z-index: 100000000; }
.device-xs .cookie-policy, .device-sm .cookie-policy { background: rgba(0, 0, 0, 1); position: relative; padding-bottom: 40px; }
.cookie-policy .container { padding-top: 20px; }
.cookie-policy h3 { color: #ffffff; text-align: right; padding-bottom: 0; }
.device-xs .cookie-policy h3 { text-align: left; }
.cookie-policy a { color: #428bca; }
.cookie-policy .fa-check { color: #ffffff; }
.device-xs .cookie-policy .btn { float: right !important; }


/** Product Compare */
.compare .remove, .compare.active .add { display: none; }
.compare.active .remove { display: block; }
.compare.active .remove-link  { padding-left: 0; }
.prod-compare { position: fixed; bottom: 0; left: 0; width: 100%; height: auto; padding-top: 20px; background: #ffffff; border-top: 1px solid #c7ccce; display: none; z-index: 1000; }
.prod-compare .product-image { max-width: 80px; margin: 0px 20px 20px 0; position: relative; float: left; }
.prod-compare .va-remove { position: absolute; top: -5px; left: -5px; }
.prod-compare .va-close { position: absolute; top: 5px; right: 5px; }
.prod-compare .va-remove span, .prod-compare .va-close span { display: none; }


/** Back To Top */
.backtotop { display: none; position: fixed; bottom: 160px; right: 15px; background: rgba(0, 0, 0, 0.75); width: 36px; height: 36px; cursor: pointer; z-index: 10000; opacity: 0; transition: opacity 0.5s ease; }
.device-sm .backtotop, .device-xs .backtotop { display: block; }
.isScroll.device-sm .backtotop, .isScroll.device-xs .backtotop { opacity: 1; }
.backtotop .va-top { position: absolute; top: 50%; left: 50%; margin-top: -13px !important; margin-left: -15px !important; }


/** VA Hides */
.va-show-hide .va-content, .va-show-hide .va-hide, .va-show-hide.active .va-show { display: none; }
.va-show-hide.active .va-content, .va-show-hide.active .va-hide, .va-show-hide .va-show { display: block; }


/** Checkout Pages */
.device-md .checkout-content-container,
.device-lg .checkout-content-container,
.device-md .checkout-content,
.device-lg .checkout-content {
  background: #ecf0f2;
}

.header-checkout, .device-xs .header-checkout, .device-sm .header-checkout { height: auto; padding: 16px 0; }
.header-checkout .logo { position: static; }

.steps-group { width: 100%; background: #ecf0f2; position: relative; }
.device-md .steps-group, .device-lg .steps-group { padding-top: 30px; }
.device-xs .steps-group .container, .device-sm .steps-group .container { padding: 0px; }
.steps-group .row { margin: 0; }
.steps-group .row>[class*="col-"] { padding: 0; }

.step-item { width: 100%; height: 42px; position: relative; display: block; text-align: center; background: #7f9199; color: #ecf0f2; border: 1px solid #e0e4e6; }
.step-item p { line-height: 42px; }
.device-xs .step-item p { padding: 0 0 0 15px; }

.step-arrow { background: #7f9199; color: #ecf0f2; border: 1px solid #e0e4e6; }
.step-arrow:after, .step-arrow:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.step-arrow:after { border-color: rgba(127, 145, 153, 0); border-left-color: #7f9199; border-width: 20px; margin-top: -20px; }
.step-arrow:before { border-color: rgba(229, 229, 229, 0); border-left-color: #e0e4e6; border-width: 21px; margin-top: -21px; }

.step-arrow.selected { background: #ffffff; color: #7f9199; border: 1px solid #e0e4e6; }
.step-arrow.selected:after, .step-arrow.selected:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.step-arrow.selected:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 20px; margin-top: -20px; }
.step-arrow.selected:before { border-color: rgba(229, 229, 229, 0); border-left-color: #e0e4e6; border-width: 21px; margin-top: -21px; }

.step-arrow.complete { background: #ffffff; color: #a4b82d; border: 1px solid #e0e4e6; }
.step-arrow.complete:after, .step-arrow.complete:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.step-arrow.complete:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 20px; margin-top: -20px; }
.step-arrow.complete:before { border-color: rgba(229, 229, 229, 0); border-left-color: #e0e4e6; border-width: 21px; margin-top: -21px; }

.step-1 { z-index: 14; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.step-2 { z-index: 13; }
.step-3 { z-index: 12; }
.step-4 { z-index: 11; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.device-xs .step-1, .device-sm .step-1 { border-left: none; }
.device-xs .step-4, .device-sm .step-4 { border-right: none; }

.checkout-group { background: #ffffff; padding: 50px 100px; border-radius: 5px; }
.device-xs .checkout-group { border: none; padding: 0px; }
.device-sm .checkout-group { padding: 35px; }
.device-md .checkout-group { padding: 35px 75px; }
.checkout-group .action { border: none; padding: 0px; text-align: right; }
.device-sm .checkout-group .wide, .device-md .checkout-group .wide, .device-lg .checkout-group .wide { width: auto; }
.checkout-alt { border-top: 1px solid #c7ccce; padding-top: 30px; }
.device-xs .checkout-alt, .device-sm .checkout-alt { border: none; padding: 0px; }

.device-sm .checkout-group fieldset, .device-md .checkout-group fieldset, .device-lg .checkout-group fieldset {  }
.checkout-group .control-label { padding-top: 13px; }
.checkout-group legend { color: #a4b82d; border: none; }

.footer-checkout .footer-help { background: #ecf0f2; }
.footer-checkout .footer-trust { background: #ecf0f2; border-top: 1px solid #ffffff; }
.footer-checkout .footer-trust .row { margin-top: 30px; }
.footer-checkout .footer-info { background: #ecf0f2; }

.checkout-content .feature-box-content { border: none; }

.checkout-alt .action { text-align: left; }
.device-xs .checkout-alt .action { text-align: center; }
.checkout-group .trust-group { display: inline-block; margin-left: 10px; padding-top: 15px; }
.device-xs .checkout-group .trust-group { display: block; margin: 0 0 10px 0; }
.delivery-address, .delivery-contact { border: 1px solid red; padding: 15px; padding-top: 10px; margin-bottom: 30px; }
.delivery-address .radio, .delivery-contact .radio { display: inline-block; margin-left: 10px; cursor: pointer; }
.delivery-address .radio input, .delivery-contact .radio input { cursor: pointer; }

.checkout-group .basket-table-group { border-top-left-radius: 5px; margin-top: 0px; padding-top: 15px; }


.account-group .action { border: none; padding: 0px; text-align: right; }
.device-sm .account-group .wide, .device-md .account-group .wide, .device-lg .account-group .wide { width: auto; }

.account-group legend { color: #a4b82d; border: none; }


/** Order Summary */
.order-summary-group { border: 1px solid #e0e4e6; border-radius: 5px; }
.order-summary-group .security { border: none; }

.order-summary { background: #e0e4e6; padding: 15px; }
.order-summary table { width: 100%; }
.order-summary table td { padding: 5px 0; text-align: right; }
.order-summary table td:first-child { padding-right: 30px; text-align: left; }
.order-summary .action { border: 0; padding: 0; background: none; }
.order-summary .action .btn.wide { width: 65% !important; }


/** Security */
.security { background: #ffffff; padding: 15px; text-align: center; border-radius: 5px; }
.security .seal, .security .trust { padding: 0 15px; }


/** Your Details */
.your-details { background: #ffffff; padding: 15px; padding-bottom: 25px; word-wrap: break-word; border-radius: 5px; }
.your-details h3, .your-details h4, .your-details p { padding: 0; }
.your-details h4 { padding-top: 15px; }


/** Create Account */
.create-account { background: #edf1f2; padding: 40px 60px; border-radius: 5px; }
.device-xs .create-account { padding: 30px; }
.create-account h2 { font-size: 26px; line-height: 32px; }


/** Trusted Shops */
.trusted-shops { background: #ffffff; padding: 40px 60px; border: 2px solid #e0e4e6; border-radius: 5px; }
.device-xs .trusted-shops { padding: 30px; }
.trusted-shops h2 { font-size: 26px; line-height: 32px; }
.trusted-shops img { width: 80px; }


/** Account Pages */
.account-login { background: #ffffff; padding: 60px 100px; }
.device-xs .account-login { padding: 30px; }
.device-sm .account-login { padding: 60px 80px; }

.account-menu-group>div>div:nth-child(2n+1) { clear: left; }

.account-menu { margin-bottom: 30px; padding: 30px 0; border-top: 1px solid #e0e4e6; }
.account-menu h3 { color: #a4b82d; }

.account-icon { width: 80px; height: 80px; position: relative; background-color: #edf1f2; border-radius: 40px; padding: 15px; margin: 30px; margin-top: 0; display: block; float: right; }
.device-xs .account-icon { margin-right: 0; }
.account-icon i { width: 50px; height: 50px; position: relative; display: block; }
.account-icon .va-account-orders { background-position: -4px -356px; left: -2px; }
.account-icon .va-account-address { background-position: -56px -356px; }
.account-icon .va-account-email { background-position: -108px -356px; }
.account-icon .va-account-password { background-position: -160px -356px; }
.account-icon .va-account-loyalty { background-position: -212px -356px; }


/** WordPress */
.voracio-wp .wp-header { width: 100%; background: #7f9199; position: relative; }
.voracio-wp .wp-header-content .title, .voracio-wp .wp-header-content .title a { color: #ffffff; }
.voracio-wp .wp-header-content a:hover { text-decoration: none; }
.voracio-wp .wp-header-content p { padding: 0; }

.voracio-wp .post { padding-bottom: 15px; }
.voracio-wp .post .post-meta { font-size: 13px; margin-bottom: 15px; }
.voracio-wp .post .post-meta p { padding-bottom: 0; }
.voracio-wp .post .post-meta img { -webkit-border-radius: 16px; border-radius: 16px; display: inline-block; float: left; margin-right: 20px; }
.voracio-wp .post .post-navigation { margin-bottom: 30px; }
.voracio-wp .post .post-navigation a { font-size: 13px; display: inline-block; border: 1px solid #e0e4e6; padding: 6px 10px 4px; min-width: 2.4em; text-decoration: none; text-align: center; background: #ffffff; margin: 0 -1px; }
.voracio-wp .post .post-navigation .previous { float: left; }
.voracio-wp .post .post-navigation .next { float: right; }

.voracio-wp .pagination { width: 100%; text-align: center; }
.voracio-wp .pagination .page-numbers { font-size: 13px; display: inline-block; border: 1px solid #e0e4e6; padding: 6px 10px 4px; min-width: 2.4em; text-decoration: none; text-align: center; background: #ffffff; margin: 0 -1px; }
.voracio-wp .pagination .previous a, .voracio-wp .pagination.next a { color: #ffffff; background: #576368; border: 1px solid #576368; }
.voracio-wp .pagination .current { color: #ffffff; background: #7f9199; border: 1px solid #7f9199; }

.voracio-wp .sidebar ul { margin-bottom: 30px; }
.voracio-wp .sidebar h2 { font-size: 18px; padding-bottom: 0; }
/** Form consent block */
.form-consent-block { padding: 12px; padding-bottom: 12px; margin-bottom: 16px; border: 1px solid #d3d3d3; background: #f9f9f9; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); }
.form-consent-block .form-group { margin: 10px; margin-bottom: 5px; }


/** Brand Pages */
.brand-page.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.brand-page .row {
  margin-left: -4px;
  margin-right: -4px;
}
.brand-page div[class*="col-"] {
  padding-left: 4px;
  padding-right: 4px;
}
.brand-page .brand-cta,
.brand-page .brand-image {
  margin-bottom: 8px;
}
.brand-page .brand-cta img,
.brand-page .brand-image img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.brand-page .brand-video-icon a {
  position: relative;
}
.brand-page .brand-video-icon a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  width: 120px;
  height: 120px;
  background-image: url("/UserFiles/image/brands/play-button.png");
  background-size: 120px 120px;
}
.brand-page .brand-video-icon:hover a:before {
  background-image: url("/UserFiles/image/brands/play-button-hover-over.png");
}

/** Bundle postcode */

.bundle-postcode-message { font-size: 13px; font-weight: 700; color: #e20a16; margin-top: 2px; }
.bundle-postcode-error { font-size: 13px; color: #e20a16; margin-top: 6px; }

/** recaptcha.css */

/** reCaptacha */
#responsive_recaptcha { font-size: 13px; position: relative; max-width: 320px; background: #f2f2f2; padding: 15px; overflow: auto; border-radius: 5px; }
#responsive_recaptcha img, #responsive_recaptcha #recaptcha_image { width: 100% !important; height: auto !important; }
#responsive_recaptcha .solution { display: block; }
#responsive_recaptcha .options a { display: block; }

/**iframe[src="about:blank"] { display: none; } /** iframe fix */
 
/** datepicker3.css */

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}

/** nouislider.css */

/*! nouislider - 14.1.1 - 12/15/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}



/* Ian's Styles */

.noUi-target {
    background: #cfcfcf;
    border-radius: 30px;
    border: 17px solid #e9e9e9;
    box-shadow: inset -4px 4px 10px #999;
}

.noUi-horizontal {
    height: 56px;
}

.noUi-connects {
    border-radius: 22px;
}

.noUi-connect {
    background: #0582d4;
}

.noUi-horizontal .noUi-handle {
    width: 56px;
    height: 56px;
    right: -28px;
    top: -20px;
    margin-left: -1px;
}

.noUi-handle {
    border: none;
    border-radius: 50% 50% 50% 0;
    background: rgb(254,254,254);
    background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(207,207,207,1) 100%);
    cursor: default;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.50) ;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
}

.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background: #797979;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.25);
    left: 14px;
    top: 14px;
    transform: rotate(45deg);
}

.noUi-handle:after {
    content: none;
}

.noUi-pips {
    position: absolute;
    color: #576368;
}

.noUi-value {
    top: 30px;
}

.noUi-marker-horizontal.noUi-marker-large,
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
    background: #cfcfcf;
}

.noUi-value-sub {
    color: inherit;
    font-size: inherit;
}

.noUi-pips-horizontal {
    padding: 25px 0;
}

.noUi-marker-normal {
  display: none;
}

.small-print{
  margin-bottom: 20px;
}

.small-print p {
  font-size: 12px;
  padding-bottom: 10px;
}

.medium-print{
  margin-bottom: 20px;
}

.medium-print p {
  font-size: 13px;
  padding-bottom: 10px;
}

.finance-cal-prices {
  color: #0582d4;
  font-weight: bold;
}

.finance-deposit {
  color: #18c40c;
  font-weight: bold;
}

#slidertype .noUi-pips-horizontal {
  display:none;
}

.finance-options-group {
  background: #f4f4f4;
  padding: 40px 10px;
}

.device-md .product-detail-group .finance-options-group {
  margin: 0 100px;
}

.device-lg .product-detail-group .finance-options-group {
  margin: 0 160px;
}

.finance-option {
  position: relative;
}

.finance-option span {
  position: absolute;
  padding-left: 20px;
  display: inline-block;
}

.finance-options-group .activelabel .finance-option span {
  color: #0582d4;
}

.finance-options-group .activelabel .finance-option span:before {
  content: '';
  width: 16px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 4px;
  background: url("/images/skin/tick.png") no-repeat;
  background-size: 16px 12px;
}

.finance-option-left span {
  right: 0;
}

.finance-options-group .noUi-horizontal .noUi-handle {
    top: -17px;
}

.finance-options-group .noUi-handle {
    border-radius: 50%;
}

/** magiczoomplus.css */


/*


   Magic Zoom Plus v5.3.7 
   Copyright 2021 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magiczoomplus/
   License agreement: https://www.magictoolbox.com/license/


*/

/**
 * Core styles
 */
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-expand-stage .mz-image-stage .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.MagicZoom {
    -webkit-transform: translate3d(0,0,0);
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
figure.mz-figure {
    overflow: hidden;
    margin: 0 !important;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
}
.MagicZoom > img,
.mz-figure > img {
    width: 100%;
    height: auto;
}
.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
    width: 100%;
    max-width: none !important;
}
.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}
.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
        touch-action: none;
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}
.mz-lens img {
    -webkit-transition: none !important;
            transition: none !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}
.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-mask-clip: content;
    cursor: none;
}
.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
    pointer-events: auto !important;
    cursor: inherit !important;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}
.mz-zoom-window img  {
    width: auto;
    height: auto;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -webkit-transition: none !important;
            transition: none !important;
    -webkit-transform-origin: 50% 50% !important;
        -ms-transform-origin: 50% 50% !important;
            transform-origin: 50% 50% !important;
}
.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
            transform: none !important;
}
.lt-ie9-magic .mz-zoom-window img  {
    margin: 0 !important;
}

.mz-expand-controls {
    z-index: 2147483647;
}

.mz-fade {
    -webkit-transition: opacity .25s;
            transition: opacity .25s;
}
.mz-hidden {
    opacity: 0;
}
.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
            transform-style: flat !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important;
}

.mobile-magic .mz-expand > .mz-zoom-window {
    top: 0 !important;
    left: 0 !important;
}


@media not screen and (max-device-width: 767px) {
    .mz-expanded-view-open,
    .mz-expanded-view-open body {
        overflow: hidden !important;
    }
    .mz-expanded-view-open body { height: auto !important; }
}

@media screen and (max-device-width: 767px) {
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]),
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
        overflow: hidden !important;
    }
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { height: auto !important; }
}


/**
 * Main figure
 */
.mz-figure.mz-active {
    background: #fff;
}
.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}
.mz-figure.mz-magnifier-zoom.mz-active {
    overflow: visible !important;
}

.mz-figure.mz-active > img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
    opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6);
}
.mz-expand .mz-figure.mz-active.mz-inner-zoom,
:not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
    filter: alpha(opacity=0);
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}

/**
 * Zoom lens
 */
.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170,170,170,0.7);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    cursor: none;
    z-index: 10;
    opacity: 0;
}
.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
    transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}

/**
 * Zoom window
 */
.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.mz-zoom-window.mz-magnifier {
    border-radius: 100%;
    border: 0;
    background: rgba(255,255,255,.3);
}
.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;bottom: 0;
    left: 0; right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170,170,170,0.7);
    box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3);
    background: transparent;
    z-index: 1;
}
.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
    border-radius: 0 !important;
}
.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none;
}
.mz-zoom-window.mz-inner:not(.mz-expanded) {
    z-index: 80;
}

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80);
}
.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0;
}
.mz-zoom-window.mz-expanded > .mz-caption {
    display: none;
}

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
            transition-duration: .25s, .25s, .25s;
}
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}
.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
}
.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
}
.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
}
.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
}
/* Inner mode animation */
.mz-zoom-window > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
            transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}
/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
            transform: scale(.1);
}
/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
}
.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0;
}


/**
 * Hint & Loading
 */
.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49,51,61,0.7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity 0.4s ease, z-index 0.4s ease;
            transition: opacity 0.4s ease, z-index 0.4s ease;
}
.mz-hint-message {
    display: inline-block;
    background: rgba(49,51,61,0.7);
    border-radius: 2em;
    padding: .7em 1.1em;
}
.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
}
.mobile-magic .mz-hint-message:before {
    display: none;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
}
/* Hint in the expanded view on mobile */
.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);

}
.mz-expand .mz-hint-message {
    padding: 1.1em;
}
.mz-expand .mz-hint-message:before {
    display: none;
}
.mz-expand .mz-hint-hidden {
    opacity: 0;
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}

/* Loading indicator */
.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.mz-loading:after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: transparent;
    box-sizing: border-box;
}
.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
}
.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
            animation: spin-loading .9s infinite linear;
}

@-webkit-keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.lt-ie10-magic .mz-loading {
    border-radius: 2em;
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto;
}
.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative;
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left:  0;
    width: 126px;
    margin: auto;
}
.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}
.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0);
}



/**
 * Expanded view
 */
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
    width: auto !important;
    height: auto !important;

}
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg  {
    min-width: 100% !important;
    min-height: 100% !important;
}

.mz-expand {
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
            perspective: 600px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -ms-overflow-style: none;
}

/* Expanded view background */
.mz-expand .mz-expand-bg {
    display: inline-block;
    max-width: none !important;
    max-height: none !important;
    margin: auto;
    vertical-align: middle;
    z-index: -100;
    background-repeat: no-repeat;
    background-size: cover;

    -webkit-perspective: 600px;
            perspective: 600px;

    -webkit-transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg);
            transform: translate3d(0, 0 ,0) scale(7) rotate(0.01deg);
}

.mz-expand .mz-expand-bg > img  {
    margin: auto;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.mz-expand .mz-expand-bg > img  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
            filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > svg  {
    margin: auto;
    opacity: .6;
}

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}
.lt-ie9-magic .mz-expand {
    background: #1f1f1f;
}
[data-magic-ua=edge] .mz-expand {
    background-color: rgba(31, 31, 31, .96);
}

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}
.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96);
}
.mz-expand.white-bg {
    background-color: #fff;
}

/* Expanded view stage */
.mz-expand .mz-expand-stage {
    display: flex;
    flex-direction: column;
    padding: 0;
    z-index: 2100000000;
}

.mz-expand .mz-expand-stage .mz-image-stage {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    position: relative;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0;
}


.mz-expand .mz-image-stage > figure {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}

.mz-expand .mz-figure {
    max-width: 100% !important;
    overflow: visible;
}
.mz-expand .mz-figure > img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
    flex: 1 0;
    width: 100%;
    height: 100%;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img {
    pointer-events: none;
}
.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}
/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img  { filter: alpha(opacity=100); }
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100);
}

/* Caption in expanded view */
.mz-expand .mz-caption {
    flex: 0 0;
    color: #fff;
    text-shadow: 0px 0px 46px #000;
    padding: 10px 30px;
    font: normal 10pt/1.25 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    opacity: 0;
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1;
}

.mz-expand .mz-zoom-in .mz-image-stage .mz-caption {
    display: none;
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0;
}

/* Expanded view on mobile */
@media screen and (max-device-width: 767px) {
    .mobile-magic .mz-expand .mz-image-stage .mz-caption {
        display: none !important;
    }
}

/**
 * Buttons & Arrows
 */
.mz-nav-controls,
.mz-expand-controls,
button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}

.mz-nav-controls {
    z-index: 2100000000;
}

button.mz-button {
    color: rgba(180, 180, 180, .6) !important;
    font-size: 0;
    cursor: pointer;
    z-index: 2100000000 !important;
    background-color: transparent !important;
    border: 0 solid transparent !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    width: 60px !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-transition: color .25s, background-color .25s !important;
            transition: color .25s, background-color .25s !important;
}

button.mz-button:before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(.9);
    -webkit-transition: -webkit-transform .25s !important;
            transition: transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover,
button.mz-button:active {
    color: rgba(180, 180, 180, 1) !important;
}

button.mz-button:active:before {
    -webkit-transform: scale(.7) !important;
            transform: scale(.7) !important;
}

.mobile-magic .mz-expand button.mz-button:active {
    background-color: rgba(49, 51, 61, .7) !important;
}


button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
}

button.mz-button.mz-button-prev {
    left: 0 !important;
    transform: rotateZ(180deg) !important;
}

button.mz-button.mz-button-next {
    right: 0 !important;
}

button.mz-button.mz-button-close {
    margin: 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important;
}

button.mz-button.mz-button-close:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

button.mz-button.mz-button-prev:before,
button.mz-button.mz-button-next:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports(
        ((-webkit-mask-image:url()) or (mask-image:url())) and
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
    button.mz-button:before {
        content: "" !important;
        background-color: currentColor;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: cover;
                mask-size: cover;
    }

    button.mz-button.mz-button-close:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
                mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    }

    button.mz-button.mz-button-prev:before,
    button.mz-button.mz-button-next:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
                mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

    }
}

@media screen and (max-device-width: 767px) {
    button.mz-button-prev,
    button.mz-button-next {
        display: none !important;
    }

    .mobile-magic .mz-expand button.mz-button.mz-button-close {
        width: 50px !important;
        height: 50px !important;
        color: rgb(180, 180, 180) !important;
    }

    .mobile-magic .mz-expand button.mz-button:before {
        transform: scale(.8);
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75);
}

.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100);
}

/* Arrows on the main image on the page */
.mz-figure .mz-nav-controls button.mz-button {
    display: none;
    width: 32px !important;
    height: 56px !important;
    margin: auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
    display: block;
}



/**
 * Thumbnails
 */

/** Thumbnails on the page **/
a[data-zoom-id],
.mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}

a[data-zoom-id] img,
.mz-thumb img {
    padding-bottom: 4px;
    border: 0;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
}

.mz-thumb:not(.mz-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, .3);
}

.mz-thumb.mz-thumb-selected img {
    border-bottom-color: rgb(180, 180, 180);
}

/** Thumbnails in expanded view **/
.mz-expand-thumbnails {
    flex: 0 0 80px;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 10px 0;
    z-index: 50;
    overflow: hidden;
}

.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails,
:root[data-magic-ua=firefox] .mz-expand-thumbnails {
    height: 80px;
}

.mz-expand-thumbnails .magic-thumb > img {
    cursor: pointer;
    padding-bottom: 4px;
    border: 0;
    border-bottom: 2px solid transparent;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, .3);
}

.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img {
    border-bottom-color: rgb(180, 180, 180);
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}

/** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/
@media not screen and (max-device-width: 767px) and (orientation: portrait) {
    .mz-expand.expand-thumbnails-left .mz-expand-stage {
        flex-direction: row-reverse;
    }

    .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
        padding: 0 10px;
        height: 100%;
        overflow: hidden;
    }

    .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails,
    :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
        width: 80px;
        height: 100%;
    }

    @media not screen and (max-device-width: 767px) {
        .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical {
            height: calc(100% - 40px);
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    @media screen and (max-device-width: 767px) {
        .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons {
            height: calc(100% - 40px);
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
}

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none;
}


/** Thumbnails shaded style (improved previous one)  **/
.thumbnails-style-shaded.mz-thumb img {
    border: 0 !important;
    padding-bottom: 0;
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, .3);
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: brightness(.7);
            filter: brightness(.7);

}
.thumbnails-style-shaded.mz-thumb-selected img {
    -webkit-filter: brightness(.7) opacity(.7);
            filter: brightness(.7) opacity(.7);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img {
    border: 0 ;
    padding-bottom: 0;
    box-shadow:0 0 5px 1px rgba(0, 0, 0, .3);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
    -webkit-filter: brightness(.75);
            filter: brightness(.75);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(.7) opacity(.7);
            filter: brightness(.7) opacity(.7);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected {
    background: #000;
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .75;
    filter: alpha(opacity=75);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb {
    position: relative;
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    z-index: 100;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after {
    background-color: rgba(0, 0, 0, 0.2);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img {
    position: relative;
    z-index: 1;
}

.ie9-magic .thumbnails-style-shaded.mz-thumb img {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3);
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 40px;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
        touch-action: none;
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.magic-thumbs.no-buttons {
    padding: 0 !important;
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
    left: 0 !important;
    padding: 0 !important;
    -webkit-transition: none !important;
            transition: none !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
}


.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
}
.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.magic-thumbs ul li > img {
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: 100% !important;
    vertical-align: middle;
}
.ie8-magic .magic-thumbs ul li > img {
    max-width: none !important;
    max-height: none !important;
}

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}
.magic-thumbs-vertical {
    padding: 40px 0;
}
.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal;
}
.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
}
.magic-thumbs-vertical ul li {
    margin: 4px 0;
}

.magic-thumbs-vertical ul li > img {
    max-width: 100% !important;
    max-height: none !important;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
    width: 100%;
}

/**
 * Buttons
 */
.magic-thumbs button.magic-thumbs-button {
    color: rgba(180, 180, 180, .6) !important;
    font-size: 0;
    cursor: pointer;
    z-index: 90 !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-image: none;
    border: 0;
    border-radius: 100%;
    box-shadow: none !important;
    overflow: hidden;
    position: absolute;
    text-transform: none !important;
    speak: none;
    text-align: center;
    width: 33px;
    height: 33px;
    top: 0;
    bottom: 0;
    margin: auto 3px;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-transition: color .25s, background-color .25s !important;
            transition: color .25s, background-color .25s !important;
}

.magic-thumbs button.magic-thumbs-button:before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(1);
    -webkit-transition: -webkit-transform .25s !important;
            transition: transform .25s !important;
}

.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled),
:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover,
.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    color: rgba(180, 180, 180, 1) !important;
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before {
    -webkit-transform: scale(.7) !important;
            transform: scale(.7) !important;
}

.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    background-color: rgba(49, 51, 61, .7) !important;
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0;
    transform: rotateZ(180deg) !important;
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0;
}

.magic-thumbs-vertical button.magic-thumbs-button {
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 3px auto;
}

.magic-thumbs-vertical button.magic-thumbs-button-prev {
    top: 0;
    transform: rotateZ(-90deg) !important;
}

.magic-thumbs-vertical button.magic-thumbs-button-next {
    bottom: 0;
    transform: rotateZ(90deg) !important;
}

.magic-thumbs .magic-thumbs-button-prev:before,
.magic-thumbs .magic-thumbs-button-next:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports(
        ((-webkit-mask-image:url()) or (mask-image:url())) and
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
    .magic-thumbs button.magic-thumbs-button:before {
        content: "" !important;
        background-color: currentColor;
        background-image: none;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: cover;
                mask-size: cover;
    }

    .magic-thumbs .magic-thumbs-button-prev:before,
    .magic-thumbs .magic-thumbs-button-next:before {
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
                mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

    }
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important;
}
.magic-thumbs-button-disabled {
    opacity: 0.2;
    filter: alpha(opacity = 20);
}