/* Start:/local/templates/.default/resources/css/style.css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

input::-ms-reveal {
    display: none;
}

input::-ms-clear {
    display: none;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 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;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
    text-decoration: none;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
    text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn, i {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */
img {
    border: 0;
    vertical-align: middle;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input,
button {
    line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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;
}

/**
 * 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 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   Lists
   ========================================================================== */
ol {
    padding: 0;
    margin: 0;
}

ul li,
ol li {
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

dl, dd, dt {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'robotobold';
    src: url("/local/templates/.default/resources/css/font/roboto-bold.eot");
    src: url("/local/templates/.default/resources/css/font/roboto-bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/.default/resources/css/font/roboto-bold.woff") format("woff"), url("/local/templates/.default/resources/css/font/roboto-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url("/local/templates/.default/resources/css/font/roboto-regular.eot");
    src: url("/local/templates/.default/resources/css/font/roboto-regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/.default/resources/css/font/roboto-regular.woff") format("woff"), url("/local/templates/.default/resources/css/font/roboto-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr-Roman';
    font-style: normal;
    font-weight: normal;
    src: local('HelveticaNeueCyr-Roman'), url('/local/templates/.default/resources/css/font/HelveticaNeueCyr-Roman.woff') format('woff');
}
@font-face{
    font-family:'Noto Sans', sans-serif;
    font-style:normal;
    font-weight:400;
    src: local("Noto Sans"), local("NotoSans"), url('/local/templates/.default/resources/css/font/noto-sans.woff2') format("woff2"), url('/local/templates/.default/resources/css/font/noto-sans.woff') format("woff");
}
@font-face{
    font-family:'Noto Sans Bold', sans-serif;
    font-style:normal;
    font-weight:700;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url('/local/templates/.default/resources/css/font/noto-sans-bold.woff2') format("woff2"),url('/local/templates/.default/resources/css/font/noto-sans-bold.woff') format("woff");
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('/local/templates/.default/resources/css/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
		url('/local/templates/.default/resources/css/font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/.default/resources/css/font/MyriadPro-Regular.woff') format('woff'),
		url('/local/templates/.default/resources/css/font/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* 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;
    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: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-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;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.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;
    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: white;
    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: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    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: transparent;
}

.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 white;
    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 white;
    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: 900px;
}

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

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    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: #444444;
}

.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;
        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);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-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;
}

/*!
 * Fotorama 4.6.3 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.fotorama--fullscreen, .fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
}

.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {
    outline: 0;
}

.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0, 175, 234, 0.5);
}

.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
    -webkit-transition-property: -webkit-transform,width;
    transition-property: -webkit-transform,width;
    transition-property: transform,width;
    -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.fotorama__nav, .fotorama__nav__frame {
    margin: auto;
    padding: 0;
}

.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.fotorama__nav__frame, .fotorama__thumb-border {
    box-sizing: content-box;
}

.fotorama__caption__wrap {
    box-sizing: border-box;
}

.fotorama--hidden, .fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1;
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {
    -webkit-tap-highlight-color: transparent;
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
    background: url(/local/templates/.default/resources/css/../img/fotorama.png) no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
        background: url(/local/templates/.default/resources/css/../img/fotorama@2x.png) 0 0/96px 160px no-repeat;
    }
}
.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127, 127, 127, 0.2);
}

@media print {
    .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {
        background: none !important;
    }
}
.fotorama {
    min-width: 1px;
    overflow: hidden;
}

.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
    display: none;
}

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000;
}

.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important;
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
    background: #000;
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0;
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl;
}

.fotorama__nav, .fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y;
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer;
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important;
}

.fotorama__stage__frame {
    overflow: hidden;
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8;
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none;
}

.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0;
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8;
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7;
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9;
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none;
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none !important;
}

.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {
    display: none;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block;
}

.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px !important;
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden;
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible;
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5;
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer;
}

.fotorama__nav--dots {
    display: block;
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px;
}

.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {
    display: none;
}

.fotorama__nav--thumbs {
    display: block;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none;
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f;
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px;
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2;
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.5);
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51, 51, 51, 0.5);
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0;
}

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
    display: none;
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 10px;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear;
}

.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.fotorama__select {
    cursor: auto;
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent;
    }
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0;
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0;
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1;
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20;
}

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus {
    border-radius: 50%;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px;
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none;
}

.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block;
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px;
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none;
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0;
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1;
}

.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0 !important;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block;
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px, -32px, 0);
    transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px, 0, 0);
    transform: translate3d(-48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px, 0, 0);
    transform: translate3d(48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px, -32px, 0) !important;
    transform: translate3d(32px, -32px, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px, 0, 0) !important;
    transform: translate3d(-48px, 0, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px, 0, 0) !important;
    transform: translate3d(48px, 0, 0) !important;
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%,5px 100%;
}

.fotorama__nav:before, .fotorama__stage:before {
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 0 0,0 0;
    left: -10px;
}

.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {
    left: 0;
}

.fotorama__nav:after, .fotorama__stage:after {
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
    background-position: 100% 0,100% 0;
    right: -10px;
}

.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {
    right: 0;
}

.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.header {
    color: #6a6a6a;
}
.header__top {
    background: #282828;
    padding: 8px 0 10px;
    line-height: 20px;
    overflow: hidden;
}
.header__col--left {
    float: left;
}
@media (max-width: 900px) {
    .header__col--left {
        width: 70%;
    }
}
@media (max-width: 736px) {
    .header__col--left {
        float: none;
        width: 100%;
    }
}
.header__col--right {
    float: right;
    width: 25%;
    padding-left: 15px;
}
@media (max-width: 900px) {
    .header__col--right {
        width: auto;
        margin-top: 22px;
        padding-left: 0;
        text-align: right;
    }
}
@media (max-width: 736px) {
    .header__col--right {
        margin-top: 0;
        float: none;
        text-align: left;
    }
}
.header__item {
    display: inline-block;
    font-size: 14px;
    padding-top: 2px;
}
@media (max-width: 414px) {
    .header__item {
        display: block;
        margin-top: 4px;
    }
}
.header__item-title {
    color: #6a6a6a;
}
.header__item-body {
    color: #ffffff;
}
@media (max-width: 320px) {
    .header__item-body {
        display: block;
        margin-left: 30px;
        margin-top: -2px;
        padding-top: 0;
    }
}
.header__item-ico {
    padding-top: 0;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.header__item--basket {
    float: left;
}
.header__item--basket .header__item-ico {
    vertical-align: top;
}
.header__item--phone {
    margin-right: 70px;
}
.header__item--phone .header__item-ico {
    height: 16px;
}
@media (max-width: 900px) {
    .header__item--phone {
        margin-right: 30px;
    }
}
@media (max-width: 414px) {
    .header__item--phone {
        margin-right: 0;
    }
}
.header__item--logout {
    float: right;
}
@media (max-width: 900px) {
    .header__item--logout {
        margin-left: 30px;
    }
}
.header__link {
    color: #fff;
    text-decoration: underline;
    -webkit-appearance: none;
    background: none;
    padding: 0;
}
.header__link:hover {
    color: #02bac6;
    text-decoration: underline;
    outline: none;
}
.header__link:focus {
    outline: none;
}
.header__bottom {
    border-bottom: 1px #e5e5e5 solid;
    padding: 10px 0;
    overflow: hidden;
    color: #000;
}
.header .section__title, .header .fieldset__title, .header .order__title {
    max-width: 620px;
    padding-top: 6px;
}
@media (max-width: 900px) {
    .header .section__title, .header .fieldset__title, .header .order__title {
        clear: both;
        margin: 4px 0 0 0;
        max-width: 100%;
        display: block;
    }
}

.logo {
    display: block;
    float: left;
    margin-right: 30px;
    width: 76px;
    height: 76px;
    background: #02bac6;
}
@media (max-width: 414px) {
    .logo {
        float: left;
    }
}

.company_logo {
    line-height: 76px;
    font-size: 0px;
    background: none;
}

.label {
    position: relative;
    float: right;
    background: #f4f4f4;
    padding: 10px 30px 10px 60px;
    margin-top: 10px;
    height: 56px;
    line-height: 18px;
}
.label:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: -17px;
    border: 28px transparent solid;
    border-left: none;
    border-right-width: 17px;
    border-right-color: #f4f4f4;
}
@media (max-width: 414px) {
    .label:before {
        border-top-width: 38px;
        border-bottom-width: 38px;
    }
}
.label:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #fff;
    top: 50%;
    margin-top: -3px;
    left: 0;
}
.label__info {
    text-align: right;
}
.label__dayleft {
    color: #02bac6;
    font-weight: bold;
    font-size: 18px;
    margin-left: 1px;
}
@media (max-width: 900px) {
    .label {
        padding: 10px 10px 10px 15px;
    }
}
@media (max-width: 414px) {
    .label {
        margin-top: 0;
        margin-left: 102px;
        height: 76px;
        float: none;
    }
}

.basket-link__content {
    color: #02bac6;
}
.basket-link__price {
    color: #02bac6;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #282828;
    border-top: 1px #696969 solid;
    height: 55px;
    padding-top: 10px;
    color: #fff;
}

.footer__copy {
    float: left;
}

.footer__announce {
    float: right;
    width: 65%;
    text-align: right;
}

.footer__link {
    color: #02bac6;
    font: 14px Arial;
    line-height: 24px;
    -webkit-text-size-adjust: none;
    display: inline-block;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: "robotoregular", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    min-width: 320px;
}

a {
    color: inherit;
}

.page-case {
    min-height: 100%;
    position: relative;
}
.page-case--login {
    background: #cfdfe0 url("/local/templates/.default/resources/css/../img/login-bg.jpg") center no-repeat;
    background-size: cover;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}
@media (max-width: 1060px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#svg-icon-placeholder {
    display: none;
}

.svg-ico {
    vertical-align: top;
}
.svg-ico--gray {
    stroke: #727272;
    fill: #727272;
}
.svg-ico--white {
    stroke: #fff;
    fill: #fff;
}
.svg-ico--blue {
    stroke: #02bac6;
    fill: #02bac6;
}
.svg-ico--arrow, .svg-ico--close {
    stroke: #8f8f8f;
    fill: #8f8f8f;
}
a:hover .svg-ico--arrow, a:hover .svg-ico--close {
    stroke: #02bac6;
    fill: #02bac6;
}
.svg-ico--delete {
    fill: #f54f2d;
}
.svg-ico--check {
    stroke: #02bac6;
    fill: #02bac6;
    width: 19px;
    height: 20px;
}
.svg-ico--amount {
    fill: #8f8f8f;
}
.amount__btn:not(.amount__btn--disabled):hover .svg-ico--amount, .amount__btn:not(.amount__btn--disabled):active .svg-ico--amount {
    fill: #02bac6;
}

button:focus {
    outline-color: #02bac6;
}

.error {
    color: #f43913;
    font-size: 16px;
    margin-top: 5px;
}

.btn, .form__btn {
    display: inline-block;
    background: #f54f2d;
    border: 2px #f54f2d solid;
    border-radius: 3px;
    height: 36px;
    padding: 0 13px;
    line-height: 2.5;
    letter-spacing: 1px;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
    /* text-transform: uppercase; */
    color: #fff;
}
.btn .svg-ico, .form__btn .svg-ico {
    height: 19px;
    width: 19px;
    vertical-align: -4px;
    margin-right: 10px;
    margin-left: -2px;
}
.btn--big {
    font-size: 18px;
    line-height: 40px;
    height: 46px;
    padding: 0 30px;
    min-width: 215px;
}
.btn--big .svg-ico {
    width: 25px;
    height: 25px;
    vertical-align: -3px;
    margin-right: 16px;
    margin-left: -10px;
}
.btn:not(.btn--disabled):not(.btn--empty):hover, .form__btn:not(.btn--disabled):not(.btn--empty):hover {
    background: #f43913;
    border-color: #f43913;
}
.btn:focus, .form__btn:focus {
    outline: none;
}
.btn--disabled, .btn--empty, .btn:disabled, .form__btn:disabled {
    background: none;
    border-color: #8f8f8f;
    color: #8f8f8f;
    cursor: default;
}
.btn--disabled:not(.product__btn), .btn--empty:not(.product__btn), .btn:disabled:not(.product__btn), .form__btn:disabled:not(.product__btn) {
    opacity: 0.5;
}
.btn--disabled:hover, .btn--empty:hover, .btn:disabled:hover, .form__btn:disabled:hover {
    background: none !important;
    border-color: #8f8f8f !important;
}
.btn--disabled .svg-ico--btn, .btn--empty .svg-ico--btn, .btn:disabled .svg-ico--btn, .form__btn:disabled .svg-ico--btn {
    fill: #8f8f8f;
    stroke: #8f8f8f;
}
.btn--empty .svg-ico--btn {
    display: none;
}
.product__btn{
    display: block;
    text-align: center;
}
.arrow-link {
    display: inline-block;
    width: 49px;
    height: 36px;
    padding: 10px;
}
.arrow-link:focus {
    outline: none;
}

.delete-link {
    display: inline-block;
    width: 24px;
    height: 34px;
    padding: 10px 0 10px 10px;
    opacity: 0.5;
}
.delete-link:hover {
    opacity: 1;
}

.download-link {
    color: #02bac6;
    display: block;
    position: relative;
    padding-left: 37px;
    min-height: 35px;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
}
.download-link--img {
    min-height: 25px;
}
.download-link__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 35px;
    display: block;
}
.download-link__name {
    text-decoration: underline;
}
.download-link:hover {
    opacity: 0.7;
}

.goback-link {
    color: #02bac6;
    display: inline-block;
    position: relative;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.goback-link span {
    text-decoration: underline;
}
.goback-link:before {
    content: "\2190";
    display: block;
    position: absolute;
    left: -20px;
    top: -1px;
    font-size: 17px;
}
@media (max-width: 1060px) {
    .goback-link {
        padding-left: 20px;
    }
    .goback-link:before {
        left: 0;
    }
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}
.order__contacts input::-webkit-input-placeholder {
    color: #777;
}
.order__contacts input::-moz-placeholder {
    color: #777;
}
.order__contacts input:-moz-placeholder {
    color: #777;
}
.order__contacts input:-ms-input-placeholder {
    color: #777;
}
input:focus {
    outline-color: #02bac6;
}

input[type=text]::-ms-clear {
    display: none;
}

input[type=text]::-ms-reveal {
    display: none;
}

.form__input {
    background: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    height: 53px;
    padding: 14px 30px 15px;
    border-radius: 3px;
    line-height: 20px;
    border: 2px transparent solid;
}
.form__btn {
    height: 53px;
    padding: 14px 0 15px;
    width: 100px;
    line-height: 20px;
    vertical-align: top;
    font-size: 15px;
}
.form__row--line {
    white-space: nowrap;
}
.form__row + .form__row {
    margin-top: 10px;
}
.form__error {
    padding-top: 10px;
    font-size: 13px;
    color: #f43913;
}
.form--login {
    max-width: 420px;
    padding: 0 10px;
    margin: 0 auto;
    min-height: 90px;
}
.form--login .form__input {
    width: 70%;
    float: left;
    overflow: visible;
    border-radius: 3px 0 0 3px;
    padding: 14px 30px 14px;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 16px;
    text-align: left;
}
.ie10 .form--login .form__input, .bx-ie10 .form--login .form__input {
    padding: 14px 0 14px;
    border-left: 30px #fff solid;
}
.form--login .form__input:focus {
    outline: none;
}
@media (max-width: 320px) {
    .form--login .form__input {
        padding: 14px 15px 14px;
    }
}
.form--login .form__btn {
    width: 30%;
    margin-left: -3px;
    border-radius: 0 3px 3px 0;
    font-size: 16px;
}

.fieldset {
    border: none;
    padding: 0;
}
.form--order .fieldset {
    overflow: hidden;
}
.fieldset + .fieldset {
    margin-top: 50px;
}
.fieldset__title {
    margin-bottom: 15px;
}
.fieldset__subtitle {
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 17px;
    margin-top: 16px;
}
.fieldset__row + .fieldset__subtitle {
    margin-top: 22px;
}
.fieldset__row {
    position: relative;
    margin-top: 10px;
    width: 395px;
}
.fieldset__row--radio {
    width: 100% !important;
}
@media (max-width: 900px) {
    .fieldset__row {
        width: 50%;
    }
}
@media (max-width: 414px) {
    .fieldset__row {
        width: 100%;
    }
}
.fieldset .input {
    width: 100%;
}
.fieldset .input--part {
    width: 49%;
    float: left;
}
.fieldset .input--part:last-of-type {
    float: right;
}
@media (max-width: 414px) {
    .fieldset .input--part:last-of-type {
        float: none;
        margin-top: 10px;
    }
}
@media (max-width: 414px) {
    .fieldset .input--part {
        display: block;
        float: none;
        width: 100%;
    }
}
.fieldset__label {
    display: block;
    padding: 3px 0 3px 30px;
    margin: 0;
    min-height: 24px;
    cursor: pointer;
}
.fieldset__label .input--hidden {
    position: absolute;
    left: -25px;
    width: 20px;
    height: 20px;
}
.fieldset__label .input--hidden:focus {
    outline: none !important;
}
.fieldset__label .input--error {
    padding-top: 5px;
    height: 36px;
}
@media (max-width: 900px) {
    .fieldset__label {
        height: auto;
    }
}
.fieldset__name {
    font-family: "robotobold", Arial, sans-serif;
    float: left;
    line-height: 33px;
}
.fieldset__name--big {
    font-size: 24px;
    line-height: 30px;
}
.fieldset__value {
    float: right;
}
.fieldset__value .price__new {
    font-size: 24px;
    line-height: 26px;
}
.fieldset__value--big .price__new {
    font-size: 30px;
}
.fieldset__body--summ {
    width: 290px;
    margin-top: -7px;
}
.fieldset__body--summ .fieldset__row {
    width: auto;
    overflow: hidden;
    line-height: 26px;
    margin-top: 0;
}
.fieldset__body--summ .btn, .fieldset__body--summ .form__btn {
    margin-top: 13px;
    width: 100%;
    padding: 0;
}
@media (max-width: 320px) {
    .fieldset__body--summ {
        width: 100%;
    }
}

.input {
    font-size: 15px;
    letter-spacing: 1px;
    height: 46px;
    padding: 13px 16px 13px;
    line-height: 18px;
    border: 1px #8f8f8f solid;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}
.input--error {
    border-color: #f43913;
}

label.input--error {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: 1px;
    height: 46px;
    padding: 15px 0 0 16px;
    line-height: 15px;
    color: #f43913;
}
@media (max-width: 414px) {
    label.input--error {
        position: relative;
        left: auto;
        padding: 5px 0;
        height: auto;
        display: block;
    }
}

.radio__icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 1px #8f8f8f solid;
}
.radio__icon:after {
    content: "";
    position: absolute;
    display: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #02bac6;
    left: 4px;
    top: 4px;
}
.radio:checked + .radio__icon:after, .radio:checked + * + .radio__icon:after {
    display: block;
}
.radio.input--error + * + .radio__icon {
    border-color: #f43913;
}

.checkbox__icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px #8f8f8f solid;
}
.checkbox__icon .svg-ico--check {
    position: absolute;
    left: 1px;
    display: none;
}
.checkbox:checked + * + .checkbox__icon .svg-ico--check, .checkbox:checked + .checkbox__icon .svg-ico--check {
    display: block;
}
.checkbox.input--error + * + .checkbox__icon {
    border-color: #f43913;
}

.amount {
    white-space: nowrap;
    line-height: 26px;
}
.amount__input, .amount__btn {
    padding: 0;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: none;
}
.amount__input {
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
    background: #f4f4f4;
    line-height: 26px;
}
.amount__btn {
    background: none;
    padding: 0 4px;
    width: 34px;
}

.select__group {
    margin-left: 30px;
    min-height: 50px;
    position: relative;
}
.select__col {
    padding: 20px 0 0 0;
    float: left;
    position: relative;
    width: 235px;
}
.select__col select {
    width: 100%;
}
.select__col--terminal {
    margin-left: 10px;
    max-width: 280px;
    width: 50%;
}
@media (max-width: 600px) {
    .select__col--terminal {
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 600px) {
    .select__col {
        width: 100%;
        max-width: 340px;
        float: none;
    }
}
@media (max-width: 414px) {
    .select__col {
        height: 75px;
        padding: 25px 0 0;
    }
    .select__col .select2 {
        position: absolute;
        left: 0;
        top: 25px;
        width: 100% !important;
    }
    .select__col .input--error {
        position: absolute;
        top: 7px;
        left: 0;
    }
}
.select__col .input--error {
    padding: 0;
    left: 0;
}

.select2 {
    width: auto !important;
    display: block;
    text-transform: uppercase;
}
.select2:focus {
    outline-color: #02bac6;
}
.select2-container--focus {
    border-color: #02bac6 !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    font-size: 15px;
    letter-spacing: 1px;
    height: 46px;
    padding: 8px 16px;
    line-height: 18px;
    border: 1px #8f8f8f solid;
    box-shadow: none;
    width: 100%;
}
.input--error:not(.valid) + .select2-container--default .select2-selection--single {
    border-color: #f43913;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--default .select2-selection--single--error {
    border-color: #f43913;
}
.select2-container--default .select2-selection--single:focus {
    border-color: #02bac6 !important;
    outline-color: #02bac6 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 8px;
}
.select2-container--default .select2-selection--single .svg-ico--arrow {
    stroke: #02bac6;
    fill: #02bac6;
}
.select2-container--default .select2-selection--single .svg-ico--up {
    display: none;
}

.select2-container--open.select2-container--default .select2-selection--single .svg-ico--up {
    display: block;
}
.select2-container--open.select2-container--default .select2-selection--single .svg-ico--down {
    display: none;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #02bac6 !important;
}

.select2-dropdown {
    border-radius: 0;
    border-color: #8f8f8f;
}

.select2-results {
    max-height: 200px;
}
.select2-results__option {
    padding: 8px 16px;
}
.select2-results__option--highlighted[aria-selected] {
    background-color: #02bac6 !important;
}

.select2-results__options {
    max-height: 1000px;
}

.nicescroll-cursors {
    background: #02bac6 !important;
}

.table {
    border: none;
    width: 100%;
}
.table__td {
    border: none;
    padding: 9px 20px 6px 0;
    border-bottom: 1px #696969 solid;
}
.table__tr--mainsumm .table__td {
    border: none;
}
.table__td--price {
    white-space: nowrap;
    text-align: right;
}
.table__td--title {
    width: 80%;
}
.table__td--delete {
    padding-right: 0;
    text-align: right;
}
.table__td--summ {
    text-align: right;
}
.table__td--mainsumm {
    text-align: right;
    padding: 18px 20px 14px 0;
}
.table__td--amount {
    text-align: center;
}
.order__table .table__td {
    border-color: #f4f4f4 !important;
    vertical-align: baseline;
}
.order__table .table__td:not(:last-child) {
    padding-right: 30px;
}
@media (max-width: 1060px) {
    .order__table .table__td:not(:last-child) {
        padding-right: 15px;
    }
}
.order__table .table__td--summ, .order__table .table__td--mainsumm {
    padding-right: 10px !important;
}
.order__table .table__td--price .price__new {
    color: #000;
}
.order__table .table__td .price__title {
    font-family: "robotobold", Arial, sans-serif;
}
.table .price__new {
    font-size: 24px;
    line-height: 26px;
}
.basket__content .table .price__new small {
    color: #8f8f8f;
}
.table__th {
    vertical-align: top;
    text-align: left;
    padding: 5px 0;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
    color: #8f8f8f;
    border-bottom: 1px #e5e5e5 solid;
}
.table__th small {
    font-family: "robotoregular", Arial, sans-serif;
    font-size: 12px;
}
.table__th--center {
    text-align: center;
}
.order__table .table__th:not(:last-child) {
    padding-right: 30px;
}
@media (max-width: 1060px) {
    .order__table .table__th:not(:last-child) {
        padding-right: 15px;
    }
}
@media (max-width: 1060px) {
    .table__hide--md * {
        display: none;
    }
}
@media (max-width: 736px) {
    .table__hide--sm {
        display: none !important;
    }
}
.table__show--sm {
    display: none;
}
@media (max-width: 736px) {
    .table__show--sm {
        display: inline !important;
    }
}

@media (max-width: 414px) {
    .basket__table {
        margin: 0 -20px;
        width: auto;
        display: block;
    }
    .basket__table tr {
        display: block;
        position: relative;
        padding: 12px 0;
        border-bottom: 1px #696969 solid;
        overflow: hidden;
    }
    .basket__table tr.table__tr--mainsumm {
        border-bottom: none;
    }
    .basket__table .table__td {
        display: block;
        border: none;
        padding: 0 20px;
        width: 100%;
    }
    .basket__table .table__td--title, .basket__table .table__td--price {
        width: 50%;
        float: left;
    }
    .basket__table .table__td--title {
        padding-top: 7px;
    }
    .basket__table .table__td--delete {
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (max-width: 736px) {
    .order__table {
        width: 100%;
        display: block;
        border-top: 1px #f4f4f4 solid;
    }
    .order__table tr {
        display: block;
        position: relative;
        padding: 12px 20px;
        border-bottom: 1px #f4f4f4 solid;
        overflow: hidden;
    }
    .order__table tr.table__tr--mainsumm {
        border-bottom: none;
    }
    .order__table .table__td {
        display: block;
        border: none;
        padding: 0;
        padding-right: 0 !important;
        width: 100%;
    }
    .order__table .table__td--title {
        float: left;
        width: 50%;
    }
    .order__table .table__td--price, .order__table .table__td--amount, .order__table .table__td--summ {
        text-align: right;
        padding: 5px 0;
    }
    .order__table .table__td--title {
        padding-top: 7px;
    }
    .order__table .table__td--amount {
        width: 50%;
        margin-left: 50%;
    }
    .order__table .table__td--amount .amount {
        margin-right: -10px;
    }
    .order__table .table__td--summ .price__new {
        display: inline-block;
        padding-top: 10px;
        padding-left: 15px;
        border-top: 1px #f4f4f4 solid;
    }
    .order__table .table__td--delete {
        position: absolute;
        top: 0;
        right: 20px;
    }
    .order__table tbody {
        width: 100%;
        display: block;
    }
    .order__table thead {
        display: none;
    }
}

.section__title, .fieldset__title, .order__title {
    font-family: "robotobold", Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.section--catalog {
    padding: 25px 0 180px;
}
@media (max-width: 900px) {
    .section--catalog {
        padding: 20px 0 130px;
    }
}

.catalog {
    margin-top: 15px;
    margin-left: -21px;
    margin-right: -21px;
}
@media (max-width: 1060px) {
    .catalog {
        margin: 20px 0 0 0;
    }
}
@media (max-width: 414px) {
    .catalog {
        margin: 20px -20px 0;
    }
}
.catalog__list {
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    justify-content: space-around;
}
@media (max-width: 414px) {
    .catalog__list {
        width: 100%;
        display: block;
    }
}
.catalog__item {
    width: 19%;
    position: relative;
    vertical-align: top;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: 20px 18px;
    border-radius: 3px;
    border: 1px transparent solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* align-items: flex-start; */
    justify-content: space-between;
    flex-direction: column;
}
.catalog__item:not(.catalog__item--disabled):hover {
    border: 1px transparent solid;
    border-color: #02bac6;
    cursor: pointer;
}
@media (max-width: 1060px) {
    .catalog__item {
        width: 24%;
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}
@media (max-width: 900px) {
    .catalog__item {
        width: 32%;
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    }
}
@media (max-width: 600px) {
    .catalog__item {
        width: 49%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        /* align-items: center; */
    }
}
@media (max-width: 414px) {
    .catalog__item {
        width: 100%;
        display: block;
        border-bottom: 1px #e5e5e5 solid !important;
        padding-bottom: 20px;
        text-align: center;
        /* align-items: center; */
    }
}
.catalog__item--disabled {
    opacity: 0.5;
}
.catalog .btn, .catalog .form__btn {
    /* position: absolute;
    bottom: 50px;
    left: 20px; */
}
@media (max-width: 414px) {
    .catalog .btn, .catalog .form__btn {
        position: relative !important;
        display: block;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0 auto;
    }
}
@media (max-width: 414px) {
    .catalog .product__price {
        text-align: center;
    }
}

.product__link {
    display: block;
    /* padding: 20px 18px 90px; */
    /* border-radius: 3px; */
    /* border: 1px transparent solid; */
}
@media (max-width: 736px) {
    .product__link {
        border: none;
    }
}
@media (max-width: 414px) {
    .product__link {
        padding: 20px 18px 5px;
    }
}
.product__link:focus {
    outline: none;
}
@media (max-width: 414px) {
    .product__info {
        text-align: left;
    }
}
.product__img {
    position: relative;
    text-align: center;
    height: 110px;
    margin-bottom: 10px;
}
.product__img img {
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 110px;
}
.product__sale {
    position: absolute;
    top: 5px;
    right: 20px;
    border-radius: 50%;
    background: #02bac6;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 29px;
    line-height: 57px;
    letter-spacing: -1px;
}
.product__sale:before {
    content: "-";
    font-size: 18px;
    vertical-align: 4px;
    padding-left: 2px;
}
.product__sale:after {
    content: "%";
    font-size: 18px;
    vertical-align: 4px;
}
@media (max-width: 414px) {
    .catalog .product__sale {
        left: 50%;
        margin-left: 40px;
    }
}
.product__code {
    display: block;
    font-size: 13px;
    color: #8f8f8f;
    margin-bottom: 2px;
}
.product__title {
    font-size: 14px;
    line-height: 20px;
    font-family: "robotobold", Arial, sans-serif;
    /* text-decoration: underline; */
    margin-bottom: 3px;
}
a.product__title:hover, .catalog__item:hover .product__title {
    color: #02bac6;
}
.catalog__item.catalog__item--disabled:hover .product__title {
    color: inherit;
}
.product__desc {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
}

.price > * {
    white-space: nowrap;
}
.catalog .price > * {
    display: block;
}
.price__old {
    font-family: "robotobold", Arial, sans-serif;
    font-size: 14px;
    text-decoration: line-through;
}
.price__new {
    font-family: "robotobold", Arial, sans-serif;
    font-size: 27px;
    line-height: 34px;
    color: #02bac6;
}
.price__new small {
    font-size: 17px;
    color: #000;
}
.price__title + .price__new {
    margin-left: 15px;
}

.spec__item {
    overflow: hidden;
}
.spec__item + .spec__item {
    margin-top: 6px;
}
.spec__name {
    width: 200px;
    float: left;
    color: #8f8f8f;
}
@media (max-width: 1060px) {
    .spec__name {
        width: 50%;
        padding-right: 5px;
    }
}
@media (max-width: 900px) {
    .spec__name {
        width: 220px;
    }
}
@media (max-width: 414px) {
    .spec__name {
        width: 50%;
    }
}
.spec__value {
    margin-left: 210px;
}
@media (max-width: 1060px) {
    .spec__value {
        margin-left: 50%;
        padding-right: 5px;
    }
}
@media (max-width: 900px) {
    .spec__value {
        margin-left: 220px;
    }
}
@media (max-width: 414px) {
    .spec__value {
        margin-left: 50%;
    }
}

.section--basket {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 50px;
    background: #282828;
    color: #fff;
}

.basket__head {
    height: 82px;
    padding: 15px 0;
    position: relative;
}
@media (max-width: 1200px) {
    .basket__head {
        padding-left: 70px;
    }
}
.basket__head .arrow-link {
    position: absolute;
    right: -10px;
    top: 22px;
}
.basket__head .arrow-link .svg-ico--down {
    display: none;
}
.basket__head .arrow-link.js-basket-toggle--open .svg-ico--down {
    display: block;
}
.basket__head .arrow-link.js-basket-toggle--open .svg-ico--up {
    display: none;
}
.basket__title {
    color: #02bac6;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 25px;
    line-height: 48px;
    text-transform: uppercase;
}
.basket__ico {
    position: absolute;
    left: -70px;
    top: 15px;
    width: 50px;
    height: 50px;
}
@media (max-width: 1200px) {
    .basket__ico {
        left: 0;
    }
}
.basket__body {
    display: none;
    overflow: hidden;
    padding-bottom: 30px;
}
@media (max-width: 414px) {
    .basket__body {
        overflow: visible;
        padding-bottom: 70px;
    }
}
.basket__content {
    max-width: 730px;
}
.basket__btn {
    float: right;
}

.section--login {
    text-align: center;
    padding-top: 114px;
    padding-bottom: 50px;
}
@media (max-width: 414px) {
    .section--login {
        padding: 25px 0;
    }
}
.section--login .logo {
    width: 96px;
    height: 96px;
    display: inline-block;
    float: none;
    margin-right: 0;
}
.section--login h1 {
    font-size: 37px;
    line-height: 48px;
    display: inline-block;
    margin-top: 50px;
    max-width: 670px;
}
@media (max-width: 414px) {
    .section--login h1 {
        margin-top: 25px;
        font-size: 24px;
        line-height: 30px;
        max-width: 410px;
    }
}
.section--login h2 {
    margin-top: 55px;
    font-size: 19px;
    line-height: 22px;
}
@media (max-width: 414px) {
    .section--login h2 {
        font-size: 15px;
        max-width: 370px;
        margin: 20px auto 0;
    }
}
.section--login .login {
    margin-top: 63px;
}
@media (max-width: 414px) {
    .section--login .login {
        margin-top: 35px;
    }
}
.section--login .message {
    background: url(/local/templates/.default/resources/css/../img/lego.png) center top no-repeat;
    padding: 160px 10px 0;
    font-size: 13px;
    line-height: 23px;
    color: #8f8f8f;
    max-width: 510px;
    margin: 40px auto 0;
}
.section--login .message__link {
    color: #02bac6;
}
@media (max-width: 414px) {
    .section--login .message {
        margin-top: 10px;
    }
}
.section--login .copy {
    font-size: 13px;
    margin-top: 70px;
}
@media (max-width: 414px) {
    .section--login .copy {
        margin-top: 25px;
    }
}

.section--order {
    padding: 20px 0 100px;
}

.order__title {
    margin-bottom: 20px;
    text-transform: uppercase;
}
.order__contacts {
    margin-top: 12px;
}
@media (max-width: 736px) {
    .order__content {
        margin: 0 -20px 0;
    }
}
.order__errors {
    background: #f4f4f4;
    padding: 10px;
    color: #f43913;
    margin: 0 0 10px 0;
}

.promo-code .footer {
    bottom: -100px !important;
}

.code__contacts {
    width: 395px;
    min-height: 315px;
    margin: 50px auto 0px;
}
.code__contacts .btn--big {
    width: 100%;
    margin-top: 10px;
}

.fieldset__success,
.fieldset__error {
    display: none;
    border: none;
}

.fieldset {
    display: block;
    opacity: 1;
}

@media (max-width: 900px) {
    .code__contacts .fieldset__row {
        width: 100% !important;
    }
}
@media (max-width: 440px) {
    .code__contacts {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .code__contacts .btn--big {
        font-size: 13px;
    }
}
.brand-nav {
    overflow: hidden;
}
.brand-nav__item {
    float: left;
    margin-right: 16px;
    height: 40px;
    margin-bottom: 5px;
}
.brand-nav__link {
    display: inline-block;
    position: relative;
    border: 1px #02bac6 solid;
    border-radius: 3px;
    padding: 0 17px;
    height: 32px;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 16px;
    line-height: 29px;
    color: #02bac6;
}
.brand-nav__link:hover, .brand-nav__link--active {
    background: #02bac6;
    color: #fff;
}
.brand-nav__link--active:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -6px;
    width: 0;
    height: 0;
    border: 6px transparent solid;
    border-bottom: 0;
    border-top: 6px #02bac6 solid;
}

.choose-color__list {
    overflow: hidden;
    margin-top: 7px;
}
.choose-color__link {
    display: block;
    cursor: pointer;
    border: 1px transparent solid;
    padding: 2px;
}
.choose-color__link--active {
    border-color: #02bac6;
}
.choose-color__item {
    display: block;
    float: left;
    width: 39px;
    height: 39px;
    margin: 0 1px 1px 0;
}
.choose-color__option {
    width: 33px;
    height: 33px;
    display: block;
}

.popup {
    background: #FFF;
    padding: 35px 40px;
    text-align: left;
    margin: 40px auto;
    position: relative;
    max-width: 980px;
    border-radius: 3px;
}
@media (max-width: 900px) {
    .popup {
        padding: 25px 20px;
    }
}
.popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 49px;
    height: 49px;
    padding: 10px;
}
@media (max-width: 900px) {
    .popup__close {
        width: 39px;
        height: 39px;
        right: 19px;
        top: 19px !important;
    }
}
@media (max-width: 414px) {
    .popup__close {
        right: 10px;
    }
}
.popup__title {
    font-size: 24px;
    line-height: 28px;
    text-decoration: none;
    margin-bottom: 10px;
    padding-right: 20px;
}
@media (max-width: 900px) {
    .popup__title {
        padding-right: 35px;
    }
}
.popup__content {
    overflow: hidden;
}
.popup__gallery {
    position: relative;
    width: 530px;
    float: left;
}
@media (max-width: 1060px) {
    .popup__gallery {
        width: 55%;
        padding-right: 10px;
    }
}
@media (max-width: 900px) {
    .popup__gallery {
        margin: 0 5px 20px 0;
    }
}
@media (max-width: 600px) {
    .popup__gallery {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
}
.popup__info {
    margin-left: 550px;
}
@media (max-width: 1060px) {
    .popup__info {
        margin-left: 55%;
        padding-left: 10px;
    }
}
@media (max-width: 900px) {
    .popup__info {
        margin-left: 0;
        padding-left: 0;
    }
}
.popup .product__choose-color {
    margin-top: 19px;
    margin-bottom: -3px;
}
.popup .product__desc {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
}
.popup .product__desc p {
    margin: 15px 0;
}
.popup .price__old {
    min-height: 17px;
}
.popup .price__new {
    font-size: 35px;
    line-height: 36px;
}
.popup .product__spec {
    margin-top: 10px;
}
@media (max-width: 600px) {
    .popup .product__spec {
        clear: both;
    }
}
.popup .download-link {
    margin-top: 15px;
}

.fotorama__thumb-border {
    border-color: #02bac6;
}

.mfp-close:active {
    top: 10px;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.fotorama__gallery {
    display: none;
}
.reg-form form{
    float:left;
    width:45%;
}
.more-info {
    float:right;
    width:30%;
    font-size: 15px
}
.reg-form form .line{
    margin:10px 0;
    font-size:17px;
    float:left;
    width:100%;
    position:relative;
}
.reg-form form .line label
{
    float:left;
}
.reg-form form .line input[type='text']{
    border:1px solid #CECECE;
    border-radius: 3px;
    float:right;
}
.reg-form .line-info
{
    font-size:12px;
    color:#CECECE;
    float:left;
    width:100%;
}
.reg-form button[type='submit']{
    display: inline-block;
    position: relative;
    border: 1px #02bac6 solid;
    border-radius: 3px;
    padding: 0 17px;
    height: 32px;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 16px;
    line-height: 29px;
    background: #02bac6;
    color:#FFF;
}
.requied{
    color:red;
}
.reg-form input[type='checkbox']
{
    -webkit-appearance: checkbox;
}
.reg-form label.input--error{
    padding: 0 0 0 16px;
    width:180px;
}
.message-res
{
    font-weigt:bold;
    margin-top: 22px;
}
.file_upload{
    display: inline-block;
    padding-left: 70px;
    position: relative;
    overflow: hidden;
}
.file_upload input[type=file]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(20);
    letter-spacing: 10em;     /* IE 9 fix */
    -ms-transform: scale(20); /* IE 9 fix */
    opacity: 0;
    cursor: pointer
}
.file_upload button{
    display: inline-block;
    position: relative;
    border: 1px #02bac6 solid;
    border-radius: 3px;
    padding: 0 17px;
    height: 32px;
    font-family: "robotobold", Arial, sans-serif;
    font-size: 15px;
    line-height: 29px;
    background: #02bac6;
    color: #FFF;
    cursor: pointer;
}
.uchi{
    font-family:"Noto Sans";
}
.uchi .popup{
    margin: 0 auto;
}
.uchi .popup__close{
    display: none;
}
.uchi .product__btn svg{
    display: none;
}
.uchi .product__btn{
    background: #0089d1;
    border-color: #0089d1;
}
.uchi .product__btn:hover{
    background: #0074AD !important;
    border-color: #0074AD !important;
}
.uchi #product_price-new{
    color: #0089d1;
}
.uchi .product__sale{
    background: #0089d1;
    border-color: #0089d1;
}
.uchi .fotorama__thumb-border{
    border-color: #0089d1;
}
.uchi .brand-nav__link{
    border: 1px #0089d1 solid;
    color: #0089d1;
}
.uchi .brand-nav__link::after{
    display: none;
}
.uchi .brand-nav__link:hover{
    background: #0089d1;
    color: #fff;
}
.uchi .brand-nav__link--active{
    background: #0089d1;
    color: #fff;
}
.uchi_info{
    width: 100%;
    background:  linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/local/templates/.default/resources/css/../img/bg-uchi.jpg) no-repeat;
    background-size: cover;
    height: 300px;
    font-family:"Noto Sans" !important;
    font-weight: 100;
    position: relative;
    z-index: 10;    
}
.uchi_info .container{
    max-width: 1000px;
    color: #fff;
    padding-top: 20px;
}
.uchi_info h2{
    font-size: 30px;
    line-height: 35px;
}
.uchi_info p{
    font-size: 16px;
    margin-top: 21px;
}
.uchi_button{
    float: right;
    padding: 15px 30px;
    background-color: #0089d1;
    border: 0;
    height: 20px;
    border-radius: 10px;
    margin-top: 12px;
    color: #fff;
    font-size: 20px;
    font-family:"Noto Sans" !important;
    box-sizing: content-box;
}
.logo_uchi{
    margin-top: 25px;
}
.uchi_button:hover{
    background: #0074AD !important;
    border-color: #0074AD !important;
}
.basket_accessories h3{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.basket_accessories_block{
    display: flex;
}
.basket_accessories_block div{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 250px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin-right: 10px;
}
.basket_accessories_block h4{
    font-weight: 600;
    margin-bottom: 10px;
}
.basket_accessories_block .addbasket{
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    background-color: rgb(2, 186, 198);
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}
.basket_accessories_block .js-desc-popup{
    text-decoration: underline;
}
.popup__info .insurance{
    margin: 10px 0;
}
.popup__info .insurance button{
    background-color: #2285ff;
    border-color: #2285ff;
}
.popup__info .insurance .btn:not(.btn--disabled):not(.btn--empty):hover{
    background-color: #0070fa;
    border-color: #0070fa;
}
.banner{
    display: flex;
    justify-content: center;
    cursor: pointer;
}


.banner div{
    width: 100%;
    max-width: 1060px;
    height: 300px;
    background: url(/local/templates/.default/resources/css/../banner/1060x300.gif) no-repeat;
    background-size: contain;
}
@media screen and (max-width: 900px){
    .banner div{
        max-width: 900px;
        height: 300px;
        background: url(/local/templates/.default/resources/css/../banner/900x300.gif) no-repeat;
        background-size: contain;
    }
}
@media screen and (max-width: 736px){
    .banner div{
        max-width: 736px;
        height: 300px;
        background: url(/local/templates/.default/resources/css/../banner/736x300.gif) no-repeat;
        background-size: contain;
    }
}
@media screen and (max-width: 414px){
    .banner div{
        max-width: 414px;
        height: 300px;
        background: url(/local/templates/.default/resources/css/../banner/414x300.gif) no-repeat;
        background-size: contain;
    }
}
.product__btn.sberbank{
    display: block;
    margin-top: 5px;
    background: #44aa2e;
    border: 0;
    /* font-family: 'Myriad Pro'; */
	font-size: 14px;
	line-height: 2.7;
    text-align: center;
    text-transform: none;
    /* height: auto; */
    position: relative;
}
.product__btn.sberbank:hover{
    background: #58ca3f !important;
}
#product_btn_sberbank{
    line-height: 2.7;
    padding: 0 23px;
    font-size: 18px;
}
#product_btn_sberbank .svg-ico{
    vertical-align: -8px;
}
.product__buy .sberprice{
    color: #999;
    text-align: right;
    display: block;
    margin-top: 2px;
}
.sberprice_el{
    display: block;
    text-align: right;
    color: #999;
    position: absolute;
    margin-top: -15px;
    right: 0;
}
/* End */



/* Start:/local/templates/main_b2b/styles.css*/
.page-case--login {
    background: url("/local/templates/.default/resources/img/background.jpg") center no-repeat;
    background-size: cover;
}
.form__input {
    background: none;
}

.section--login .logo {
    width: 123px;
    height: 123px;
}
.section--login h1 {
    margin-top: 67px;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 34.75px;
    letter-spacing: -0.1px;
    line-height: 1.3em;
    color:  #ffffff;
}
.section--login h2 {
    margin-top: 84px;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 20.97px;
    color:  #ffffff;
}
.section--login .login {
    margin-top: 86px;
}
.form--login {
    max-width: 658px;
}
.form--login .form__input {
    width: 81%;
    height: 80px;
    box-sizing: border-box;
    border: 2px solid #67becf;
    color: #fff;
    font-size: 20.97px;
    line-height: 48px;
    text-transform: uppercase;
}
.form--login .form__input::-webkit-input-placeholder {
    color: #fff;
}
.form__btn {
    background-color: #fff;
    opacity: 0.5;
    border: 1px #fff solid;
    border-radius: 0;
}
.form--login .form__btn,
.form--login .form__btn:hover {
    width: 19%;
    height: 80px;
    background-color: #67becf !important;
    border: none !important;;
    opacity: 1;
}
.form__error {
    padding-top: 9px;
    display: block;
    font-family: 'HelveticaNeueCyr-Roman';
    color: #fff;
    font-size: 15.48px;
    line-height: 21px;
}
.section--login .message {
    padding-top: 214px;
    background: none;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 15.48px;
    line-height: 22.988px;
    color: #fff;
}
.section--login .copy {
    margin-top: 28px;
    font-family: 'HelveticaNeueCyr-Roman';
    font-size: 15.48px;
    color: #fff;
}
.section--login a,
.section--login .message__link {
    text-decoration: underline;
    color: #fff;
}
.section--login .copy {
    color: #fff;
}
@media (max-width: 414px) {
    .section--login h1 {
        margin-top: 25px;
        font-size: 24px;
        line-height: 30px;
        max-width: 410px;
    }
    .section--login h2 {
        font-size: 15px;
        max-width: 370px;
        margin: 20px auto 0;
    }
    .section--login .message {
        padding-top: 100px;
        font-size: 13px;
    }
    .section--login .copy {
        margin-top: 25px;
        font-size: 13px;
    }
    .form--login .form__input {
        font-size: 16px;
        line-height: 20px;
        width: 70%;
        height: 53px;
    }
    .form--login .form__btn {
        width: 30%;
        height: 53px;
    }
    .form--login .form__btn, .form--login .form__btn:hover {
        height: 53px;
        width: 30%;
    }
}

/* End */
/* /local/templates/.default/resources/css/style.css */
/* /local/templates/main_b2b/styles.css */