/*------------------------------------*\ #BOX-SIZING
\*------------------------------------*/
/** Set the global `box-sizing` state to `border-box`.  css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice paulirish.com/2012/box-sizing-border-box-ftw */
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*------------------------------------*\ #RESET
\*------------------------------------*/
/** As well as using normalize.css, it is often advantageous to remove all margins from certain elements. */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; }

/** Give a help cursor to elements that give extra info on `:hover`. */
abbr[title], dfn[title] { cursor: help; }

/** Remove underlines from potentially troublesome elements. */
u, ins { text-decoration: none; }

/** Apply faux underlines to inserted text via `border-bottom`. */
ins { border-bottom: 1px solid; }

@font-face { font-family: 'robotoregular'; src: url("../font/Roboto-Regular-webfont.eot"); src: url("../font/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Regular-webfont.woff") format("woff"), url("../font/Roboto-Regular-webfont.ttf") format("truetype"), url("../font/Roboto-Regular-webfont.svg#robotoregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'robotomedium'; src: url("../font/Roboto-Medium-webfont.eot"); src: url("../font/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Medium-webfont.woff") format("woff"), url("../font/Roboto-Medium-webfont.ttf") format("truetype"), url("../font/Roboto-Medium-webfont.svg#robotomedium") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'robotobold'; src: url("../font/Roboto-Bold-webfont.eot"); src: url("../font/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Bold-webfont.woff") format("woff"), url("../font/Roboto-Bold-webfont.ttf") format("truetype"), url("../font/Roboto-Bold-webfont.svg#robotobold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'robotolight'; src: url("../font/Roboto-Light-webfont.eot"); src: url("../font/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Light-webfont.woff") format("woff"), url("../font/Roboto-Light-webfont.ttf") format("truetype"), url("../font/Roboto-Light-webfont.svg#robotolight") format("svg"); font-weight: normal; font-style: normal; }

* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p { margin-bottom: 18px; }

/* this is for dotted lines, for testing the display*/
html { font-size: 14px; line-height: 18px; font-family: "robotoregular"; /*padding: $base-line-height;*/ /*background-image: url(http://basehold.it/i/18/aaaaaa);*/ color: #333333; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 32px; font-size: 2.28571rem; line-height: 1.125; }

h2 { font-size: 28px; font-size: 2rem; line-height: 1.28571; }

h3 { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; }

h4 { font-size: 20px; font-size: 1.42857rem; line-height: 1.8; }

h5 { font-size: 16px; font-size: 1.14286rem; line-height: 1.125; }

h6 { font-size: 14px; font-size: 1rem; line-height: 1.28571; }

a { color: #0099ff; text-decoration: none; }
a:hover { color: #004b91;         /*@if ($link-underlined-hover == false) { text-decoration: none; }
 @if ($link-underlined-hover == true) { text-decoration: underline; }*/ }

.clearfix, .block-wline .side-catmenu-filters ul li, .block-wline .group ul li, .profile_menu, .radio_btns.radio_btns--inlined { *zoom: 1; }
.clearfix:before, .block-wline .side-catmenu-filters ul li:before, .block-wline .group ul li:before, .profile_menu:before, .radio_btns.radio_btns--inlined:before, .clearfix:after, .block-wline .side-catmenu-filters ul li:after, .block-wline .group ul li:after, .profile_menu:after, .radio_btns.radio_btns--inlined:after { display: table; content: ""; }
.clearfix:after, .block-wline .side-catmenu-filters ul li:after, .block-wline .group ul li:after, .profile_menu:after, .radio_btns.radio_btns--inlined:after { clear: both; }

#server { display: none; }

/*** Paul adding ***/
/* Use
	@include bp(mobile) {
		width: 100%;
	}
*/
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1200px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.col-tn-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-tn-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-tn-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-tn-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-tn-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-tn-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-tn-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-tn-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-tn-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-tn-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-tn-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-tn-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-tn-1, .col-tn-2, .col-tn-3, .col-tn-4, .col-tn-5, .col-tn-6, .col-tn-7, .col-tn-8, .col-tn-9, .col-tn-10, .col-tn-11, .col-tn-12 { float: left; }

.col-tn-1 { width: 8.33333%; }

.col-tn-2 { width: 16.66667%; }

.col-tn-3 { width: 25%; }

.col-tn-4 { width: 33.33333%; }

.col-tn-5 { width: 41.66667%; }

.col-tn-6 { width: 50%; }

.col-tn-7 { width: 58.33333%; }

.col-tn-8 { width: 66.66667%; }

.col-tn-9 { width: 75%; }

.col-tn-10 { width: 83.33333%; }

.col-tn-11 { width: 91.66667%; }

.col-tn-12 { width: 100%; }

.col-tn-pull-0 { right: auto; }

.col-tn-pull-1 { right: 8.33333%; }

.col-tn-pull-2 { right: 16.66667%; }

.col-tn-pull-3 { right: 25%; }

.col-tn-pull-4 { right: 33.33333%; }

.col-tn-pull-5 { right: 41.66667%; }

.col-tn-pull-6 { right: 50%; }

.col-tn-pull-7 { right: 58.33333%; }

.col-tn-pull-8 { right: 66.66667%; }

.col-tn-pull-9 { right: 75%; }

.col-tn-pull-10 { right: 83.33333%; }

.col-tn-pull-11 { right: 91.66667%; }

.col-tn-pull-12 { right: 100%; }

.col-tn-push-0 { left: auto; }

.col-tn-push-1 { left: 8.33333%; }

.col-tn-push-2 { left: 16.66667%; }

.col-tn-push-3 { left: 25%; }

.col-tn-push-4 { left: 33.33333%; }

.col-tn-push-5 { left: 41.66667%; }

.col-tn-push-6 { left: 50%; }

.col-tn-push-7 { left: 58.33333%; }

.col-tn-push-8 { left: 66.66667%; }

.col-tn-push-9 { left: 75%; }

.col-tn-push-10 { left: 83.33333%; }

.col-tn-push-11 { left: 91.66667%; }

.col-tn-push-12 { left: 100%; }

.col-tn-offset-0 { margin-left: 0%; }

.col-tn-offset-1 { margin-left: 8.33333%; }

.col-tn-offset-2 { margin-left: 16.66667%; }

.col-tn-offset-3 { margin-left: 25%; }

.col-tn-offset-4 { margin-left: 33.33333%; }

.col-tn-offset-5 { margin-left: 41.66667%; }

.col-tn-offset-6 { margin-left: 50%; }

.col-tn-offset-7 { margin-left: 58.33333%; }

.col-tn-offset-8 { margin-left: 66.66667%; }

.col-tn-offset-9 { margin-left: 75%; }

.col-tn-offset-10 { margin-left: 83.33333%; }

.col-tn-offset-11 { margin-left: 91.66667%; }

.col-tn-offset-12 { margin-left: 100%; }

@media (min-width: 480px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
  .col-xs-1 { width: 8.33333%; }
  .col-xs-2 { width: 16.66667%; }
  .col-xs-3 { width: 25%; }
  .col-xs-4 { width: 33.33333%; }
  .col-xs-5 { width: 41.66667%; }
  .col-xs-6 { width: 50%; }
  .col-xs-7 { width: 58.33333%; }
  .col-xs-8 { width: 66.66667%; }
  .col-xs-9 { width: 75%; }
  .col-xs-10 { width: 83.33333%; }
  .col-xs-11 { width: 91.66667%; }
  .col-xs-12 { width: 100%; }
  .col-xs-pull-0 { right: auto; }
  .col-xs-pull-1 { right: 8.33333%; }
  .col-xs-pull-2 { right: 16.66667%; }
  .col-xs-pull-3 { right: 25%; }
  .col-xs-pull-4 { right: 33.33333%; }
  .col-xs-pull-5 { right: 41.66667%; }
  .col-xs-pull-6 { right: 50%; }
  .col-xs-pull-7 { right: 58.33333%; }
  .col-xs-pull-8 { right: 66.66667%; }
  .col-xs-pull-9 { right: 75%; }
  .col-xs-pull-10 { right: 83.33333%; }
  .col-xs-pull-11 { right: 91.66667%; }
  .col-xs-pull-12 { right: 100%; }
  .col-xs-push-0 { left: auto; }
  .col-xs-push-1 { left: 8.33333%; }
  .col-xs-push-2 { left: 16.66667%; }
  .col-xs-push-3 { left: 25%; }
  .col-xs-push-4 { left: 33.33333%; }
  .col-xs-push-5 { left: 41.66667%; }
  .col-xs-push-6 { left: 50%; }
  .col-xs-push-7 { left: 58.33333%; }
  .col-xs-push-8 { left: 66.66667%; }
  .col-xs-push-9 { left: 75%; }
  .col-xs-push-10 { left: 83.33333%; }
  .col-xs-push-11 { left: 91.66667%; }
  .col-xs-push-12 { left: 100%; }
  .col-xs-offset-0 { margin-left: 0%; }
  .col-xs-offset-1 { margin-left: 8.33333%; }
  .col-xs-offset-2 { margin-left: 16.66667%; }
  .col-xs-offset-3 { margin-left: 25%; }
  .col-xs-offset-4 { margin-left: 33.33333%; }
  .col-xs-offset-5 { margin-left: 41.66667%; }
  .col-xs-offset-6 { margin-left: 50%; }
  .col-xs-offset-7 { margin-left: 58.33333%; }
  .col-xs-offset-8 { margin-left: 66.66667%; }
  .col-xs-offset-9 { margin-left: 75%; }
  .col-xs-offset-10 { margin-left: 83.33333%; }
  .col-xs-offset-11 { margin-left: 91.66667%; }
  .col-xs-offset-12 { margin-left: 100%; } }
@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333%; }
  .col-sm-2 { width: 16.66667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333%; }
  .col-sm-5 { width: 41.66667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333%; }
  .col-sm-8 { width: 66.66667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333%; }
  .col-sm-11 { width: 91.66667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
.alert-block { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; position: fixed; top: 0; left: 50%; background: #ffdf66; color: #333; display: block; z-index: 9999; text-align: center; height: 50px; padding: 0; }
.alert-block:before, .alert-block:after { content: " "; display: table; }
.alert-block:after { clear: both; }
@media (min-width: 768px) { .alert-block { width: 600px; } }
@media (min-width: 992px) { .alert-block { width: 820px; } }
@media (min-width: 1200px) { .alert-block { width: 1050px; } }
@media (min-width: 768px) { .alert-block { margin-left: -240px; } }
@media (min-width: 992px) { .alert-block { margin-left: -350px; } }
@media (min-width: 1200px) { .alert-block { margin-left: -465px; } }
.alert-block span { position: relative; display: table-cell; vertical-align: middle; height: 50px; padding: 0 20px; }
.alert-block span:before { content: ''; display: block; width: 11px; height: 11px; position: absolute; top: 0; left: -10px; background: url("../images/note_text_bg_left_top.svg") no-repeat top left; }
.no-svg .alert-block span:before { background: url("../images/note_text_bg_left_top.png") no-repeat top left; }

.icon { display: inline-block; vertical-align: middle; }
.icon.icon--account { background: url("../images/icons/icon-account.svg") no-repeat top left; width: 20px; height: 20px; }
.no-svg .icon.icon--account { background: url("../images/icons/icon-account.png") no-repeat top left; }
.icon.icon--cart { background: url("../images/icons/icon-cart.svg") no-repeat top left; width: 20px; height: 20px; }
.no-svg .icon.icon--cart { background: url("../images/icons/icon-cart.png") no-repeat top left; }
.icon.icon--menu { background: url("../images/icons/icon-menu.svg") no-repeat left center; width: 16px; height: 20px; }
.no-svg .icon.icon--menu { background: url("../images/icons/icon-menu.png") no-repeat top left; }
.icon.icon--add_to_cart { background: url("../images/icons/add_to_cart.svg") no-repeat top left; width: 28px; height: 20px; }
.no-svg .icon.icon--add_to_cart { background: url("../images/icons/add_to_cart.png") no-repeat top left; }
.icon.icon--arrow_right_white { background: url("../images/icons/arrow_right_white.svg") no-repeat top left; width: 6px; height: 10px; }
.no-svg .icon.icon--arrow_right_white { background: url("../images/icons/arrow_right_white.png") no-repeat top left; }
.icon.icon--arrow_right_white.bigger { width: 10px; height: 18px; background-size: 100%; }
.icon.icon--arrow_right_blue { background: url("../images/icons/arrow_right_blue.svg") no-repeat top left; width: 6px; height: 10px; }
.no-svg .icon.icon--arrow_right_blue { background: url("../images/icons/arrow_right_blue.png") no-repeat top left; }
.icon.icon--arrow_left_white { background: url("../images/icons/arrow_left_white.svg") no-repeat top left; width: 6px; height: 10px; }
.no-svg .icon.icon--arrow_left_white { background: url("../images/icons/arrow_left_white.png") no-repeat top left; }
.icon.icon--arrow_left_blue { background: url("../images/icons/arrow_left_blue.svg") no-repeat top left; width: 6px; height: 10px; }
.no-svg .icon.icon--arrow_left_blue { background: url("../images/icons/arrow_left_blue.png") no-repeat top left; }
.icon.icon--warranty { background: url("../images/icons/warranty_icon.svg") no-repeat top left; width: 13px; height: 13px; }
.no-svg .icon.icon--warranty { background: url("../images/icons/warranty_icon.png") no-repeat top left; }
.icon.icon--shipping { background: url("../images/icons/shipping_icon.svg") no-repeat top left; width: 18px; height: 11px; }
.no-svg .icon.icon--shipping { background: url("../images/icons/shipping_icon.png") no-repeat top left; }
.icon.icon--in_stock { background: url("../images/icons/in_stoc_icon.svg") no-repeat top left; width: 12px; height: 9px; }
.no-svg .icon.icon--in_stock { background: url("../images/icons/in_stoc_icon.png") no-repeat top left; }
.icon.icon--on_order { background: url("../images/icons/on_order_icon.svg") no-repeat top left; width: 14px; height: 14px; }
.no-svg .icon.icon--on_order { background: url("../images/icons/on_order_icon.png") no-repeat top left; }
.icon.icon--out_of_stock { background: url("../images/icons/out_of_stock_icon.svg") no-repeat top left; width: 14px; height: 14px; }
.no-svg .icon.icon--out_of_stock { background: url("../images/icons/out_of_stock_icon.png") no-repeat top left; }
.icon.icon--eol { background: url("../images/icons/eol_icon.svg") no-repeat top left; width: 14px; height: 14px; }
.no-svg .icon.icon--eol { background: url("../images/icons/eol_icon.png") no-repeat top left; }
.icon.icon--supplier { background: url("../images/icons/supplier_icon.svg") no-repeat top left; width: 14px; height: 14px; }
.no-svg .icon.icon--supplier { background: url("../images/icons/supplier_icon.png") no-repeat top left; }
.icon.icon--limited { background: url("../images/icons/limited_icon.svg") no-repeat top left; width: 14px; height: 14px; margin-top: -3px; }
.no-svg .icon.icon--limited { background: url("../images/icons/limited_icon.png") no-repeat top left; }
.icon.icon--soon { background: url("../images/icons/soon_icon.svg") no-repeat top left; width: 14px; height: 14px; }
.no-svg .icon.icon--soon { background: url("../images/icons/soon_icon.png") no-repeat top left; }
.icon.icon--service { background: url("../images/icons/service_icon.svg") no-repeat top left; width: 20px; height: 24px; }
.no-svg .icon.icon--service { background: url("../images/icons/service_icon.png") no-repeat top left; }
.icon.icon--original { background: url("../images/icons/original_icon.svg") no-repeat top left; width: 20px; height: 20px; }
.no-svg .icon.icon--original { background: url("../images/icons/original_icon.png") no-repeat top left; }
.icon.icon--blister { background: url("../images/icons/blister_icon.svg") no-repeat top left; width: 18px; height: 23px; }
.no-svg .icon.icon--blister { background: url("../images/icons/blister_icon.png") no-repeat top left; }
.icon.icon--bulk { background: url("../images/icons/bulk_icon.svg") no-repeat top left; width: 18px; height: 18px; }
.no-svg .icon.icon--bulk { background: url("../images/icons/bulk_icon.png") no-repeat top left; }
.icon.icon--add_to_cart { background: url("../images/icons/details_add_to_cart_icon.svg") no-repeat top left; width: 30px; height: 30px; }
.no-svg .icon.icon--add_to_cart { background: url("../images/icons/details_add_to_cart_icon.png") no-repeat top left; }
.icon.icon--add_to_cart--small { background: url("../images/icons/details_add_to_cart_icon.svg") no-repeat top left; width: 18px; height: 18px; background-size: 100%; }
.no-svg .icon.icon--add_to_cart--small { background: url("../images/icons/details_add_to_cart_icon.png") no-repeat top left; background-size: 100%; }
.icon.icon--alert { background: url("../images/icons/alert_icon.svg") no-repeat top left; width: 14px; height: 16px; }
.no-svg .icon.icon--alert { background: url("../images/icons/alert_icon.png") no-repeat top left; }
.icon.icon--phone { background: url("../images/icons/phone_icon.svg") no-repeat top left; width: 16px; height: 17px; }
.no-svg .icon.icon--phone { background: url("../images/icons/phone_icon.png") no-repeat top left; }
.icon.icon--edit { background: url("../images/icons/edit_icon.svg") no-repeat top left; width: 16px; height: 16px; }
.no-svg .icon.icon--edit { background: url("../images/icons/edit_icon.png") no-repeat top left; }
.icon.icon--login_tabs { background: url("../images/icons/login_tabs_unchecked_icon.svg") no-repeat top left; width: 18px; height: 18px; }
.no-svg .icon.icon--login_tabs { background: url("../images/icons/login_tabs_unchecked_icon.png") no-repeat top left; }
.icon.icon--advantage_1 { background: url("../images/icons/advantage_icon_1.svg") no-repeat top left; width: 24px; height: 30px; }
.no-svg .icon.icon--advantage_1 { background: url("../images/icons/advantage_icon_1.png") no-repeat top left; }
.icon.icon--advantage_2 { background: url("../images/icons/advantage_icon_2.svg") no-repeat top left; width: 40px; height: 25px; }
.no-svg .icon.icon--advantage_2 { background: url("../images/icons/advantage_icon_2.png") no-repeat top left; }
.icon.icon--advantage_3 { background: url("../images/icons/advantage_icon_3.svg") no-repeat top left; width: 24px; height: 28px; }
.no-svg .icon.icon--advantage_3 { background: url("../images/icons/advantage_icon_3.png") no-repeat top left; }
.icon.icon--secured { background: url("../images/icons/secured_icon.svg") no-repeat top left; width: 12px; height: 15px; }
.no-svg .icon.icon--secured { background: url("../images/icons/secured_icon.png") no-repeat top left; }
.icon.icon--delete { background: url("../images/icons/delete_icon.svg") no-repeat top left; width: 14px; height: 18px; }
.no-svg .icon.icon--delete { background: url("../images/icons/delete_icon.png") no-repeat top left; }
.icon.icon--generate { background: url("../images/icons/generate_email_icon.svg") no-repeat top left; width: 19px; height: 16px; }
.no-svg .icon.icon--generate { background: url("../images/icons/generate_email_icon.png") no-repeat top left; }
.icon.icon--ty_facebook { background: url("../images/icons/thankyou_facebook.svg") no-repeat top left; width: 15px; height: 15px; }
.no-svg .icon.icon--ty_facebook { background: url("../images/icons/thankyou_facebook.png") no-repeat top left; }
.icon.icon--ty_home { background: url("../images/icons/thankyou_home.svg") no-repeat top left; width: 15px; height: 15px; }
.no-svg .icon.icon--ty_home { background: url("../images/icons/thankyou_home.png") no-repeat top left; }
.icon.icon--ty_phone { background: url("../images/icons/thankyou_phone.svg") no-repeat top left; width: 16px; height: 18px; }
.no-svg .icon.icon--ty_phone { background: url("../images/icons/thankyou_phone.png") no-repeat top left; }
.icon.icon--close-magnific { background: url("../images/icons/close_magnific.svg") no-repeat top left; width: 64px; height: 34px; }
.no-svg .icon.icon--close-magnific { background: url("../images/icons/close_magnific.png") no-repeat top left; }
.icon.icon--wishlist { background: url("../images/icons/add_remove_wishlist.svg") no-repeat top left; width: 16px; height: 11px; }
.no-svg .icon.icon--wishlist { background: url("../images/icons/add_remove_wishlist.png") no-repeat top left; }

.dropdown { position: relative; }

.toggleContent { display: none; position: absolute; top: 30px; left: 0; z-index: 999; }
.toggleContent.toggleContent--right { left: auto; right: 0; }
.toggleContent.toggleContent--header { top: 45px; }

.navigation_options .toggleContent { top: 30px; padding-top: 7px; }
@media (min-width: 480px) { .navigation_options .toggleContent { max-width: 310px; } }

.button.button--home, .button.button--detail { font-size: 14px; font-size: 1rem; line-height: 1.28571; line-height: 35px; color: #fff; text-decoration: none; display: inline-block; background-color: #555555; border: 1px solid #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; width: 100%; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 250px; }
.button.button--home:hover, .button.button--detail:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--home:hover, .button.button--detail:hover { background-color: #555555; border-color: #555555; } }
.button.button--home.opened, .button.button--detail.opened { cursor: pointer; background-color: #555555; border-color: #555555; text-decoration: none; }
.button.button--home.button--home--full, .button.button--detail.button--home--full { max-width: 100%; }
.button.button--light { text-decoration: none; display: inline-block; background-color: transparent; border: 1px solid #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; color: #555; font-size: 14px; font-size: 1rem; line-height: 1.28571; line-height: 35px; }
.button.button--light:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--light:hover { background-color: transparent; border-color: #555555; } }
.button.button--light.opened { cursor: pointer; background-color: transparent; border-color: #555555; text-decoration: none; }
.button.button--detail { text-decoration: none; display: inline-block; background-color: #555555; border: 1px solid #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; }
.button.button--detail:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--detail:hover { background-color: #555555; border-color: #555555; } }
.button.button--detail.opened { cursor: pointer; background-color: #555555; border-color: #555555; text-decoration: none; }
.button.button--detail img { vertical-align: middle; }
.button.button--detail.showContent { text-decoration: none; display: inline-block; background-color: #555555; border: 1px solid #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; }
.button.button--detail.showContent:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--detail.showContent:hover { background-color: #555555; border-color: #555555; } }
.button.button--detail.showContent.opened { cursor: pointer; background-color: #555555; border-color: #555555; text-decoration: none; }
.button.button--detail.smaller { width: auto; }
.button.button--more_details, .button.button--details_pag { text-decoration: none; display: inline-block; background-color: #0099ff; border: 1px solid #0099ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; font-size: 14px; font-size: 1rem; line-height: 1.28571; line-height: 30px; color: #fff; }
.button.button--more_details:hover, .button.button--details_pag:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--more_details:hover, .button.button--details_pag:hover { background-color: #0099ff; border-color: #0099ff; } }
.button.button--more_details.opened, .button.button--details_pag.opened { cursor: pointer; background-color: #0099ff; border-color: #0099ff; text-decoration: none; }
.button.button--more_details img, .button.button--details_pag img { vertical-align: middle; }
.button.button--details_pag { padding: 0 10px !important; }
.button.button--details_pag a { color: #fff; }
.button.button--details_pag.button--details_pag__red { text-decoration: none; display: inline-block; background-color: #e91100; border: 1px solid #e91100; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; }
.button.button--details_pag.button--details_pag__red:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--details_pag.button--details_pag__red:hover { background-color: #e91100; border-color: #e91100; } }
.button.button--details_pag.button--details_pag__red.opened { cursor: pointer; background-color: #e91100; border-color: #e91100; text-decoration: none; }
.button.button--details_pag.button--details_pag__grey { text-decoration: none; display: inline-block; background-color: #535a58; border: 1px solid #535a58; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; }
.button.button--details_pag.button--details_pag__grey:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--details_pag.button--details_pag__grey:hover { background-color: #535a58; border-color: #535a58; } }
.button.button--details_pag.button--details_pag__grey.opened { cursor: pointer; background-color: #535a58; border-color: #535a58; text-decoration: none; }
.button.button--add { font-size: 16px; font-size: 1.14286rem; line-height: 1.125; line-height: 50px; color: #fff; text-decoration: none; display: inline-block; background-color: #ff6600; border: 1px solid #ff6600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.button.button--add:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--add:hover { background-color: #ff6600; border-color: #ff6600; } }
.button.button--add.opened { cursor: pointer; background-color: #ff6600; border-color: #ff6600; text-decoration: none; }
.button.button--red { text-decoration: none; display: inline-block; background-color: #e91100; border: 1px solid #e91100; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; padding: 0 10px; color: #fff; line-height: 30px; }
.button.button--red:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--red:hover { background-color: #e91100; border-color: #e91100; } }
.button.button--red.opened { cursor: pointer; background-color: #e91100; border-color: #e91100; text-decoration: none; }
.button.button--red i { margin: -3px 3px 0 0; }
.button.button--grey { text-decoration: none; display: inline-block; background-color: #535a58; border: 1px solid #535a58; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; padding: 0 10px; color: #fff; line-height: 30px; }
.button.button--grey:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--grey:hover { background-color: #535a58; border-color: #535a58; } }
.button.button--grey.opened { cursor: pointer; background-color: #535a58; border-color: #535a58; text-decoration: none; }
.button.button--grey i { margin: -3px 3px 0 0; }
.button.button--blue { text-decoration: none; display: inline-block; background-color: #0099ff; border: 1px solid #0099ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; padding: 0 10px; color: #fff; line-height: 30px; }
.button.button--blue:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--blue:hover { background-color: #0099ff; border-color: #0099ff; } }
.button.button--blue.opened { cursor: pointer; background-color: #0099ff; border-color: #0099ff; text-decoration: none; }
.button.button--blue i { margin: -3px 3px 0 0; }
.button.button--bigger { text-decoration: none; display: inline-block; background-color: #0099ff; border: 1px solid #0099ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 20px; font-size: 18px; font-size: 1.28571rem; line-height: 1; line-height: 60px; font-family: "robotobold"; color: #fff; }
.button.button--bigger:hover { cursor: pointer; text-decoration: none; }
@media (min-width: 768px) { .button.button--bigger:hover { background-color: #0099ff; border-color: #0099ff; } }
.button.button--bigger.opened { cursor: pointer; background-color: #0099ff; border-color: #0099ff; text-decoration: none; }
.button.button--bigger img { vertical-align: middle; }
.button.float-right { float: right; }

/******************/
.MB20 { margin-bottom: 20px !important; }

.MB30 { margin-bottom: 30px !important; }

.MB40 { margin-bottom: 40px !important; }

.MB10 { margin-bottom: 10px !important; }

.MT07 { margin-top: 7px !important; }

.MB05 { margin-bottom: 5px !important; }

.PL30 { padding-left: 30px !important; }

.MT30 { margin-top: 30px; }

.noLeftPad { padding-left: 0; }

.noRightPad { padding-right: 0; }

.noPad { padding: 0 !important; }

.text-centerd { text-align: center; }
@media (min-width: 480px) { .text-centerd.tablet_align_left { text-align: left; } }

.pull-right { float: right; }

/*******************/
form { border: none; }

input[type="text"], input[type="password"] { height: 32px; background: #fff; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 10px; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #666666; font-family: "robotoregular"; }
input[type="text"].error, input[type="password"].error { border: 2px solid #e91100; }
input[type="text"].footer_newsletter, input[type="password"].footer_newsletter { background: #efefef; border-color: #efefef; font-style: italic; color: #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; }
input[type="text"].w280, input[type="password"].w280 { widtH: 280px; max-width: 100%; }

textarea { border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; }
textarea.error { border: 2px solid #e91100; }

.CustomSelect { /* The CSS */ /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ }
.CustomSelect select { padding: 3px; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; color: #888; border: 1px solid #fff; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 84px; height: 33px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) ; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) ; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) ; }
.CustomSelect select.top_search { width: 157px; height: 30px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.CustomSelect select.home_filter { width: 100%; max-width: 170px; margin: 0 0 20px 0; }
.CustomSelect select.cart_select { width: 370px; max-width: 100%; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .CustomSelect select { padding-right: 18px; } }
.CustomSelect label.for_select { position: relative; }
.CustomSelect label.for_select:after { content: url("../images/icons/custom_select_arrow.svg"); width: 12px; height: 6px; color: #aaa; right: 11px; top: -1px; padding: 0 0 2px; position: absolute; pointer-events: none; }
.CustomSelect label.for_select:before { content: ''; right: 6px; top: 0px; width: 12px; height: 6px; background: #fff; position: absolute; pointer-events: none; display: block; }
.CustomSelect.cart_select select, .CustomSelect.contact_select select, .CustomSelect.notify_select select, .CustomSelect.gen_select select { border-color: #cccccc; background: #f9f9f9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 370px; max-width: 100%; }
.CustomSelect.cart_select label:before, .CustomSelect.contact_select label:before, .CustomSelect.notify_select label:before, .CustomSelect.gen_select label:before { background: #f9f9f9; }
.CustomSelect.cart_select label:after, .CustomSelect.contact_select label:after, .CustomSelect.notify_select label:after, .CustomSelect.gen_select label:after { content: url("../images/icons/double_arrow_select.svg"); }
.no-svg .CustomSelect.cart_select label:after, .no-svg .CustomSelect.contact_select label:after, .no-svg .CustomSelect.notify_select label:after, .no-svg .CustomSelect.gen_select label:after { content: url("../images/icons/double_arrow_select.png"); }
.CustomSelect.notify_select select { width: 140px; }
.CustomSelect.gen_select select { width: 360px; }

.testttt { border: none; text-align: center; }

header { background: #535a58; border-bottom: 2px solid #e91100; }

.header_container_items { padding: 0; }
@media (min-width: 768px) { .header_container_items { padding: 0 15px; } }

a.logo { float: left; display: inline-block; background: #e91100; width: 97px; height: 50px; text-align: center; padding-top: 14px; }
@media (min-width: 480px) { a.logo { width: 120px; } }
a.logo img { width: 80px; height: 22px; vertical-align: middle; }

.top-search { width: 59px; float: left; margin: 10px 0 0 10px; }
@media (min-width: 480px) { .top-search { width: 199px; } }
@media (min-width: 768px) { .top-search { width: 224px; } }
@media (min-width: 992px) { .top-search { width: auto; } }
.top-search input[type="text"] { float: left; width: 367px; height: 30px; padding: 0 10px; background: #efefef; border-color: #efefef; border-right: 1px solid #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.top-search .CustomSelect { float: left; margin-right: 6px; }
.top-search .top-search__btn { float: left; width: 69px; height: 30px; margin-left: 10px; border: 1px solid #0099ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #0099ff url("../images/icons/search_icon.svg") no-repeat center center; background-size: 18px 18px; }
.no-svg .top-search .top-search__btn { background: #0099ff url("../images/icons/search_icon.svg") no-repeat center center; background-size: 18px 18px; }
@media (max-width: 991px) { .top-search { background: #efefef; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .top-search:after { content: url("../images/icons/mobile_search_bg_icon.svg"); background-size: 100%; width: 18px; height: 18px; right: 10px; top: 7px; padding: 0; position: absolute; pointer-events: none; }
  .top-search input[type="text"] { border: none; background: none; max-width: 100%; }
  .top-search .top-search__btn { display: none; }
  .top-search.is_focused:after { content: ''; } }

.header_right { float: right; }
.header_right .dropdown { float: right; margin-left: 10px; }

.trigger.trigger--header { color: #cbcece; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; text-decoration: none; line-height: 50px; padding: 6px 10px; }
.trigger.trigger--header .label_text { display: none; }
@media (min-width: 768px) { .trigger.trigger--header .label_text { display: inline; } }
.trigger.trigger--header.opened { background: #424947; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.top_categories { background: #efefef; padding: 20px 0 0 0; margin: 0 0 20px 0; }
@media (min-width: 768px) { .top_categories { height: 98px; } }
.top_categories .categories_box { display: none; }
@media (min-width: 768px) { .top_categories .categories_box { display: inline-block; } }
@media (max-width: 767px) { .top_categories .fav_cat { padding: 0 5px; } }
@media (min-width: 768px) { .top_categories .fav_cat { display: none; }
  .top_categories .fav_cat.fav_cat--nr_1, .top_categories .fav_cat.fav_cat--nr_2, .top_categories .fav_cat.fav_cat--nr_3 { display: block; } }
@media (min-width: 992px) { .top_categories .fav_cat { display: none; }
  .top_categories .fav_cat.fav_cat--nr_1, .top_categories .fav_cat.fav_cat--nr_2, .top_categories .fav_cat.fav_cat--nr_3, .top_categories .fav_cat.fav_cat--nr_4, .top_categories .fav_cat.fav_cat--nr_5 { display: block; } }
@media (min-width: 1200px) { .top_categories .fav_cat { display: block; }
  .top_categories .fav_cat.fav_cat--nr_6 { display: none; } }

.categories_dropdown { top: 51px; padding-top: 10px; display: block; z-index: 999; }
.categories_dropdown .categories { background: #535a58; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; padding: 5px; float: left; }
.categories_dropdown .categories .categories__left { float: left; width: 195px; position: relative; }
.categories_dropdown .categories .categories__right { float: left; }

.trigger--products { display: block; background: #e0e0e0; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: normal 18px/56px "robotobold"; color: #535a58; text-decoration: none; padding: 0 40px 0 14px; }
.trigger--products .label_text:after { content: url("../images/icons/drop_products_arrow_normal.svg"); width: 16px; height: 10px; right: 19px; top: 0; padding: 0; position: absolute; pointer-events: none; }
.trigger--products.opened { background: #d9d9d9; color: #535a58; text-decoration: none; }
.trigger--products.opened .label_text:after { content: url("../images/icons/drop_products_arrow_active.svg"); }

.categories ul { width: 190px; list-style-type: none; }
.categories ul > li > a { color: #fff; text-decoration: none; display: block; }
.categories ul > li .parent_categ { font-family: "robotoregular"; font-size: 14px; font-size: 1rem; line-height: 1.28571; padding: 8px 9px; position: relative; }
.categories ul > li .parent_categ span:after { content: url("../images/icons/parent_categ_arrow.svg"); width: 6px; height: 10px; right: 10px; top: 8px; padding: 0; position: absolute; pointer-events: none; }
.categories ul > li.with_sub:hover .parent_categ { background: #fff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; width: 203px; color: #535a58; }
.categories ul > li.with_sub:hover .parent_categ span:after { right: 23px; content: url("../images/icons/parent_categ_arrow_active.svg"); }
.categories ul > li .sub_categories { position: absolute; top: 0; left: 200px; background: #fff; height: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.categories ul > li .sub_categories li a { color: #333; }
.categories ul > li .sub_categories .sub_categories__left { width: 40%; float: left; height: 100%; padding: 19px 20px; }
.categories ul > li .sub_categories .sub_categories__right { width: 60%; float: left; background: #f4f4f4; height: 100%; }
.categories ul > li .sub_level2 > li > a { font-family: "robotoregular"; font-size: 14px; font-size: 1rem; line-height: 1.28571; padding: 5px 9px; }
.categories ul > li .sub_level2 > li.selected a { font-family: "robotomedium"; color: #e91100; }

.sub_categories__right { position: relative; }
.sub_categories__right .day_offer { position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; /*background: url("../images/sub_menu_image.jpg") no-repeat right bottom;*/ padding: 0 0 0 37px; }
.sub_categories__right .day_offer .button { margin-top: 270px; margin-left: 10px; }
.sub_categories__right .day_offer .day_offer__title { font-family: "robotolight"; color: #535a58; font-size: 36px; font-size: 2.57143rem; line-height: 1; }
.sub_categories__right .day_offer .day_offer__reduction { font-family: "robotolight"; color: #e91100; font-size: 72px; font-size: 5.14286rem; line-height: 1; margin-bottom: 53px; }

.recomanded_categs { height: 65px; display: block; margin-bottom: 20px; }
@media (min-width: 768px) { .recomanded_categs { margin-bottom: 0; } }
.recomanded_categs .recomanded_categs__img { height: 65px; width: 82px; display: table-cell; vertical-align: middle; text-align: center; }
@media (max-width: 767px) { .recomanded_categs .recomanded_categs__img { max-width: 52px; } }
@media (max-width: 767px) { .recomanded_categs .recomanded_categs__img img { max-width: 40px; } }
.recomanded_categs .recomanded_categs__name { height: 65px; display: table-cell; vertical-align: middle; text-align: left; font-family: "robotoregular"; color: #535a58; font-size: 14px; font-size: 1rem; line-height: 1.28571; }

.breadcrumb { margin: 0 15px 20px 15px; }
.breadcrumb h2, .breadcrumb h1, .breadcrumb div { float: left; margin: 0; padding: 0; }
.breadcrumb h2 { font-size: 14px; font-size: 1rem; line-height: 1.28571; }
.breadcrumb h2 a { display: inline-block; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999999; text-decoration: none; }
.breadcrumb h2 a:after { content: "/"; padding-right: 5px; }
.breadcrumb h1 { font-size: 14px; font-size: 1rem; line-height: 1.28571; }
.breadcrumb h1 a { display: inline-block; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999999; text-decoration: none; }
.breadcrumb.forBrowse h2 { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; }
.breadcrumb.forBrowse h1 a { display: inline-block; font-size: 24px; font-size: 1.71429rem; line-height: 1.5; color: #535a58; text-decoration: none; }

.top_drop_box { background: #fff; border: 5px solid #535a58; -webkit-border-radius: 10px; -webkit-border-top-right-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topright: 0; border-radius: 10px; border-top-right-radius: 0; }
.top_drop_box.cartblock { width: 370px; }
.top_drop_box.userblock { width: 250px; padding-bottom: 10px; }
.top_drop_box.menublock { width: 250px; padding-bottom: 10px; }
.top_drop_box .top_drop_box__title { font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotobold"; color: #333; padding: 10px; }
.top_drop_box .top_drop_box__bottom { background: #efefef; text-align: center; padding: 20px 0; }
.top_drop_box:before { content: url("../images/top_dropdowns_right_corner.svg"); width: 11px; height: 11px; position: absolute; top: -9px; right: 5px; }

.cartblock__items { max-height: 200px; overflow-y: auto; }

.cartblock__item { margin: 0 0 15px 0; }
.cartblock__item .cartblock__item__image { float: left; width: 78px; text-align: center; }
.cartblock__item .cartblock__item__image img { max-width: 56px; }
.cartblock__item .cartblock__item__text { float: left; width: 260px; }
.cartblock__item .cartblock__item__text .cartblock__name { float: left; width: 167px; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; color: #535a58; }
.cartblock__item .cartblock__item__text .cartblock__price { float: left; width: 92px; text-align: right; padding: 0 10px 0 0; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotobold"; color: #e91100; }

.userblock > a, .menublock > a { display: block; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; padding: 0 10px 0; margin: 0 0 5px 0; }
.userblock > a:hover, .menublock > a:hover { text-decoration: underline; }

/************** mobile_all_categ_dropdown_wrapper****************/
@media (max-width: 767px) { .hideBox { display: none !important; } }
.mobile_fav_categ_title { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #e91100; margin-bottom: 20px; }
@media (min-width: 768px) { .mobile_fav_categ_title { display: none; } }

.mobile_all_categ_dropdown_wrapper { margin-bottom: 10px; }
@media (min-width: 768px) { .mobile_all_categ_dropdown_wrapper { display: none; } }
.mobile_all_categ_dropdown_wrapper .mobile_categories_dropdown { position: static; background: #535a58; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: -3px; padding: 10px 0; }
.mobile_all_categ_dropdown_wrapper .mobile_categories_dropdown ul { width: 100%; }
.mobile_all_categ_dropdown_wrapper .mobile_categories_dropdown ul li a { display: block; padding: 8px 15px; position: relative; }
.mobile_all_categ_dropdown_wrapper .mobile_categories_dropdown ul li a span:after { content: url("../images/icons/parent_categ_arrow.svg"); width: 6px; height: 10px; right: 15px; top: 8px; padding: 0; position: absolute; pointer-events: none; }

.cookie_bar { background: #eeeeee; text-align: center; padding: 10px 30px; font: normal 14px/32px Arial; color: #333; position: fixed; bottom: 0; z-index: 9999999; }
.cookie_bar a { color: #748094; text-decoration: underline; }
.cookie_bar .cookies_wrapper__close { display: inline-block; margin-left: 20px; border: 1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #09F; font: normal 14px/32px Arial; padding: 0 16px; background: #FFF; }
.cookie_bar .cookies_wrapper__close:hover { cursor: pointer; border: 1px solid #ccc; }

.price .price__old { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #333; }
.price .price__old > span { text-decoration: line-through; }
.price .price__new { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #e91100; font-family: "robotobold"; }
.price .price__new .vat { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; font-family: "robotoregular"; }
.price.price--details { margin: 0 0 15px 0; }
.price.price--details > span { display: block; }
.price.price--details .price__old > span { text-decoration: none; }
.price.price--details .price__new { font-size: 36px; font-size: 2.57143rem; line-height: 1; font-family: "robotoregular"; }
.price.price--details .price__new .vat { font-size: 18px; font-size: 1.28571rem; line-height: 1; }

.list_product_wrapper { padding: 0; }
@media (min-width: 768px) { .list_product_wrapper { padding: 0 15px; } }

.list_product { padding: 9px 0; margin-bottom: 5px; }
@media (min-width: 768px) { .list_product { margin-bottom: 30px; } }
@media (min-width: 768px) { .list_product { padding: 9px; border: 1px solid #cccccc; } }
@media (max-width: 767px) { .list_product { border-bottom: 1px solid #ccc; } }
.list_product .list_product__image { margin-bottom: 9px; float: left; width: 135px; text-align: center; background: #fff; max-width: 100%; }
@media (min-width: 768px) { .list_product .list_product__image { float: none; width: 230px; height: 135px; } }
.list_product .list_product__image a { display: block; }
.list_product img { max-width: 105px; max-height: 125px; }
@media (min-width: 768px) { .list_product img { max-height: 135px; max-width: 135px; } }
.list_product .list_product__right { margin-left: 145px; margin-right: 10px; }
@media (min-width: 768px) { .list_product .list_product__right { margin-left: 0; margin-right: 0; } }
.list_product h2 { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #0099ff; font-family: "robotoregular"; height: 54px; overflow: hidden; }
.list_product h2 a { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #0099ff; font-family: "robotoregular"; text-decoration: none; display: block; }
.list_product .price { height: 38px; }
.list_product .list_product__rating { height: 13px; margin-bottom: 10px; }
@media (min-width: 768px) { .list_product.list_product--compatible { height: 330px; } }
.list_product.list_product--details .price__old { display: block; }
.list_product.list_product--smaller .price__old { display: block; }
.list_product .list_product__rating.list_product__rating--picture { display: block; text-align: center; }
@media (min-width: 768px) { .list_product .list_product__rating.list_product__rating--picture { display: none; } }
.list_product .list_product__rating.list_product__rating--right { display: none; }
@media (min-width: 768px) { .list_product .list_product__rating.list_product__rating--right { display: block; } }

.small_banner { margin-bottom: 30px; display: block; }
.small_banner img { max-width: 100%; }

.displayTable { display: table; }

@media (min-width: 768px) { .badges { position: absolute; top: 7px; right: -1px; z-index: 99; } }
.badges .badge { margin-bottom: 10px; text-align: left; }
@media (min-width: 480px) and (max-width: 767px) { .badges .badge { display: inline-block; } }
@media (min-width: 768px) { .badges .badge { text-align: right; } }
.badges .badge span { background: #535a58; font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #fcc633; text-align: left; padding: 1px 18px 1px 8px; position: relative; }
@media (min-width: 768px) { .badges .badge span { padding: 1px 8px 1px 18px; text-align: right; } }
.badges .badge span:before { content: url("../images/icons/badge_cut_right.svg"); width: 10px; height: 20px; right: 0px; top: 0px; padding: 0; position: absolute; pointer-events: none; }
.no-svg .badges .badge span:before { content: url("../images/icons/badge_right.png"); }
@media (min-width: 768px) { .badges .badge span:before { content: url("../images/icons/badge_cut.svg"); left: -1px; right: auto; }
  .no-svg .badges .badge span:before { content: url("../images/icons/badge_cut.png"); } }
.badges .badge.badges__bestseller span { background: #fcc633; color: #535a58; }
.badges.badges--ribbons { position: static; margin-bottom: 8px; }
.badges.badges--ribbons .badge { text-align: left; display: inline-block; float: left; margin-right: 11px; }
.badges.badges--ribbons .badge span { padding: 1px 18px 1px 8px; }
.badges.badges--ribbons .badge span:before { content: url("../images/icons/badge_cut_right.svg"); width: 10px; height: 20px; left: auto; top: 0px; right: -1px; }
.no-svg .badges.badges--ribbons .badge span:before { content: url("../images/icons/badge_cut_right.png"); }

@media (max-width: 767px) { .diff .badges .badge span:before { content: url("../images/icons/badge_cut_right_grey.svg"); }
  .no-svg .diff .badges .badge span:before { content: url("../images/icons/badge_right_grey.png"); } }
.info_line { margin: 0 0 5px 0; font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #555555; }
.info_line strong { font-family: "robotobold"; font-weight: normal; color: #333; }
.info_line .icon_wrapper { display: inline-block; width: 17px; text-align: center; margin-right: 2px; }
.info_line.available { color: #13de13; }
.info_line.on_order { color: #ffc000; }
.info_line.out_of_stock { color: #999999; }
.info_line.soon { color: #ef7bd4; }
.info_line.limited { color: #ff9966; }
.info_line.supplier { color: #ff9966; }
.info_line.eol { color: #13df13; }

.product .details_availability { margin-bottom: 17px; }
.product .info_line { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotobold"; }
.product .info_line .icon_wrapper { width: 26px; text-align: left; }
.product .info_line .icon { width: 20px; height: 20px; background-size: 100%; }
.product .info_line .icon.icon--shipping { width: 26px; height: 17px; }
.product .info_line.info_line--shipping { border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 10px; }
.product .tooltip { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; color: #0099ff; }
.product .tooltip .tooltip_hover { display: none; }

.added_notification { position: fixed; top: 20px; left: 0; width: 100%; max-width: 370px; z-index: 99; background: #fff; border: 5px solid #535a58; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
@media (min-width: 480px) { .added_notification { left: 50%; margin-left: -185px; } }
@media (min-width: 768px) { .added_notification { margin-left: 140px; top: 45px; width: 370px; } }
.added_notification img { max-width: 56px; }
.added_notification .added_notification__top { padding: 10px; }
.added_notification .added_notification__top .photo { float: left; width: 56px; margin: 0 10px 0 0; }
.added_notification .added_notification__top .text { width: 270px; }
@media (min-width: 768px) { .added_notification .added_notification__top .text { float: left; width: 250px; } }
.added_notification .added_notification__top .text .you_add { font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotobold"; }
.added_notification .added_notification__top .text .p_name { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; }
.added_notification .added_notification__finalize { background: #efefef; text-align: center; padding: 20px 0; }

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.tipsy * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; font-size: 14px; font-size: 1rem; line-height: 1.28571; }

.tipsy-inner { /*border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; */ }

.tipsy-arrow { position: absolute; background: url("../images/icons/tipsy.gif") no-repeat top left; width: 9px; height: 5px; }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }

.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }

.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/****************/
.page_heading, .page_home_heading { font-family: "robotobold"; font-size: 24px; font-size: 1.71429rem; line-height: 1.5; margin: 0 0 22px 0; }

.page_subheading { font-family: "robotoregular"; font-size: 14px; font-size: 1rem; line-height: 1.28571; margin: -25px 0 22px 0; color: #cccccc; }

/********************/
@media (min-width: 768px) { .no_pad_right { padding-right: 0; } }

@media (min-width: 768px) { .no_pad_left { padding-left: 0; } }

/************/
.note_text { display: none; background: #ffdf66; padding: 10px; min-height: 58px; float: left; margin-left: 600px; margin-top: -58px; width: 100%; }
@media (min-width: 1200px) { .note_text { display: block; } }
.note_text div { position: relative; }
.note_text div:before { content: ''; display: block; width: 11px; height: 11px; position: absolute; top: -10px; left: -21px; background: url("../images/note_text_bg_left_top.svg") no-repeat top left; }
.no-svg .note_text div:before { background: url("../images/note_text_bg_left_top.png") no-repeat top left; }

/************/
.page_404 { margin-bottom: 30px; }

.success { color: #63b300; }

.error { color: red; }

/*********/
.service_and_refund { margin-bottom: 30px; }
.service_and_refund .group { margin: 0 0 10px 0; }
.service_and_refund label.label { display: block; margin-bottom: 6px; }
.service_and_refund input[type="text"], .service_and_refund textarea { width: 360px; max-width: 100%; }
.service_and_refund textarea { height: 100px; }

.forms_lines { width: 100%; margin-bottom: 30px; }
.forms_lines tr th { text-align: left; padding: 5px 10px; }
.forms_lines tr td { padding: 5px 10px; }
.forms_lines tr th, .forms_lines tr td { border-bottom: 1px solid #ccc; }

/*** black friday **************/
.bf_page { background: #111111; padding-top: 20px; }

.bf_header { background: black url("../images/bf_header_bg_small.png") no-repeat center 113px; height: 429px; text-align: center; }
@media (max-width: 767px) { .bf_header a.logo { float: none; margin: 0 auto; } }
@media (min-width: 768px) { .bf_header { background: black url("../images/bf_header_bg.png") no-repeat center top; height: 349px; } }

.bf_categs { background: #111111; border-bottom: 3px solid #df1000; text-align: center; }
.bf_categs a { float: left; display: inline-block; height: 48px; width: 33.3%; padding: 0 10px; text-align: left; }
@media (min-width: 768px) { .bf_categs a { width: auto; } }
@media (min-width: 992px) { .bf_categs a { width: 145px; } }
.bf_categs a span { display: table-cell; vertical-align: middle; height: 48px; font: normal 14px "robotoregular"; color: #fff; }
.bf_categs a:hover { background: #fff; }
.bf_categs a:hover span { color: #333; }

.bf_category_name { font-size: 36px; font-size: 2.57143rem; line-height: 1; color: #fff; font-family: "robotobold"; margin-bottom: 20px; }

.bf_item { background: #fff; height: 305px; overflow: hidden; padding: 0 10px; margin-bottom: 20px; position: relative; }
.bf_item table { width: 100%; }
.bf_item table td { text-align: center; vertical-align: middle; height: 190px; width: 100%; }
.bf_item table td img { max-width: 100%; max-height: 135px; }
.bf_item h2 { font: normal 14px "robotoregular"; height: 59px; overflow: hidden; margin: 0 0 5px 0; }
.bf_item h2 a { font: normal 14px "robotoregular"; color: #333; }
.bf_item .price .price__old { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; }
.bf_item .price .price__old .strike { text-decoration: line-through; }
.bf_item .price .price__new { font-size: 14px; font-size: 1rem; line-height: 1.28571; }
.bf_item .discount { height: 24px; width: 100%; position: absolute; top: 6px; left: 0; background: url("../images/bf_discount_bg_repeat.png") repeat-x top left; text-align: center; font-size: 16px; font-size: 1.14286rem; line-height: 1.125; font-family: "robotomedium"; line-height: 24px; color: #333; }

.bf_content { margin: 0 0 0px 0; }
.bf_content.hiddeZone { max-height: 650px; overflow: hidden; }

.bf_see_all_prods { display: block; border: 2px solid #e91100; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; font-family: "robotomedium"; font-size: 18px; font-size: 1.28571rem; line-height: 1; line-height: 34px; color: #fff; margin-bottom: 20px; }

/***************/
.bf_top_small_banner { background: #000; text-align: center; margin: -10px 0 10px 0; font: normal 18px Arial; color: #fff; }
.bf_top_small_banner img, .bf_top_small_banner span, .bf_top_small_banner a { display: inline-block; vertical-align: middle; }
.bf_top_small_banner span { margin: 10px 10px; }
.bf_top_small_banner a { background: #fff; font: bold 14px Arial; color: #000; border-bottom: 2px solid #e91100; padding: 8px 11px; text-transform: uppercase; }

.home_banner { margin: 0 0 20px 0; }
.home_banner img { max-width: 100%; }

.info_boxes { border: 1px solid #cccccc; margin-bottom: 15px; }

.home_box { padding: 20px 0; }
.home_box .home_box__img { display: table-cell; width: 40px; height: 40px; vertical-align: middle; padding-right: 11px; }
.home_box .home_box__text { display: table-cell; height: 40px; vertical-align: middle; text-align: left; }
.home_box .home_box__text .home_box__big { color: #535a58; font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotoregular"; display: block; }
.home_box .home_box__text .home_box__small { color: #999999; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; display: block; }
.home_box .home_box__text .home_box__small a { font-family: "robotobold"; color: #0099ff; }

.page_home_heading { padding: 0 20px; }

.categ_home_box { background: #efefef; border: 1px solid #d0d0d0; margin-bottom: 20px; min-height: 175px; padding: 20px; position: relative; overflow: hidden; cursor: pointer; }
.categ_home_box h3 { margin: 16px 0 0 0; height: 76px; font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #333; position: relative; }
.categ_home_box h3 a { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #333; }
.categ_home_box a { position: relative; }
.categ_home_box img { position: absolute; right: -90px; bottom: 0; }
@media (min-width: 480px) { .categ_home_box img { right: 0px; } }

.home_right_box { background: #535a58; min-height: 370px; padding: 30px 15px; margin-bottom: 20px; }
.home_right_box .home_right_box__title { font-family: "robotolight"; font-size: 42px; font-size: 3rem; line-height: 1.28571; color: #fff; padding: 0 15px; }
.home_right_box.phone_filters { background: #535a58 url("../images/phone_filters_bg.png") no-repeat right bottom; padding: 30px; }
.home_right_box.phone_filters .home_right_box__title { padding: 0; }
.home_right_box.day_phone_box .home_right_box__title { margin-bottom: 30px; }
.home_right_box .home_right_box__subtitle { font-family: "robotolight"; font-size: 24px; font-size: 1.71429rem; line-height: 1.5; color: #fff; margin: -10px 0 40px 0; }

.day_phone { background: #fff; border: 1px solid #ebeceb; padding: 30px 15px; }
.day_phone .day_phone__text { float: left; width: 134px; }
@media (min-width: 480px) { .day_phone .day_phone__text { width: 164px; } }
.day_phone .day_phone__text a { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #0099ff; text-decoration: none; display: block; margin-bottom: 10px; }
.day_phone .day_phone__text img { margin-bottom: 5px; }
.day_phone .day_phone__text .price__old { display: block; }
.day_phone .day_phone__image { float: right; width: 88px; text-align: center; }
@media (min-width: 480px) { .day_phone .day_phone__image { width: 138px; } }
.day_phone .day_phone__image img { max-width: 100%; }

.top_manufacturers { border: 1px solid #cccccc; margin: 0 0 20px 0; padding: 9px 0; }
.top_manufacturers .top_manufacturers__title { font-size: 18px; font-size: 1.28571rem; line-height: 1; border-right: 1px solid #cccccc; padding: 0 14px; height: 63px; display: table-cell; vertical-align: middle; }
.top_manufacturers .m_logo { height: 63px; width: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.top_manufacturers .m_logo img { max-width: 100%; max-height: 100%; }

.browse_top_info_box { padding: 5px 0; margin: 0 0 20px 0; }
.browse_top_info_box .results { padding: 6px 10px 0 15px; font-size: 14px; font-size: 1rem; line-height: 1.28571; }

.sorting_select, .sort-text { float: right; margin-right: 10px; }

.sorting_select, .filter_select { margin-right: 0; }
.sorting_select .trigger, .filter_select .trigger { width: auto; display: inline-block; height: 30px; overflow: hidden; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f9f9f9; padding: 0 25px 0 8px; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; line-height: 28px; text-decoration: none; }
.sorting_select .trigger:after, .filter_select .trigger:after { content: url("../images/icons/double_arrow_select.svg"); width: 6px; height: 11px; right: 10px; top: 2px; padding: 0; position: absolute; pointer-events: none; }
.sorting_select .toggleContent, .filter_select .toggleContent { width: 100%; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) ; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) ; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) ; top: 0; }
.sorting_select .toggleContent ul, .filter_select .toggleContent ul { list-style-type: none; padding: 10px; background: #fff; width: 100%; }
.sorting_select .toggleContent ul li, .filter_select .toggleContent ul li { color: #555; margin: 0 0 5px 0; }
.sorting_select .toggleContent ul li a, .filter_select .toggleContent ul li a { color: #555; }
.sorting_select .toggleContent ul li.show-options, .sorting_select .toggleContent ul li.hide-options, .filter_select .toggleContent ul li.show-options, .filter_select .toggleContent ul li.hide-options { cursor: pointer; }

.openFilters { margin-left: 10px; margin-bottom: -4px; position: relative; padding-right: 38px !important; }
.openFilters:after { content: url("../images/icons/filters_arrow_down.svg"); width: 13px; height: 9px; right: 15px; top: 0; position: absolute; }
.no-svg .openFilters:after { content: url("../images/icons/filters_arrow_down.png"); }
.openFilters.opened { padding-bottom: 10px !important; }
.openFilters.opened:after { content: url("../images/icons/filters_arrow_up.svg"); }
.no-svg .openFilters.opened:after { content: url("../images/icons/filters_arrow_up.png"); }

.filter_select { margin: 0; }
.filter_select .trigger { width: 100%; border-color: #0088e2; }

.sort-text { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999; line-height: 28px; }

/*** prod list browse ****/
@media (max-width: 767px) { #prod_boxes .col-tn-12, #prod_boxes .col-xs-12 { padding: 0; } }

.browse_list .product-block { padding: 10px 0; margin: 0 0 5px 0; position: relative; }
@media (min-width: 768px) { .browse_list .product-block { border: 1px solid #ccc; padding: 10px; height: 337px; margin: 0 0 30px 0; }
  .browse_list .product-block.product-block--wishlist { height: 367px; } }
.browse_list .product-block.alt { border: 3px solid #ccc; padding: 8px; }
@media (max-width: 767px) { .browse_list .product-block { border-bottom: 1px solid #ccc; } }
.browse_list .product-block .product-block__photo { float: left; width: 135px; text-align: center; background: #fff; }
.browse_list .product-block .product-block__photo img { max-width: 105px; max-height: 135px; }
@media (min-width: 768px) { .browse_list .product-block .product-block__photo { float: none; width: 230px; height: 155px; }
  .browse_list .product-block .product-block__photo img { max-width: 230px; max-height: 145px; } }
.browse_list .product-block .product-block__right { margin-left: 145px; }
@media (min-width: 768px) { .browse_list .product-block .product-block__right { margin-left: 0; } }
.browse_list .product-block h2 { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #0099ff; font-family: "robotoregular"; height: 36px; overflow: hidden; margin-bottom: 3px; }
.browse_list .product-block h2 a { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #0099ff; font-family: "robotoregular"; text-decoration: none; display: block; }
.browse_list .product-block .discount-badge { position: absolute; top: 90px; right: 0px; z-index: 99; font-size: 60px; font-size: 4.28571rem; line-height: 1.2; line-height: 60px; color: #333; font-family: "robotolight"; padding: 4px 10px 8px 0; background: url("../images/icons/discount-badge_icon.svg") no-repeat top right; display: none; }
.no-svg .browse_list .product-block .discount-badge { background: url("../images/icons/discount-badge_icon.png") no-repeat top right; }
.browse_list .product-block .discount-badge sup { position: relative; top: -20px; font-size: 30px; font-size: 2.14286rem; line-height: 1.2; }
@media (min-width: 768px) { .browse_list .product-block .discount-badge { display: block; } }
.browse_list .product-block .discount-badge.discount-badge--bf { background: #000; color: #fff; }
.browse_list .product-block .price { margin: 0 0 9px 0; }
.browse_list .product-block .product-block__rating { height: 13px; margin: 0 0 14px 0; }
.browse_list .product-block .product-block__rating.product-block__rating--picture { display: block; text-align: center; }
@media (min-width: 768px) { .browse_list .product-block .product-block__rating.product-block__rating--picture { display: none; } }
.browse_list .product-block .product-block__rating.product-block__rating--right { display: none; }
@media (min-width: 768px) { .browse_list .product-block .product-block__rating.product-block__rating--right { display: block; } }
.browse_list .product-block .other_options { position: absolute; bottom: 0; left: 0; width: 100%; background: #e5e5e5; font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #535a58; padding: 0 10px; display: block; }

/***** left side *********/
.browse_left_side { border: 1px solid #cccccc; padding: 10px; }
.browse_left_side ul { list-style-type: none; }
.browse_left_side ul.side-catmenu-filters a { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #0099ff; margin: 0 0 5px 0; }

.block-wline .header-category, .block-wline .header { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; font-family: "robotobold"; color: #e91100; margin-bottom: 6px; }
.block-wline .side-catmenu-filters, .block-wline .group { margin-bottom: 6px; }
.block-wline .side-catmenu-filters ul li input.filter-url, .block-wline .side-catmenu-filters ul li label, .block-wline .group ul li input.filter-url, .block-wline .group ul li label { float: left; }
.block-wline .side-catmenu-filters ul li input.filter-url, .block-wline .group ul li input.filter-url { margin: 3px 5px 0 0; }
.block-wline .side-catmenu-filters ul li a, .block-wline .group ul li a { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #535a58; }

.browse_filters { background: #0099ff; margin-bottom: 20px; padding: 7px 10px 7px 10px; }

#filter .header { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; font-family: "robotoregular"; color: #fff; margin: 0 0 2px 10px; display: block; }
#filter .group { float: left; padding: 4px 5px 6px 5px; width: 100%; position: relative; }
@media (min-width: 480px) { #filter .group { width: 50%; } }
@media (min-width: 768px) { #filter .group { width: 230px; } }
#filter .group > ul { list-style-type: none; display: none; }
#filter .group .reset_filter { position: absolute; top: 4px; right: 14px; font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #0099ff; text-decoration: none; display: none; }
#filter .group.selected { background: #535a58; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#filter .group.selected .filter_select .trigger { border-color: #3b413f; }
#filter .group.selected .reset_filter { display: block; }

.pagination { background: #efefef; padding: 5px; margin-bottom: 20px; }
.pagination .next-pag { float: right; display: inline-block; padding: 0 10px; background: #d3dde6; border-color: #d3dde6; color: #0099ff; }
.pagination .next-pag:hover { background: #535a58; border-color: #535a58; color: #fff; }
.pagination .next-pag:hover .icon--arrow_right_blue { background: url("../images/icons/arrow_right_white.svg") no-repeat top left; }
.no-svg .pagination .next-pag:hover .icon--arrow_right_blue { background: url("../images/icons/arrow_right_white.png") no-repeat top left; }
.pagination .prev-pag { padding: 0 10px; background: #d3dde6; border-color: #d3dde6; color: #0099ff; }
.pagination .prev-pag:hover { background: #535a58; border-color: #535a58; color: #fff; }
.pagination .prev-pag:hover .icon--arrow_left_blue { background: url("../images/icons/arrow_left_white.svg") no-repeat top left; }
.no-svg .pagination .prev-pag:hover .icon--arrow_left_blue { background: url("../images/icons/arrow_left_white.png") no-repeat top left; }
.pagination .next-pag span, .pagination .prev-pag span { display: none; }
@media (min-width: 768px) { .pagination .next-pag span, .pagination .prev-pag span { display: inline; } }
.pagination .center_pag { text-align: center; }
.pagination .center_pag a { display: inline-block; line-height: 30px; padding: 0 10px; }
.pagination .center_pag a.selected { color: #333; }

/***** main category page *********/
.main_categ_box { height: 170px; margin: 0 0 30px 0; background: #0099ff; color: #fff; }
.main_categ_box a { display: inline-block; font-size: 16px; font-size: 1.14286rem; line-height: 1.125; color: #fff; text-decoration: none; }
.main_categ_box .main_categ_box__icon { display: inline-block; height: 105px; width: 100%; line-height: 105px; text-align: center; }
.main_categ_box .main_categ_box__icon img { vertical-align: middle; }
.main_categ_box .main_categ_box__name { display: inline-block; padding: 0 10px; font-size: 16px; font-size: 1.14286rem; line-height: 1.125; color: white; }

.main_categ_prices_filters { border: 1px solid #cccccc; padding: 9px 0; margin: 0 0 30px 0; }
.main_categ_prices_filters .text_label { display: inline-block; padding-left: 15px; font-size: 16px; font-size: 1.14286rem; line-height: 1.125; line-height: 63px; width: 100%; border-right: 1px solid #cccccc; }
.main_categ_prices_filters a.text_value { font-size: 16px; font-size: 1.14286rem; line-height: 1.125; line-height: 63px; text-decoration: none; display: inline-block; }

.main_categ_heading { padding: 0 10px; margin: 0 0 20px 0; }
.main_categ_heading .main_categ_heading__small { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #555; margin-bottom: -7px; }
.main_categ_heading .main_categ_heading__big { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; font-family: "robotobold"; }
.main_categ_heading .main_categ_heading__big a { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; display: block; }
@media (min-width: 768px) { .main_categ_heading .main_categ_heading__big a { display: inline; } }

.description_area { background: #efefef; border: 1px solid #ccc; padding: 0 15px 11px 15px; margin: 0 0 30px 0; }
.description_area .description_area__title { font-size: 20px; font-size: 1.42857rem; line-height: 1.8; font-family: "robotobold"; margin-top: 17px; }
.description_area p { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #555; }
.description_area .button { margin-top: 28px; }

/*********/
.no_products_browse { font-size: 18px; font-size: 1.28571rem; line-height: 1; padding: 20px; background: #f1f1f1; }

.test_c { color: #fff; }

.product_name_code { margin: 0 0 12px 0; }

h1.product_name { display: inline; font-size: 24px; font-size: 1.71429rem; line-height: 1.5; }
h1.product_name .vodafone_details { color: #e91100; }
h1.product_name .vodafone_details .vodafone_text { display: none; }

.product_code { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999999; }

.product .product__thumbs { width: 56px; float: left; margin-right: 10px; }
@media (max-width: 767px) { .product .product__thumbs { display: none; } }
.product .product__thumbs img { max-width: 56px; }
.product .product__mainpic { width: 380px; max-width: 100%; float: left; text-align: center; }
.product .product__mainpic img { max-width: 100%; }
@media (min-width: 768px) and (max-width: 1199px) { .product .product__mainpic { width: 270px; float: right; }
  .product .product__mainpic img { max-width: 90%; } }
@media (min-width: 992px) { .product .product__mainpic { float: left; } }
.product .product__badges { float: right; width: 100%; display: block; }
.product .product__badges .product__badges--wrapper { display: table; width: auto; margin-bottom: 2px; margin-right: 10px; float: left; }
@media (max-width: 479px) { .product .product__badges .product__badges--wrapper { margin-right: 0; } }
@media (min-width: 768px) { .product .product__badges .product__badges--wrapper { display: table; width: 100%; margin-bottom: 2px; margin-right: 0; float: none; } }
.product .product__badges .product__badges--wrapper.product_brand { background: #fff; text-align: center; }
.product .product__badges .product__badges--wrapper.product_brand a { padding: 0; background: #fff; }
.product .product__badges .product__badges--wrapper.product_brand img { max-width: 80px; max-height: 60px; }
.product .product__badges .product__badges--wrapper.product_black_friday { background: #000; color: #fff; text-align: center; font-size: 36px; font-size: 2.57143rem; line-height: 1; font-family: "robotomedium"; padding: 5px 0; }
.product .product__badges a { display: table-cell; width: 100%; height: 61px; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; vertical-align: middle; background: #efefef url("../images/icons/link_indicator.svg") no-repeat right bottom; padding: 0 10px 0 10px; }
.no-svg .product .product__badges a { background: #efefef url("../images/icons/link_indicator.png") no-repeat right bottom; }
@media (min-width: 768px) { .product .product__badges a { padding: 0 0 0 10px; } }
.product .product__badges a span { display: inline-block; vertical-align: middle; }
.product .product__badges a span.icon_wrapper { width: 23px; margin-right: 5px; text-align: center; }
.product .product__badges a.no_link { cursor: default; background: #efefef; }
.product .product__badges .icon--warranty { width: 23px; height: 23px; background-size: 100%; }
@media (min-width: 768px) and (max-width: 991px) { .product .product__badges { float: left; width: 100%; }
  .product .product__badges .product__badges--wrapper { width: auto; float: left; margin-right: 10px; }
  .product .product__badges .product__badges--wrapper a { padding-right: 10px; } }
@media (min-width: 992px) { .product .product__badges { float: right; width: 104px; display: block; } }

.reviews { float: left; }
.reviews img { vertical-align: middle; }
.reviews a { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; }

.variations { border-bottom: 1px solid #cfcfcf; margin: 0 0 14px 0; }
.variations .variations__text { float: left; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; line-height: 55px; margin-right: 10px; }
.variations .variations__items { float: left; }
.variations .variations__items .item { float: left; border-bottom: 4px solid transparent; height: 59px; margin-right: 5px; margin-bottom: 10px; padding: 0 10px; }
.variations .variations__items .item img { max-height: 55px; }
.variations .variations__items .item.selected { border-color: #e91100; }

.order_box { margin: 0 0 18px 0; }
.order_box .CustomSelect { float: left; margin: 0 10px 0 0; }
.order_box .CustomSelect select { border-color: #cccccc; background: #f9f9f9; height: 58px; width: 70px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.order_box .CustomSelect label:before { background: #f9f9f9; }
.order_box .CustomSelect label:after { content: url("../images/icons/double_arrow_select.svg"); }
.no-svg .order_box .CustomSelect label:after { content: url("../images/icons/double_arrow_select.png"); }

.add_to_cart { font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotobold"; line-height: 58px; background: #e91100; color: #fff; display: inline-block; padding: 0 27px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.add_to_cart.add_to_cart--small { padding: 0 14px; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; line-height: 30px; display: block; }
.add_to_cart.add_to_cart--small .icon { float: right; margin-top: 5px; }
.add_to_cart:hover { color: #fff; }

.shipping_text { font-family: "robotoregular"; }
.shipping_text strong { font-family: "robotoregular"; font-weight: normal; }

.details_buttons > a { float: left; margin: 0 10px 10px 0; }
.details_buttons > span { float: left; margin: 0 0 10px 0; }

.bcr_link { display: inline-block; background: #535a58 url("../images/bcr_link_bg.jpg") no-repeat right center; padding: 0 78px 0 14px; height: 30px; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; line-height: 30px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; }
.bcr_link:hover { color: #fff; }

.credius_link { display: inline-block; background: #535a58 url("../images/credius_link_bg.jpg") no-repeat right center; padding: 0 99px 0 14px; height: 30px; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; line-height: 30px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; }
.credius_link:hover { color: #fff; }

/****** compatible *********/
@media (min-width: 768px) { .compatibility_slider.for_mobile { display: none; } }
.compatibility_slider.for_desktop { display: none; }
@media (min-width: 768px) { .compatibility_slider.for_desktop { display: block; } }
.compatibility_slider ul { list-style-type: none; }
.compatibility_slider .compatibility_slider__title { font-size: 16px; font-size: 1.14286rem; line-height: 1.125; font-family: "robotomedium"; color: #535a58; margin-bottom: 15px; }
@media (min-width: 768px) { .compatibility_slider .compatibility_slider__title { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; } }
.compatibility_slider .compatibility_slider__tabs { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.compatibility_slider .compatibility_slider__tabs ul li a { display: block; border-bottom: 4px solid transparent; padding-bottom: 15px; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; color: #999; }
.compatibility_slider .compatibility_slider__tabs ul li.active a { border-color: #e91100; font-family: "robotobold"; color: #535a58; }

/***********************************/
.accordion { margin: 0 0 20px 0; border-top: 1px solid #ccc; }
.accordion dt, .accordion dd { padding: 0; /*border: 1px solid black;*/ border-bottom: 0; }
.accordion dt:last-of-type, .accordion dd:last-of-type { /*border-bottom: 1px solid black; */ }
.accordion dt > a, .accordion dd > a { display: block; color: black; background: #f5f5f5; border: 1px solid #dddddd; margin-top: -1px; padding: 9px 30px 10px 10px; position: relative; font-size: 13px; font-size: 0.92857rem; line-height: 1.38462; }
.accordion dt > a:after, .accordion dd > a:after { content: ""; position: absolute; top: 50%; right: 11px; margin-top: -4px; width: 12px; height: 8px; background: url("../images/icons/home_accordion_arrow_down.svg") no-repeat right bottom; }
.no-svg .accordion dt > a:after, .no-svg .accordion dd > a:after { background: url("../images/icons/home_accordion_arrow_down.png") no-repeat right bottom; }
.accordion dd { border-top: 0; font-size: 12px; margin-top: -1px; }
@media (min-width: 768px) { .accordion { display: none; } }

.pannel { padding: 0 10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.pannel .pannel__title { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; margin-top: 1px; padding-top: 6px; }
.pannel .pannel__title span { font-family: "robotobold"; }

/***********************************/
/**************/
.specs_big_wrapper { padding-bottom: 20px; border-bottom: 1px solid #ccc; }

.specs_wrapper { margin-bottom: 2px; padding: 0; color: #555555; font-size: 14px; font-size: 1rem; line-height: 1.28571; }
.specs_wrapper .inner_specs { background: #f1f1f1; padding-top: 6px; padding-bottom: 6px; }
.specs_wrapper.odd .inner_specs { background: #f9f9f9; }
.specs_wrapper .spec_name { color: #999999; }

.mini { height: 207px; overflow: hidden; }

.spec_toogler { margin-top: 10px; }
.spec_toogler .see_less { display: none; }
.spec_toogler .see_all { display: inline-block; }
.spec_toogler.mini_btn .see_less { display: inline-block; }
.spec_toogler.mini_btn .see_all { display: none; }

.details_content p { font-family: "robotoregular"; line-height: 20px; }

.documents { margin: 0 0 5px 0; }
.documents .documents__icon { float: left; width: 80px; height: 80px; background: #efefef url("../images/icons/document_icon.svg") no-repeat center center; }
.no-svg .documents .documents__icon { background: #efefef url("../images/icons/document_icon.png") no-repeat center center; }
.documents .documents__name { float: left; font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #333; margin: 8px 0 0 11px; width: 190px; }
.documents .documents__name span { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #0099ff; }

.review_nr_and_link { margin: -20px 0 20px 0; font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #999; }
.review_nr_and_link img { vertical-align: middle; margin: -2px 5px 0 0; }
.review_nr_and_link .button { margin-top: 5px; }

.comment { margin-bottom: 20px; }
.comment .comment__text { padding: 10px; background: #f9f9f9; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #555; }
.comment .comment__text img { margin-top: 5px; }
.comment .comment__user { padding: 0 0 0 33px; font-size: 14px; font-size: 1rem; line-height: 1.28571; line-height: 31px; color: #555; background: url("../images/comment__user_bg.png") no-repeat left top; }
.comment.comment--ilex { margin-left: 30px; }
.comment.comment--ilex .comment__text { background: #f1f1f1; }
.comment.comment--ilex .comment__user { color: #e91100; }

.disclaimer { background: #f7f7f7; border: 1px solid #cccccc; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #555; padding: 10px 10px 0 10px; margin: 0 0 30px 0; }

.share_option { float: left; margin: 0 10px 0 0; }

.share_option_btns { float: left; margin: 1px 0 0 0; }

/*************/
.notice { background: #f9f9f9; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; }
.notice .notice_txt { margin-bottom: 10px; }
.notice .notice_txt span { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #555; line-height: 30px; }
.notice .notice_txt input[type="text"] { width: 215px; max-width: 100%; }

/************/
#togle_status { margin: 0; }

#specs-list { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; }
#specs-list table { width: 100%; background: #f1f1f1; border-top: 10px solid #f1f1f1; border-bottom: 10px solid #f1f1f1; margin-bottom: 2px; padding: 10px 0; }
#specs-list table th, #specs-list table td { text-align: left; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; padding: 0 10px; color: #555555; }
#specs-list table th { width: 150px; font-weight: normal; }
#specs-list table td.ttl { width: 150px; color: #999999; }
#specs-list table:nth-child(odd) { background: #f9f9f9; border-top: 10px solid #f9f9f9; border-bottom: 10px solid #f9f9f9; }

/*************/
.description_section, .details_content { font-family: Arial; }
.description_section img, .details_content img { max-width: 100%; height: auto !important; }

/********/
.comentarii-produs { border-top: 1px solid #ccc; padding-top: 20px; }

/**********/
.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%; }

.video { max-width: 500px; margin: 0 auto; }

/*************/
#main-photo-slider { width: 100% !important; }
#main-photo-slider > div { width: 100% !important; }

.cart-block.profile { width: 100%; }
.cart-block.profile.userlogged .box_bordered { border: none; padding: 0 !important; }
.cart-block.profile.userlogged .box_colored { display: none; }
.cart-block.profile.userlogged .profiletab { /*width: 100%;*/ }

.cart-block.profile.userlogged .notExtranet.profiletab { width: 100%; }

#basket .show { display: block; }

#basket .hide { display: none; }

#tab_member .show { display: block; }

#tab_member .hide { display: none; }

.profile_menu { list-style-type: none; border-bottom: 1px solid #cccccc; margin: 0 0 25px 0; }
.profile_menu li { float: left; padding: 0 30px 10px 0; margin: 0 30px 10px 0; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999; cursor: pointer; border-bottom: 4px solid transparent; }
@media (min-width: 992px) { .profile_menu li { padding: 0 50px 10px 0; } }
@media (min-width: 768px) { .profile_menu li { margin: 0 30px 0 0; } }
.profile_menu li.active { border-color: #e91100; font-family: "robotobold"; color: #535a58; }
.profile_menu li.last { padding: 0; }
.profile_menu li.last a { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999; display: block; padding: 0 0 10px 0; text-decoration: none; }

.tabs_menu { list-style-type: none; margin-bottom: 15px; display: block; }
.tabs_menu li { float: left; width: 135px; margin: 0 10px 10px 0; background: #f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 0 0 6px; cursor: pointer; }
@media (min-width: 480px) { .tabs_menu li { width: 200px; } }
.tabs_menu li a { font-size: 14px; font-size: 1rem; line-height: 1.28571; line-height: 30px; color: #0099ff; }
.tabs_menu li a i { margin: -2px 5px 0 0; }
.tabs_menu li.active { background: #0099ff; }
.tabs_menu li.active a { color: #fff; }
.tabs_menu li.active a .icon--login_tabs { background: url("../images/icons/login_tabs_checked_icon.svg") no-repeat top left; }
.no-svg .tabs_menu li.active a .icon--login_tabs { background: url("../images/icons/login_tabs_checked_icon.png") no-repeat top left; }

.box_bordered { border: 1px solid #ccc; }
.box_bordered .box_bordered__title { font-size: 30px; font-size: 2.14286rem; line-height: 1.2; margin-bottom: 30px; }

.box_colored { background: #f9f9f9; padding: 30px; }
.box_colored .box_colored__title { font-size: 30px; font-size: 2.14286rem; line-height: 1.2; margin-bottom: 30px; }

.advantage { margin: 0 0 30px 0; }
.advantage .advantage__image { float: left; width: 80px; height: 80px; background: #f1f1f1; line-height: 80px; text-align: center; }
.advantage .advantage__text { margin: 0 0 0 100px; }
.advantage .advantage__text .advantage__text__title { font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotobold"; padding-top: 8px; margin: 0 0 5px 0; }
.advantage .advantage__text p { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #999; margin: 0; }
.advantage:last-child { margin-bottom: 0; }

/**********************/
.cart_line { margin: 0 0 15px 0; }
.cart_line label { display: block; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; margin: -4px 0 6px 0; }
.cart_line input[type="text"], .cart_line input[type="password"] { display: block; }
.cart_line a.forget_pass { margin-left: 5px; }

#content_login .box_bordered, #content_register .box_bordered { padding: 30px; }
@media (min-width: 768px) { #content_login .box_bordered, #content_register .box_bordered { height: 426px; } }
#content_login input[type="text"], #content_login input[type="password"], #content_register input[type="text"], #content_register input[type="password"] { width: 370px; max-width: 100%; }

#header_cart .box_bordered { padding: 30px; }
#header_cart.profile .box_bordered, #header_cart.profile .box_colored { display: none; }
#header_cart.profile.userlogged .box_bordered { display: block; }

/***** new shopping list *********/
.shopping_list_table_heading { display: none; background: #535a58; border-bottom: 2px solid #fff; margin: 0; }
@media (min-width: 768px) { .shopping_list_table_heading { display: block; } }
.shopping_list_table_heading span { display: block; text-align: left; font-size: 14px; font-size: 1rem; line-height: 1.28571; line-height: 27px; font-family: "robotoregular"; font-weight: normal; vertical-align: middle; color: #fff; height: 27px; }

.shopping_list_table_line { margin: 0 0 2px 0; background: #f1f1f1; padding-top: 10px; padding-bottom: 10px; }
.shopping_list_table_line.odd { background: #f9f9f9; }
.shopping_list_table_line .shopping_list__photo { text-align: center; }
.shopping_list_table_line .shopping_list__photo div { background: #fff; line-height: 95px; }
.shopping_list_table_line .shopping_list__photo div img { max-width: 95px; max-height: 95px; line-height: 95px; vertical-align: middle; }
.shopping_list_table_line .shopping_list__name { padding-top: 17px; }
.shopping_list_table_line .shopping_list__name .code { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #999; }
.shopping_list_table_line .shopping_list__unit_price { padding-top: 17px; }
.shopping_list_table_line .shopping_list__quantity { padding-top: 10px; }
.shopping_list_table_line .shopping_list__quantity input { width: 50px; margin-right: 5px; }
@media (min-width: 768px) { .shopping_list_table_line .shopping_list__quantity input { width: 80px; } }
.shopping_list_table_line .shopping_list__price { padding-top: 17px; font-family: "robotobold"; color: #e91100; }
.shopping_list_table_line .shopping_list__delete { padding-top: 10px; text-align: right; }
.shopping_list_table_line .shopping_list__delete a.delte_from_cart { display: inline-block; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #848987; padding: 0 10px; line-height: 30px; }
.shopping_list_table_line .shopping_list__delete a.delte_from_cart span { display: none; }
@media (min-width: 992px) { .shopping_list_table_line .shopping_list__delete a.delte_from_cart span { display: inline; } }

.shopping_list_table_footer { margin: 8px 0 30px 0; padding: 20px 0 20px 0; border: 1px solid #cccccc; }
.shopping_list_table_footer .last_total > div { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; color: #e91100; }
.shopping_list_table_footer .last_total > div:first-child { padding-top: 24px; }
.shopping_list_table_footer .last_total .big_total { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; font-family: "robotomedium"; }

/**** shopping cart list **********/
.shopping_list { width: 100%; margin-bottom: 20px; }
.shopping_list tr th { background: #535a58; border-bottom: 2px solid #fff; text-align: left; font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; font-weight: normal; vertical-align: middle; color: #fff; height: 27px; }
.shopping_list tr th:first-child { padding-left: 10px; }
.shopping_list tr td { padding: 27px 0 10px 0; vertical-align: top; background: #f1f1f1; border-bottom: 2px solid #fff; font-size: 14px; font-size: 1rem; line-height: 1.28571; }
.shopping_list tr td.shopping_list__photo { text-align: center; width: 125px; padding: 10px; }
.shopping_list tr td.shopping_list__photo div { width: 95px; height: 95px; background: #fff; line-height: 95px; }
.shopping_list tr td.shopping_list__photo div img { max-width: 95px; max-height: 95px; line-height: 95px; vertical-align: middle; }
.shopping_list tr td.shopping_list__name { width: 415px; padding-right: 30px; }
.shopping_list tr td.shopping_list__name .code { font-size: 12px; font-size: 0.85714rem; line-height: 1.5; color: #999; }
.shopping_list tr td.shopping_list__quantity { padding-top: 21px; }
.shopping_list tr td.shopping_list__quantity input { width: 80px; margin-right: 5px; }
.shopping_list tr td.shopping_list__price { font-family: "robotobold"; color: #e91100; }
.shopping_list tr td.shopping_list__delete { padding-top: 20px; }
.shopping_list tr td.shopping_list__delete a.delte_from_cart { display: inline-block; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #848987; padding: 0 10px; line-height: 30px; }
.shopping_list tr.odd td { background: #f9f9f9; }
.shopping_list tfoot { border: 1px solid #cccccc; background: #fff; }
.shopping_list tfoot td { border: none; padding: 0 0 5px 0; background: #fff; }
.shopping_list tfoot tr:first-child td { border-top: 1px solid #cccccc; padding-top: 30px; }
.shopping_list tfoot tr.last_row td { border-top: 1px solid #cfcfcf; color: #e91100; padding-top: 3px; padding-bottom: 30px; vertical-align: bottom; }
.shopping_list tfoot tr.last_row td:last-child { border: none; }
.shopping_list tfoot tr.last_row td:first-child { padding-top: 0; }
.shopping_list tfoot tr.last_row td.total_price { font-family: "robotobold"; font-size: 24px; font-size: 1.71429rem; line-height: 1.5; line-height: 25px; }
.shopping_list tbody:after { content: ''; display: block; height: 2; }

/************/
.giftPoints { margin-bottom: 30px; }
.giftPoints .giftPoints__top { background: #535a58 url("../images/icons/gift_points_star.svg") no-repeat 10px 6px; min-height: 57px; padding: 13px 13px 0 28px; }
.no-svg .giftPoints .giftPoints__top { background: #535a58 url("../images/icons/gift_points_star.png") no-repeat 10px 6px; }
.giftPoints .giftPoints__top > span { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #fff; display: inline-block; float: left; margin-top: 9px; }
.giftPoints .giftPoints__top > span .points { color: #ffca00; float: none; }
.giftPoints .giftPoints__top a { float: right; }
.giftPoints .giftPoints__content { padding: 10px 20px; background: #f1f1f1; }
.giftPoints .giftPoints__content .insert_gp label { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotobold"; color: #333; display: block; margin: 0 0 5px 0; }
.giftPoints .giftPoints__content .insert_gp input[type="text"] { width: 70px; margin-right: 8px; }
.giftPoints .giftPoints__content .insert_gp .button { margin-right: 8px; }
.giftPoints .giftPoints__content.giftPoints__content--profile { display: block !important; padding-bottom: 20px; }

.userlogged.profile .giftPoints { max-width: 500px; }

.show_hide_gp .opened_text { display: none; }
.show_hide_gp.opened .opened_text { display: inline-block; }
.show_hide_gp.opened .closed_text { display: none; }
.show_hide_gp.show_hide_gp--profile { display: none; }

/******/
.cart_section { margin-bottom: 20px; }
.cart_section .cart_section__title { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotobold"; margin-bottom: 10px; display: block; }
.cart_section .cart_section__title.cart_section__title--normal { font-family: "robotoregular"; }
.cart_section .group { margin-bottom: 12px; }
@media (min-width: 1200px) { .cart_section .group.group--desktop_half { width: 179px; float: left; margin-right: 10px; } }
.cart_section label.label { display: block; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; margin-bottom: 6px; }
.cart_section label.label.label--same { display: inline-block; }
.cart_section label { color: #535a58; }
.cart_section input[type="text"] { width: 370px; max-width: 100%; }
.cart_section textarea { width: 370px; max-width: 100%; height: 100px; margin-bottom: 20px; }
@media (min-width: 1200px) { .cart_section textarea { height: 40px; } }
.cart_section.cart_section--promo_codes { margin-top: 20px; max-width: 260px; padding-left: 54px; background: url("../images/icons/promo_code_section_icon.svg") no-repeat 0 22px; }
.no-svg .cart_section.cart_section--promo_codes { background: url("../images/icons/promo_code_section_icon.png") no-repeat 0 22px; }
.cart_section.cart_section--promo_codes input[type="text"] { margin-bottom: 10px; max-width: 100%; display: block; }
@media (min-width: 768px) { .cart_section.cart_section--promo_codes { margin-top: 0; max-width: 450px; padding-left: 74px; background: url("../images/icons/promo_code_section_icon.svg") no-repeat 20px 22px; }
  .no-svg .cart_section.cart_section--promo_codes { background: url("../images/icons/promo_code_section_icon.png") no-repeat 20px 22px; }
  .cart_section.cart_section--promo_codes input[type="text"] { max-width: 270px; } }

.radio_btns .group { margin: 0 0 12px 0; }
.radio_btns .group input[type="radio"] { margin: 0 5px 0 0; padding: 0; }
.radio_btns .group label.label { font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; display: inline-block; }
.radio_btns.radio_btns--inlined .group { float: left; margin: 0 10px 12px 0; }
.radio_btns.radio_btns--addresses .not_same input { vertical-align: top; margin-top: 2px; }
.radio_btns.radio_btns--sp { margin-bottom: 20px; }
.radio_btns.radio_btns--sp .group { margin-bottom: 5px; }

.total_pay { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #e91100; display: table-cell; height: 58px; vertical-align: middle; }
.total_pay span { font-family: "robotobold"; }

.send_order { background: #e91100; border: 1px solid #e91100; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotobold"; padding: 0 20px; height: 58px; line-height: 58px; }
.send_order .icon { width: 12px; height: 22px; background-size: 100%; margin-left: 5px; }

/*******************/
.order_history_list { width: 100%; margin: 0 0 30px 0; }
.order_history_list tr th { text-align: left; background: #535a58; color: #fff; font-weight: normal; padding: 0 0 0 10px; height: 27px; vertical-align: middle; }
.order_history_list tr td { padding: 0 0 0 10px; height: 27px; vertical-align: middle; background: #f1f1f1; border-bottom: 2px solid #fff; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #555; }
.order_history_list tr.odd td { background: #f9f9f9; }

.profile_forms_lists { margin: 0 0 30px 0; }
.profile_forms_lists .profile_forms_lists__heading { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotobold"; color: #535a58; margin: 0 0 10px 0; padding: 0 0 0 10px; }

#content_tab1 { position: static; }

#basket { position: relative; }

#promo_parent { position: relative; min-height: 130px; }
@media (min-width: 768px) { #promo_parent { min-height: 90px; } }

#tab_promo_code { position: absolute; }

.activated_code { padding-top: 10px; }
.activated_code .promocode_name { font-family: "robotobold"; }

/****************/
.thankyou { text-align: center; }
.thankyou .thankyou__title { font-size: 60px; font-size: 4.28571rem; line-height: 1.2; font-family: "robotolight"; }
.thankyou .thankyou__subtitle { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; font-family: "robotoregular"; margin-top: -20px; margin-bottom: 70px; }
.thankyou .thankyou__descr { font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotoregular"; margin-bottom: 30px; color: #999; }
.thankyou .thankyou__button a { width: 370px; max-width: 100%; margin: 0 0 15px 0; text-align: center; }

.thankyou_boxes { margin-bottom: 50px; }

.thankyou_box { height: 80px; background: #f9f9f9; border-right: 2px solid #fff; }
.thankyou_box:after { content: ''; width: 14px; height: 22px; position: absolute; right: 28px; top: 30px; background: url("../images/icons/thankyou_box_arrow.svg") no-repeat top left; }
.no-svg .thankyou_box:after { background: url("../images/icons/thankyou_box_arrow.png") no-repeat top left; }
.thankyou_box .thankyou_box__icon { background: #f1f1f1; width: 80px; height: 80px; line-height: 80px; float: left; text-align: center; }
.thankyou_box .thankyou_box__icon img { vertical-align: middle; }
.thankyou_box .thankyou_box__text { height: 80px; display: table-cell; vertical-align: middle; padding-left: 10px; padding-right: 40px; color: #777777; }
.thankyou_box.thankyou_box--last { border: none; }
.thankyou_box.thankyou_box--last:after { display: none; }
.thankyou_box.thankyou_box--green { background: #13df13; }
.thankyou_box.thankyou_box--green .thankyou_box__icon { background: #0bd00b; }
.thankyou_box.thankyou_box--green .thankyou_box__text { color: #fff; }
.thankyou_box.thankyou_box--green:after { background: url("../images/icons/thankyou_box--green_arrow.svg") no-repeat top left; }
.no-svg .thankyou_box.thankyou_box--green:after { background: url("../images/icons/thankyou_box--green_arrow.png") no-repeat top left; }

.contact_form .group { margin: 0 0 10px 0; }
.contact_form .label { display: block; margin-bottom: 4px; }
.contact_form .label:after { background: none; }
.contact_form input[type="text"], .contact_form textarea { width: 360px; max-width: 100%; }
.contact_form textarea { height: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contact_form .contact_select { width: 360px; max-width: 100%; }

#select-jud .choose_county { margin-bottom: 6px; }

.footer_box { border: 1px solid #cccccc; padding: 30px 0; }

.help_box { width: 319px; max-width: 100%; height: 143px; background: url("../images/help_bg.jpg") no-repeat top left; padding: 30px 16px 0 16px; margin-bottom: 20px; }
@media (min-width: 768px) { .help_box { padding: 30px 126px 0 16px; } }
.help_box .help_box_txt_1 { font-size: 18px; font-size: 1.28571rem; line-height: 1; font-family: "robotoregular"; margin: 0 0 9px 0; }
.help_box .help_box_txt_2 { font-size: 28px; font-size: 2rem; line-height: 1.28571; font-family: "robotoregular"; color: #e91100; }
.help_box .help_box_txt_3 { font-size: 14px; font-size: 1rem; line-height: 1.28571; font-family: "robotoregular"; color: #777; }

.group_title { font-size: 18px; font-size: 1.28571rem; line-height: 1; color: #e91100; margin: 0 0 9px 0; }

.group_list { list-style-type: none; }
.group_list li a { display: block; font-size: 14px; font-size: 1rem; line-height: 1.28571; color: #535a58; text-decoration: none; margin: 0 0 9px 0; }

.footer_programs { border: 1px solid #cccccc; border-top: none; background: #f7f7f7; padding: 20px 0; }

.photo_text .photo_text__img { height: 65px; width: 82px; display: table-cell; vertical-align: middle; text-align: center; }
.photo_text .photo_text__img img { vertical-align: middle; }
.photo_text .photo_text__name { height: 65px; display: table-cell; vertical-align: middle; text-align: left; font-family: "robotoregular"; color: #333; font-size: 14px; font-size: 1rem; line-height: 1.28571; }

.program_txt div { display: inline; font-size: 20px; font-size: 1.42857rem; line-height: 1.8; line-height: 24px; color: #333; }
@media (min-width: 768px) { .program_txt div { display: block; } }
.program_txt div:first-child { font-size: 24px; font-size: 1.71429rem; line-height: 1.5; line-height: 20px; margin-top: 10px; }

.info_text { border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 20px; text-align: center; }
@media (min-width: 1200px) { .info_text { border-top: none; border-left: 1px solid #cccccc; padding-left: 30px; padding-top: 0; margin-top: 6px; text-align: left; } }
.info_text a { color: #0099ff; }

.copyright { text-align: center; font-size: 14px; font-size: 1rem; line-height: 1.28571; border-bottom: 1px solid #cccccc; padding: 30px 0; margin-bottom: 20px; }

.footer-images { text-align: center; margin-bottom: 30px; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 550px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #fff; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/*****************/
/*** paul changes ***/
@media (max-width: 480px) { .mfp-iframe-holder .mfp-content { height: 100%; } }

.mfp-iframe-scaler { padding-top: 80%; height: 460px; }

@media (max-width: 480px) { iframe { height: 100%; max-height: 100%; } }
