@charset "UTF-8";



@-moz-viewport {

    width: device-width; }



@-ms-viewport {

    width: device-width; }



@-o-viewport {

    width: device-width; }



@-webkit-viewport {

    width: device-width; }



@viewport {

    width: device-width; }

/*Normalize.css v5.0.0*/

html {

    font-family: sans-serif;

    line-height: 1.15;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}

body {

    margin: 0;

}

article,

aside,

footer,

header,

nav,

section {

    display: block;

}

h1 {

    font-size: 2em;

    margin: 0.67em 0;

}

figcaption,

figure,

main {

    display: block;

}

figure {

    margin: 1em 40px;

}

hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible;

}

pre {

    font-family: monospace, monospace;

    font-size: 1em;

}

a {

    background-color: transparent;

    -webkit-text-decoration-skip: objects;

}

a:active,

a:hover {

    outline-width: 0;

}

abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted;

}

b,

strong {

    font-weight: inherit;

}

b,

strong {

    font-weight: bolder;

}

code,

kbd,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}

dfn {

    font-style: italic;

}

mark {

    background-color: #ff0;

    color: #000;

}

small {

    font-size: 80%;

}

sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sub {

    bottom: -0.25em;

}

sup {

    top: -0.5em;

}

audio,

video {

    display: inline-block;

}

audio:not([controls]) {

    display: none;

    height: 0;

}

img {

    border-style: none;

}

svg:not(:root) {

    overflow: hidden;

}

button,

input,

optgroup,

select,

textarea {

    font-family: sans-serif;

    font-size: 100%;

    line-height: 1.15;

    margin: 0;

}

button,

input {

    overflow: visible;

}

button,

select {

    text-transform: none;

}

button,

html [type="button"],

[type="reset"],

[type="submit"] {

    -webkit-appearance: button;

}

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

    border-style: none;

    padding: 0;

}

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

    outline: 1px dotted ButtonText;

}

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal;

}

progress {

    display: inline-block;

    vertical-align: baseline;

}

textarea {

    overflow: auto;

}

[type="checkbox"],

[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

[type="search"] {

    -webkit-appearance: textfield;

    outline-offset: -2px;

}

[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit;

}

details,

menu {

    display: block;

}

summary {

    display: list-item;

}

canvas {

    display: inline-block;

}

template {

    display: none;

}

[hidden] {

    display: none;

}



@media print {

    *,

    *::before,

    *::after,

    p::first-letter,

    div::first-letter,

    blockquote::first-letter,

    li::first-letter,

    p::first-line,

    div::first-line,

    blockquote::first-line,

    li::first-line {

        text-shadow: none !important;

        -webkit-box-shadow: none !important;

                        box-shadow: none !important;

    }

    a,

    a:visited {

        text-decoration: underline;

    }

    abbr[title]::after {

        content: " (" attr(title) ")";

    }

    pre {

        white-space: pre-wrap !important;

    }

    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }

    thead {

        display: table-header-group;

    }

    tr,

    img {

        page-break-inside: avoid;

    }

    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }

    h2,

    h3 {

        page-break-after: avoid;

    }

}



/* Autocomplete CSS */

.autocomplete-suggestions {

    background-color: #fff;

    overflow: hidden;

    overflow-y: auto;

    border: 0.0625rem solid #e0e0e0;

    display: table; }



.autocomplete-suggestion {

    display: table-row;

    width: 100%; }



.autocomplete-suggestion:nth-child(even) {

    background-color: #fbfbfb; }



.autocomplete-suggestions .autocomplete-selected {

    background: #f0f0f0; }



.autocomplete-suggestions strong {

    font-weight: normal;

    color: #ffb400; }



.autocomplete-suggestion div {

    width: 45px !important;

    text-align: center; }



.autocomplete-suggestion div,

.autocomplete-suggestions span,

.autocomplete-suggestions a {

    padding: 0.125rem 0.3125rem;

    display: table-cell;

    vertical-align: middle; }



.autocomplete-suggestions span {

    white-space: nowrap;
    display: none; }



/*Ui-slider CSS*/

.ui-slider {

    position: relative;

    height: 6px;

    border: 1px solid #e1e8ed;

    background-color: #e1e8ed;

    margin: 12px 10px 33px;

    border-radius: 2px; 

}

.ui-slider .ui-slider-handle {

    position: absolute;

    width: 24px;

    height: 24px;

    margin-left: -12px;

    top: -10px;

    background-color: #e1e8ed;

    border: 1px solid #e1e8ed;

    box-shadow: inset 0 0 0 6px #fff, 0 1px 0 0 #e1e8ed;

    border-radius: 100%;

    cursor: pointer; 

}

.ui-slider .ui-slider-handle.ui-state-focus,

.ui-slider .ui-slider-handle.ui-state-hover {

    background-color: #38c0f3;

}

.ui-slider .ui-slider-range {

    position: absolute;

    background-color: #38c0f3;

    height: 100%; 

}

/* Loader анимация */

@-webkit-keyframes rotate-animation {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes rotate-animation {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-webkit-keyframes anti-rotate-animation {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(-360deg);

        transform: rotate(-360deg);

    }

}

@keyframes anti-rotate-animation {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(-360deg);

        transform: rotate(-360deg);

    }

}



.fn_categories {

    position: relative;

}



.fn_ajax_wait {

    position: absolute;

    top: 100px;

    left: 50%;

    width: 125px;

    transform: translateX(-50%);

}



.fn_ajax_wait:before,

.fn_ajax_wait:after,

.slick-loading::before,

.slick-loading::after {

    content: "";

    position: absolute;

    top: 100px;

    left: 50%;

    z-index: 2;

    border-width: 4px;

    border-style: solid;

    border-radius: 50%;

}



.fn_ajax_wait::before,

.slick-loading::before {

    width: 120px;

    height: 120px;

    margin-left: -60px;

    border-color: transparent #38c0f3 #38c0f3 transparent;

    -webkit-animation: rotate-animation 1s linear 0s infinite;

    animation: rotate-animation 1s linear 0s infinite;

}

.fn_ajax_wait::after,

.slick-loading::after {

    width: 82px;

    height: 82px;

    margin-left: -41px;

    border-color: transparent #38c0f3 #38c0f3 transparent;

    -webkit-animation: anti-rotate-animation 0.85s linear 0s infinite;

    animation: anti-rotate-animation 0.85s linear 0s infinite;

}



.slick-loading::before,

.slick-loading::after {

    top: 50%;

    margin-top: -41px;

}



.slick-loading::before {

    margin-top: -60px;

}

/* Slick slider    v1.5.9 */

.slick-slider {

    position: relative;

    display: block;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent; }



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0; }



.slick-list:focus {

    outline: none; }



.slick-list.dragging {

    cursor: pointer;

    cursor: hand; }



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block; }



.slick-track:before,

.slick-track:after {

    display: table;

    content: ''; }



.slick-track:after {

    clear: both; }



.slick-loading .slick-track {

    visibility: hidden; }



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px; }



[dir='rtl'] .slick-slide {

    float: right; }



.slick-slide.slick-loading img {

    display: none; }



.slick-slide.dragging img {

    pointer-events: none; }



.slick-initialized .slick-slide {

    display: block; }



.slick-loading .slick-slide {

    visibility: hidden; }



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent; }



.slick-arrow.slick-hidden {

    display: none; }





.slick-prev,

.slick-next {

    display: block;

    position: absolute;

    z-index: 1;

    top: 50%;

    width: 40px;

    height: 40px;

    margin-top: -20px;

    padding: 0;

    font-size: 0;

    line-height: 0;

    cursor: pointer;

    border: none;

    outline: none;

    background: transparent;

    text-align: center;

    color: #cfd0d2;

}

.slick-prev {

    left: 0;

}

.slick-next {

    right: 0px;

}

.slick-next::before,

.slick-prev::before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    border-top: 1px solid;

    border-left: 1px solid;

}

.slick-next::before {

    margin-left: -12px;

    transform: rotate(135deg);

}

.slick-prev::before {

    margin-left: 12px;

    transform: rotate(-45deg);

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

        color: #a3a3a3;

}

.all_brands .slick-prev,

.all_brands .slick-next {

    margin: 0;

    top: -58px;

    width: 70px;

    height: 57px;

    line-height: 57px;

    border-left: 1px solid #e8e8e1;

    border-top: none;

}

.all_brands .slick-next{

    right: -1px;

}

.all_brands .slick-prev {

    left: auto;

    right: 71px;

}



.comparison_page .slick-prev,

.comparison_page .slick-next {

    top: 160px; }



.slick-dots {

    position: absolute;

    right: 55px;

    bottom: 30px;

    display: block;

    font-size: 0;

    padding: 0;

    list-style: none;

    text-align: right; }



.slick-dots li {

    position: relative;

    display: inline-block;

    margin: 0 8px;

    padding: 0;

    cursor: pointer; }



.slick-dots li button {

    display: block;

    width: 12px;

    height: 12px;

    outline: none;

    padding: 0;

    border: 0;

    border-radius: 100%;

    cursor: pointer;

    color: transparent;

    background-color: #fff;

    opacity: .4;

}

.slick-dots li.slick-active button {

    opacity: 1;

}

.slick-dots li button:hover {

    opacity: .8;

}



/* COMMON CSS*/

html {

    box-sizing: border-box;

}

*,

*::before,

*::after {

    box-sizing: inherit;

}



h1, h2, h3, h4, h5, h6 {

    margin-top: 0;

    margin-bottom: 1rem;

    line-height: 1.1;

    font-weight: 600;

    font-family: inherit;

    color: inherit;

}

h1 {font-size: 1.5rem; }



h2 {font-size: 1.4rem; }



h3 {font-size: 1.25rem; }



h4 {font-size: 1.125rem; }



h5 {font-size: 1.1rem; }



h6 {font-size: 1rem; }

a,

button,

input {

    -webkit-tap-highlight-color: transparent;

}

hr {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

}

p {

    margin-top: 0;

    margin-bottom: 1rem;

}

p:last-child {

        margin-bottom: 0;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

    background-color: transparent;

}

caption {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    color: #636c72;

    text-align: left;

    caption-side: bottom;

}

th {

    text-align: left;

}

nav ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

img {

    max-width: 100%;

    height: auto;

}

input,

button,

select,

textarea {

    line-height: inherit;

}

textarea {

    resize: vertical;

}

input[type="search"] {

    -webkit-appearance: none;

}

*:focus {

    outline: none;

}

/* Chrome/Opera/Safari */

::-webkit-input-placeholder {

    font-family: inherit;

    color: inherit;

    text-overflow: ellipsis;

    opacity: .7;

}

/* Mozilla Firefox 4 - 18 */

:-moz-placeholder {

    font-family: inherit;

    color: inherit;

    text-overflow: ellipsis;

    opacity: .7;

 }

 /* Mozilla Firefox 19+ */

::-moz-placeholder {

    font-family: inherit;

    color: inherit;

    text-overflow: ellipsis;

    opacity: .7;

}

/* IE 10+ */

:-ms-input-placeholder {

    font-family: inherit;

    color: inherit;

    text-overflow: ellipsis;

    opacity: .7;

}

/* Edge */

::-ms-input-placeholder {

    font-family: inherit;

    color: inherit;

    text-overflow: ellipsis;

    opacity: .7;

    white-space: nowrap;

}

::placeholder {

    font-family: inherit;

    color: inherit;

    text-overflow: ellipsis;

    opacity: .7;

}

[placeholder] {

    text-overflow: ellipsis;

}

:focus::-webkit-input-placeholder {

    opacity: 0;

}

:focus::-moz-placeholder {

    opacity: 0;

}

:focus:-moz-placeholder {

    opacity: 0;

}

:focus:-ms-input-placeholder {

    opacity: 0;

}

:focus::-ms-input-placeholder {

    opacity: 0;

}

:focus::placeholder {

    opacity: 0;

}