.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	font-display: swap;
}

.errors{
	display:none;
	margin-top: 13px;
    color: red;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-display: swap;
}
#errors{
	color: red;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 15px;
}

.reg-tab .suc{
    margin-bottom: 0;
}

.suc{
	color: #1078d1;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
}
.ok_send{
	margin-top: -13px;
    color: #1078d1;
	font-family: Montserrat, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.card-item--video.big {
  width: 100px;
  height: 50px;
  position: relative;
}

.card-item--video.big :before {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -12px;
  content: ' ';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 0 12px 8px;
  border-color: transparent transparent transparent #007bff;
}

input, a, button {
    outline: 0 !important;
}

input:focus, a:focus, button:focus {
    outline: 0 !important;
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body, html {
    height: 100%;
}

body {
    margin: 0;
  /*  will-change: transform, opacity;*/
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .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;
    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: -.25em
}

sup {
    top: -.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;
	outline: 0;
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .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
}

[hidden],
template {
    display: none
}

* {
    box-sizing: border-box
}

body {
    font-family: Roboto, sans-serif;
    line-height: 1.5;
    color: #1d2329;
    overflow-x: hidden
}

body.is-hidden-mobile {
    overflow:hidden;
}

a,
button {
    outline: 0
}

a {
    color: #1078d1;
    transition: color .3s ease
}

label {
	font-weight: normal;
}

a:hover {
    color: #00a0f1
}

p {
    font-size: 14px;
    margin: 0;
    margin-bottom: 20px
}

h2 {
    line-height: 35px;
    font-size: 26px
}

h1,
h2 {
    font-weight: 700;
    margin-top: 0;
    color: #1d2329;
    font-family: Montserrat, sans-serif;
    margin-bottom: 25px
}

h1 {
    font-size: 34px;
    text-transform: uppercase
}

h3 {
    font-weight: 600;
    line-height: 18px;
    font-size: 18px;
    margin-top: 0;
    color: #000;
    font-family: Montserrat, sans-serif;
    margin-bottom: 6px
}

@media (max-width:1200px) {
    h2 {
        font-size: 26px
    }

    h1 {
        font-size: 30px
    }
}

@media (max-width:992px) {
    h2 {
		font-size: 24px;
		line-height: 28px;
    }

    h1 {
        font-size: 25px
    }
}

@media (max-width:480px) {

    h1,
    h2 {
		font-size: 22px;
		line-height: 25px;
    }
}

@media (max-width:360px) {
    h2 {
        font-size: 19px;
		line-height: 22px;
    }
}

.inst-btn {
    color: #8b9195;
    font-size: 14px;
    text-align: right;
    text-decoration: none;
    line-height: 1.2;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 13px
}

.inst-btn img {
    margin-left: 5px
}

@media(max-width: 992px) {
	.inst-btn {
		top: -4px;
	}
}

.main-title {
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start
}

.main-title--order .btn-outline {
    padding: 2px 19px;
    font-size: 10px;
    padding-top: 4px;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-right: 10px
}

.main-title h1 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1;
    margin-right: 20px
}

@media (max-width:992px) {
    .main-title {
        flex-direction: column;
        height: auto;
        margin-bottom: 11px
    }
}

@media (max-width:768px) {
    .main-title {
        flex-direction: column;
        height: auto;
        min-height: inherit;
        margin-bottom: 11px
    }

    .main-title h1 {
        margin-right: 0
    }

    .main-title .btn {
        margin-top: 10px;
    }
}

.section {
    padding-bottom: 46px
}

.section--slider {
    padding-bottom: 20px
}

.section__top {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
	justify-content: space-between;
}

.section__top .btn-outline {
    margin-left: 15px
}

.section__top h2 {
    margin-bottom: 0
}

@media (max-width:992px) {
    .section--slider {
        padding-bottom: 0
    }

    .section--slider .section__top {
        padding-right: 70px
    }
}

img {
    max-width: 100%
}

.hidden-desctop {
    display: none !important
}

.wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; 
    -ms-flex: 1 1 auto;
    min-height: 100%;
    overflow-x: hidden;
    height: 0;
}

.wrapper--grey {
    background: #f0f0f0
}

.wrapper__wrap {
    position: relative;
    z-index: 3
}

.wrapper__body.is-flex {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.wrapper__body {
    padding-top: 26px;
    padding-bottom: 40px;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
}

.wrapper__body--reg {
    position: relative;
    padding-top: 25px
}

.wrapper__body--reg .wrapper__top {
    width: 47%;
    height: 197px;
    margin-bottom: 33px;
    position: relative;
    z-index: 5;
}

.wrapper__body--reg .wrapper__top p {
    font-family: Montserrat , sans-serif;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px
}

.wrapper__body--reg .back-link span,
.wrapper__body--reg h1 {
    color: #fff
}

.wrapper__body--reg .back-link .svg-icon {
    fill: #fff
}

.wrapper__body--reg .back-link:hover span {
    color: hsla(0, 0%, 98%, .8)
}

.wrapper__body--reg .back-link:hover .svg-icon {
    fill: hsla(0, 0%, 98%, .8)
}

.wrapper__body--reg:before {
    content: "";
    height: 222px;
    width: 100%;
    background-color: #1078d1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.wrapper__content {
    width: 850px;
    float: left;
    margin-right: -15px;
}

.wrapper__content--order {
    width: 755px
}

.wrapper__content--grey {
    width: 100%;
	background: #f0f0f0;
}

.wrapper__content--full {
    width: 100%;
    float: none;
}

.wrapper__content--detail {
    width: 100%;
}

.wrapper__content--contact {
    width: 100%;
    padding-top: 35px;
}

.wrapper__content--contact .main-title h1 {
    margin-right: 0
}

.aside,
.aside-filter {
    width: 296px;
    padding-right: 46px;
    flex: none;
    float: left
}

.aside-filter .catalog-left {
    cursor: pointer
}

.aside-filter .catalog-left__body {
    display: none
}

.fon-fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #1d2329;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 3;
    transition: opacity .3s ease
}

.fon-fixed.is-active {
    opacity: .2;
    pointer-events: none
}

@media (max-width:1200px) {
    .aside {
        display: none
    }

    .aside-filter {
        display: block
    }

    .aside-filter .catalog-left,
    .aside-filter .form-phone {
        display: none
    }

    .wrapper__content {
        width: 100%
    }
}

@media (max-width:992px) {
    .wrapper__body--reg .wrapper__top {
        width: 100%;
        height: auto;
        margin-bottom: 33px;
        padding-bottom: 25px
    }

    .wrapper__body--reg:before {
        height: 197px
    }
}

@media (max-width:768px) {
    .wrapper__body--reg .wrapper__top {
        height: auto;
        margin: -15px -15px 22px;
        padding: 15px;
        padding-bottom: 25px;
        width: calc(100% + 30px);
        background-color: #1078d1
    }

    .wrapper__body--reg .wrapper__top p {
        line-height: 21px;
        font-size: 16px;
        margin-bottom: 0
    }

    .wrapper__body--reg .main-title {
        min-height: 0;
        padding-top: 7px
    }

    .wrapper__body--reg:before {
        display: none
    }
}

@media (max-width:560px) {
    .wrapper__body--reg .wrapper__top .main-title {
        min-height: 32px;
        padding-top: 6px
    }

    .wrapper__body--reg:before {
        height: 197px
    }
}

@media (max-width:768px) {
    .wrapper__body {
        padding-top: 15px;
    }

    .wrapper__body--index {
        padding-top: 0
    }
}

.wrapper__content--detail .menu-tab__wrap{
	width: 850px;
}

.wrapper__content--detail .breadcrumbs{
	width: 850px;
}

.wrapper__content--detail .main-title{
	width: 850px;
}

@media (max-width:1200px) {
	.wrapper__content--detail .menu-tab__wrap{
		width: 100%;
	}

	.wrapper__content--detail .breadcrumbs{
		width: 100%;
	}

	.wrapper__content--detail .main-title{
		width: 100%;
	}
	
	.news-detail__wrap {
		width: 100%;
	}
}

.aside-right {
    width: 290px;
    padding-right: 0;
    flex: none;
    float: left;
    padding-top: 0;
    padding-left: 50px;
    margin-top: -82px;
}

.aside-right--order {
	margin-top: 0;
    width: 384px;
    padding-top: 5px
}

@media (max-width:1200px) {
    .aside-right {
        display: none
    }
}

.main-info {
    font-style: italic;
    font-weight: 700;
    line-height: 21px;
    font-size: 16px;
    font-family: Montserrat Alternates, sans-serif;
    color: #00a0f1;
    position: relative;
    padding-left: 18px;
    margin-bottom: 31px
}

.main-info:before {
    content: "";
    width: 5px;
    background-color: #00a0f1;
    position: absolute;
    left: 0;
    display: block;
    bottom: 3px;
    top: 3px
}

.share {
    margin-bottom: 25px
}

.share-title {
    font-size: 13px;
    color: #9e9e9e
}

.spinner-block .ui-spinner {
    border: 1px solid #f0f0f0;
    height: 30px !important;
    padding: 2px;
    display: flex
}

.spinner-block .ui-spinner-up {
    order: 3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/common/plus.png)
}

.spinner-block .ui-spinner-down {
    order: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/common/minus.png)
}

.spinner-block .ui-button {
    cursor: pointer;
    display: block;
    background-color: #45cef6;
    width: 24px;
    height: 24px;
    transition: background-color .3s ease
}

.spinner-block .ui-button:hover {
    background-color: #45cef6
}

.spinner-block .ui-spinner-input {
    order: 2;
    text-align: center;
    width: 40px;
    font-weight: 500;
    line-height: 20px;
    font-size: 16px;
    color: #1d2329;
    font-family: Montserrat, sans-serif;
    outline: 0;
    border: 0;
    height: 24px
}

.banner {
    margin-top: 29px;
    display: block
}

.banner img {
    max-width: 100%
}

.text-black {
    color: #1d2329 !important
}

.back-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 2px;
	text-decoration: none;
}

.back-link a {    display: flex;
    align-items: center;
    cursor: pointer;
	text-decoration: none;
}

.back-link:hover  a{
	text-decoration: none;
}

.back-link:hover .svg-icon {
    fill: #00a0f1
}

.back-link:hover span {
    color: #00a0f1
}

.back-link .svg-icon {
    fill: #6c6c6c;
    transition: fill .3s ease;
    margin-top: 1px
}

.back-link span {
    padding-left: 5px;
    color: #6c6c6c;
    transition: color .3s ease;
    font-size: 12px
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.modal-footer:after,
.modal-footer:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.modal-footer:after,
.row:after {
    clear: both
}

.select2-results__option {
    padding: 2px 8px;
    min-height: 30px;
    font-size: 13px;
    color: #1d2329;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00a0f1;
    color: #fff
}

.select2-dropdown {
    border: 0 !important;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .16)
}

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

.select2-container--default .select2-selection--single {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 0 !important;
    font-size: 13px;
    height: 30px !important;
    color: #1d2329;
    outline: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/common/select.png);
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform .3s ease;
    height: 28px;
    width: 28px;
    margin-left: 5px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 28px;
    line-height: 27px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg)
}

.header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ececec;
    min-height: 50px;
    padding: 0 8px;
    padding-right: 3px;
}

.header__mobile,
.header__top .search {
    display: none
}

.header__info {
    display: flex
}

.header__bottom {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 70px;
    background-position: 50%;
    background-size: cover;
    background-image: url(../images/common/fon-header.jpg);
    justify-content: space-between
}

.header__bottom .user-pInfo__item .small{
	display: none;
}

.header__bottom .user-pInfo__item .middle{
	display: none;
}

.header__bottom .user-pInfo__text {
	width: 125px;
	padding-right: 15px;
}

.user-pInfo__item--basket {
	margin-right: -37px;
}

.header__bottom-left {
    height: 100%;
    position: relative;
}

.header__bottom-left,
.logo {
    display: flex;
    align-items: center
}

.logo {
    text-decoration: none;
    font-weight: 700;
    line-height: 19px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif
}

.logo,
.logo:hover {
    color: #fff;
	text-decoration: none;
}

.logo span {
    padding-left: 10px
}

.catalog-btn {
    display: none
}


.header-fixed {
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(16, 120, 209, .9);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 13;
    transform: translateY(-100%);
    transition: transform .3s ease;
    will-change: transform;
}

.header-fixed .user-pInfo__item--basket {
    margin-right: -20px;
}

.header-fixed .user-pInfo__item--basket .big{
	display: none;
}

.header-fixed .user-pInfo__item--basket .middle{
	display: none;
}

.header-fixed .user-pInfo__item--basket .user-pInfo__text{
      display: flex;
    align-items: center;
    width: 50px;
}



.header-fixed .logo{
	width: 50px;
}

.header-fixed .navigation>ul>li .svg-icon {
	left: -3px;
	margin-top: -1px;
}

.header-fixed .user-pInfo__item .svg-icon {
    margin-right: 6px;
}

.header-fixed .navigation>ul>li>a {
	font-size: 12px;
}

.header-fixed .navigation {
	margin-left: 75px;
}

.header-fixed.is-active {
    transform: translateY(0)
}

.header-fixed__info {
    display: flex;
    align-items: center
}
.personal_items_count{
    display: inline !important;
}

.header-fixed .user-pInfo span {
    display: none
}

.header-fixed .user-pInfo span.cart_quntity {
    display: block;
}



.user-pInfo__item a {
	display: flex;
	align-items: center;
}

.header-fixed .user-pInfo__item {
    margin-left: 45px;
}

.header-fixed .user-pInfo__item:nth-child(2) {
    margin-left: 45px;
}

.header-fixed .navigation>ul>li .svg-icon {
    fill: #fff
}

.header-fixed .navigation>ul>li>a {
    color: #fff
}

.header-fixed .navigation>ul>li>a:hover {
    color: #45cef6
}

.header-fixed .navigation>ul>li>a:hover .svg-icon {
    fill: #45cef6
}

.header-fixed .logo span {
    display: none
}

@media (min-width:1920px) {
    .header__bottom {
        position: relative
    }
}

@media(max-width: 1440px) {
    .header__bottom .user-pInfo__text {
		width: 33px;
		padding-right: 0;
	}
	
	.header__bottom {
		height: 60px;
	}
	
	.header__bottom .user-pInfo__item {
		    margin-left: 11px;
	}
	
	.header__bottom .user-pInfo__item--basket .user-pInfo__item{
		margin-right: 0;
		display: block;
	}
	
	.header__bottom .user-pInfo__item--basket  .user-pInfo__text {
        width: 125px;
        padding-right: 0;
        display: block;
    }
}

@media (max-width:1200px) {
    .logo span {
        display: none
    }

   

    .catalog-btn {
		margin-left: 62px;
		height: 100%;
		display: flex;
		align-items: center;
    }

    .catalog-btn span {
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        font-family: Montserrat, sans-serif;
        color: #fff
    }

    .catalog-btn .svg-icon {
        fill: #fff;
        line-height: 1;
        margin-left: 8px;
        margin-top: -2px
    }

    .header-fixed .navigation {
        display: none
    }

    .header-fixed .gamburger {
        height: 50px;
        margin-left: -20px
    }

    .header__top .search {
        display: block;
        margin-left: 0
    }
	
	.header__top  .search .search-mobile {
		display: block;
	}
	
	.header__top .search #title-search-mobile form {
		display: flex;
		align-items: center;
	}

    .header__top .search input[type=text] {
        background-color: transparent
    }

    .header__top .navigation,
    .header__top .phone__wrap {
        display: none
    }

    .header__bottom {
        padding-left: 0;
        height: 60px;
		background: #1078D1;
    }

    .header__bottom .search {
        display: none
    }

    .header__mobile {
		display: block;
		background-color: rgba(29, 35, 41, .2);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 35;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s ease;
        bottom: 0;
        overflow: scroll !important;
    }

    .header__mobile .user-pInfo {
        display: flex;
    }
	
	.header__mobile .user-pInfo .user-pInfo__item:last-child .user-pInfo__text span.cart_quntity {
		display: flex !important;
	}

    .header__mobile.is-open {
        overflow: scroll;
        opacity: 1;
        pointer-events: auto;
    }

    .header__mobile.is-open .header__mobile-wrap {
       
        transform: translateX(0);
    }

    .header__mobile-close {
        position: absolute;
        right: 17px;
        top: 20px
    }

    .header__mobile .phone {
        margin-left: 0;
        margin-bottom: 15px
    }

    .header__mobile .phone:last-child {
        margin-bottom: 0
    }
	
	.header__mobile .navigation-catalog {
		display: none !important;
	}

    .header__mobile .phone__value {
        font-weight: 500;
        line-height: 25px;
        font-size: 20px;
        color: #fff;
        font-family: Montserrat, sans-serif
    }
	
	.header__mobile .phone__value a {
		color: #fff;
	}

    .header__mobile .phone__title {
        line-height: 17px;
        font-size: 12px;
        color: #fff
    }

    .header__mobile .phone__wrap {
        flex-direction: column;
        margin-top: 15px;
    }

    .header__mobile-body .navigation .dropmenu {
        display: none
    }

    .header__mobile-body .navigation>ul {
        flex-direction: column
    }
	
	.header__mobile-body .navigation>ul>li .svg-icon {
		display: none;
	}

    .header__mobile-body .navigation>ul>li {
        border-bottom: 1px solid hsla(0, 0%, 98%, .3)
    }

    .header__mobile-body .navigation>ul>li>a {
        min-height: 60px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        font-family: Montserrat, sans-serif;
        width: 100%
    }

    .header__mobile-body .navigation>ul>li>a:hover {
        color: #fff
    }

    .header__mobile-top {
        display: flex;
        align-items: center;
        height: 60px;
        border-bottom: 1px solid hsla(0, 0%, 98%, .3)
    }

    .header__mobile-top .user-pInfo__text span {
        display: none !important
    }

    .header__mobile-top .user-pInfo .small {
        display: none;
    }

    .header__mobile-top .user-pInfo .big {
        display: none;
    }

    .header__mobile-top .user-pInfo__item {
        margin-left: 30px
    }

    .header__mobile-block {
        flex: 1 1 auto; -ms-flex: 1 1 auto;
    }

    .header__mobile-wrap {
        position: relative;
        padding: 30px;
        padding-top: 0;
        width: 320px;
        background: rgba(0, 160, 241, .95);
        min-height: 100%;
        display: flex;
        flex-direction: column;
        transform: translateX(-100%);
        justify-content: space-between;
        transition: transform .3s ease;
    }

    .header__mobile-wrap.is-padding {
        padding-bottom: 110px;
    }
	
	.header__top {
		min-height: 43px;
		    padding: 0 0px;
	}
}

@media(max-width: 992px) {
	.header__bottom {
        padding-left: 0;
		height: 50px !important;
    }


	
	.header__bottom .user-pInfo__item .big{
		display: none;
    }
    
    .header__bottom .user-pInfo__item .small{
		display: none;
	}
	
	.header__bottom .user-pInfo__item .middle{
		display: block;
	}
	
	.header__bottom .user-pInfo__item--basket .user-pInfo__text {
		width: 33px !important;
		display: flex !important;
		align-items: center;
	}
	
	.header__bottom .user-pInfo__item--basket .user-pInfo__text {
		width: 33px; 
	}
	
	.user-pInfo__item:last-child .user-pInfo__text span.cart_quntity {
		display: flex !important; 
    }
    
	.header__bottom {
		height: 50px;
    }

    .header__bottom .user-pInfo__item--basket {
        margin-right: -16px;
    }

    .header__bottom .user-pInfo__item {
        margin-left: 10px;
    }

    .header__bottom .user-pInfo__item .svg-icon {
        margin-right: 4px;
    }
    
    .catalog-btn {
        margin-left: 30px;
    }
}

@media (max-width:768px) {
	.header-fixed .user-pInfo__item:nth-child(2) {
		margin-left: 35px;
    }
    

    .header-fixed  .user-pInfo__item:last-child .user-pInfo__text {
        width: 33px !important;
    }

	
	.header-fixed .user-pInfo__item {
		margin-left: 35px;
	}
	
	.catalog-btn {
		margin-left: 30px;
    }
    
    .header__bottom .user-pInfo__text {
        padding-top: 2px;
    }
}

@media (max-width:560px) {
    .header__bottom {
        padding-right: 12px;
    }

    .header-fixed .user-pInfo__item  .small{
        display: none;
    }

    .header-fixed .user-pInfo__item  .middle{
        display: flex;
    }
}

@media (max-width:768px) {


    .header__top .search input[type=text] {
        display: none
    }

    .header__top .search input[type=text].search-mobile {
        display: block;
		width: 235px;
		padding-right: 8px;
    }
	
	.header__bottom .logo{
		width: 50px;
	}
	
	.catalog-btn span {
		letter-spacing: -0.05em;
	}
	
	.catalog-btn {
		margin-left: 37px;
	}
	
	.header__top {
		padding-left: 2px;
	}
	
	.header__bottom .user-pInfo__item .svg-icon{
        margin-right: 5px;
	}
	
	.header-fixed .user-pInfo__item .svg-icon {
		margin-right: 4px;
	}
}

@media (max-width:560px) {
    .catalog-btn {
        display: inline-flex;
        margin-left: 11px
    }

    .catalog-btn .hidden {
        display: none
    }

    .header__mobile .user-pInfo,
    .header__mobile .user-pInfo__item {
        display: flex
    }
	
	.header__mobile-top .user-pInfo__item {
		margin-left: 27px;
	}

	.header__mobile .user-pInfo__item:nth-child(2) {
		margin-left: 27px;
	}
	
	.header__mobile .user-pInfo__item .svg-icon {
		margin-right: 6px;
	}
	
	.user-pInfo__item a {
		display: flex;
		align-items: center;
		text-decoration: none !important;
	}
	
	.header__mobile-top span.personal_items_count {
		display: block !important;
	}
}


@media (max-width:480px) {
	.header__top .search input[type=text].search-mobile {
		width: 157px;
	}
	
	.main-user__entrance {
		    margin-left: 6px;
	}
}

@media (max-width:560px) {
	.header__top .search input[type=text].search-mobile {
		width: 150px;
		padding-right: 8px;
	}
}

@media (max-width:420px) {
	.catalog-btn span {
		width: 70px;
		word-break: inherit;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.catalog-btn .svg-icon {
		margin-top: -5px;
	}
}

.navigation>ul {
    padding: 0;
    margin: 0;
    display: flex
}

.navigation>ul>li {
    list-style: none;
    position: relative
}

.navigation>ul>li .svg-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    fill: #1d2329;
    transition: fill .3s ease
}

.navigation>ul>li:hover .dropmenu,
.navigation>ul>li:hover .navigation-catalog {
    opacity: 1;
    pointer-events: auto
}

.navigation>ul>li>a {
    color: #1d2329;
    text-decoration: none;
    height: 50px;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 13px;
    margin-right: 10px;
    transition: color .3s ease
}

.navigation>ul>li>a:hover {
    color: #1078d1
}

.navigation>ul>li>a:hover .svg-icon {
    fill: #1078d1
}

.navigation>ul>li>a.is-active {
    color: #1078d1
}

.navigation>ul>li>a>span {
    font-family: Montserrat, sans-serif
}

.navigation-catalog {
    background: rgba(0, 160, 241, .9);
    z-index: 10;
    right: 0;
    padding-top: 29px;
    padding-bottom: 43px
}

.navigation-catalog,
.navigation-catalog__container {
    position: fixed;
    left: 0;
    top: 50px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.navigation-catalog__container {
    width: 100%;
    z-index: 9
}

.navigation-catalog__container .navigation-catalog {
    position: relative;
    top: auto;
    opacity: 1;
    pointer-events: none
}

.navigation-catalog__container .navigation-catalog:before {
    content: " ";
    width: 100%;
    height: 116px;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, .63), rgba(0, 0, 0, .19) 35.36%, transparent);
    opacity: .5;
    bottom: -116px;
    pointer-events: none
}

.navigation-catalog__container.is-open {
    opacity: 1;
    pointer-events: auto
}

.navigation-catalog__container.is-open .navigation-catalog {
    pointer-events: auto
}

.navigation-catalog__icon {
    width: 60px;
    margin-right: 15px;
    flex: none
}

.navigation-catalog__icon img {
    line-height: 1;
    vertical-align: top
}

.navigation-catalog__wrap {
    margin: 0 -23px;
    display: flex;
    flex-wrap: wrap
}

.navigation-catalog__item {
    text-decoration: none;
    width: calc(25% - 46px);
    margin: 0 23px;
    display: flex;
    align-items: center;
    height: 81px
}

.navigation-catalog__item:hover {
    text-decoration: none
}

.navigation-catalog__item:hover span {
    text-decoration: underline
}

.navigation-catalog__item span {
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    color: #fff
}

.dropmenu {
    position: absolute;
    top: 50px;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 5px 33px rgba(11, 64, 105, .3);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.dropmenu>ul {
    padding: 0;
    margin: 0;
    width: 190px
}

.dropmenu>ul li {
    list-style: none
}

.dropmenu>ul li a {
    color: #1d2329;
    text-decoration: none;
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    padding: 0 12px;
    transition: color .3s ease;
    position: relative
}

.dropmenu>ul li a.is-active,
.dropmenu>ul li a:hover {
    color: #1078d1
}


@media (max-width:1420px) {
    .navigation>ul>li>a {
        padding: 0 10px;
        margin-right: 0
    }

    .navigation-catalog__container {
        padding-top: 3px;
    }
}

@media (max-width:1300px) {
    .navigation>ul>li>a {
        font-size: 12px;
    }

    .navigation>ul>li .svg-icon {
        margin-top: -2px;
    }
}

@media (max-height: 700px) {
    .navigation-catalog__container {
        padding-bottom: 0 !important;
    }
}

@media (max-width:992px) {
    .navigation-catalog {
        padding-top: 12px;
        padding-bottom: 20px;
        background-color: #00a0f1
    }

    .navigation-catalog__container {
        padding-top: 0;
        margin-top: 0px;
    }

    .navigation-catalog__container {
        bottom: 0
    }

    .navigation-catalog__wrap {
        margin: 0 -15px
    }

    .navigation-catalog__item {
        width: calc(33.3% - 30px);
        margin: 0 15px;
        height: 63px
    }

    .navigation-catalog__item span {
        font-size: 12px
    }

    .navigation-catalog__icon {
        width: 40px
    }

    .navigation-catalog__icon img {
        width: 100%
    }
}

@media (max-width:768px) {
    .navigation-catalog:before {
        display: none
    }

    .navigation-catalog__container {
        padding-bottom: 116px
    }

    .navigation-catalog__container:before {
        content: " ";
        width: 100%;
        height: 116px;
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, .63), rgba(0, 0, 0, .19) 35.36%, transparent);
        opacity: .5;
        bottom: 0;
        pointer-events: none
    }

    .navigation-catalog__container .navigation-catalog {
        overflow-y: auto;
        height: 100%
    }

    .navigation-catalog__item {
        width: calc(50% - 30px)
    }
}

@media (max-width:480px) {
    .navigation-catalog__item {
        width: calc(100% - 30px)
    }
}

.footer {
    background-color: #2d2b2b;
    padding: 30px 0;
    padding-bottom: 10px
}

.footer__info {
    padding-top: 0;
}

.copyright {
    font-size: 14px;
    margin-top: 0
}

.copyright,
.polit {
    font-family: Roboto, sans-serif;
    color: #d6d6d6
}

.polit {
    line-height: 20px;
    font-size: 13px;
    text-decoration-line: underline
}

.youx {
    margin-top: 18px;
    display: inline-flex;
    transition: opacity .3s ease
}

.youx:hover {
    opacity: .8
}

@media (max-width:1200px) {
    .footer {
        padding: 10px 0;
        padding-bottom: 10px;
        height: 156px
    }

    .footer__info {
        padding-top: 2px
    }

    .copyright {
        margin-top: 25px
    }
}

@media (max-width:992px) {
    .footer {
        height: 185px;
        padding-top: 25px
    }

    .footer__info {
        margin-top: -15px
    }

    .copyright,
    .polit {
        display: inline-flex;
        margin-right: 10px
    }

    .youx {
        position: absolute;
        right: 16px;
        bottom: 4px;
        margin-top: 0
    }
}

@media (max-width:768px) {
    .footer {
        height: auto;
        padding-top: 36px;
        padding-bottom: 35px
    }

    .youx {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 14px
    }

    .polit {
        margin-right: 0
    }

    .copyright {
        margin: 0
    }

    .footer__info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.pagination {
    display: flex
}

.pagination__block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pagination__sort {
    display: flex;
    align-items: center;
    margin-right: 26px
}

.pagination__sort .select2-container {
    width: 49px !important
}

.pagination__sort .select2-container--default .select2-selection--single {
    height: 25px !important
}

.pagination__sort .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
    padding-left: 7px
}

.pagination__sort .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 23px
}

.pagination__sort .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 22px;
    height: 22px
}

.pagination__sort .title {
    line-height: 20px;
    font-size: 14px;
    margin-right: 5px;
    color: #8b9195
}

.pagination__col,
.pagination a {
    display: flex;
    align-items: center
}

.pagination a {
    justify-content: center;
    border: 1px solid transparent;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 15px;
    text-align: center;
    transition: color .3s, background-color .3s, border-color .3s ease;
    color: #383b41;
    text-decoration: none
}

.pagination a.is-current {
    pointer-events: none;
    background-color: #00a0f1;
    border-color: #00a0f1;
    color: #fff
}

.pagination a:hover {
    border-color: #1078d1;
    color: #1078d1;
    text-decoration: none
}

.pagination span {
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%
}

.next-link,
.pagination span {
    display: flex;
    align-items: center
}

.next-link {
    text-decoration: none
}

.next-link .svg-icon {
    fill: #1078d1;
    margin-left: 6px;
    margin-top: 1px;
    transition: fill .3s ease
}

.next-link span {
    font-size: 14px;
    color: #1078d1;
    transition: color .3s ease
}

.next-link:hover .svg-icon {
    fill: #00a0f1
}

.next-link:hover span {
    color: #00a0f1
}

.prev-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px
}

.prev-link .svg-icon {
    fill: #1078d1;
    margin-right: 8px;
    transition: fill .3s ease;
    transform: rotate(180deg);
    margin-bottom: 1px
}

.prev-link span {
    color: #1078d1;
    transition: color .3s ease
}

.prev-link:hover .svg-icon {
    fill: #00a0f1
}

.prev-link:hover span {
    color: #00a0f1
}

@media (max-width:768px) {
    .pagination {
        margin: 10px 0
    }

    .pagination__sort {
        margin-bottom: 10px
    }

    .pagination__block,
    .pagination__col {
        flex-direction: column
    }
}

@media (max-width:480px) {
    .pagination {
       margin-top: 0;
    }

}

.main-user--entrance {
	display: flex;
    align-items: center;
    padding-right: 12px;

}

.main-user__entrance:first-child {
    margin-left: 0;
}

.main-user__entrance span {
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s ease;
}

.main-user__entrance span:hover {
	border-bottom: 1px solid #00a0f1;
}

.main-user__entrance {
	    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: normal;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
    color: #1078d1;
    text-decoration: none;
    margin-left: 20px;
    font-family: Montserrat,sans-serif;
    transition: color .3s ease;
		cursor: pointer;
}

.main-user {
    display: flex;
    align-self: center;
    padding-left: 58px
}

.main-user__block {
    position: relative
}

.main-user__entrance:hover {
	text-decoration: none;
    color: #00a0f1;
}

.main-user__entrance:hover .svg-icon use {
    fill: #00a0f1;
}

.main-user__entrance .svg-icon use {
    fill: #1078d1;
    transition: fill .3s ease;
}
.main-user__entrance .svg-icon {
    margin-right: 5px;
}

.main-user__block:hover .main-user__drop {
    opacity: 1;
    pointer-events: auto
}

.main-user__block:hover .btn-user {
    border-color: #00a0f1;
    color: #00a0f1
}

.main-user__block:hover .btn-user .svg-icon {
    transform: rotate(180deg);
    margin-top: 0;
    fill: #00a0f1
}

.main-user .btn-user {
    padding-left: 21px;
    padding-right: 0;
    display: flex;
    align-items: center;
    letter-spacing: 0.07em;
    padding: 0 10px;
    padding-top: 2px;
    padding-left: 21px;
}

.main-user .btn-user .svg-icon {
    margin-left: 5px;
    margin-top: -5px;
    transition: transform .3s, fill .3s ease;
    fill: #1078d1
}

.main-user__avatar {
    display: block;
    margin-right: 7px;
    flex: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

.main-user__avatar img {
    max-width: 100%;
}

.main-user__drop {
    position: absolute;
    z-index: 7;
    padding-top: 7px;
    transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none
}

.main-user__drop-wrap {
    width: 190px;
    background-color: #fff;
    box-shadow: 0 5px 33px rgba(11, 64, 105, .3)
}

.main-user__drop-wrap a {
    height: 40px;
    padding-left: 16px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    font-size: 14px;
    color: #1d2329;
    text-decoration: none;
    padding-top: 2px;
    border-bottom: 1px solid #f0f0f0;
    transition: color .3s ease
}

.main-user__drop-wrap a .svg-icon {
    fill: #d2d2d2;
    transition: fill .3s ease
}

.main-user__drop-wrap a:hover {
    color: #00a0f1
}

.main-user__drop-wrap a:hover .svg-icon {
    fill: #00a0f1
}

.main-user__drop-wrap a:last-child {
    border-bottom: 0
}

@media (max-width:1400px) {
    .main-user {
        padding-left: 20px
    }
}

@media(max-width: 992px) {
        
    .main-user .btn-user {
        padding: 0 8px;
        padding-top: 0;
        padding-left: 16px;
    }
}

@media (max-width:768px) {
	.main-user .btn-user {
		white-space: nowrap;    
		font-size: 10px;
		padding: 0 8px;
		padding-top: 2px;
		height: 30px;
        padding-left: 13px;
        margin-right: 10px;
    }
    
    .main-user__avatar {
        width: 30px;
        height: 30px;
    }
}

@media (max-width:560px) {
	
	.main-user__drop-wrap {
		width: 154PX;
	}
	
	.main-user {
		padding-left: 0;
	}
	
	.main-user--entrance .svg {
		width: 16px;
	}
	
	.main-user__entrance {
		font-size: 11px;
		margin: 0;
		    margin-left: 7px;
	}
}


@media (max-width:360px) {
    .main-user__avatar {
        display: none;
    }
}

.subscription {
    position: relative
}

.subscription__block {
    padding: 10px 0 0;
    padding-right: 50px;
}

.subscription label {
	transition: opacity 0.3s ease;
}

.subscription label.is-hidden {
	opacity: 0;
	pointer-events: none;
}

.subscription__title {
    line-height: 19px;
    font-size: 14px;
    color: #fff;
    font-family: Roboto, sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.subscription__title .svg-icon {
    margin-right: 8px
}

.subscription__wrap .form__check {
    margin-top: 10px
}

.subscription__wrap .form__check-text,
.subscription__wrap .form__check a {
    color: #fff
}

.subscription__wrap .form__check-control {
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 1px
}

.subscription__wrap .form__check-control:before {
    background-image: url(../images/common/checkw.svg)
}

.subscription input[type=text] {
    background: #fff;
    border-radius: 20px;
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 290px 0 18px;
	outline: 0;
}

.subscription .btn {
    position: absolute;
    height: 40px;
    top: 0;
    right: -2px
}

.subscription label {
    position: absolute;
    font-size: 16px;
    color: #6c6c6c;
    font-family: Roboto, sans-serif;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 18px;
    font-weight: normal;
}

@media (max-width:1200px) {
    .subscription .btn.hidden-desctop {
        display: block !important
    }

    .subscription .btn.hidden-mobile {
        display: none !important
    }

    .subscription input[type=text] {
        padding: 0 178px 0 18px
    }

    .subscription__title span {
        display: none
    }

    .subscription__block {
        padding: 0;
        padding-top: 24px
    }
}

@media (max-width:992px) {
    .subscription__block {
        padding: 0 10px;
        margin-bottom: 20px;
        padding: 0;
        margin-bottom: 0
    }
}

@media (max-width:768px) {
    .subscription__block {
        padding: 0 10px
    }

    .subscription__title {
        justify-content: center;
        margin-bottom: 15px
    }
}

@media (max-width:480px) {
    .subscription .btn {
        position: relative;
        margin-top: 15px;
        width: 100%
    }

    .subscription label {
        height: 40px
    }
}

.social {
    text-align: right;
    padding-top: 10px;
    margin-right: -5px;
}

.social__title {
    font-family: Roboto, sans-serif;
    color: #d6d6d6;
    font-size: 14px;
    padding-right: 25px;
    margin-bottom: 11px
}

.social__block {
    display: flex;
    justify-content: flex-end
}

.social__item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    border: 1px solid #878787;
    transition: border-color .3s, background-color .3s ease;
}

.social__item use {
    fill: #878787;
    transition: fill .3s ease
}

.social__item:last-child {
    margin-right: 0
}

.social__item:hover {
    border: 1px solid #fff;
    background-color: #fff
}

.social__item:hover use {
    fill: #1d2329
}

@media (max-width:1200px) {
    .social {
        padding-top: 25px
    }
}

@media (max-width:992px) {
    .social {
        padding-top: 0
    }
}

@media (max-width:768px) {
    .social {
        text-align: center;
        margin-bottom: 48px;
        margin-top: 22px
    }

    .social__title {
        padding: 0;
        margin-bottom: 5px
    }

    .social__block {
        justify-content: center
    }
}

.phone {
    margin-left: 38px
}

.phone:first-child {
    margin-left: 0
}

.phone__wrap {
    display: flex
}

.phone__title {
    color: #8b9195;
    line-height: 17px;
    font-size: 12px
}

.phone__value {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    color: #1d2329
}

.phone__value a {
    color: #1d2329;
    text-decoration: none;
	cursor: pointer;
}

@media (max-width:1400px) {
    .phone {
        margin-left: 10px
    }
}

.gamburger {
    display: none;
    width: 60px;
    height: 100%;
    background-color: #45cef6
}

.gamburger .svg-icon {
	pointer-events: none;
}

@media (max-width:1200px) {
    .gamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 11px;
        flex: none
    }
}

@media (max-width:992px) {
    .gamburger {
		width: 50px;
		margin-right: 5px;
    }
	.logo {
		display: flex;
		align-items: center;
		height: 100%;
	}
	
	.logo .svg-icon{
	height: 59%;
	}
}

.search {
    width: 625px;
    position: relative;
    margin-left: 38px
}

.search__clear {
    display: none;
    position: absolute;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 17px;
    height: 17px;
    z-index: 5;
    transition: opacity 0.3s ease;
}

.search__clear:hover {
    opacity: 0.8;
}

.search__clear .svg-icon {
    width: 100%;
    pointer-events: none;
    height: 100%;
}

.search .search-mobile {
    display: none
}

.search__btn {
    position: absolute;
    left: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.search input[type=text] {
    height: 40px;
    background: #fff;
    border-radius: 20px;
    padding: 0 40px;
    outline: 0;
    border: 0;
    width: 100%;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

.search input[type=text]::-webkit-input-placeholder {
    color: #8b9195
}

.search input[type=text]:-moz-placeholder,
.search input[type=text]::-moz-placeholder {
    color: #8b9195
}

.search input[type=text]:-ms-input-placeholder {
    color: #8b9195
}

@media (min-width:1760px) {
    .search {
        width: 971px;
        position: absolute;
        margin-left: 0;
        top: 50%;
        transform: translateY(-50%);
        left: calc((100vw - 1170px)/2 - 15px)
    }
}

@media (max-width:1400px) {
    .search {
        width: 545px;
        position: relative;
        margin-left: 35px
    }
}

@media (max-width:1400px) {
	
}

.user-pInfo {
    display: flex
}

.user-pInfo__item {
    display: flex;
    align-items: center;
    margin-left: -3px;
    text-decoration: none
}

.user-pInfo__item:hover {
    text-decoration: none;
}

.user-pInfo__item:hover a{
    text-decoration: none;
}

.user-pInfo__item:hover .user-pInfo__text {
    color: #45cef6;
	 text-decoration: none;
}

.user-pInfo__item:hover .svg-icon {
    fill: #45cef6
}

.user-pInfo__item:first-child {
    margin-left: 0
}

.user-pInfo__item .svg-icon {
    margin-right: 10px;
    fill: #fff;
    transition: fill .3s ease
}

.user-pInfo__text {
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    transition: color .3s ease;

}

@media (max-width:1440px) {
    .user-pInfo__text span {
        display: none
    }
	
	.user-pInfo__text {
		display: flex;
		align-items: center;	
	}
	


    .user-pInfo__item {
        margin-left: 40px
    }

    .user-pInfo__item:last-child .user-pInfo__text span {
            display: inline-block;
    }
	
	.header-fixed .user-pInfo__item:last-child .user-pInfo__text span {
		display: none;
	}
	
	.header-fixed .user-pInfo__item:last-child .user-pInfo__text span.cart_quntity {
		display: block; 
	}
}

@media (max-width:992px) {
    .user-pInfo__item {
        margin-left: 35px;
    }

    .user-pInfo__item:last-child .user-pInfo__text span {
        display: none
    }
}

@media (max-width:560px) {
    .user-pInfo__item {
        display: none
    }

    .user-pInfo__item:last-child {
        display: flex;
    }
	
	.user-pInfo__item--basket {
		display: flex;
	}
}

.catalog-left {
    z-index: 9;
    position: relative;
    background-color: #fff
}

.catalog-left__top {
    height: 45px;
    display: flex;
    align-items: center;
    background-color: #1078d1;
    padding: 0 12px;
    position: relative
}

.catalog-left__top.is-active .svg-icon-arrow {
    margin-top: 2px;
    transform: translateY(-50%) rotate(180deg)
}

.catalog-left__top .svg-icon-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    fill: #fff;
    transition: transform .3s ease
}

.catalog-left__top-icon {
    display: flex;
    align-items: center
}

.catalog-left__top span {
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    padding-left: 19px
}

.catalog-left__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    flex: none;
    height: 50px;
    transition: transform .3s;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    border-bottom: 1px solid #1078d1
}

.catalog-left__icon img {
    max-width: 30px;
    max-height: 30px;
}

.catalog-left__icon-hidden {
    position: absolute;
    top: 100%;
    left: 0;
    width: 45px;
    flex: none;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00a0f1;
    color: #fff;
    content: attr(data-hover);
    transition: background .3s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.catalog-left__item {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: border-color .3s, background-color .3s, box-shadow .3s ease
}

.catalog-left__item-wrap {
    position: relative
}

.catalog-left__item-wrap:hover .catalog-left__drop {
    opacity: 1;
    pointer-events: auto;
    z-index: 6
}

.catalog-left__item-wrap:hover .catalog-left__item {
    background-color: #fff;
    box-shadow: 0 0 40px rgba(0, 104, 183, .23)
}

.catalog-left__item-wrap:hover .catalog-left__item .catalog-left__text {
    color: #00a0f1
}

.catalog-left__item-wrap:hover .catalog-left__item .catalog-left__icon {
    transform: rotateX(90deg) translateY(-22px);
    -ms-transform: none !important
}

.catalog-left__text {
    color: #1078d1;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    transition: color .3s ease;
    padding-left: 7px;
    line-height: 1.2
}

.catalog-left__drop {
    position: absolute;
    left: 100%;
    padding-left: 2px;
    top: -50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.catalog-left__drop-wrap {
    width: 851px;
    display: flex;
    flex-wrap: wrap;
    padding: 21px;
    padding-right: 0;
    background-color: hsla(0, 0%, 98%, .95);
    box-shadow: 0 0 40px rgba(0, 104, 183, .23)
}

.catalog-left__drop-icon {
    width: 70px;
    height: 81px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.catalog-left__drop-icon img {
    transition: opacity .3s ease;
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.catalog-left__drop-icon .hidden-img {
    opacity: 0;
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.catalog-left__drop-text {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    color: #2d2b2b;
    font-weight: 500;
    transition: color .3s ease;
    padding-left: 8px
}

.catalog-left__drop-item {
    width: 255px;
    margin-right: 20px;
    text-decoration: none;
    height: 81px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.catalog-left__drop-item:hover .catalog-left__drop-text {
    color: #00a0f1
}

.catalog-left__drop-item:hover .catalog-left__drop-icon img {
    opacity: 0
}

.catalog-left__drop-item:hover .catalog-left__drop-icon img.hidden-img {
    opacity: 1
}

.catalog-level {
    height: 360px;
    position: relative;
}

.catalog-level:hover .catalog-level__wrap {
    box-shadow: 0 0 16px rgba(0, 0, 0, .16);
    height: 412px
}

.catalog-level:hover .catalog-level__spinner {
    height: 30px
}

.catalog-level__spinner {
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .3s ease
}

.catalog-level__img {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 5px
}

.catalog-level__img img {
    max-width: 100%;
    max-height: 100%
}

.catalog-level__new {
    position: absolute;
    left: -7px;
    top: 0px
}

.owl-carousel .owl-item .catalog-level__new img {
    width: auto;
}

.catalog-level__new img {
    width: auto;
}

.catalog-level__wrap {
    position: absolute;
    padding: 15px;
    bottom: 0;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    transition: box-shadow .3s, height .3s ease
}

.catalog-view-catalog .catalog-level .catalog-level__basket .svg-icon{
	display: none;
}

.catalog-list .btn-in-basket .svg-icon{
	display: none;
}

.catalog-level__sr {
    cursor: pointer;
    background-color: #d2d2d2;
    border-radius: 60px;
    margin-left: 8px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.catalog-level__sr.is-in {
    color: #fff;
    background-color: #8b9195
}

.catalog-level__sr:hover {
    background-color: #00a0f1;
    color: #fff
}

.catalog-level__bottom {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 17px
}

.catalog-level__izb {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d2d2d2;
    border-radius: 60px;
    margin-left: 8px;
    height: 30px;
    width: 30px;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.catalog-level__izb.is-in {
    color: #fff;
    background-color: #8b9195
}

.catalog-level__izb:hover {
    background-color: #00a0f1;
    color: #fff
}

.catalog-level__basket {
    cursor: pointer;
    width: 95px;
    height: 30px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    background-color: #1078d1;
    border-radius: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.catalog-level__basket.is-in {
    color: #fff;
    background-color: #8b9195
}

.catalog-level__basket:hover {
    background-color: #00a0f1;
    color: #fff
}

.catalog-level__name {
    font-size: 13px;
    transition: color .3s ease;
    height: 65px;
    text-decoration: none;
    line-height: 1.3;
    display: inline-block;
    color: #1d2329;
}

.catalog-level__name:hover {
    color: #00a0f1;
	text-decoration: none;
}

.catalog-level__art {
    line-height: 20px;
    font-size: 14px;
    color: #8b9195;
    margin-top: 2px
}

.catalog-level__bottom {
    padding-top: 10px
}

.catalog-level__price {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 12px
}

.catalog-slider {
    margin-top: -75px;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px
}

.catalog-slider .owl-prev {
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s, opacity .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.catalog-slider .owl-prev.disabled {
    opacity: 0;
    pointer-events: none
}

.catalog-slider .owl-prev:hover {
    background-color: rgba(0, 0, 0, .2) !important
}

.catalog-slider .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s, opacity .3s ease
}

.catalog-slider .owl-next.disabled {
    opacity: 0;
    pointer-events: none
}

.catalog-slider .owl-next:hover {
    background-color: rgba(0, 0, 0, .2) !important
}

.catalog-slider .item {
    padding: 0 10px
}

.catalog-slider .catalog-level,
.catalog-slider .catalog-level__wrap {
    width: 100%
}

.catalog-slider .owl-stage-outer {
    padding-bottom: 25px;
    padding-top: 75px
}

@media (max-width:1200px) {
    .catalog-slider .owl-next {
        top: 12px;
        right: 9px;
        transform: translateY(0);
        height: 38px;
        background-color: #8b9195 !important
    }

    .catalog-slider .owl-next.disabled {
        opacity: 1;
        background-color: #d2d2d2 !important;
        pointer-events: none
    }

    .catalog-slider .owl-prev {
        top: 12px;
        right: 41px;
        left: auto;
        transform: translateY(0);
        height: 38px;
        background-color: #8b9195 !important
    }

    .catalog-slider .owl-prev.disabled {
        background-color: #d2d2d2 !important;
        opacity: 1;
        pointer-events: none
    }
}

@media (max-width:1200px) {
    .catalog-level {
        height: 399px
    }
	
	.section--slider {
		    margin-bottom: -19px;
	}
	
	.catalog-level__price {
		    margin-top: 6px;
	}
	
	.catalog-slider .owl-stage-outer {
		padding-bottom: 5px;
	}
	
	.catalog-level__wrap {
		padding: 15px 15px;
		position: relative;
		width: 100%;
	}

    .catalog-level:hover .catalog-level__wrap {
        box-shadow: 0 0 10px rgba(0, 0, 0, .08);
        height: 100%
    }

    .catalog-level__new {
        top: -1px
    }

    .catalog-level__price {
        margin-bottom: 10px
    }

    .catalog-level__spinner {
        height: 30px
    }

    .catalog-level__bottom {
        bottom: 15px
    }
}

@media (max-width:992px) {
	.section--slider {
		margin-bottom: 0;
	}
	
	.section-brand {
		margin-top: 30px;
	}
	
	.section:last-child {
		padding-bottom: 0;
	}
}

@media (max-width:992px) {
	.section-brand {
		    margin-top: 10px;
	}	
}

@media (max-width:480px) {
    .catalog-slider {
        margin-top: -81px;
        width: calc(100% + 25px);
        margin-right: -15px
    }

    .catalog-slider .owl-stage-outer {
        padding-bottom: 13px
    }

    .catalog-slider .owl-next,
    .catalog-slider .owl-prev {
            top: 16px;
    }

    .catalog-slider .catalog-level {
        width: 205px
    }
	
	.section--slider .section__top{
		min-height: 42px;
	}
}

.main-news {
    margin-top: 55px
}

.main-news__btn-mobile {
	display: none !important;
}

.main-news__block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.main-news__block>div {
    width: calc(33.3% - 30px);
    margin: 0 15px
}

.main-news__title {
    display: flex;
    align-items: center;
    margin-bottom: 35px
}

.main-news__title h2 {
    margin-bottom: 0
}

.main-news__title .btn {
    margin-left: 46px;
    padding: 8px 24px 9px
}

.main-news__text {
    font-family: Roboto, sans-serif;
    line-height: 19px;
    font-size: 14px;
    color: #2d2b2b;
    transition: color .3s ease
}

.main-news__img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    transition: transform .3s ease
}

.main-news__img-block {
    position: relative;
    height: 200px;
    margin-bottom: 14px;
    overflow: hidden
}

.main-news__more use {
    fill: #d2d2d2;
    transition: fill .3s ease
}

.main-news__date {
    color: #fff;
    line-height: 17px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    text-align: center;
    background-color: #45cef6;
    display: inline-block;
    padding: 4px 12px;
    position: absolute;
    left: 0;
    bottom: 0
}

.main-news__item {
    text-decoration: none;
    margin-bottom: 30px
}

.main-news__item:hover .main-news__more use {
    fill: #00a0f1
}

.main-news__item:hover .main-news__img {
    transform: scale(1.05)
}

.main-news__item:hover .main-news__text {
    color: #00a0f1
}

@media (max-width:992px) {
    .main-news__img-block {
        height: 195px
    }
	
	.main-news__block>div:nth-child(3) {
		display: none;
	}
	
	.main-news__block>div {
		width: calc(50% - 30px);
		margin: 0 15px;
        margin-bottom: 14px;
    }
}

@media (max-width:560px) {
    .main-news {
        margin: 0 -7px
    }
}

@media (max-width:440px) {
    .main-news__block>div {
        width: calc(100% - 30px)
    }
	
	.main-news__btn-mobile {
		display: flex !important;
	}
	.main-news__block>div:nth-child(3) {
		display: block;
		margin-top: 10px;
	}
	
	.main-news__btn-hide {
		display: none !important;
	}

    .main-news__img-block {
        margin-bottom: 10px
    }

    .main-news__title {
        margin-bottom: 24px
    }

    .main-news__title a {
        display: none
    }
}

.menu-tab {
    display: flex;
    margin-bottom: 27px;
}

.menu-tab__item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    height: 45px;
    padding: 0 18px;
    margin-right: 2px;
    color: #1d2329;
    font-family: Montserrat, sans-serif;
    background-color: #f0f0f0;
    border-top: 5px solid transparent;
    padding-bottom: 5px;
    transition: color .3s, background-color .3s ease
}

.menu-tab__item span {
    border-bottom: 1px dashed transparent;
    line-height: 1.2;
    transition: border-color .3s ease
}

.menu-tab__item:hover {
    text-decoration: none
}

.menu-tab__item:hover span {
    color: #00a0f1;
    border-bottom: 1px dashed #00a0f1
}

.menu-tab__item.is-active {
    border-top: 5px solid #00a0f1;
    background-color: #fff
}

.menu-tab__item.is-active span {
    color: #1d2329 !important;
    border-bottom: 1px dashed transparent !important
}

@media (max-width:992px) {
    .menu-tab {
        width: 580px
    }

    .menu-tab__wrap {
        overflow-x: auto;
        width: calc(100% + 15px)
    }

    .menu-tab__item {
        height: 35px;
        padding: 0 10px;
        font-size: 13px;
        padding-bottom: 2px;
        border-top: 2px solid transparent
    }

    .menu-tab__item.is-active {
        border-top: 2px solid #00a0f1
    }
}

.main-banner {
    padding: 36px 81px;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.main-banner__img {
    position: absolute;
    right: 0;
	top: 0;
    height: 327px;
}

.main-banner__img img {
    max-height: 100%;
    width: auto !important
}

.main-banner__wrap {
    margin-bottom: 20px
}

.main-banner__wrap {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
}



.main-banner__wrap .owl-dots {
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
    height: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-banner__wrap .owl-dots .owl-dot {
    width: 5px;
    height: 5px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: hsla(0, 0%, 98%, .3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    transition: background-color .3s ease
}

.main-banner__wrap .owl-dots .owl-dot.active,
.main-banner__wrap .owl-dots .owl-dot:hover {
    background-color: #fafafa
}

.main-banner__wrap .owl-prev {
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-banner__wrap .owl-prev:hover {
    background-color: rgba(0, 0, 0, .2) !important
}

.main-banner__wrap .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s ease
}

.main-banner__wrap .owl-next:hover {
    background-color: rgba(0, 0, 0, .2) !important
}

.main-banner__title {
    display: none;
    font-weight: 900;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    width: 55%;
    margin-bottom: 11px;
    text-decoration: none
}

.main-banner__title:hover {
    color: #fff
}

@media (max-width:1200px) {
    .main-banner {
        height: 360px;
    }

    .main-banner__title {
        line-height: 1.2
    }

    .main-banner__wrap {
        margin-bottom: 35px
    }
}

@media (max-width:992px) {
    .main-banner {
        padding: 36px 60px;
        height: 280px;
    }

    .main-banner__img {
        right: 0;
        height: 291px;
        top: 0
    }

    .main-banner__title {
        width: 59%;
        font-size: 24px
    }
}

@media (max-width:768px) {
    .main-banner {
        padding: 25px 42px;
        height: 38vw;
    }

    .main-banner .btn-outline {
        min-height: 25px;
        font-size: 9px;
        padding: 0 15px
    }

    .main-banner__title {
        width: 64%
    }

    .main-banner__img {
        top: -3%;
        height: calc(100% + 50px);
        right: -9%;
    }

    .main-banner__title {
        font-size: 18px
    }
}

@media (max-width:768px) {
    .main-banner__wrap {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .main-banner__title {
        width: 75%;
        z-index: 6
    }
}

@media (max-width:480px) {
    .main-banner__img {
        top: -1%;
        height: 192px;
        right: -2%;
    }
}

@media (max-width:360px) {
    .main-banner__img {
        top: -1%;
        height: 160px;
        right: -2%;
    }

    .main-banner {
        padding: 15px 42px;
        height: 120px;
    }
}

.main-about {
    display: flex
}

.main-about__video {
    width: calc(33.3% - 30px);
    margin-left: 30px;
    flex: none;
	text-decoration: none;
}

.main-about__video:hover .main-about__video-text{
	color: #00A0F1;
}

.main-about__video-link::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/bitrix/templates/.default/images/play.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.main-about__video-link::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: #1078D1;
    opacity: 0.6;
    transition: opacity 0.3s ease;
    width: 100%;
    height: 100%;
}


.main-about__video:hover .main-about__video-link::before {
	opacity: 0.3;
}
.main-about__video-link {
    height: 181px;
    display: block;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
	position: relative;
}

.main-about__video-text {
    line-height: 20px;
    font-size: 14px;
    color: #2d2b2b;
	transition: color 0.3s ease;
}

@media(max-width: 992px) {
	.main-about__video-link {
		height: 145px;
	}
	
	.main-about__video {
		width: calc(33.3% - 15px);
		margin-left: 15px;
	}
	
	.main-about__info {
	    padding-right: 15px;	
	}
}

@media(max-width: 768px) {
	.main-about {
		display: flex;
		flex-direction: column;
	}
	
	.main-about__video-link {
		height: 290px;
	}
	
	.main-about__info {
		padding-right: 0;
		margin-bottom: 45px;
	}
	
	.main-about__video {
		width: 100%;
		margin-left: 0;
	}
	
}

@media(max-width: 480px) {
	.main-about__video-link {
		height: 185px;
	}
}

.main-about h2 {
    margin-bottom: 14px
}

.form-phone {
    border: 2px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 36px 19px 19px;
    margin-top: 53px;
    position: relative
}

.form-phone__img {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/common/phone.png);
    display: block;
    height: 100%;
    width: 100%;
    background-position: 0;
    background-repeat: no-repeat;
    transition: opacity .3s ease
}

.form-phone__img.is-hidden {
    opacity: 0;
    pointer-events: none
}

.form-phone__input {
    position: relative;
    height: 33px;
    margin-top: 11px;
    margin-bottom: 6px
}

.form-phone__input input {
    font-size: 23px;
    font-family: Roboto Condensed, sans-serif;
    border: 0;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    outline: 0;
    padding-bottom: 2px;
    letter-spacing: 1.2px
}

.form-phone__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.form-phone__avatar-wrap {
    background-color: #fff;
    position: absolute;
    padding: 5px;
    top: -30px;
    left: 13px
}

.form-phone .btn {
    width: 100%
}

.form-phone__text {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    color: #1d2329
}

.catalog-filter {
    height: 44px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #1078d1;
    margin-bottom: 17px;
    margin-top: -10px;
    z-index: 4
}

.catalog-filter__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
}

.catalog-filter .radio__item {
     margin-bottom: 0;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.catalog-filter .radio__item label span {
    display: block
}

.catalog-filter .radio__item label div {
    display: none
}

.catalog-filter__sort .select2 {
    width: 175px !important;
    margin-left: 5px
}

.catalog-filter__sort-title {
    margin-right: 15px;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.catalog-filter .pagination a {
    width: 28px;
    height: 28px
}

.catalog-filter__btn {
    display: flex;
    align-items: flex-start;
}

.btn-filter {
    background-color: #1078d1;
    height: 39px;
    display: flex;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    font-family: Montserrat, sans-serif
}

.btn-filter span {
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    padding-left: 7px
}

.btn-list a {
    display: flex;
    align-items: center;
}

.btn-plit a {
    display: flex;
    align-items: center;
}

.btn-list {
    margin-right: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-list .svg-icon {
    fill: #d2d2d2;
    transition: fill .3s ease
}

.btn-list.is-active .svg-icon,
.btn-list .svg-icon:hover {
    fill: #1078d1
}

.btn-plit--favorites {
    position: absolute;
    right: 0;
    top: 10px;
}

.btn-plit {
    margin-right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-plit .svg-icon {
    fill: #d2d2d2;
    transition: fill .3s ease
}

.btn-plit .svg-icon:hover {
    fill: #00a0f1
}

.btn-plit.is-active .svg-icon {
    fill: #1078d1
}

@media (max-width:992px) {
    .btn-plit--favorites {
        display: none
    }
}

@media (max-width:1200px) {
    .catalog-filter {
        height: 40px;
        background: #f0f0f0;
        border: 0
    }

    .btn-filter {
        display: flex
    }
}

@media (max-width:1200px) {
	.catalog-filter__row {
		padding: 0 15px;
	}
}


@media (max-width:992px) {
    .catalog-filter {
        padding-right: 15px;
        margin-top: 15px
    }

    .catalog-filter__row {
        padding-left: 17px
    }

    .catalog-filter .pagination,
    .catalog-filter .sort-title {
        display: none
    }
}

@media (max-width:768px) {

    .catalog-filter .radio__item label span,
    .catalog-filter__btn {
        display: none
    }

    .catalog-filter .radio__item label div {
        display: block
    }
	
	.catalog-filter__row {
		padding-left: 7px;
		padding-right: 0;
    }


    .btn-filter {
        width: 44px
    }

    .btn-filter span {
        display: none
    }
}

@media (max-width:480px) {
    .catalog-filter__row {
        padding-left: 5px
    }
}

@media (max-width:440px) {
    .catalog-filter .radio__wrap {
        display: none
    }

    .catalog-filter__sort {
        width: 100%
    }

    .catalog-filter__sort-title {
        margin-right: 0
    }

    .catalog-filter__sort .select2 {
        width: 100% !important;
        margin-left: 3px
    }

    .catalog-filter__sort .select2-container--default .select2-selection--single {
        height: 25px !important
    }

    .catalog-filter__sort .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 23px;
        width: 23px
    }

    .catalog-filter__sort .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 24px
    }
}

.review__name {
    font-weight: 700;
    line-height: 20px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 2px
}

.review__bottom {
    padding-left: 26px;
    padding-top: 11px
}

.review__body {
    padding-left: 25px;
    border-left: 2px solid #45cef6;
    border-bottom: 2px solid #45cef6;
    padding-bottom: 18px;
    display: flex;
    position: relative
}

.review__body:after {
    content: "";
    background-image: url(../images/common/review.png);
    width: 23px;
    height: 30px;
    position: absolute;
    bottom: -27px;
    left: -3px
}

.review__img {
    flex: none;
    padding-right: 45px;
    padding-left: 30px;
    align-items: flex-start;
    display: flex
}

.review__img-wrap {
    width: 60px;
    flex: none;
    margin-right: 20px;
    cursor: pointer;
    position: relative
}

.review__img-wrap .svg-icon {
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.review__img-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    transition: opacity .3s ease
}

.review__img-wrap:hover .svg-icon,
.review__img-wrap:hover:before {
    opacity: 0
}

.review__img-wrap img {
    max-width: 100%;
    vertical-align: top
}

.review__img-text {
    width: 143px;
    line-height: 15px;
    font-size: 12px;
    color: #8b9195
}

.review__post {
    line-height: 18px;
    font-size: 14px;
    font-family: Montserrat Alternates, sans-serif
}

.review__item {
    margin-bottom: 40px
}

.review__text {
    position: relative;
    font-style: italic;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    line-height: 20px;
    font-size: 14px;
    font-family: Montserrat Alternates, sans-serif
}

@media (max-width:992px) {
    .review__body {
        flex-direction: column
    }

    .review__item {
        margin-bottom: 35px
    }

    .review__img {
        padding: 0;
        margin-top: 15px;
        align-items: center
    }
}

@media (max-width:768px) {
	.review {
		margin-top: 18px;
	}

    .review__post,
    .review__text {
        font-size: 13px
    }

    .review__post {
        line-height: 16px
    }

    .review__name {
        font-size: 14px
    }

    .review__body {
        padding-bottom: 15px
    }

    .review__body,
    .review__bottom {
        padding-left: 15px
    }
}

.radio__wrap {
    display: flex
}

.radio__control {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(0, 0, 0, .18);
    transition: border-color .3s, border-width .3s ease;
    border-radius: 50%;
    position: relative;
    flex: none;
    margin-top: 0;
}

.radio__control:before {
    content: "";
    display: flex;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 10px;
    height: 10px;
    background-color: #00a0f1;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease
}

.radio__item {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 12px
}

.radio__item.is-disabled { 
    opacity: 0.5;
    pointer-events: none;
}

.radio__item:last-child {
    margin-right: 0
}

.radio__item input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.radio__item input[type=radio]:checked+.radio__control {
    border-color: #00a0f1;
    border-width: 2px
}

.radio__item input[type=radio]:checked+.radio__control:before {
    opacity: 1
}

.radio__item label {
    font-size: 13px;
    padding-left: 9px;
    transition: color .3s ease;
    line-height: 1;
    padding-bottom: 1px;
    margin: 0;
}

.radio__item:hover .radio__control {
    border-color: #00a0f1
}

.radio__item:hover label {
    color: #00a0f1
}

.m-15 {
    margin: 5px 0 20px;
}

.btn {
    background-color: #1078d1;
    display: inline-flex;
    border-radius: 60px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    padding: 12px 25px;
    line-height: 1;
    text-align: center;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    align-items: center;
    outline: 0;
    justify-content: center;
    text-decoration: none;
    min-height: 40px;
    font-family: Montserrat, sans-serif;
}

.btn:hover {
    background-color: #00a0f1;
    color: #fff
}

.btn:focus {
    background-color: #00a0f1;
    color: #fff
}

.btn--middle {
    min-height: 35px;
    padding: 11px 35px;
}

.btn--small {
    font-size: 11px;
    min-height: 31px;
    padding: 5px 20px;
    padding-top: 6px;
    letter-spacing: .1em
}

.btn--red {
    background-color: #d22329
}

.btn--red:hover {
    background-color: #df6569
}

.btn:disabled {
    pointer-events: none;
    background-color: hsla(204, 5%, 56%, .5)
}

.btn-filter-sort {
    background-color: #1078d1;
    display: inline-flex;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .1em;
    font-size: 11px;
    padding: 0 49px;
    line-height: 1.3;
    text-align: center;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    align-items: center;
    outline: 0;
    justify-content: center;
    text-decoration: none;
    min-height: 30px;
    height: 30px;
    font-family: Montserrat, sans-serif
}

.btn-filter-sort:hover {
    background-color: #00a0f1;
    color: #fff
}

.btn-filter-sort:disabled {
    pointer-events: none;
    background-color: hsla(204, 5%, 56%, .5)
}

.btn-print .svg-icon {
    margin: 0 10px 1px 0 !important
}

.btn-outline {
    display: inline-flex;
    border-radius: 60px;
    border: 0;
    border: 1px solid hsla(204, 5%, 56%, .7);
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: hsla(204, 5%, 56%, .7);
    font-size: 12px;
    letter-spacing: .1em;
    padding: 12px 25px;
    line-height: 1;
    background-color: transparent;
    text-align: center;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    align-items: center;
    outline: 0;
    justify-content: center;
    text-decoration: none;
    min-height: 45px;
    font-family: Montserrat, sans-serif
}

.btn-outline .svg-icon {
    fill: hsla(204, 5%, 56%, .7);
    margin-right: 5px;
    transition: fill .3s ease
}

.btn-outline:hover {
    color: #8b9195;
    border-color: #8b9195;
	text-decoration: none;
}

.btn-outline:hover .svg-icon {
    fill: #8b9195
}

.btn-outline--small {
    font-size: 11px;
    min-height: 31px;
    padding: 5px 20px;
    padding-top: 6px
}

.btn-outline--30 {
    min-height: 30px;
    height: 30px;
    padding: 0 15px
}

.btn-outline--35 {
    min-height: 35px;
    padding: 2px 35px
}

.btn-outline--middle {
    font-size: 13px;
    min-height: 40px;
    padding-top: 4px;
    padding: 5px 36px
}

.btn-outline--blue {
    color: #1078d1;
    border-color: #1078d1
}

.btn-outline--blue .svg-icon {
    fill: #1078d1 !important;
    transition: fill .3s ease;
    margin: 0 5px 0 -5px
}

.btn-outline--blue:hover {
    color: #00a0f1;
    border-color: #00a0f1;
    box-shadow: 0 1px 8px rgba(16, 120, 209, .34)
}

.btn-outline--blue:hover .svg-icon {
    fill: #00a0f1 !important
}

.btn-outline--white {
    color: #fff;
    border-color: #fff
}

.btn-outline--white:hover {
    color: #fff;
    border-color: #00a0f1;
    background-color: #00a0f1
}

.btn-user {
    height: 35px;
    min-height: 0;
    padding: 0 24px;
    padding-top: 2px;
    border-color: #1078d1;
    color: #1078d1
}

.btn-user:hover {
    border-color: #00a0f1;
    color: #00a0f1
}

.btn-izb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    background-color: #d2d2d2;
    border-radius: 60px;
    margin-left: 5px;
    height: 30px;
    width: 30px;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    cursor: pointer
}

.btn-izb.is-in {
    color: #fff;
    background-color: #1078d1;
}

.btn-izb:hover {
    background-color: #00a0f1;
    color: #fff
}

.btn-sr {
    cursor: pointer;
    background-color: #d2d2d2;
    flex: none;
    border-radius: 60px;
    margin-left: 5px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.btn-sr.is-in {
    color: #fff;
    background-color: #1078d1;
}

.btn-sr:hover {
    background-color: #00a0f1;
    color: #fff
}

.btn-in-basket {
    width: 95px;
    height: 30px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    background-color: #1078d1;
    border-radius: 60px;
    padding: 0;
    text-decoration: none;
    align-items: center;
    display: flex;
    justify-content: center;
}

.btn-in-basket.is-in {
    color: #fff;
    background-color: #8b9195
}

.btn-in-basket:hover {
    background-color: #00a0f1;
    color: #fff
}

.btn-prez {
    position: fixed;
    bottom: 0;
    right: 84px;
    z-index: 5;
    transition: opacity .3s ease
}

.btn-prez.is-hidden {
    opacity: 0;
    pointer-events: none
}

.btn-prez:hover .btn-prez__wrap {
    background-color: #1078d1
}

.btn-prez:hover .btn-prez__close .svg-icon {
    stroke: #fff
}

.btn-prez:hover .btn-prez__icon {
    background-color: #fff
}

.btn-prez:hover .btn-prez__icon .svg-icon {
    fill: #1078d1
}

.btn-prez__icon {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    padding-left: 4px;
    margin-right: 9px;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    transition: border-color .3s, background-color .3s ease
}

.btn-prez__icon .svg-icon {
    fill: transparent;
    transition: fill .3s ease
}

.btn-prez__wrap {
    background-color: #00a0f1;
    border-radius: 20px 20px 0 0;
    padding: 13px 13px 0;
    transition: background-color .3s ease;
    text-decoration: none;
    width: 205px;
    height: 45px;
    display: flex;
    padding-top: 4px;
    align-items: center
}

.btn-prez__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 12px;
    height: 12px;
    display: block;
    line-height: 1;
    cursor: pointer
}

.btn-prez__close .svg-icon {
    stroke: #1078d1;
    transition: stroke .3s ease
}

.btn-prez span {
    font-size: 12px;
    color: #fff;
    line-height: 1.2
}


.btn-add {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    background-color: #45cef6;
    border-radius: 60px;
    min-height: 31px;
    padding: 4px 20px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: border-color .3s, background-color .3s ease
}

.btn-add:hover {
    color: #fff;
    background-color: #7cddf9
}

@media(max-width: 992px) {
	
	.btn-user {
		height: 31px;
    }


}

@media(max-width: 768px) {
	.btn-prez {
		right: 15px;
	}
}

.catalog {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

.catalog__item {
    width: 25%;
    padding: 0 15px;
    position: relative;
    margin-bottom: 30px
}

.catalog__item:hover .catalog__top {
    transform: rotateX(90deg) translateY(-22px);
    -ms-transform: none !important
}

.catalog__img {
    margin-right: 17px;
    flex: none;
    width: 55px
}

.catalog__img img {
    max-width: 100%;
    height: auto
}

.catalog__body {
    padding-top: 13px
}

.catalog__link {
    display: flex;
    line-height: 20px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    text-decoration: none;
    padding-left: 18px;
    margin-bottom: 10px;
    position: relative;
    transition: color .3s ease;
    color: #1d2329
}

.catalog__link:before {
    content: " ";
    width: 8px;
    height: 9px;
    display: block;
    position: absolute;
    top: 4px;
    background-image: url(../images/common/mark.svg);
    left: 0
}

.catalog__link:hover {
    color: #00a0f1
}

.catalog__top {
    position: relative;
    z-index: 9;
    border-bottom: 2px solid #00a0f1;
    background-color: #f6f6f6;
    font-weight: 500;
    text-decoration: none;
    line-height: normal;
    font-size: 15px;
    font-family: Montserrat , sans-serif;
    color: #1d2329;
    height: 94px;
    transition: transform .3s;
    transform-origin: 50% 0;
    transform-style: preserve-3d
}

.catalog__top,
.catalog__top-hidden {
    display: flex;
    align-items: center;
    padding: 0 15px
}

.catalog__top-hidden {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00a0f1;
    color: #fff;
    content: attr(data-hover);
    transition: background .3s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.catalog__top img {
    vertical-align: bottom
}

@media (max-width:1200px) {
    .catalog__img {
        width: 45px;
        height: 81%;
        display: flex;
        align-items: center
    }

    .catalog__img img {
        max-height: 100%;
        max-width: 100%
    }

    .catalog__item {
        width: 33.3%
    }

    .catalog__top {
        height: 70px;
        font-size: 12px
    }
}

@media (max-width:768px) {
    .catalog__item {
        width: 50%
    }
	
	.catalog-line {
		margin-top: 15px;
	}
}

@media (max-width:560px) {
    .catalog__item {
        width: 100%
    }
}

.gallery-foto {
    margin-bottom: 23px;
}

.gallery-foto:last-child {
    margin-bottom: 0
}

.gallery-foto__title {
    height: 35px;
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    padding: 0 14px 0 11px;
    justify-content: space-between
}

.gallery-foto__title span {
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.gallery-foto__section {
    flex-wrap: wrap;
    display: flex;
    margin: 0 -7px;
    margin-top: 15px;
}

.gallery-foto__count {
    color: #8b9195;
    line-height: 20px;
    font-size: 14px
}

.gallery-foto__item {
	width: calc(25% - 14px);
    margin: 0 7px 14px;
    height: 140px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.gallery-foto__item--last {
    position: relative;
    line-height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.gallery-foto__item--last .svg-icon {
    fill: #fff
}

.gallery-foto__item--last:hover:before {
    background-color: #1078d1
}

.gallery-foto__item--last span {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
    line-height: 20px;
    font-size: 14px;
    color: #fff
}

.gallery-foto__item--last span .svg-icon {
    margin-left: 9px
}

.gallery-foto__item--last:before {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: rgba(16, 120, 209, .8);
    transition: background-color .3s ease
}

@media (max-width:992px) {
    .gallery-foto__section {
        margin-top: 20px
    }

    .gallery-foto__item {
        height: 114px;
    }
}

@media (max-width:768px) {
    .gallery-foto__item {
		width: calc(50% - 20px);
		margin: 0 10px 20px;
		height: calc((100vw - 20px)/2 * 0.65);
    }
}

@media (max-width:480px) {
    .gallery-foto__title {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 5px 10px
    }
}

@media (max-width:360px) {
    .gallery-foto__item {
        width: calc(100% - 20px);
        margin: 0 10px 20px;
        height: calc((100vw - 20px) * 0.65);
    }
}

.breadcrumbs {
    margin-top: -8px;
    margin-bottom: 8px;
}

.breadcrumbs ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap
}

.breadcrumbs ul li {
    list-style: none
}

.breadcrumbs ul li svg {
    margin-right: 5px;
    vertical-align: -1px
}
.breadcrumbs ul li a {
	text-decoration: none;
    margin-right: 5px;
}
.breadcrumbs ul li a span{
    font-size: 12px;
    color: #6c6c6c;

    font-family: Montserrat, sans-serif;
    transition: color .3s ease
}

.breadcrumbs ul li a .svg-icon {
    vertical-align: -1px;
    margin-left: 4px;
    fill: #8b8b8b;
    transition: fill .3s ease
}

.breadcrumbs ul li a:hover span{
    color: #00a0f1
}

.breadcrumbs ul li a:hover .svg-icon {
    fill: #00a0f1
}

.breadcrumbs ul li span {
    font-size: 12px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

@media (max-width:992px) {
    .breadcrumbs ul {
        min-height: 40px;
        padding: 8px 0
    }
}

@media (max-width:768px) {
    .breadcrumbs ul {
        padding-top: 0;
        margin-top: 4px;
        line-height: 1.2;
        margin-bottom: 2px;
        padding-bottom: 5px;
        min-height: 28px
    }

    .breadcrumbs ul li a {
        margin-right: 0
    }

    .breadcrumbs ul li a .svg-icon {
        margin-left: 0
    }
}

.popup {
    max-height: 100%;
    display: flex;
    flex-direction: column;
    /* width: 460px; */
    width: 720px;
    position: relative
}

.popup--ok .popup__top-close {
    top: 50%
}

.popup--ok .popup__body {
    min-height: 132pxж
    display: flex;
    align-items: center;
}

.popup--ok .popup__body span {
    font-size: 18px;
    color: #569bcd;
    margin-left: 18px;
}

.popup--ok .popup__top {
    display: none
}

.popup--ok .popup__top-close {
    fill: #6c6c6c
}

.popup__row-ok {
    display: flex;
    align-items: center;
}

.popup .form__check {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 20px;
    margin-top: 26px
}

.popup .form__check-control {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 2px;
    margin-right: 7px;
    position: relative;
    margin-top: 0
}

.popup .form__check-control:before {
    background-image: url(../images/common/checkb.svg) !important;
    top: 3px;
    left: 2px
}

.popup .form__btn .btn {
    width: 100%;
    letter-spacing: .1em;
    padding: 15px 28px
}

.popup__body {
    background-color: #eaeaea;
    padding: 42px 50px
}

.popup__top {
    padding: 0 50px;
    background-image: url(../images/common/popup.jpg);
    height: 100px;
    position: relative;
    flex: none;
    background-position: 0
}

.popup__top,
.popup__top-wrap {
    display: flex;
    align-items: center
}

.popup__top-wrap .svg-icon {
    margin-top: 5px;
    margin-right: 15px;
    flex: none;
}

.popup__top:before {
    content: " ";
    border: 8px solid transparent;
    border-left: 8px solid #0794f0;
    border-top: 8px solid #0794f0;
    display: block;
    position: absolute;
    left: 0;
    bottom: -16px
}

.popup__top-title {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    padding-right: 20px;
    font-family: Montserrat , sans-serif;
    line-height: 1.1;
}

.popup__top-body {
	padding-right: 23px;
}

.popup__top-subtitle {
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    font-family: Montserrat
}

.popup__top-close {
    height: 16px;
    position: absolute;
    cursor: pointer;
    right: 50px;
    top: 50px;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    z-index: 5;
    fill: #fff
}

.popup__top-close:hover {
    opacity: .6
}

.popup__modal {
    position: fixed;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 15px;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(8, 24, 65, .41);

    pointer-events: none;
    opacity: 0;
    overflow-y: auto;
    transition: opacity .3s ease
}

.popup__modal.is-open {
    opacity: 1;
    pointer-events: auto
}

@media (max-width:560px) {
    .popup__body {
        padding: 30px 20px;
        flex: 1 1 auto; -ms-flex: 1 1 auto;
        overflow-y: auto
    }

    .popup__modal {
        padding: 10px
    }

    .popup__top {
        padding: 0 20px
    }

    .popup__top-close {
        right: 20px
    }
}

.news {
    display: flex;
    flex-wrap: wrap
}

.news__photo {
    width: 194px;
    height: 145px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    flex: none;
    margin-right: 18px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.news__photo:hover:after,
.news__photo:hover:before {
    opacity: 1
}

.news__photo:before {
    background-image: url(../images/common/more.png);
    z-index: 6;
    background-repeat: no-repeat;
    background-position: 50%
}

.news__photo:after,
.news__photo:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    transition: opacity .3s ease;
    opacity: 0
}

.news__photo:after {
    background: linear-gradient(0deg, rgba(16, 120, 209, .3), rgba(16, 120, 209, .3))
}

.news__item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 30px
}

.news__date {
    line-height: 15px;
    font-size: 12px;
    color: #6c6c6c;
    margin-bottom: 6px
}

.news__text {
    font-family: Roboto, sans-serif;
    line-height: 20px;
    font-size: 14px;
    color: #6c6c6c
}

.news__title {
    font-weight: 600;
    font-size: 16px;
    color: #1d2329;
    text-decoration: none;
    line-height: 1.2;
    display: inline-block;
    margin-bottom: 7px;
    transition: color .3s ease;
    font-family: Montserrat, sans-serif
}

.news__title:hover {
    color: #00a0f1
}

.news__more use {
    fill: #d2d2d2;
    transition: fill .3s ease
}

.news__more:hover use {
    fill: #00a0f1
}

.news-detail__container {
	display: flex;
}

.news-detail__wrap {
    width: 850px;
}

.news-detail img {
    max-width: 264px;
    float: left;
    margin: 2px 29px 7px 0;
    border: 1px solid rgba(0, 0, 0, .1)
}

.news-detail ul {
    padding: 0;
    margin-top: -14px;
    margin-bottom: 33px
}

.news-detail ul li {
    position: relative;
    list-style: none;
    line-height: 20px;
    font-size: 14px;
    color: #1d2329;
    padding-left: 19px;
    margin-bottom: 5px
}

.news-detail ul li:before {
    content: " ";
    border-radius: 50%;
    background-color: #1078d1;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    top: 7px;
    left: 0
}

.news-detail ol {
    padding: 0;
    margin-top: 17px;
    margin-bottom: 35px;
    counter-reset: a
}

.news-detail ol li {
    position: relative;
    list-style: none;
    line-height: 20px;
    font-size: 14px;
    color: #1d2329;
    padding-left: 19px;
    margin-bottom: 5px
}

.news-detail ol li:before {
    counter-increment: a;
    content: counter(a);
    display: block;
    position: absolute;
    top: 0;
    color: #00a0f1;
    left: 0;
    font-family: Montserrat , sans-serif;
    font-size: 14px
}

@media (max-width:992px) {
    .news__item {
        width: 100%
    }
}

@media (max-width:560px) {
    .news__photo {
        display: none
    }

    .news-detail img {
        float: none
    }
}

.news-detail .news-detail img {
    max-width: 264px;
    float: left;
    margin: 2px 29px 7px 0;
    border: 1px solid rgba(0, 0, 0, .1)
}

.filter__block {
    padding: 15px;
    background-color: #f6f6f6;
    margin-bottom: 30px;
    margin-top: 28px;
    position: relative;
    z-index: 7
}

.filter__title {
    cursor: pointer;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 17px;
    font-family: Montserrat, sans-serif;
    padding-right: 15px;
}

.filter__count {
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-family: Roboto, sans-serif;
    color: #fff;
    background-color: #75bbee;
    display: flex;
    left: 265px;
    position: fixed;
    padding: 8px 13px;
    top: 50%;
    z-index: 5;
	    width: 108px;
    transform: translateY(calc(-50% + 2px));
    transition: background-color .3s ease
}

.filter__title-control {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.filter__title.is-active .filter__title-control {
    transform: translateY(-50%) rotate(180deg);
}

.filter__title-control .svg use {
    color: #1d2329;
}

.filter__count:hover {
    background-color: #569bcd
}

.filter__count:hover:before {
    border-right: 8px solid #569bcd
}

.filter__count-wrap {
    display: flex;
    align-items: center;
}

.filter__count-wrap a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.filter__count-wrap #modef_num {
    margin-left: 5px
}

.filter__count.desc {
    right: calc(100% + 10px);
    position: absolute
}

.filter__count a {
    font-size: 0
}

.filter__count:before {
    content: " ";
    position: absolute;
    border: 8px solid transparent;
    border-right: 8px solid #75bbee;
    left: -16px;
    top: 10px;
    transition: border-color .3s ease;
}

.filter__btn {
    padding-top: 15px
}

.filter__btn .btn {
    margin-bottom: 11px
}

.filter__btn .btn,
.filter__btn .btn-outline {
    padding: 9px 0;
    font-size: 11px;
    text-decoration: none;
    width: 100%;
    min-height: 30px;
    box-shadow: none;
    font-family: Montserrat, sans-serif
}

.filter__btn .btn-outline {
    margin-bottom: 8px
}

.filter__body {
    display: none; 
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 14px;
    margin-bottom: 12px
}

.filter-btn-main {
    width: 196px;
    margin-left: 15px;
    display: none;
    flex: none;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #75bbee
}
@media (min-width:1200px) {
	.filter__count {
		display: none;
	}
}


@media (max-width:1200px) {
    .filter {
        width: 264px;
        background: #f6f6f6;
        padding: 20px;
        min-height: inherit;
        position: relative;
        min-height: 100%;
    }

    .filter-btn-main {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .filter-btn-main img {
        margin-right: 5px
    }

    .filter__count {
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        font-family: Roboto, sans-serif;
        color: #fff;
        background: #45cef6;
        left: 265px;
        position: fixed;
        padding: 8px 11px;
        top: 50%;
        z-index: 5;
        height: 36px;
        transform: translateY(calc(-50% + 2px));
        display: flex;
        align-items: center
    }

    .filter__count,
    .filter__count:hover {
        text-decoration: none
    }

    .filter__count span {
        line-height: 1.2;
        border-bottom: 1px dotted hsla(0, 0%, 98%, .5)
    }

    .filter__count:before {
        content: " ";
        position: absolute;
        border: 8px solid transparent;
        border-right: 8px solid #45cef6;
        left: -16px;
        top: 10px
    }

    .filter__block {
        top: -26px !important;
        left: -30px;
        position: absolute;
        width: 100vw;
        height: 100vh;
        z-index: 4;
        padding: 0;
        margin-bottom: 0;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background-color: rgba(29, 35, 41, .5);
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
        margin-top: 0;
        -webkit-overflow-scrolling: touch;
    }

    .filter__block.is-fixed {
        position: fixed;
        left: 0 !important;
        right: 0;
        bottom: 0;
        height: auto  !important;
        top: 00px !important;
        z-index: 1;
    }

    .filter__block form {
        height: 100%
    }

    .filter__block.is-open {
        opacity: 1;
        pointer-events: auto
    }
}


@media (max-width:768px) {
    .filter__block {
        top: -15px !important; 
        height: calc(100vh - 15px);
    }
}

@media (max-width:560px) {
    .filter-btn-main {
        width: 40px
    }

    .filter-btn-main span {
        display: none
    }
}

@media (max-width:370px) {
    .filter__count {
        display: none
    }
}


@media (max-width:360px) {
    .filter {
        width: calc(100% - 55px);
    }

    .filter__count {
        left: 100%;
    }
}

.order-list {
    position: relative
}

.order-list__filter {
    justify-content: space-between;
    height: 45px;
    border-top: 2px solid #1078d1
}

.order-list__filter,
.order-list__filter>div,
.order-list__select {
    display: flex;
    align-items: center
}

.order-list__select {
    margin-right: 29px
}

.order-list__select .select2-container {
    width: 219px !important
}

.order-list__select .title {
    margin-right: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.order-list__sort {
    display: flex;
    align-items: center
}

.order-list__sort input[type=text] {
    width: 71px;
    height: 25px;
    border: 1px solid #8b9195;
    padding: 0 6px;
    font-size: 14px;
    outline: 0
}

.order-list__sort input[type=text]::-webkit-input-placeholder {
    color: rgba(29, 35, 41, .3)
}

.order-list__sort input[type=text]:-moz-placeholder,
.order-list__sort input[type=text]::-moz-placeholder {
    color: rgba(29, 35, 41, .3)
}

.order-list__sort input[type=text]:-ms-input-placeholder {
    color: rgba(29, 35, 41, .3)
}

.order-list__sort .title {
    margin-right: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.order-list__header {
    display: flex;
    background-color: #1078d1
}

.order-list__header .order-list__td {
    color: #fff
}

.order-list__body .order-list__td--status {
    align-items: flex-start
}

.order-list__spisok {
    align-self: flex-start;
    width: 100%
}

.order-list__spisok-more {
    display: inline-flex;
    margin-top: 1px;
    cursor: pointer;
    font-size: 13px;
    color: #00a0f1;
    transition: color .3s ease;
    align-self: flex-start
}


.order-list__spisok-more.is-hidden {
	display: none;
}

.order-list__spisok-up {
    display: none;
    margin-top: 1px;
    cursor: pointer;
    font-size: 13px;
    color: #00a0f1;
    transition: color .3s ease;
    align-self: flex-start
}

.order-list__spisok-up.is-active {
	display: inline-flex;
}


.order-list__spisok-more:hover {
    color: #1078d1
}

.order-list__spisok-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px dotted #8b9195;
    margin-bottom: 2px
}

.order-list__spisok-row.is-hidden {
	display: none;
}


.order-list__spisok-row.is-hidden.is-active {
    display: flex;
}

.order-list__spisok-row span {
    display: inline-block;
    margin-bottom: -2px;
    font-size: 13px
}

.order-list__price {
    align-self: flex-start
}

.order-list__price .price {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2
}

.order-list__row {
    display: flex
}

.order-list__row:nth-child(odd),
.order-list__row:nth-child(odd) .order-list__spisok-row span {
    background: #f3f3f3
}

.order-list__row:nth-child(2n),
.order-list__row:nth-child(2n) .order-list__spisok-row span {
    background: #e9e9e9
}

.order-list__more {
    width: 100%;
    align-items: flex-end;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0;
    height: 120px;
    display: flex;
    background: linear-gradient(0deg, #fff 22.84%, hsla(0, 0%, 100%, 0) 104.94%)
}

.order-list__more>div {
    display: flex
}

.order-list__more-item {
	margin-top: 25px;
    font-family: Montserrat , sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1078d1;
    margin-right: 23px;
    transition: color .3s ease
}

.order-list__more-item .svg-icon {
    margin-right: 9px;
    transition: fill .3s ease;
    fill: #1078d1
}

.order-list__more-item span {
    line-height: 1.2;
    border-bottom: 1px dashed #00a0f1;
    transition: border-color .3s ease
}

.order-list__more-item:hover {
    color: #00a0f1
}

.order-list__more-item:hover .svg-icon {
    fill: #00a0f1
}

.order-list__more-item:hover span {
    border-bottom: 1px dashed #00a0f1
}

.order-list__td {
    padding: 10px;
    min-height: 40px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #fff;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    font-size: 13px
}

.order-list__td--date {
    width: 100px;
    flex: none
}

.order-list__td--action {
    width: 145px;
    flex: none
}

.order-list__td--action .btn-outline {
    width: 100%;
    font-size: 10px;
    margin-top: 5px
}

.order-list__td--action .btn-outline:first-child {
    margin-top: 0
}

.order-list__td--status {
    width: 135px;
    flex: none;
    font-weight: 700
}

.order-list__td--sum {
    width: 150px;
    flex: none
}

.order-list__td--number {
    width: 56px;
    flex: none
}

.order-list__td:last-child {
    border-right: 0
}

@media (max-width:1200px) {
    .order-list__select {
        margin-right: 12px
    }
}

@media (max-width:992px) {

    .order-list__select,
    .order-list__sort {
        margin-bottom: 9px
    }

    .order-list__filter {
        height: auto;
        padding: 8px 0
    }

    .order-list__filter,
    .order-list__filter>div {
        flex-direction: column;
        align-items: flex-start
    }

    .order-list__select {
        margin-right: 12px
    }
}

@media (max-width:992px) {
    .order-list__table {
        overflow-x: auto
    }

    .order-list__body,
    .order-list__header {
        width: 1000px
    }
}

.compare {
    margin-bottom: 40px
}

.compare__row {
    margin-bottom: 76px;
    overflow: hidden;
    width: calc(100% + 30px);
    padding-right: 30px;
    margin-right: -30px
}

.compare__row:after,
.compare__row:before {
    content: " ";
    display: table
}

.compare__row:last-child {
    margin-bottom: 0
}

.compare__info {
    width: 189px;
    float: left
}

.compare__info-body {
    height: 185px;
}

.compare__info-title {
    font-family: Montserrat , sans-serif;
    font-weight: 700;
    line-height: normal;
    font-size: 18px;
    color: #1078d1;
    word-wrap: break-word;
}

.compare__info-list-title {
    height: 28px;
    display: flex;
    align-items: flex-start;
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    border-bottom: 1px solid #d2d2d2
}

.compare__info-list-item {
    height: 30px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d2d2d2;
    font-size: 13px
}

.compare__slider {
    float: left;
    width: calc(100% - 189px);
    padding-left: 3px;
    position: relative
}

.compare__slider:before {
    content: " ";
    position: absolute;
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
    width: 145px;
    height: 100%;
    right: 0;
    z-index: 5;
    pointer-events: none;
    top: 0
}

.compare__slider .owl-prev.disabled {
		opacity: 0;
}

.compare__slider .owl-prev {
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    left: -27px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s, opacity .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
	opacity: 1;
}

.compare__slider .owl-prev.disabled {
    opacity: 0;
    pointer-events: none
}

.compare__slider .owl-prev:hover {
    background-color: rgba(0, 0, 0, .2) !important
}

.compare__slider .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s, opacity .3s ease
}

.compare__slider .owl-next.disabled {
    opacity: 0;
    pointer-events: none
}

.compare__slider .owl-next:hover {
    background-color: rgba(0, 0, 0, .2) !important
}

.compare__clear {
    font-weight: 600;
    cursor: pointer;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #d2d2d2;
    border-radius: 60px;
    color: #fff;
    transition: background-color .3s ease;
    margin-bottom: 16px;
    font-family: Montserrat , sans-serif;
    display: inline-flex;
    padding: 0 12px
}

.compare__clear use {
    stroke: #fff;
}

.compare__clear .svg-icon {
    margin-right: 10px
}

.compare__clear:hover {
    background-color: #00a0f1
}

.compare__item {
    display: flex;
    flex-direction: column;
    padding-right: 3px;
    position: relative
}

.compare__item-price {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 25px;
    font-size: 18px;
    height: 49px;
    display: flex;
    align-items: center
}

.compare__item-btn {
    display: flex;
    padding-right: 5px
}

.compare__item-btn .btn-in-basket {
    margin-left: 0;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    width: auto;
}

.compare__item-btn .btn-izb {
    margin-left: 15px
}

.compare__item-close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #d2d2d2;
    transition: background-color .3s ease
}

.compare__item-close .svg-icon use {
    stroke: #fff
}

.compare__item-close:hover {
    background-color: #00a0f1
}

.compare__item-list {
    margin-top: 8px
}

.compare__item-list-item {
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    background-color: hsla(0, 0%, 94%, .8)
}

.compare__item-list-item:nth-child(odd) {
    background-color: hsla(0, 0%, 82%, .5)
}

.compare__item-img {
    width: 170px;
    height: 170px;
    display: block;
    margin: 0 auto
}

.compare__item-img img {
    max-width: 100%;
    max-height: 100%
}

.compare__item-name {
    display: inline-flex;
    height: 82px;
    line-height: 17px;
    font-size: 13.5px;
    color: #1d2329;
    text-decoration: none;
    transition: color .3s ease;
}

.compare__item-name:hover {
    color: #00a0f1;
    text-decoration: none
}

@media (max-width:768px) {
    .compare__row {
        width: calc(100% + 15px);
        padding-right: 30px;
        margin-right: -15px
    }

    .compare__slider {
        width: calc(100% - 130px);
        margin-right: -30px;
    }

    .compare__slider .owl-next {
        right: 0;
    }

    .compare__slider:before {
        display: none
    }

    .compare__info {
        width: 160px
    }

    .compare__info-title {
        font-size: 15px
    }

    .compare__item {
        width: 188px
    }
}

@media (max-width:480px) {
	 .compare__info {
		width: 135px;
	}
	
	.compare__clear {
		    padding: 0 6px;
		width: 100%;
	}
	
	.compare__slider {
		width: calc(100% - 105px);
		margin-right: -30px;
	}
	
	.compare__info-title {
		font-size: 13px;
	}
}

@media (max-width:320px) {
    .compare__info {
        width: 130px;
    }

    .compare__item {
        width: 172px;
    }

    .compare__slider {
        width: calc(100% - 100px);
        margin-right: -30px;
    }
}

.vacancy__item {
    margin-bottom: 3px
}

.vacancy__top {
    height: 35px;
    padding-left: 18px;
    background: #f0f0f0;
    border-radius: 20px;
    display: flex;
    align-items: center
}

.vacancy__top-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    padding-right: 14px;
    line-height: 20px;
    font-size: 14px;
    text-align: right;
    color: #8b9195
}

.vacancy__body {
    padding: 16px 19px
}

.vacancy__body ul {
    padding: 0;
    margin: 0;
    margin-bottom: 16px
}

.vacancy__body ul li {
    position: relative;
    list-style: none;
    line-height: 20px;
    font-size: 14px;
    color: #1d2329;
    padding-left: 19px;
    margin-bottom: 5px
}

.vacancy__body ul li:before {
    content: " ";
    border-radius: 50%;
    background-color: #1078d1;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    top: 7px;
    left: 0
}

.vacancy__btn {
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    width: 153px;
    height: 35px;
    font-size: 11px;
    background-color: #1078d1;
    border-radius: 60px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    padding-bottom: 1px;
    transition: background-color .3s ease
}

.vacancy__btn:hover {
    color: #fff;
    background-color: #00a0f1
}

.vacancy__title {
    font-weight: 700;
    line-height: 25px;
    font-size: 18px;
    color: #2d2b2b;
    font-family: Montserrat, sans-serif;
    text-align: left;
}

@media(max-width: 560px) {
	.vacancy__title {
		line-height: 15px;
		font-size: 14px;
	}
	
	.vacancy__top {
		position: relative;
		margin-bottom: 40px;
	}
	
	.vacancy__body {
		padding: 16px 0;
	}
	
	.vacancy__btn {
		position: absolute;
		bottom: calc(-100% - 5px);
		right: 0;
		left: 0;
		width: 100%;
	}
}

.big-select .select2-results__option {
    line-height: 20px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    padding: 0 18px;
    min-height: 44px
}

.order-step__row {
    width: calc(100% + 24px);
    display: flex;
    margin: 0 -12px
}

.order-step__field {
    width: calc(100% - 24px);
    margin: 0 12px;
    margin-bottom: 24px
}

.order-step__field .title {
    line-height: 20px;
    font-size: 14px !important;
    color: #8b9195;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-weight: normal !important;
}

.order-step__field input[type=text] {
    padding: 0 16px !important;
    border: 3px solid #f0f0f0 !important;
    font-family: Montserrat , sans-serif;
    line-height: 20px;
    font-size: 16px !important;
    outline: 0 !important;
    width: 100%;
    height: 50px;
    box-shadow: none !important;
}

.order-step__select {
    position: relative;
    margin-bottom: 18px
}

.order-step__select .select2-container {
    width: 100% !important;
    outline: 0
}

.order-step__select .select2-container--default .select2-selection--single {
    height: 50px !important;
    border: 3px solid #f0f0f0;
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    outline: 0
}

.order-step__select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    width: 48px;
    margin-left: 5px
}

.order-step__select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding-left: 16px;
    padding-right: 158px
}

.order-step__select .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url(../images/common/selectb.png)
}

.order-step__select .other {
    line-height: 20px;
    font-size: 14px;
    text-align: right;
    color: #1078d1;
    position: absolute;
    right: 46px;
    top: 16px;
    pointer-events: none
}

.order-step__big-btn {
    display: flex;
    margin-top: 5px;
    align-items: center
}

.order-step__big-btn .btn {
    flex: none;
    font-family: Montserrat , sans-serif;
    font-size: 13px;
    letter-spacing: .1em;
    border-radius: 30px;
    font-weight: 600;
    height: 50px;
    padding: 12px 32px
}

.order-step__big-btn .text {
    padding-left: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #8b9195
}

.order-step__big-btn .text .bold {
    color: #1d2329;
    display: block
}

.order-step__item {
    position: relative;
    padding-left: 67px;
    padding-top: 9px;
    padding-bottom: 30px;
    margin-bottom: 5px
}

.order-step__item.is-hidden {
    pointer-events: none
}

.order-step__item.is-hidden .btn-add,
.order-step__item.is-hidden:before {
    background: #d2d2d2 !important
}

.order-step__item.is-hidden .order-step__title {
    color: #1d2329
}

.order-step__item.is-hidden .order-step__count {
    background: #d2d2d2
}

.order-step__item .user-info__list {
    width: 58%;
    margin-bottom: 25px
}

.order-step__item .user-info__row span {
    font-size: 14px
}

.order-step__item .user-info__row span:last-child {
    font-weight: 400
}

.order-step__item h3 {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 700
}

.order-step__item textarea {
    width: 100%;
    outline: 0;
    font-size: 16px;
    padding: 15px;
    border: 3px solid #f0f0f0;
    box-sizing: border-box;
    height: 130px
}

.order-step__item:before {
    content: "";
    background-color: #00a0f1;
    width: 1px;
    position: absolute;
    top: 58px;
    bottom: 0;
    left: 25px
}

.order-step__item:last-child:before {
    background: linear-gradient(180deg, #0097dd, #d22329)
}

.order-step__title {
    line-height: 35px;
    font-size: 26px;
    color: #00a0f1;
    margin-bottom: 22px
}

.order-step__count,
.order-step__title {
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.order-step__count {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    font-size: 18px;
    width: 51px;
    height: 51px;
    background-color: #00a0f1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.order-step__info {
    position: relative;
    display: flex;
    width: 50%;
    line-height: 15px;
    font-size: 12px;
    padding-right: 15px;
    color: #8b9195
}

.order-step__info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: none;
    margin-right: 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #d22329
}

@media (max-width:768px) {

    .order-step__info,
    .order-step__item .user-info__list {
        width: 100%
    }

    .order-step__field,
    .order-step__row {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .order-step__row {
        display: block
    }
}

@media (max-width:560px) {
    .order-step__big-btn {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 15px
    }

    .order-step__big-btn .text {
        margin-top: 15px;
        padding-left: 0
    }

    .order-step__title {
        font-size: 22px
    }

    .order-step__count {
        font-size: 14px;
        width: 35px;
        height: 35px
    }

    .order-step__select .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-right: 42px
    }

    .order-step__select .other {
        display: none
    }

    .order-step__item {
        padding-top: 0;
        padding-left: 44px;
        padding-bottom: 18px
    }

    .order-step__item:before {
        left: 17px;
        top: 40px
    }
}

.delivery__btn {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 13px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #8b9195;
    text-decoration: none;
    background-color: #fff;
    border-radius: 60px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 0 16px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.delivery__btn:hover {
    color: #1d2329;
    box-shadow: 0 2px 11px rgba(0, 0, 0, .25)
}

.delivery__btn-wrap {
    position: absolute;
    left: 25px;
    bottom: 6px
}

.delivery__wrap {
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap
}

.delivery__item {
    height: 135px;
    width: calc(50% - 24px);
    margin: 0 12px;
    margin-bottom: 24px;
    padding: 10px 15px 10px 25px;
    background: #f0f0f0;
    border: 3px solid #f0f0f0;
    box-sizing: border-box;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    display: flex
}

.delivery__item:last-child {
    height: 90px
}

.delivery__item-check {
    display: flex;
    align-items: center
}

.delivery__item-check input[type=radio] {
    opacity: 0;
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 5;
	cursor: pointer;
}

.delivery__item-check input[type=radio]:checked+label .delivery__item-control {
    background-color: #fff;
    border: 2px solid #00a0f1
}

.delivery__item-check input[type=radio]:checked+label .delivery__item-control:before {
    opacity: 1
}

.delivery__item-body {
    padding-left: 25px;
    position: relative
}

.delivery__item-control {
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 50%;
    border: 2px solid #d2d2d2;
    border-radius: 11px;
    position: relative;
    transition: background-color .3s, border-color .3s, border-width .3s ease
}

.delivery__item-control:before {
    content: "";
    top: 4px;
    left: 4px;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #00a0f1;
    border-radius: 9px;
    opacity: 0;
    transition: opacity .3s ease
}

.delivery__item-title {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px
}

.delivery__item-text {
    line-height: 15px;
    font-size: 12px;
    color: #8b9195
}

@media (max-width:992px) {
    .delivery__wrap {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .delivery__btn-wrap {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 16px
    }

    .delivery__item {
        padding: 10px 15px 10px 11px;
        height: auto;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.item-list {
    display: flex;
    flex-direction: column
}

.item-list__attention {
    display: flex;
    align-items: center;
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    color: #d22329
}

.item-list__attention .svg-icon {
    margin-right: 10px
}

.item-list__row {
    display: flex;
    width: 100%;
    flex-direction: column
}

.item-list__row-atten {
    height: 33px;
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 0 9px;
    color: #fff;
    background: #00a0f1;
    margin-top: -1px
}

.item-list__row-atten .svg-icon {
    margin-right: 10px
}

.item-list__row-wrap {
    display: flex;
    align-items: center;
    width: 100%
}

.item-list__row.is-hidden {
    pointer-events: none;
    border-top: 2px solid #00a0f1;
    border-bottom: 0;
    margin-top: -3px;
    position: relative
}

.item-list__row.is-hidden:before {
    left: 0
}

.item-list__row.is-hidden:after,
.item-list__row.is-hidden:before {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #00a0f1;
    display: block;
    position: absolute;
    top: 0
}

.item-list__row.is-hidden:after {
    right: 0
}

.item-list__row.is-hidden .item-list__list {
    opacity: .5
}

.item-list__date {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    color: #1d2329;
    margin-top: -20px;
    margin-bottom: 34px
}

.item-list__list {
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: calc(76% - 10px)
}

.item-list__top {
    display: flex;
    margin-top: -34px
}

.item-list__top .item-list__info {
    line-height: 15px;
    font-size: 12px;
    color: #1d2329;
    margin-bottom: 5px
}

.item-list__info {
    display: flex;
    align-items: center;
    width: 24%
}

.item-list__info-text {
    line-height: 15px;
    font-size: 12px
}

.item-list__info-item {
    display: flex;
    width: 100%;
    background-color: #f0f0f0;
    border-bottom: 1px solid #fff
}

.item-list__info-item input[type=text] {
    border: 1px solid #d2d2d2
}

.item-list__info-item .item-list__info-td {
    line-height: 20px;
    font-size: 14px;
    color: #1d2329;
    height: 70px
}

.item-list__info-header {
    height: 40px;
    background-color: #00a0f1;
    display: flex;
    align-items: center
}

.item-list__info-art {
    width: 58px !important
}

.item-list__info-td {
    width: calc((100% - 58px)/2);
    height: 40px;
    font-size: 13px;
    text-align: left;
    padding: 0 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid #fff;
    color: #fff;
    line-height: 1.2
}

.item-list__info-td input[type=text] {
    width: 40px;
    height: 24px;
    background: #fff;
    border: 0;
    text-align: center;
    width: 43px;
    color: #1d2329
}

.item-list__info-td input[type=text]::-webkit-input-placeholder {
    color: rgba(29, 35, 41, .3)
}

.item-list__info-td input[type=text]:-moz-placeholder,
.item-list__info-td input[type=text]::-moz-placeholder {
    color: rgba(29, 35, 41, .3)
}

.item-list__info-td input[type=text]:-ms-input-placeholder {
    color: rgba(29, 35, 41, .3)
}

.item-list__info-td:last-child {
    border-right: 0
}

.item-list__header {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center
}

.item-list__header .item-list__list {
    background-color: #1078d1;
    display: flex;
    align-items: center
}

.item-list__header .item-list__info {
    background-color: #00a0f1;
    display: flex;
    align-items: center
}

.item-list__header-number {
    width: 35px;
    flex: none;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.item-list__header-close {
    width: 29px;
    flex: none
}

.item-list__header-price {
    width: 110px;
    flex: none
}

.item-list__header-count {
    width: 131px;
    flex: none
}

.item-list__header-sum {
    width: 110px;
    flex: none
}

.item-list__header-art {
    width: 70px;
    flex: none
}

.item-list__header-close .svg-icon {
    stroke: #fff
}

.item-list__header-name {
    flex: 1 1 auto; -ms-flex: 1 1 auto;
}

.item-list__header-td {
    height: 40px;
    font-size: 13px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff;
    color: #fff
}

.item-list__header-td:last-child {
    border-right: 0
}

.item-list__item {
    height: 70px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
}

.item-list__item-close .svg-icon {
    stroke: #d2d2d2
}

.item-list__item-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    flex: none;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.item-list__item-img {
    width: 60px;
    height: 60px;
    flex: none
}

.item-list__item-img img {
    width: 100%;
    height: 100%
}

.item-list__item-close {
    width: 29px
}

.item-list__item-close,
.item-list__item-sum {
    flex: none;
    justify-content: center;
    display: flex
}

.item-list__item-sum {
    align-items: center;
    width: 110px;
    font-weight: 700;
    line-height: 20px;
    font-size: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    flex-direction: column;
    display: block;
    text-align: center;
    padding: 0 10px;
}

.item-list__item-count {
    display: flex;
    align-items: center;
    justify-content: center
}

.item-list__item-count .spinner-block__count {
    margin-left: 5px;
    line-height: 19px;
    font-size: 13px;
    color: #1d2329
}

.item-list__item-price {
    width: 110px;
    font-weight: 700;
    line-height: 20px;
    font-size: 14px
}

.item-list__item-art,
.item-list__item-price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none
}

.item-list__item-art {
    width: 70px;
    line-height: 19px;
    font-size: 13px
}

.item-list__item-name {
    display: flex;
    align-items: center;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    padding-right: 8px;
    line-height: 19px;
    font-size: 13px;
    color: #1d2329;
    text-decoration: none;
    min-width: inherit;
}

.item-list__item-name img {
    width: 60px;
    height: 60px;
    margin-right: 8px
}

.item-list__item-count {
    width: 131px;
    flex: none;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

@media (max-width:1200px) {
    .main-title--order .btn-outline {
        display: none
    }

    .item-list__date {
        margin-top: -15px;
        margin-bottom: 11px
    }

    .item-list__attention {
        margin-bottom: 12px
    }

    .item-list__info {
        display: none
    }

    .item-list__item {
        width: 100%
    }

    .item-list__list {
        margin-right: 0;
        width: 100%
    }

    .item-list__header .item-list__info {
        display: none
    }

    .item-list__top {
        margin-top: 0
    }

    .item-list__top .item-list__info {
        display: none
    }
}

@media (max-width:768px) {
    .item-list {
        overflow-x: auto
    }

    .item-list__date {
        margin-top: -12px
    }

    .item-list__header,
    .item-list__row {
        width: 768px
    }
}

.order-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 41px
}

.order-info__wrap {
    width: 75%;
    display: flex;
    justify-content: space-between;
}

.order-info__wrap .order-info__item:last-child {
    width: 256px;
	
}

.order-info__wrap .order-info__item {
    width: 25%;
    padding-right: 15px;
}

.order-info__row {
    display: flex;
    align-items: center;
    margin-bottom: 3px
}

.order-info__row:last-child {
    margin-bottom: 0
}

.order-info__row span {
    width: 50%;
    display: block
}

.order-info__row span:first-child {
    padding-right: 5px;
    line-height: 20px;
    font-size: 14px;
    text-align: right;
    color: #8b9195
}

.order-info__row span:last-child {
    padding-left: 5px;
    text-align: left
}

.order-info__row span.bold {
    font-weight: 700
}

.order-info__row span.size-big {
    font-size: 18px
}

.order-info__item {
    width: 25%;
    padding-right: 15px
}

.order-info__item .text {
    margin-top: 14px;
    line-height: 15px;
    font-size: 12px
}

.order-info__item .text-opacity {
    line-height: 15px;
    font-size: 12px;
    color: #8b9195
}

.order-info__item .btn,
.order-info__item .btn-outline {
    width: 100%;
    height: 45px;
    border-radius: 60px
}

.order-info__item:last-child {
    padding-right: 0
}

@media (max-width:1200px) {
    .order-info__item {
        width: 33.3%
    }

     .order-info__item.is-hidden {
        display: none
    }
}

@media (max-width:992px) {
    .order-info {
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 20px
    }
	
	.order-info__wrap {
    width: 100%;
    display: flex;
}
	
	.order-info__wrap {
		flex-wrap: wrap;
	}

    .order-info__item {
        width: 50%;
        margin-bottom: 15px
    }

    .order-info__item:first-child {
        order: 1
    }

    .order-info__item:nth-child(2) {
        order: 3
    }

    .order-info__item:nth-child(3) {
        order: 2
    }

    .order-info__item.is-hidden {
        display: none
    }
}

@media (max-width:560px) {
    .order-info__item {
        width: 100%;
        margin-bottom: 25px;
        padding: 0
    }

    .order-info__item .text {
        margin-top: 7px
    }

    .order-info__item:first-child {
        order: 2
    }

    .order-info__item:nth-child(2) {
        order: 3
    }

    .order-info__item:nth-child(3) {
        order: 1
    }
	
	.order-info__wrap .order-info__item {
		width: 100%;
	}
	
	.order-info__wrap .order-info__item:last-child {
		width: 100%;
	}

	.order-info__item.is-hidden {
        display: none
    }
}

.add-item {
    height: 90px
}

.add-item,
.add-item__item {
    display: flex;
    align-items: center
}

.add-item__item {
    margin-left: 15px
}

.add-item__item img {
    width: 60px;
    height: 60px
}

.add-item__item-name {
    line-height: 19px;
    font-size: 13px;
    text-decoration: none;
    width: 290px;
    margin-right: 25px
}

.add-item__top {
    display: flex
}

.add-item__top input[type=text] {
    width: 70px;
    outline: 0;
    font-size: 14px;
    height: 25px;
    background: #fff;
    border: 0;
    padding: 0 8px;
    text-align: left;
    color: #1d2329;
    border: 1px solid #8b9195
}

.add-item__top input[type=text]::-webkit-input-placeholder {
    color: rgba(29, 35, 41, .3)
}

.add-item__top input[type=text]:-moz-placeholder,
.add-item__top input[type=text]::-moz-placeholder {
    color: rgba(29, 35, 41, .3)
}

.add-item__top input[type=text]:-ms-input-placeholder {
    color: rgba(29, 35, 41, .3)
}

.add-item__top span {
    font-size: 14px;
    display: flex;
    margin-right: 9px;
    align-items: center
}

.add-item__top span .svg-icon {
    margin-right: 8px;
    fill: #1d2329
}

@media (max-width:992px) {
    .add-item {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 25px 0
    }

    .add-item__item {
        margin-top: 16px;
        margin-left: 0
    }
}

@media (max-width:768px) {
    .add-item {
        justify-content: center;
        align-items: center
    }

    .add-item__item {
        flex-direction: column
    }

    .add-item__item-name {
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0
    }
}

.team__list {
    margin: 0 -9px;
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px
}

.team__section {
    margin-bottom: 21px
}

.team__section:last-child {
    margin-bottom: 0
}

.team__info-wrap {
    transition: background-color .3s, justify-content .3s ease;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%
}

.team__name {
    line-height: 21px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    width: 100%;
}

.team__item {
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
    width: 198px;
    margin: 0 8px;
    margin-bottom: 20px;

}

.team__wrap {
	position: relative;
	height: 344px;
	border-bottom: 4px solid #00a0f1;
    background-color: #1078d1
}

.team__item:hover .team__contact {
    height: 96px;
    padding: 3px 10px
}



.team__item:hover .team__info-wrap {
    justify-content: center;
    background-color: rgba(0, 104, 183, .8)
}

.team__post {
    line-height: normal;
    text-align: center;
    height: 67px;
    padding: 6px
}

.team__contact,
.team__post {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    font-family: Montserrat, sans-serif
}

.team__contact {
    flex: none;
    background-color: #00a0f1;
    height: 0;
    flex-wrap: wrap;
    overflow: hidden;
    transition: height .3s, padding .3s ease;
    width: 100%
}

.team__contact a {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.team__mail {
    text-decoration: underline !important
}

.team__img {
    height: 273px;
    background-position: top center;
    background-size: cover;
}

.team__img img {
    width: 100%;
    min-height: 100%
}

.team__info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    display: flex
}

.team__contact--mobile {
	display: none;
}


@media(max-width: 1200px) {
	
	.team__list {
		margin: 0 -13px;
	}
	
	.team__item {
		width: calc(25% - 26px);
		margin: 0 13px 26px 13px;
	}
	
	.team__item:hover .team__contact {
		height: 60px;
		padding: 3px 10px;
	}
	
	.team__img {
		height: 285px;
	}
	
	.team__wrap {
		border-bottom: 0;
	}
	
	.team__post {
		height: 59px;
	}
	
	.team__item:hover .team__info-wrap {
		justify-content: flex-end;
		background-color: transparent;
	}
	
	.team__contact {
		display: none;
	}
	
	.team__contact--mobile {
		margin-top: 12px;
		display: block;
		height: 60px;
		background-color: transparent;
		color: #1078D1;
		padding: 3px 10px;
		text-align: center;
	}
	
	.team__contact a {
		color: #1078D1;
		margin: 0 7px;
	}
}

@media(max-width: 992px) {
	.team__item {
		width: calc(33.3% - 26px);
		margin: 0 13px 26px 13px;
	}
}

@media(max-width: 768px) {
	.team__item {
		width: calc(50% - 26px);
		margin: 0 13px 26px 13px;
	}
}

@media(max-width: 480px) {
	.team__item {
		margin: 0 13px 26px 13px;
	}
	
	.team__img {
		height: 190px;
	}
	
	.team__contact--mobile br {
		display: none;
	}
	
	.team__contact--mobile {
		padding: 0 !important;
		line-height: 1.3;
		font-size: 11px;
		display: block;
		text-align: center;
		height: 45px;
	}
	.team__contact a {
		font-size: 11px;display: inline-block;
	}
	
	.team__post {
		height: 45px;
		line-height: 1.1;
	}
	
	.team__wrap {
		height: 235px;
	}
}

.order-card {
    position: relative
}

.order-card:before {
    border: 10px solid transparent;
    border-left: 10px solid #1078d1;
    border-top: 10px solid #1078d1
}

.order-card:after,
.order-card:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block
}

.order-card:after {
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff
}

.order-card__edit {
    height: 25px;
    display: flex;
    align-items: center;
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 13px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 60px;
    padding: 0 10px;
    text-decoration: none;
    padding-top: 2px;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.order-card__edit:hover {
    color: #1078d1;
    background-color: #fff
}

.order-card__top {
    justify-content: space-between;
    height: 55px;
    padding: 0 20px;
    background-color: #1078d1
}

.order-card__top,
.order-card__top>div {
    display: flex;
    align-items: center
}

.order-card__top>div .svg-icon {
    fill: #fff;
    margin-right: 10px
}

.order-card__top>a {
    display: flex;
    align-items: center
}

.order-card__top>a .svg-icon {
    fill: #fff;
    margin-right: 10px
}

.order-card__top span {
    font-family: Montserrat , sans-serif;
    font-weight: 700;
    line-height: 18px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff
}

.order-card__row {
    display: flex;
    border-bottom: 1px dotted #8b9195;
    justify-content: space-between;
    margin-bottom: 16px
}

.order-card__row span {
    display: inline-flex;
    background: #f0f0f0;
    line-height: 20px;
    font-size: 14px;
    color: #1d2329;
    margin-bottom: -7px
}

.order-card__body {
    padding: 24px;
    background: #f0f0f0;
    padding-top: 28px;
    padding-bottom: 18px
}

.order-delivery {
    padding-top: 0;
    padding: 15px 0;
}

.order-delivery .btn {
    margin-right: 15px
}

.order-delivery .btn .svg-icon {
    margin-left: -6px;
    margin-right: 10px
}

.order-delivery__btn {
    margin-top: 25px;
    display: flex
}

.order-delivery .dvg-icon {
    margin-bottom: 15px
}

.order-delivery__title {
    font-family: Montserrat , sans-serif;
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
    color: #1078d1;
    margin-bottom: 10px
}

.order-delivery__text {
    font-family: Montserrat , sans-serif;
    font-weight: 500;
    line-height: 22px;
    font-size: 16px;
    color: #000
}

@media (max-width:768px) {
    .order-delivery {
        padding-top: 30px
    }

    .order-delivery .svg-icon {
        width: 50px;
        height: 50px
    }

    .order-delivery__btn {
        flex-direction: column;
        width: 294px
    }

    .order-delivery__btn .btn {
        margin-right: 0;
        height: 45px;
        margin-bottom: 15px
    }

    .order-delivery__title {
        font-size: 26px
    }
}

.tab {
    margin-top: 50px;
    background: #fff;
    margin-bottom: 50px
}

.tab .gallery__block {
    margin-left: -16px;
    width: calc(100% + 16px);
    margin-top: 25px
}

.tab .gallery__item {
    width: calc(25% - 16px);
    height: 125px
}

.tab__block {
    display: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    padding: 35px 40px;
    animation: fadeEffect 1s;
    position: relative;
    z-index: 4;
}

.tab__block .card-detail__about-row span {
    max-width: none
}

.tab__block .card-detail__about {
    width: 50%
}

.tab__block.is-active {
    display: block
}

.tab__control {
    display: flex
}

.tab__control-item {
    height: 45px;
    cursor: pointer;
    position: relative;
    font-family: Montserrat , sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    margin-right: 2px;
    background-color: #f0f0f0;
    transition: background-color .3s, box-shadow .3s ease
}

.tab__control-item:before {
    content: " ";
    width: 100%;
    height: 10px;
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: -6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.tab__control-item span {
    display: inline-block;
    line-height: 1.2;
    border-bottom: 1px dotted transparent;
    transition: color .3s, border-color .3s ease
}

.tab__control-item:hover span {
    color: #00a0f1;
    border-color: #00a0f1
}

.tab__control-item.is-active {
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    background-color: #fff;
    z-index: 6
}

.tab__control-item.is-active span {
    color: #1d2329 !important;
    border-bottom: 1px dotted transparent !important
}

.tab__control-item.is-active:before {
    opacity: 1
}

@media (max-width:768px) {
    .tab {
        width: calc(100% + 30px);
        margin: 0 -15px;
        margin-top: 30px;
        margin-bottom: 50px
    }

    .tab .gallery__item,
    .tab .gallery__item-big {
        width: calc(50% - 15px);
        height: calc(35vw - 30px)
    }

    .tab__block {
        padding: 25px
    }

    .tab .card-detail__about {
        width: 100%
    }

    .tab__control {
        overflow-x: auto;
        padding: 7px 15px 0;
        overflow-y: hidden
    }
}

@media (max-width:360px) {

    .tab .gallery__item,
    .tab .gallery__item-big {
        width: calc(100% - 15px);
        height: calc(75vw - 30px)
    }
}

.favorites-item {
    height: 360px;
    position: relative;
}

.favorites-item__close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #d2d2d2;
    transition: background-color .3s ease
}

.favorites-item__close .svg-icon use {
    stroke: #fff
}

.favorites-item__close:hover {
    background-color: #00a0f1
}

.favorites-item:hover .favorites-item__wrap {
    box-shadow: 0 0 16px rgba(0, 0, 0, .16);
    height: 412px
}

.favorites-item:hover .favorites-item__spinner {
    height: 30px
}

.favorites-item__spinner {
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .3s ease
}

.favorites-item__img {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 5px
}

.favorites-item__img img {
    max-width: 100%;
    max-height: 100%
}

.favorites-item__new {
    position: absolute;
    left: -7px;
    top: 5px
}

.favorites-item__wrap {
    position: absolute;
    padding: 15px;
    bottom: 0;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    transition: box-shadow .3s, height .3s ease
}

.favorites-item__sr {
    cursor: pointer;
    background-color: #d2d2d2;
    border-radius: 60px;
    margin-left: 8px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.favorites-item__sr.is-in {
    color: #fff;
    background-color: #8b9195
}

.favorites-item__sr:hover {
    background-color: #00a0f1;
    color: #fff
}

.favorites-item__bottom {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 17px;
    width: 100%;
    left: 0;
    padding: 0 15px
}

.favorites-item__izb {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d2d2d2;
    border-radius: 60px;
    margin-left: 8px;
    height: 30px;
    width: 30px;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease
}

.favorites-item__izb.is-in {
    color: #fff;
    background-color: #8b9195
}

.favorites-item__izb:hover {
    background-color: #00a0f1;
    color: #fff
}

.js-to-basket {
    flex: 1 1 auto; -ms-flex: 1 1 auto;
}

.favorites-item__basket {
    cursor: pointer;
    width: auto;
	width: auto;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    height: 30px;
    padding-top: 1px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: color .3s, border-color .3s, box-shadow .3s, background-color .3s ease;
    background-color: #1078d1;
    border-radius: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.favorites-item__basket.is-in {
    color: #fff;
    background-color: #8b9195
}

.favorites-item__basket:hover {
    background-color: #00a0f1;
    color: #fff
}

.favorites-item__name {
    font-size: 13px;
    transition: color .3s ease;
    height: 65px;
    text-decoration: none;
    line-height: 1.3;
    display: inline-block;
    color: #1d2329
}

.favorites-item__name:hover {
    color: #00a0f1
}

.favorites-item__art {
    line-height: 20px;
    font-size: 14px;
    color: #8b9195;
    margin-top: 2px
}

.favorites-item__bottom {
    padding-top: 10px
}

.favorites-item__price {
    font-weight: 600;
    line-height: 25px;
    margin-top: 2px;
    margin-bottom: 12px
}

.favorites-item__price,
.favorites__title {
    font-family: Montserrat, sans-serif;
    font-size: 18px
}

.favorites__title {
    font-weight: 700;
    margin-right: 20px
}

.favorites__top {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    z-index: 8;
    position: relative
}

.favorites__top.is-active {
    z-index: 0
}

.favorites__section {
    margin-bottom: 18px
}

.favorites__filter {
    display: flex;
    padding-bottom: 4px;
    position: relative;
    z-index: 5
}

.favorites__filter-item {
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    color: #8b9195;
    display: flex;
    align-items: center
}

.favorites__filter-item .svg-icon {
    stroke: #8b9195;
    transition: stroke .3s ease;
    margin-right: 6px;
    margin-top: 1px
}

.favorites__filter-item:hover {
    color: #00a0f1
}

.favorites__filter-item:hover .svg-icon {
    stroke: #00a0f1
}

.favorites__filter-item--all {
    color: #1078d1;
    transition: color .3s ease;
    margin-right: 23px
}

.favorites__filter-item--all span {
    border-bottom: 1px dotted rgba(16, 120, 209, .5);
    transition: border-color .3s ease;
    line-height: 1.2
}

.favorites__filter-item--all:hover {
    color: #00a0f1
}

.favorites__filter-item--all:hover span {
    border-bottom: 1px dotted #00a0f1
}

.favorites-slider {
    margin-top: -75px;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    z-index: 5
}

.favorites-slider.is-hidden {
    display: none;
}

.favorites-slider__wrap {
    display: flex;
    flex-wrap: wrap;
    display: none;
    width: calc(100% + 26px);
    margin-left: -13px;
    margin-right: -13px;
    z-index: 5;
}

.favorites-slider__wrap.is-active {
    display: flex;
}

.favorites-slider__wrap  .favorites-item__wrap {
    width: 100%;
}

.favorites-slider__wrap .item {
    width: calc(20% - 26px);
    margin: 0 13px 20px 13px;
}


.favorites-slider .spinner-block__title {
    display: none
}

.favorites-slider .owl-item {
    position: relative;
    z-index: 9
}

.favorites-slider .owl-prev {
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s, opacity .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.favorites-slider .owl-prev.disabled {
    background-color: #f0f0f0 !important;
    pointer-events: none
}

.favorites-slider .owl-prev:hover {
    background-color: #1d2329 !important
}

.favorites-slider .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 45px;
    background-color: rgba(29, 35, 41, .15) !important;
    position: absolute;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .3s, opacity .3s ease
}

.favorites-slider .owl-next.disabled {
    background-color: rgba(0, 0, 0, .2) !important;
    pointer-events: none
}

.favorites-slider .owl-next:hover {
    background-color: #1d2329 !important
}

.favorites-slider .item {
    padding: 0 11px
}

.favorites-slider .favorites-level,
.favorites-slider .favorites-level__wrap {
    width: 100%
}

.favorites-slider .owl-stage-outer {
    padding: 75px 0 25px
}

@media (min-width:991px) {
    .favorites-slider-list {
        display: block;
        width: 100%;
        margin: 0 0 40px;
        border-bottom: 1px solid #d2d2d2
    }

    .favorites-slider-list .item {
        padding: 0
    }

    .favorites-slider-list .favorites-item {
        height: auto
    }

    .favorites-slider-list .favorites-item__close {
        position: relative;
        top: inherit;
        right: inherit;
        margin-left: 53px
    }

    .favorites-slider-list .favorites-item__basket {
        order: 1
    }

    .favorites-slider-list .favorites-item__name {
        height: auto;
        margin-bottom: 2px
    }

    .favorites-slider-list .favorites-item .spinner-block__title {
        line-height: 19px;
        font-size: 13px;
        color: #8b9195;
        display: block
    }

    .favorites-slider-list .favorites-item:hover .favorites-item__wrap {
        height: 90px;
        box-shadow: none
    }

    .favorites-slider-list .favorites-item__body {
        flex: 1 1 auto; -ms-flex: 1 1 auto;
        padding-left: 14px
    }

    .favorites-slider-list .favorites-item__price {
        height: auto;
        width: 143px;
        padding: 0 10px;
        flex: none;
        margin: 0;
        margin-right: 10px;
    }

    .favorites-slider-list .favorites-item__spinner {
        height: auto !important;
        width: 94px;
        margin-right: 37px;
        margin-bottom: 17px;
        flex: none;
    }

    .favorites-slider-list .favorites-item__img {
        width: 80px;
        height: 80px;
        flex: none;
        margin-bottom: 0;
        margin: 0
    }

    .favorites-slider-list .favorites-item__new {
        display: none
    }

    .favorites-slider-list .favorites-item__bottom {
        position: relative;
        bottom: auto;
        left: auto;
        width: 168px;
        padding-right: 0;
        padding-top: 0;
        flex: none;
    }

    .favorites-slider-list .favorites-item__wrap {
        align-items: center;
        position: relative;
        display: flex;
        flex-direction: row;
        bottom: auto;
        box-shadow: none;
        height: 90px;
        padding: 5px;
        border-top: 1px solid #d2d2d2
    }


}

@media (max-width:1200px) {
    .favorites-item {
        height: 399px
    }

    .favorites-item:hover .favorites-item__wrap {
        box-shadow: 0 0 10px rgba(0, 0, 0, .08);
        height: 100%
    }

    .favorites-item__new {
        top: -1px
    }

    .favorites-item__price {
        margin-bottom: 10px
    }

    .favorites-item__spinner {
        height: 30px
    }

    .favorites-item__bottom {
        bottom: 15px
    }
}

@media (max-width:992px) {

    .favorites-slider__wrap .item {
        width: calc(25% - 20px);
        margin: 0 10px 20px 10px;
    }

    .favorites-slider__wrap .favorites-item__img {
        width: 135px;
        height: 135px;
    }

    .favorites-slider__wrap .favorites-item {
        height: 363px;
    }
}


@media (max-width:768px) {
    .favorites-slider__wrap .item {
        width: calc(33.3% - 20px);
        margin: 0 10px 20px 10px;
    }

    .favorites-slider__wrap .favorites-item__img {
        width: 100%;
    }
}


@media (max-width:560px) {
    .favorites-slider__wrap .item {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
    }
}
@media (max-width:768px) {
    .favorites-slider .item {
        width: 225px
    }

    .favorites-slider .owl-prev {
        top: 12px;
        right: 41px;
        left: auto;
        transform: translateY(0);
        height: 38px
    }

    .favorites-slider .owl-next {
        top: 12px;
        right: 10px;
        left: auto;
        transform: translateY(0);
        height: 38px
    }

    .favorites__top {
        padding-right: 66px;
        flex-direction: column;
        align-items: flex-start
    }

    .favorites__item {
        width: 205px
    }
}

.progress {
    display: flex;
    margin-right: -40px;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: -40px
}

.progress__text {
    padding-left: 19px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    margin-top: -3px
}

.progress__img {
    width: 100px;
    flex: none;
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.progress__img img {
    max-width: 100px;
    vertical-align: top;
    line-height: 1;
    max-height: 100px;
}

@-moz-document url-prefix() {
    .progress__img img { width: 100%; max-width: -moz-max-content; }
}

.progress__item {
    display: flex;
    width: calc(50% - 40px);
    margin-right: 40px;
    margin-bottom: 40px
}

@media (max-width:768px) {
    .progress {
        margin: 0
    }

    .progress__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        align-items: center
    }

    .progress__text {
        margin-top: 0
    }
}

.in-basket {
    position: fixed;
    right: 30px;
    top: 120px;
    width: 300px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 5px 33px rgba(11, 64, 105, .3);
    transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none;
    z-index: 20;
}

.in-basket.is-open {
    opacity: 1;
    pointer-events: auto
}

.in-basket__close {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 25px;
    right: 23px;
    line-height: 1;
	cursor: pointer;
}

.in-basket__price {
    font-family: Montserrat , sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    font-size: 14px;
    color: #1d2329;
}

.in-basket__price-value {
    color: #1d2329;
    font-weight: 700;
}

.in-basket__item {
    display: flex;
    margin-top: 5px;
    margin-bottom: 15px
}

.in-basket__item-name {
    line-height: 20px;
    font-size: 14px;
    color: #1d2329;
    display: inline-flex;
    margin-bottom: 3px
}

.in-basket__item img {
    width: 56px;
    height: 56px;
    flex: none
}

.in-basket__item-body {
    padding-left: 3px
}

.in-basket .btn {
    width: 100%
}

.in-basket__top {
    font-family: Montserrat , sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #00a0f1;
    display: flex;
    align-items: center
}

.in-basket__top img {
    flex: none;
    margin-right: 10px
}

.form__info {
    line-height: 20px;
    font-size: 14px;
    color: #8b9195;
    margin-top: -10px
}

.form__exp {
    line-height: 15px;
    font-size: 12px;
    color: #1d2329;
    margin-top: -10px;
    margin-bottom: 10px
}

.form__section {
    margin-top: 15px
}

.form__section-title {
    color: #1078d1;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px
}

.form .req {
    color: #d22329
}

.form__check {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 10px
}

.form__check input[type=checkbox] {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 15px;
    height: 15px
}

.form__check input[type=checkbox]:checked+.form__check-control:before {
    opacity: 1
}

.form__check-control {
    width: 15px;
    height: 15px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    border-radius: 2px;
    margin-right: 7px;
    position: relative;
    flex: none;
    margin-top: 2px
}

.form__check-control:before {
    content: " ";
    background-image: url(../images/common/checkb.svg);
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .3s ease;
    width: 10px;
    height: 8px;
    top: 2px;
    left: 2px
}

.form__check-text {
    line-height: 17px;
    font-size: 12px;
    color: #6c6c6c;
    font-family: Roboto, sans-serif
}

.form__check-text a {
    text-decoration: underline;
    line-height: 17px;
    font-size: 12px;
    color: #00a0f1;
    transition: color .3s ease
}

.form__check-text a:hover {
    color: #1078d1
}

.form__link {
    margin-bottom: -10px
}

.form__link a {
    line-height: 20px;
    font-size: 14px;
    text-decoration-line: underline
}

.form__link .title {
    display: block;
    line-height: 20px;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1
}

.form__field {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid transparent;
    transition: border-color .3s ease
}

.form__field .error-icon {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background: #f42027;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    padding-left: 1px;
    padding-top: 1px;
    pointer-events: none;
    transition: opacity .3s ease
}

.form__field.is-error {
    border: 1px solid #d22329
}

.form__field.is-error .error-icon {
    opacity: 1
}

.form__field .select2-container--default .select2-selection--single {
    height: 45px !important;
    color: #1d2329 !important;
    font-size: 16px;
    outline: 0;
    border: 0
}

.form__field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 44px
}

.form__field .select2-results__option {
    padding: 2px 18px;
    min-height: 45px;
    font-size: 16px
}

.form__field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1d2329 !important;
    font-weight: 400;
    line-height: 43px
}

.form__field .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 18px
}

.form__field .select2-container {
    width: 100% !important
}

.form__field.is-req span {
    color: #d22329;
    margin-left: 5px
}

.form__field label {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 12px 18px;
    line-height: 23px;
    font-size: 16px;
    color: #6c6c6c;
    width: 100%;
    transition: font-size .3s, color .3s, padding .3s ease;
    font-family: Montserrat, sans-serif
}

.form__field label.is-hidden {
    font-size: 10px;
    color: #d2d2d2;
    height: auto;
    padding-top: 2px;
    pointer-events: none;
}

.form__field textarea {
    padding: 18px;
    color: #6c6c6c;
    height: 135px;
    vertical-align: top
}

.form__field input[type=password],
.form__field textarea {
    line-height: 23px;
    font-size: 16px;
    background-color: #fff;
    outline: 0;
    width: 100%;
    border-color: transparent
}

.form__field input[type=password] {
    padding: 0 16px;
    color: #6c6c6c;
    height: 45px;
    font-family: Montserrat, sans-serif;
    padding: 0 18px;
    padding-top: 15px;
    color: #1d2329
}

.form__field input[type=password]::-webkit-input-placeholder {
    font-size: 16px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

.form__field input[type=password]:-moz-placeholder,
.form__field input[type=password]::-moz-placeholder {
    font-size: 16px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

.form__field input[type=password]:-ms-input-placeholder {
    font-size: 16px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

.form__field input[type=text] {
    padding: 0 16px;
    line-height: 23px;
    font-size: 16px;
    color: #6c6c6c;
    height: 45px;
    background-color: #fff;
    outline: 0;
    width: 100%;
    border-color: transparent;
    font-family: Montserrat, sans-serif;
    padding: 0 18px;
    padding-top: 15px;
    color: #1d2329
}

.form__field input[type=text]::-webkit-input-placeholder {
    font-size: 16px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

.form__field input[type=text]:-moz-placeholder,
.form__field input[type=text]::-moz-placeholder {
    font-size: 16px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

.form__field input[type=text]:-ms-input-placeholder {
    font-size: 16px;
    color: #6c6c6c;
    font-family: Montserrat, sans-serif
}

@media(max-width: 370px) {
    .form__field label {
        padding: 12px 5px;
        font-size: 15px;
    }

    .form__field  input[type=text] {
        padding: 0 5px;
        font-size: 15px;
        padding-top: 15px;
    }
}


@media(max-width: 330px) {
    .form__field label {
        padding: 12px 6px;
       
        font-size: 14px;
    }

    .form__field input[type=text] {
        padding: 0 6px;
         font-size: 14px;
        padding-top: 15px;
    }
}

.search-list--single {
    width: 75%
}

.search-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.search-list__item .breadcrumbs {
    margin-top: -3px;
    margin-bottom: 1px
}

.search-list__item .breadcrumbs ul li a {
    font-family: Roboto, sans-serif;
	line-height: 17px;
	font-size: 12px;
	color: #6C6C6C;
}

.search-list__item .breadcrumbs ul li a:hover {
color: #00a0f1;
}

.search-list__item .breadcrumbs ul li span{
    font-family: Roboto, sans-serif;
	line-height: 17px;
	font-size: 12px;
	color: #6C6C6C;
}

.search-list__price {
    width: 131px;
    flex: none;
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 16px;
    font-size: 16px;
    color: #1d2329;
    padding: 0 10px;
}

.search-list__anons {
    line-height: 20px;
    font-size: 14px;
    color: #2d2b2b
}

.search-list__count {
    width: 94px;
    flex: none;
    display: flex;
    flex-direction: column;
    padding-bottom: 17px
}

.search-list__count .title {
    line-height: 19px;
    font-size: 13px;
    margin-bottom: 3px;
    color: #8b9195
}

.search-list__btn {
    width: 170px;
    display: flex;
    flex: none;
    margin-left: 32px
}

.search-list__body {
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    align-items: flex-start;
    justify-content: center;
    background-color: white;
    padding-right: 20px;
}

.search-list__name {
    font-family: Montserrat , sans-serif;
    font-weight: 700;
    line-height: 25px;
    font-size: 18px;
    color: #2d2b2b;
    text-decoration: none
}

.search-list__name:hover {
    color: #00a0f1
}

.search-list__more {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #1078d1;
    line-height: 20px;
    font-size: 14px;
    display: inline-flex;
    margin: 15px;
    margin-left: 98px;
    transition: color .3s ease
}

.search-list__more .svg-icon {
    fill: #1078d1;
    margin-right: 5px;
    transition: fill .3s ease
}

.search-list__more:hover {
    color: #00a0f1
}

.search-list__more:hover .svg-icon {
    fill: #00a0f1
}

.search-list__img {
    width: 80px;
    height: 80px;
    flex: none
}

.search-list__img img {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    height: 100%
}

.search-count {
    line-height: 20px;
    font-size: 14px;
    color: #2d2b2b;
    margin-top: -15px;
    margin-bottom: 37px
}

.search-result .btn-in-basket .svg-icon {
    display: none;
}

@media (max-width:992px) {
    .search-list--single {
        width: 100%
    }

    .search-list__btn {
        width: 100%;
        justify-content: flex-end;
    }

	.search-result .btn-in-basket {
		margin-left: 0;
	}
	
	.search-list__btn {
		margin-left: 0;
		flex-direction: row-reverse;	
	}
	
	.search-list__price {
		width: 100%;
		padding: 0;
	}
	
	div.search-result {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	
	.search-list__img img {
		border: 0;
	}
	
	.search-list__img {
		width: 170px;
		height: 170px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	
	.search-list__body {
		flex-grow: INITIAL;
		justify-content: FLEX-START;
		PADDING: 0;
	}
	
	.search-list__anons {
		display: none;
	}
	
	.search-list__item .breadcrumbs ul {
		padding: 0;
		margin-bottom: 5px;
	}
	
	.search-list__item .breadcrumbs {
		display: none;
	}
	
	.search-list__item .breadcrumbs ul li {
		line-height: 1.1;
		display: none;
	}
	
	.search-list__name {
		font-size: 14px;
		transition: color .3s ease;
		height: 60px;
		text-decoration: none;
		line-height: 1.3;
		display: inline-block;
		color: #1d2329;
	}

	.search-list__item {
		    padding: 15px 15px;
		align-items: flex-start;
		width: calc(33.3% - 20px);
		margin: 0 10px;
		margin-bottom: 20px;
		flex-direction: column;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, .08);
		transition: box-shadow .3s, height .3s ease;
    }

    .search-count {
        margin-top: -5px;
        margin-bottom: 14px
    }
}


@media (max-width:768px) {
	.search-list__item {
		width: calc(50% - 20px);	
	}
	
	.search-list__more {
		    margin: 0 0 0 10px;
	}
}

@media (max-width:480px) {
	.search-list__item {
        width: calc(50% - 20px);	
        padding: 15px 10px;
    }



    .search-result .btn-in-basket .svg-icon {
        display: block;
    }

    .search-result .js-to-basket{
        width: 43px;
        flex-grow: initial;
    }

    .search-result .btn-in-basket {
        font-size: 0;
        width: 43px;
    }
    
    .search-list__img {
        width: 100px;
        height: 100px;
    }
	
    .search-list__name {
        height: auto;
        margin-bottom: 7px;
        font-size: 12px;
        line-height: 14px;
    }
}

.contact-map {
    position: relative;
}

.contact {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    flex-wrap: wrap;
    margin-bottom: 65px;
}

.contact__img {
    margin-bottom: 0;
    height: 35px;
    width: 50px;
    text-align: left;
    margin-right: 17px;
}

.contact__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    text-align: center;
    margin-bottom: 19px;
}

.contact__item-row {
    display:flex;
}

.contact__item-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact__item-body {
    justify-content: center
}

.contact__item-row {
    margin-bottom: 0px;
    text-align: left;
}

.contact__item-row,
.contact__item p {
    line-height: 25px;
    font-size: 16px;
    font-family: Montserrat, sans-serif
}

.contact__item a {
    color: #1d2329;
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    margin-left: 5px;
}

.contact__item a:hover {
    text-decoration: underline
}

.contact__name {
    color: #2d2b2b;
    line-height: 25px;
    font-size: 16px;
    text-decoration: none
}

.map {
    height: 477px;
    margin-top: 0;
    position: absolute;
    top: -61px;
    width: 50vw;
}

.contact-form {
    background-image: url(../images/common/form-big.png);
    background-size: cover;
    background-position: 50%;
    padding: 66px 0 45px;
    margin-bottom: -40px;
    min-height: 502px
}

.contact-form,
.contact-form__ok {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.contact-form__ok-icon {
    margin-bottom: 10px
}

.contact-form__ok-icon svg use{
	fill: #fff;
}

.contact-form__ok span {
    font-size: 24px;
    color: #fff;
    text-align: center
}

.contact-form--ok {
    height: 518px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.contact-form h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 41px
}

.contact-form .form__btn {
    width: 167px;
    margin: 0 auto
}

.contact-form .form__field {
    margin-bottom: 24px
}

.contact-form .form__field textarea {
    height: 183px
}

.contact-form .form__check {
    margin: 0 auto;
    width: 310px;
    margin-bottom: 30px;
    margin-top: 11px
}

.contact-form .form__check-control {
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 0
}

.contact-form .form__check-control:before {
    background-image: url(../images/common/checkw.svg)
}

.contact-form .form__check-text,
.contact-form .form__check a {
    color: #fff
}

.contact-form .form__check a:hover {
    text-decoration: none
}

@media (max-width:992px) {
    .contact__item-row, .contact__item p {
        line-height: 21px;
        font-size: 14px;
    }

    .contact__item a {
        line-height: 21px;
        font-size: 14px;
    }

    .contact__img { 
        width: 38px;
        text-align: left;
        margin-right: 7px;
    }

    .map {
        height: 374px;
    }

    .contact {
        margin-top: 0;
        margin-bottom: 15px;  
    }
}

@media (max-width:768px) {
    .contact {
        flex-wrap: wrap;
        margin-top: 25px
    }

    .map {
        height: 250px;
        position: relative;
        top: inherit;
        width: calc(100% + 30px);
        margin: 0 -15px;
    }

    .wrapper__content--contact {
        width: 100%;
        padding-top: 15px;
    }

    .contact__item-row, .contact__item-row p {
        line-height: 19px;
        font-size: 14px;
    }

    .contact__item a {
        line-height: 19px;
        font-size: 14px;
    }

    .contact__item {
        width: 100%;
        margin-bottom: 20px
    }

    .contact__item-body {
        min-height: inherit
    }

    .contact__item-row {
        margin-bottom: 3px
    }

    .contact__item-row,
    .contact__item-row p {
        line-height: 21px;
        font-size: 15px
    }

    .contact-form {
        flex: 1 1 auto; -ms-flex: 1 1 auto;
        width: 100%;
        padding: 25px 20px
    }

    .contact-form h2 {
        margin-bottom: 20px
    }

    .contact-form .form {
        flex: 1 1 auto; -ms-flex: 1 1 auto;
        width: 100%
    }

    .contact-form .form__check {
        margin-bottom: 20px
    }
}



@media (max-width:480px) {
    .contact__item-row {
        flex-direction: column;
        line-height: 19px;
        font-size: 14px;
    }

    .contact__item a {
        margin-left: 0;
        line-height: 19px;
        font-size: 14px;
    }
}

.brand {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -34px
}

.brand__item {
    width: calc(50% - 68px);
    margin: 0 34px;
    margin-bottom: 34px
}

.brand__img {
    height: 42px
}

.brand__img img {
    max-height: 100%
}

.brand__name {
    font-weight: 700;
    line-height: normal;
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 7px;
    margin-top: 6px;
}

.brand__text {
    line-height: 20px;
    font-size: 14px
}

.brand__text .toggle {
    display: block;
    margin: 7px 0;
    width: 79px;
    margin-bottom: 15px
}

.brand__text .toggle:before {
    content: "читать ещё"
}

.brand__text .full-story .toggle:before {
    content: "свернуть"
}

.brand__list a {
    display: inline-block;
    position: relative;
    color: #1078d1;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    padding-left: 25px;
    margin-bottom: 8px;
    transition: color .3s ease
}

.brand__list a .svg-icon {
    stroke: #1078d1;
    position: absolute;
    top: 7px;
    left: 0;
    transition: stroke .3s ease
}

.brand__list a:hover {
    color: #00a0f1
}

.brand__list a:hover .svg-icon {
    stroke: #00a0f1
}

.about-info {
    margin-right: -30px;
    margin-top: 17px;
    margin-bottom: 24px;
    display: flex
}

.about-info__name {
    font-weight: 800;
    line-height: 18px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.about-info__item {
    width: calc(33.3% - 30px);
    margin-right: 30px
}

.about-info__text {
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.about-info__body {
    border-left: 3px solid #00a0f1;
    margin-top: -19px;
    margin-left: 15px;
    padding-top: 8px;
    padding-left: 11px
}

.about-info__count {
    color: #00a0f1;
    font-weight: 800;
    font-size: 48px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif
}

.about .gallery__block {
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
    margin-left: -16px;
}

.about .gallery__item {
    float: left;
    background-size: cover;
    background-position: 50%;
    display: block;
    height: 140px;
    padding: 0;
    margin-left: 15px;
    width: calc(25% - 15px)
}

.about .gallery__item-big {
    width: calc(50% - 15px);
    height: 295px
}

.about .main-info {
    margin-top: 16px;
    font-style: normal;
    padding-left: 16px
}

.about__big {
    margin-bottom: 20px
}

.about p {
    margin-bottom: 3px
}

@media (max-width:768px) {

    .about .gallery__item,
    .about .gallery__item-big {
		width: calc(50% - 14px);
		height: calc(35vw - 30px);
		margin: 0 7px;
		margin-bottom: 14px;
    }
	
	.about .gallery__block {
		display: block;
		overflow: hidden;
		margin: 0 -7px;
		margin-bottom: 16px;
	}

    .about-info {
        display: block;
        margin: 0;
        margin-bottom: 25px;
        margin-top: 10px
    }

    .about-info__body {
        margin-top: -7px;
        padding-top: 0
    }

    .about-info__item {
        width: 100%;
        margin-bottom: 12px
    }

    .about-info__count {
        font-size: 40px
    }
}

@media (max-width:360px) {

    .about .gallery__item,
    .about .gallery__item-big {
        width: calc(100% - 15px);
        height: calc(75vw - 30px)
    }
}

.user-info__section {
    margin-bottom: 5px
}

.user-info__ok svg {
    width: 25px;
    height: 25px;
    margin-right: 6px;
}

.user-info__ok svg use {
	fill: #1078d1;
}

.user-info__ok {
    color: #1078d1;
    font-weight: 600;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.user-info__btn {
    background-color: #fff;
    margin-top: -15px;
    z-index: 5;
    position: relative;
    padding: 0 66px;
    display: flex;
    padding-bottom: 54px
}

.user-info__btn .btn-outline {
    width: 100%
}

.user-info__item {
    display: flex;
    padding: 53px 66px;
    background-color: #fff;
    position: relative
}

.user-info__item:last-child:before {
    display: none
}

.user-info__item:before {
    content: " ";
    height: 1px;
    background: #f0f0f0;
    width: calc(100% - 132px);
    left: 66px;
    position: absolute;
    bottom: 0
}

.user-info__item--main {
    margin-bottom: 5px
}

.user-info__item--main:before {
    display: none
}

.user-info__body .btn-outline {
    font-size: 10px;
    padding: 0 14px;
    padding-top: 2px
}

.user-info__body .btn-outline .svg-icon {
    margin-top: -2px
}

.user-info__list {
    width: 80%;
    margin-bottom: 33px
}

.user-info__list--redaktor .user-info__row{
    border: 0;
	flex-wrap: wrap;
}

.user-info__list--redaktor .user-info__row input[type='text'] {
    height: 40px;
    width: 100%;
    margin-top: 9px;
}

.user-info__list--redaktor .user-info__row{
    border: 0;
	flex-wrap: wrap;
}

.user-info__row input[type='text']{
    padding: 2px;
    border: 3px solid #f0f0f0;
    font-family: Montserrat , sans-serif;
    line-height: 20px;
    font-size: 14px;
    outline: 0;
height: 33px;
}

.user-info__body input[type='submit']{
    background-color: #1078d1;
    display: inline-flex;
    border-radius: 60px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    padding: 12px 25px;
    line-height: 1;
    text-align: center;
    transition: color .3s,border-color .3s,box-shadow .3s,background-color .3s ease;
    align-items: center;
    outline: 0;
    justify-content: center;
    text-decoration: none;
    min-height: 40px;
    font-family: Montserrat,sans-serif;
}

.user-info__body input[type='submit']:hover{
    background-color: #00a0f1;
    color: #fff;
}

.user-info__block {
    display: flex;
    align-items: center;
    padding: 2px;
    border: 3px solid #f0f0f0;
    font-family: Montserrat , sans-serif;
    line-height: 20px;
    font-size: 14px;
    outline: 0;
    width: 100%;
    height: 40px;
    margin-top: 9px;
    background-color: #f5f5f5;
}

.user-info__row {
display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px dotted #c4c4c4;
    margin-bottom: 13px;
    align-items: flex-end;
}

.user-info__row span {
    display: inline-block;
    background-color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: -4px;
    max-width: 50%
}

.user-info__row span:last-child {
    font-weight: 700;
    width: 50%
}

.user-info__img {
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 165px;
    height: 165px;
    border: 1px solid #e6e6e6;
    background-image: url(../images/common/photo.png);
    display: flex;
    margin-bottom: 12px;
	background-size: cover;
    background-position: top center;
}

.user-info__img--logo {
    background-image: url(../images/common/logo.png)
}

.user-info__img-fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .36), transparent 50.3%)
}

.user-info__img input[type=file] {
    opacity: 0;
    pointer-events: none;
    display: none
}

.user-info__name {
    color: #1078d1;
    font-size: 18px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    margin-bottom: 25px;
    margin-bottom: 42px
}

.user-info__body {
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    padding-right: 25px
}

.user-info__avatar {
    width: 165px;
    flex: none;
    margin-top: 5px
}

.user-info__avatar .btn-outline {
    position: absolute;
    bottom: 7px;
    line-height: 15px;
    font-size: 12px;
    text-transform: inherit;
    font-weight: 400;
    padding: 0;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
    font-family: Roboto, sans-serif;
    letter-spacing: inherit;
    width: calc(100% - 34px)
}

.user-info__avatar .btn-outline .svg-icon {
    margin-top: -2px
}

.user-info__avatar-title {
    line-height: 15px;
    font-size: 12px;
    color: #8b9195
}

@media (max-width:768px) {
    .user-info__item {
        flex-direction: column;
        padding: 30px
    }

    .user-info__body {
        padding-right: 0;
    }

    .user-info__img {
        flex: none;
        margin-right: 15px
    }

    .user-info__avatar {
        display: flex;
        align-items: center;
        width: auto;
        margin-top: 20px
    }

    .user-info__list,
    .user-info__name {
        margin-bottom: 20px
    }

    .user-info__list {
        width: 100%
    }

    .user-info__btn {
        margin-top: 0;
        padding: 0 30px;
        padding-bottom: 35px
    }
}

@media (max-width:560px) {
    .user-info__item {
        padding: 25px
    }

    .user-info__name {
        font-size: 17px;
        line-height: 1.2
    }

    .user-info__btn {
        margin-top: 0;
        padding: 0 25px;
        padding-bottom: 35px
    }

    .user-info__row {
        display: block;
        border: 0
    }

    .user-info__row span,
    .user-info__row span:last-child {
        margin-bottom: 0;
        max-width: 100%;
        display: block;
        width: 100%
    }
}

.card-detail {
    overflow: hidden
}

.card-detail__slider {
    width: 362px;
    float: left
}

.card-detail__slider-big {
    width: 100%;
    margin-bottom: 10px;
	height: 368px;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.card-detail__slider-small .slick-current .card-item {
    border-color: #00a0f1;
}

.card-detail__slider-big.slick-initialized {
	opacity: 1;
}

.card-detail__slider-big .card-item {
    width: 100%;
    height: 362px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.card-detail__slider-big .card-item--video::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/bitrix/templates/.default/images/play.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


.card-detail__slider-big .card-item--video:hover::before {
    opacity: 0.8;
}

.card-detail__slider-big .card-item--video::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: #1078D1;
    opacity: 0.6;
    transition: opacity 0.3s ease;
    width: 100%;
    height: 100%;
}

.card-detail__slider-big .card-item img {
    width: 100%;
    height: 100%
}

.card-detail__slider-small {
    width: 100%;
    margin-bottom: 10px;
	height: 66px;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.card-detail__slider-small.slick-initialized {
		opacity: 1;
}

.card-detail__slider-small .card-item {
    cursor: pointer;
    width: 60px;
    height: 60px;
    position: relative;
	    background-size: cover;
    background-position: center;
    border: 1px solid #f0f0f0;
    transition: border-color .3s ease
}


.card-detail__slider-small .card-item--video::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(/bitrix/templates/.default/images/play.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.card-detail__slider-small .card-item--video::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: #1078D1;
    opacity: 0.6;
    transition: opacity 0.3s ease;
    width: 100%;
    height: 100%;
}

.card-detail__slider-small .card-item:hover {
    border-color: #00a0f1
}

.card-detail__slider-small .card-item img {
    width: 100%;
    height: 100%
}

.card-detail__status {
    line-height: 20px;
    font-size: 14px;
    color: #1078d1;
    margin-right: 15px;
    display: flex;
    align-items: flex-start
}

.card-detail__status-icon {
    width: 16px;
    margin-right: 6px
}

.card-detail__status-icon div {
    background-color: #d2d2d2;
    height: 2px;
    border-radius: 2px;
    margin-bottom: 2px
}

.card-detail__status-icon div:last-child {
    margin-bottom: 0
}

.card-detail__status-icon.is-1 div:nth-child(4),
.card-detail__status-icon.is-2 div:nth-child(3),
.card-detail__status-icon.is-2 div:nth-child(4),
.card-detail__status-icon.is-3 div:nth-child(2),
.card-detail__status-icon.is-3 div:nth-child(3),
.card-detail__status-icon.is-3 div:nth-child(4),
.card-detail__status-icon.is-4 div {
    background-color: #1078d1
}

.card-detail__info {
    padding-left: 30px;
    float: left;
    width: calc(100% - 362px)
}

.card-detail__top {
    display: flex
}

.card-detail__art {
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.card-detail__about {
    margin-top: 10px;
    width: 70%
}

.card-detail__about-row {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px dotted #8b9195;
    margin-bottom: 8px
}

.card-detail__about-row span {
    display: inline-block;
    background-color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: -4px;
    max-width: 167px
}

.card-detail__about-row span:last-child {
    width: 137px
}

.card-detail__about-row span:first-child {
    color: #8b9195
}

.card-detail__sr {
    margin-bottom: 11px
}

.card-detail__sr .svg-icon {
    margin-right: 10px;
    fill: #1078d1;
    transition: fill .3s ease
}

.card-detail__sr:hover {
    color: #00a0f1
}

.card-detail__sr:hover .svg-icon {
    fill: #00a0f1
}

.card-detail__sr.is-in {
    color: #8b9195
}

.card-detail__sr.is-in .svg-icon {
    fill: #8b9195
}

.card-detail__izb a {
    text-decoration: none;
}

.card-detail__izb .svg-icon {
    margin-right: 10px;
    fill: none;
    transition: fill .3s ease
}

.card-detail__izb .svg-icon use {
    stroke: #1078d1;
    transition: stroke .3s ease
}

.card-detail__izb:hover {
    color: #00a0f1
}

.card-detail__izb:hover .svg-icon use {
    stroke: #00a0f1
}

.card-detail__izb.is-in {
    color: #8b9195
}

.card-detail__izb.is-in .svg-icon use {
    stroke: #8b9195
}

.card-detail-btn {
    cursor: pointer;
    color: #1078d1;
    transition: color .3s ease;
    font-weight: 500;
    line-height: 14px;
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-family: Montserrat
}

.card-detail__slide {
    position: relative
}

.card-detail__slide.ui-widget.ui-widget-content {
    height: 4px;
    border: 0;
    background-color: #d6d6d6;
    margin-bottom: 15px;
    position: relative
}

.card-detail__slide .ui-slider-range-min {
    background-color: #00a0f1;
    height: 100%;
    position: absolute;
    top: 0
}

.card-detail__slide .ui-slider-horizontal .ui-slider-handle {
    margin-left: -7px
}

.card-detail__slide .ui-slider-horizontal .ui-slider-range {
    background-color: #00a0f1;
    height: 100%;
    position: absolute;
    top: 0
}

.card-detail__slide .ui-state-default,
.card-detail__slide .ui-widget-content .ui-state-default {
    width: 25px;
    height: 27px;
    background-image: url(../images/common/slider.png);
    display: block;
    position: absolute;
    top: -12px;
    margin-left: -11px;
    outline: 0
}

.card-detail__btn {
    display: flex;
    align-items: center;
    margin-top: 31px
}

.card-detail__btn-right {
    padding-left: 19px
}

.card-detail__btn .btn-in-basket {
    line-height: 18px;
    font-size: 14px;
    width: 158px;
    height: 45px
}

.card-detail__range {
    margin-top: 31px
}

.card-detail__range-row {
    display: flex
}

.card-detail__range-row .slide-block {
    margin-top: 14px
}

.card-detail__range-row .slide-block img {
    margin-top: -11px;
    pointer-events: none;
    margin-left: -2px;
    width: calc(100% + 9px);
    max-width: inherit;
    height: auto;
}

.card-detail__range-block {
    width: 264px;
    padding-right: 32px
}

.card-detail__range-top {
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.card-detail__range-input {
    width: 54px;
    border: 1px solid #d2d2d2;
    height: 26px;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0px;
}

.card-detail__range-top span {
	font-family: Montserrat , sans-serif;
    font-style: normal;
	font-weight: 500;
	color: #1D2329;
	font-size: 16px;
	display: none;
}

.card-detail__range-top input[type=text] {
    font-family: Montserrat , sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    font-size: 16px;
    text-align: center;
    color: #1D2329;
    outline: 0;
    border: 0;
    width: 100%;
    text-align: center;
}

.card-detail__range-top input[type=text]::-webkit-input-placeholder {font-weight: 500; font-family: Montserrat , sans-serif; color: #1D2329; font-size: 16px;}
.card-detail__range-top input[type=text]::-moz-placeholder          {font-weight: 500; font-family: Montserrat , sans-serif; color: #1D2329; font-size: 16px;}
.card-detail__range-top input[type=text]:-moz-placeholder           {font-weight: 500; font-family: Montserrat , sans-serif; color: #1D2329; font-size: 16px;}
.card-detail__range-top input[type=text]:-ms-input-placeholder      {font-weight: 500; font-family: Montserrat , sans-serif; color: #1D2329; font-size: 16px;}

.card-detail__range-total {
position: relative;
    font-family: Montserrat , sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    color: #00a0f1;
    background: #f3f3f3;
    min-width: 179px;
    height: 60px;
    display: flex;
    align-items: flex-end;
    padding: 0 6px;
    padding-bottom: 19px;
    pointer-events: none;
    padding-right: 0;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
}

.card-detail__range-total:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -50px;
    display: block;
    border: 30px solid transparent;
    border-right: 20px solid #f3f3f3
}

.card-detail__range-total span {
    font-size: 30px;
    margin-right: 5px
}

.card-detail__range .title {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 11px
}

.card-detail__detail {
    display: flex;
    align-items: center;
    margin-top: 17px
}

.card-detail__detail-total {
    padding-left: 20px;
    height: 49px;
    padding-bottom: 17px
}

.card-detail__detail-total .title {
    margin-bottom: 6px
}

.card-detail__detail-price {
    width: 230px;
    padding-right: 20px;
}

.card-detail__detail-price .btn-outline {
    font-size: 10px;
    padding: 0 10px;
    width: 100%;
    padding-top: 1px;
}

.card-detail__detail .price {
    font-family: Montserrat , sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 32px;
    margin-bottom: 12px;
    display: inline-flex;
}

.card-detail__detail .price span {
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    padding-left: 3px;
}

.card-detail__detail .total {
    font-family: Montserrat , sans-serif;
    font-weight: 500;
    line-height: 20px;
    font-size: 16px
}

.card-detail__detail .title {
    line-height: 19px;
    font-size: 13px;
    color: #8b9195
}

@media (max-width:1200px) {
    .card-detail__slider {
        width: 442px
    }

    .card-detail__slider-big .card-item {
        height: 442px
    }

    .card-detail__info {
        width: calc(100% - 442px)
    }
}

@media (max-width:992px) {
    .card-detail__slider {
        width: 270px
    }
	
	.card-detail__detail {
		margin-top: 30px;
	}
	
	.card-detail__slider-small {
		height: 50px;
		overflow: hidden;
	}
	
	.card-detail__slider-big {
		height: 276px;
		overflow: hidden;
	}
	
	.card-detail__range-total span {
		font-size: 26px;
	}

    .card-detail__slider-big .card-item {
        height: 270px
    }

    .card-detail__slider-small .card-item {
        width: 45px;
        height: 45px
    }

    .card-detail__info {
        width: calc(100% - 270px)
    }
}

@media (max-width:768px) {
    .card-detail__range-row .slide-block {
		margin-left: 10px;
		margin-right: 10px;
    }

    .card-detail__about {
        width: 100%
    }

    .card-detail__info {
        width: 100%;
        padding-left: 0
    }

    .card-detail__slider {
		float: none;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 4px;
		overflow: hidden;
    }
	
	.card-detail__slider-big {
		width: calc(100% - 95px);
		float: left;
		height: auto;
	}
	
	.card-detail__slider-small {
		width: 76px;
		float: left;
		padding-left: 15px;
		height: auto;
	}

    .card-detail__slider-big .card-item {
		height: 350px;
		width: 350px;
		margin: 0 auto;
    }

    .card-detail__slider-small .card-item {
        width: 60px;
        height: 60px
    }
}

@media (max-width:480px) {
    .card-detail__range-block {
        width: 100%;
        padding-right: 0
    }

    .card-detail__btn-right {
        padding-left: 12px;
    }
	
	.card-detail__slider-small {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	.card-detail__slider-big {
		width: 100%;
		float: none;
	}

    .card-detail__range-row .card-detail__range-block img {
		width: 100%;
		margin-left: 3px;
		width: calc(100% + 3px);
    }
	
	.card-detail__detail .price {
		display: flex;
		align-items: center;
		    margin-bottom: 0;
	}
	
	.card-detail__detail .price span {
		line-height: 29px;
	}

    .card-detail__range-total:before {
        display: none
    }

    .card-detail__range-row {
        flex-direction: column
    }

    .card-detail__range-row .slide-block {
        margin-left: 10px
    }

    .card-detail__detail-total {
        display: none
    }

    .card-detail__detail-price {
        order: 2;
        width: auto;
        padding-left: 34px;
        padding-right: 0
    }

    .card-detail__detail .btn-outline {
        display: none
    }

    .card-detail__slider {
        width: auto;
        float: none;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 31px
    }

    .card-detail__slider-big .card-item {
        height: calc(100vw - 30px);
        width: 100%;
    }

    .card-detail__slider-small .card-item {
        width: 45px;
        height: 45px
    }
}

.download {
    margin-bottom: 24px
}

.download__item {
    display: flex;
    margin-bottom: 17px
}

.download__icon {
    margin-right: 11px;
    border: 0
}

.download__body {
    display: flex;
    flex-direction: column
}

.download__top {
    display: flex
}

.download__icon img {
    margin: 0;
    border: 0
}

.download__name {
    line-height: 20px;
    font-size: 15px;
    font-family: Roboto, serif;
    color: #2a2d3b
}

.download__block {
    margin-top: 22px
}

.download__size {
    font-size: 15px;
    line-height: 20px;
    margin-left: 5px;
    font-family: Roboto, serif;
    color: #d6d6d6
}

.download__link {
    color: #d22329;
    text-decoration: underline;
    font-size: 12px;
    line-height: 11px
}

.reg__wrap {
    display: flex
}

.reg__btn {
    padding-top: 39px
}

.reg__block {
    width: 50%
}

.reg__block .btn-prez {
    position: relative;
    left: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit
}

.reg__block .btn-prez__wrap {
    width: auto;
    display: inline-flex;
    border-radius: 20px;
    padding: 0 15px;
    margin-top: 23px;
    padding-right: 32px;
	
}

.reg__block .btn-prez span {
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: Montserrat, sans-serif
}

.reg__block--form {
    margin-top: -215px
}

.reg__block:first-child {
    padding-right: 43px
}

.reg__block:last-child {
    padding-left: 18px
}

.reg__block .form-phone {
    margin-top: 27px;
    background-color: #fff;
    box-shadow: 0 1px 37px rgba(0, 0, 0, .07);
    border-radius: 5px
}

.reg__block .form-phone .btn {
    width: 186px
}

.reg__block .form-phone__input {
    margin-top: 6px;
    margin-bottom: 11px
}

.reg__block .form-phone__text {
    width: 252px;
    margin-right: 36px
}

.reg__block .form-phone__text span {
    display: block;
    font-size: 18px
}

.reg__block .form-phone .form__check {
    margin-top: 15px;
    margin-bottom: 3px
}

.reg__block .form-phone .form__check-control {
    margin-top: 1px
}

.reg__block .form-phone__avatar-wrap {
    border-radius: 50%
}

.reg__block .form-phone__row {
    display: flex;
    align-items: flex-start
}

.reg-step__item {
    display: flex;
    padding-bottom: 20px;
    position: relative
}

.reg-step__item:last-child:before {
    display: none
}

.reg-step__item:before {
    content: " ";
    position: absolute;
    width: 1px;
    background-color: #00a0f1;
    top: 46px;
    left: 19px;
    bottom: 5px
}

.reg-step__text {
    line-height: 20px;
    font-size: 14px;
    padding-left: 16px
}

.reg-step__count {
    width: 40px;
    height: 40px;
    background-color: #00a0f1;
    border-radius: 50%;
    flex: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.reg-tab__control {
    display: flex
}

.reg-tab__control-item {
    cursor: pointer;
    background-color: #0d80d7;
    transition: background-color .3s ease;
    margin-right: 5px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 260px
}

.reg-tab__control-item.is-active {
    background-color: #00a0f1;
    cursor: inherit
}

.reg-tab__tab {
    background-color: #fff;
    border: 10px solid #00a0f1;
    padding: 30px;
    display: none;
    animation: fadeEffect 1s
}

.reg-tab__tab.is-active {
    display: block
}

.reg-tab__tab .form .select2-container--default .select2-selection--single {
    height: 45px !important;
    color: #1d2329 !important;
    font-size: 16px;
    outline: 0;
    border: 0
}

.reg-tab__tab .form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 44px
}

.reg-tab__tab .form .select2-results__option {
    padding: 2px 18px;
    min-height: 45px;
    font-size: 16px
}

.reg-tab__tab .form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1d2329 !important;
    font-weight: 400;
    line-height: 43px
}

.reg-tab__tab .form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 18px
}

.reg-tab__tab .form .select2-container {
    width: 100% !important
}

.reg-tab__tab .form__btn .btn {
    width: 100%
}

.reg-tab__tab .form__check {
    align-items: center;
    border-top: 1px solid #f0f0f0;
    margin-top: 20px;
    padding-top: 26px;
    padding-bottom: 17px
}

.reg-tab__tab .form__check-text {
    color: #1d2329;
    font-size: 14px
}

.reg-tab__tab .form__check-text a {
    font-size: 14px
}

.reg-tab__tab .form__check input[type=checkbox] {
    top: 27px;
    z-index: 4;
    width: 17px;
    height: 17px;
}

.reg-tab__tab .form__check input[type=checkbox]:checked+.form__check-control {
    background-color: #1078d1;
    border-color: #1078d1
}

.reg-tab__tab .form__check-control {
    width: 18px;
    height: 18px;
    margin-top: 0
}

.reg-tab__tab .form__check-control:before {
    top: 3px;
    left: 3px;
    background-image: url(../images/common/checkw.svg)
}

.reg-tab__tab .form__field {
    border: 3px solid #f0f0f0
}

.reg-tab__tab .form__field.is-error {
    border: 3px solid #d22329
}

.reg-tab__tab .form__field label {
    line-height: 21px
}

.reg-tab__tab .form__field input[type=text] {
    height: 44px
}

@media (max-width:1200px) {
    .reg__block:last-child {
        padding-left: 0
    }

    .reg__block:first-child {
        padding-right: 15px
    }

    .reg-tab__control-item {
        font-size: 14px;
        padding: 0 10px
    }
}

@media (max-width:992px) {
    .reg__wrap {
        display: block
    }

    .reg__block {
        width: 100%;
        padding: 0
    }

    .reg__block--form {
        margin-top: 35px
    }
}

@media (max-width:768px) {
    .reg__block .form-phone__row {
        display: block
    }

    .reg__block .form-phone__text {
        width: auto;
        margin-right: 0
    }

    .reg__block .form-phone__text span {
        display: inline-block;
        vertical-align: -1px
    }

    .reg__block .form-phone__text br {
        display: none
    }

    .reg-tab__tab {
        border: 4px solid #00a0f1;
        padding: 25px 16px
    }

    .reg-tab__control-item {
        width: 50%;
        margin: 0;
        line-height: 1.2
    }
}

.gallery {
    margin-bottom: 24px
}

.gallery__item {
    float: left;
    background-size: cover;
    background-position: 50%;
    display: block;
    height: 140px;
    padding: 0;
    margin-left: 15px;
    width: calc(25% - 15px)
}

.gallery__block {
    display: block;
    margin-bottom: 16px;
    overflow: hidden
}

.gallery__item {
    width: 25%;
    padding-left: 15px;
    margin-bottom: 15px
}

.gallery__item img {
    max-width: 100%;
    margin: 0
}

@media (max-width:768px) {

    .gallery__item,
    .gallery__item-big {
        width: calc(50% - 15px);
        height: calc(35vw - 30px)
    }
}

@media (max-width:360px) {

    .gallery__item,
    .gallery__item-big {
        width: calc(100% - 15px);
        height: calc(75vw - 30px)
    }
}

.checkbox {
    display: inline-flex;
    position: relative;
    margin: 0;
}

.checkbox:hover .checkbox__control {
    border: 1px solid #00a0f1
}

.checkbox:hover .checkbox__text {
    color: #00a0f1
}

.checkbox__row {
    position: relative;
    display: flex;
    margin-bottom: 9px
}

.checkbox__row input[type=checkbox] {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.checkbox__row input[type=checkbox]:checked+.checkbox__control {
    background-color: #00a0f1;
    border: 1px solid #00a0f1
}

.checkbox__row input[type=checkbox]:checked+.checkbox__control:before {
    opacity: 1
}

.checkbox__control {
    display: flex;
    position: relative;
    flex: none;
    width: 18px;
    height: 18px;
    border: 1px solid #d6d6d6;
    transition: background-color .3s, border-color .3s ease;
    margin-right: 8px
}

.checkbox__control:before {
    content: " ";
    background-image: url(../images/common/check-big.svg);
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .3s ease;
    width: 14px;
    height: 10px;
    top: 3px;
    left: 1px
}

.checkbox__text {
    line-height: 17px;
    font-size: 13px;
    font-family: Roboto, sans-serif
}

.catalog-list {
    margin-bottom: 12px
}

.catalog-list .catalog-list__status{
	position: absolute;
    left: 0;
    left: -2px;
    top: -2px;
}

.catalog-list__item {
    display: flex;
    position: relative;
    height: 91px;
    align-items: center;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px;
    padding-right: 0
}

.catalog-list__price {
    width: 246px;
    padding: 0 11px;
    flex: none;
}

.catalog-list__count {
    display: flex;
    flex-direction: column;
    width: 105px;
    flex: none;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 17px;
}

.catalog-list__count .count-title {
    line-height: 19px;
    font-size: 13px;
    color: #8b9195
}

.catalog-list__status {
    position: absolute;
    left: 0;
    left: -6px;
    top: 0;
}

.catalog-list__img {
    width: 80px;
    height: 80px;
    flex: none;
}

.catalog-list__img img {
    max-width: 80px
}

.catalog-list__price {
    font-weight: 600;
    line-height: 22px;
    width: 160px;
    padding: 0 15px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    text-align: right;
}

.catalog-list__art {
    line-height: 20px;
    font-size: 14px;
    color: #8b9195
}

.catalog-list__body {
    padding-left: 11px;
    flex: 1 1 auto; -ms-flex: 1 1 auto;
}

.catalog-list__btn {
    display: flex;
    flex: none;
    width: 167px
}

.catalog-list__name {
    color: #1d2329;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    transition: color .3s ease;
    display: inline-block
}

.catalog-list__name:hover {
    color: #00a0f1;
    text-decoration: none
}

@media (max-width:992px) {
    .catalog-list__price {
        width: 110px;
        flex: none
    }

    .catalog-list__count {
        width: 105px;
    }
}



.catalog-view {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap
}

.catalog-view .catalog-level {
    width: calc(25% - 20px);
    margin: 0 10px;
    margin-bottom: 20px
}

@media (max-width:992px) {
    .catalog-view .catalog-level {
        width: calc(33.3% - 20px)
    }
}

@media (max-width:768px) {
    .catalog-view .catalog-level {
        width: calc(50% - 20px)
    }

    .catalog-slider .catalog-level__img img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
    }
}

@media (max-width:480px) {
	.catalog-level__img {
        width: 100%;
        height: 150px;
	}
	
	.catalog-level__wrap {
		    padding-bottom: 52px;
	}
	
	.catalog-view-catalog .catalog-level .catalog-level__basket {
		font-size: 0;
		width: 43px;
		order: 3;
		margin-left: 0px;
		border-radius: 60px;
	}
	
	.catalog-level .catalog-level__izb {
        margin-left: 6px;
        order: 1;
        border-radius: 60px;
	}
	
	.catalog-level .catalog-level__sr {
        margin-left: 6px;
		order: 2;
		border-radius: 60px;
    }

    .catalog-level__art {
        font-size: 12px;
        line-height: 17px;
    }

    .catalog-level__price {
        font-size: 14px;
        line-height: 20px;
    }

    .catalog-view-catalog .catalog-level__bottom a:nth-child(2) {
        order: 2;
    }
	
	.catalog-level .catalog-level__basket .svg-icon {
		display: block !important;
    }

    .catalog-list .btn-in-basket {
        font-size: 0;
        margin: 0;
        padding: 0;
        width: 43px;
    }

    .catalog-list .js-to-basket {
        flex-grow: inherit;
    }

    .catalog-list .btn-in-basket .svg-icon {
		display: block !important;
    }
    
    .catalog-level__name {
        font-size: 12px;
        line-height: 14px;
        height: auto;
        min-height: 65px;
        margin-bottom: 4px;
    }
	
	.catalog-level {
		height: auto;
	}
}

@media (max-width:768px) {
    .catalog-list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
		margin-bottom: 12px;
    }

    .catalog-list__price {
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .catalog-list__name {
        height: 60px;
        font-size: 12px;
        font-size: 12px;
        line-height: 15px;
        overflow: hidden;
    }

    .catalog-list__status {
        left: -7px;
        transform: scale(1)
    }

    .catalog-list__body {
        padding-left: 0
    }

    .catalog-list__img {
        width: 114px;
        height: 114px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: 5px;
        flex: none
    }

    .catalog-list__img img {
        width: auto;
        max-height: 100%;
        max-width: 100%;
    }

    .catalog-list__count {
        padding-top: 8px;
        padding-bottom: 12px
    }

    .catalog-list__count .count-title {
        display: none
    }

    .catalog-list__btn .btn-in-basket {
        order: 1
    }

    .catalog-list__btn .btn-izb {
        order: 2
    }

    .catalog-list__btn .btn-sr {
        order: 3
    }

    .catalog-list__item {
		padding: 15px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, .08);
		transition: box-shadow .3s, height .3s ease;
		flex-direction: column;
		align-items: flex-start;
		height: 335px;
		width: calc(33.3% - 20px);
		margin: 0 10px;
		margin-bottom: 20px;
		border: 0;
    }
}

@media (max-width:768px) {
    .catalog-list__item {
        width: calc(50% - 20px)
    }

    .catalog-list__name {
        height: 60px
    }
}

@media (max-width:480px) {
    .catalog-list__item {
        height: auto;
    }

    .catalog-list__name {
       height: auto;
       min-height: 60px;
    }
}

@media(max-width: 340px) {
    .catalog-list__price {
        font-size: 14px;
    }
}


@media (max-width:340px) {
    .catalog-list__item {
        padding: 15px 10px;
    }

}

.slider-range__slide {
    margin-bottom: 19px
}

.slider-range__title {
    margin-bottom: 21px
}

.slider-range__title span {
    font-size: 14px;
    color: #6c6c6c;
    font-family: Roboto, serif;
    margin-right: 2px
}

.slider-range__title input[type=text] {
    width: 54px;
    height: 27px;
    outline: 0;
    background: #fff;
    border: 1px solid #d6d6d6;
    font-size: 14px;
    text-align: center;
    font-family: Roboto, serif;
    color: #2d2b2b;
    margin-right: 5px
}

.slider-range .ui-widget.ui-widget-content {
    height: 4px;
    border: 0;
    background-color: #d6d6d6;
    margin-bottom: 15px;
    position: relative
}

.slider-range .ui-slider-horizontal .ui-slider-handle {
    margin-left: -7px
}

.slider-range .ui-slider-horizontal .ui-slider-range {
    background-color: #00a0f1;
    height: 100%;
    position: absolute;
    top: 0
}

.slider-range .ui-state-default,
.slider-range .ui-widget-content .ui-state-default {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #00a0f1;
    outline: 0;
    background-color: #fff;
    float: none;
    display: block;
    position: absolute;
    top: -5px
}

.news-small__item {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 11px;
    margin-bottom: 13px
}

.news-small__item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.news-small__title {
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.news-small__date {
    line-height: 14px;
    font-size: 11px;
    color: #6c6c6c
}

.news-small__name {
    line-height: 17px;
    color: #2d2b2b;
    text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    display: inline-block;
    margin-top: 4px
}

.catalog-section {
    margin: 0 -7px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px
}

.catalog-section__item {
    display: flex;
    align-items: center;
    height: 90px;
    border: 1px solid #d2d2d2;
    padding: 0 9px;
    text-decoration: none;
    justify-content: space-between;
    width: calc(33% - 21px);
    margin: 0 7px 14px;
    transition: border-color .3s, box-shadow .3s ease
}

.catalog-section__item:hover {
    text-decoration: none;
    border-color: transparent;
    box-shadow: 0 0 30px rgba(0, 0, 0, .16)
}

.catalog-section__item:hover .catalog-section__name {
	color: #00A0F1;
}

.catalog-section__item:hover .catalog-section__icon {
    opacity: 0
}

.catalog-section__item:hover .catalog-section__icon.is-hidden {
    opacity: 1
}

.catalog-section__icon {
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    margin-right: 17px;
    position: relative;
    transition: opacity .3s ease;
    height: 100%
}

.catalog-section__icon.is-hidden {
    position: absolute;
    left: 0;
    opacity: 0;
    margin: 0 auto;
    top: 0;
    margin-top: 0
}

.catalog-section__icon img {
    vertical-align: top;
    max-width: 90%;
}

.catalog-section__body {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%
}

.catalog-section__name {
    font-weight: 600;
    line-height: 18px;
    font-size: 12px;
    color: #1d2329;
    font-family: Montserrat , sans-serif;
    transition: color .3s ease
}

.catalog-section__count {
    display: none;
    color: #8b9195;
    line-height: 18px;
    font-size: 14px;
    font-family: Montserrat, sans-serif
}

@media (max-width:1200px) {
    .catalog-section {
		margin: 0 -12px;
		margin-bottom: 20px;
    }

    .catalog-section__item {
		width: calc(33.3% - 24px);
		margin-bottom: 15px;
		margin: 0 12px 24px;
    }
}

@media (max-width:992px) {
	.catalog-section {
		margin-bottom: 30px;
    } 
    .catalog-section__item {
		width: calc(50% - 24px);
		margin-bottom: 15px;
    }
}

@media (max-width:768px) {

    .catalog-section__item {
		height: auto;
		min-height: 75px;
		width: calc(100% - 24px);
		margin-bottom: 10px;
    }
    
    .catalog-section__icon {
        margin-right: 10px;
    }
}

@media(max-width: 330px) {
    .catalog-section__icon {
        margin-right: 5px;
    }

    .catalog-section__name {
        font-size: 12px;
    }
}

table.title-search-result td {
   
    white-space: inherit; 
}

table.title-search-result td.title-search-item img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    flex: none;
}

table.title-search-result td.title-search-item a {
    font-family: Montserrat , sans-serif;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    color: #1D2329;
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
    height: auto;
    padding: 5px 5px;
    max-width: 100%;
}

table.title-search-result td.title-search-item a b{
	font-weight: bold;
	color: #1D2329;
}

table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a {
	background-color: #fff;
	color: #1078D1;
}

table.title-search-result tr.title-search-selected td b, 
table.title-search-result tr.title-search-selected a b, 
table.title-search-result tr.title-search-selected td.title-search-more a b {
	color: #1078D1;
}

table.title-search-result {
    width: 100%;
    background-color: #fff;
    overflow-y: auto;
    max-height: 350px;
    display: block;
}

@media (min-width: 1760px) {
    table.title-search-result tbody {
        width: 1170px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

table.title-search-result tbody {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 290px;
    padding-right: 15px;
    display: block;

}

table.title-search-result tbody tr{
    display: block;
}

table.title-search-result tbody td{
    display: block;
}

div.title-search-result {
    overflow: hidden;
    z-index: 205;
    border: 0;
    left: 0 !important;
    width: 100% !important;
    top: 120px !important;
    bottom: 0;

    background-color: rgba(29, 35, 41, 0.1);
}

@media(max-width: 1440px) {
    div.title-search-result {
        top: 110px !important;
    }

}

@media(max-width: 1200px) {
    div.title-search-result {
       top: 103px !important;
    }


    table.title-search-result tbody {
        width: 100%;
        padding-left: 5px;
    }
}


@media(max-width: 768px) {
    div.title-search-result {
        top: 93px !important;
    }
}

@media(max-width: 560px) {
    
    table.title-search-result {
        max-height: 210px; 
    }
}

@media(max-width: 320px) {
    
    table.title-search-result {
        max-height: 105px;
    }
}

.title-search-more {
	display: none !important;
}

.upload {	
    position: relative;	
}



.upload-wrap .upload {
    width: 180px;
    position: relative;
	flex: none;
}

.upload .svg-icon {
	margin-right: 5px;
}

.upload input[type="file"] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 5;
    cursor: pointer;
}

.upload-text {
	font-family: Roboto , sans-serif;
	line-height: 15px;
	font-size: 12px;
	color: #8B9195;
	padding-left: 10px;
}

.upload-wrap {
display: flex;
    align-items: center;
}

.upload-wrap--column {
    flex-direction: column;
    align-items: flex-start;
}


.upload-wrap--column .upload-text{
    padding: 0;
}

.upload-wrap--column .upload {
    margin-bottom: 15px;
}

.upload-wrap.is-hidden {
	display: none;
}

.upload  .upload__btn{
	
	font-family: Montserrat , sans-serif;
    line-height: 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #1078D1;
    border: 1px solid #1078D1;
    box-sizing: border-box;
    border-radius: 60px;
    transition: background-color 0.3s,box-shadow 0.3s, border-color 0.3s   ease;
    height: 35px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding-top: 1px;
}

.upload-list__item-close .svg-icon use{
	transition: stroke 0.3s ease;
	stroke: #8B9195;

}

.upload-list__item-close {
		cursor: pointer;
}

.upload-list__item-close:hover .svg-icon use{
	stroke: #00A0F1;
}

.upload-list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
	height: 30px;
}

.upload-list {
	margin-bottom: 13px;
}

.upload-list__item-text {
	font-family: Montserrat , sans-serif;
	line-height: 23px;
	font-size: 16px;
	color: #1D2329;
}

.upload:hover .upload__btn{
	cursor: pointer;
    background-color: #fff;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
	border-color: transparent;
}

.upload-list__wrap {
	display: none;

}

.upload-list__wrap.is-active {
	display: block;

}

.upload-list__wrap .upload {
	width: 165px;
}

@media(max-width: 380px) {
	.upload-wrap {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	
	.upload-text {
		padding-top: 7px;
		padding-left: 0;
	}
}

.preloader {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    background-color: #00a0f1;
}

.preloader.is-active {
    opacity: 0.7;
}

.preloader img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    max-width: inherit;
    width: 120px;
    height: 120px;
}
.add-address {
    width: 100%;
}
.add-address__btn {
    background-color: #1078d1;
    display: inline-flex;
    border-radius: 60px;
    border: 0;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    padding: 8px 15px;
    line-height: 1;
    text-align: center;
    transition: color .3s,border-color .3s,box-shadow .3s,background-color .3s ease;
    align-items: center;
    outline: 0;
    justify-content: center;
    text-decoration: none;
    min-height: 30px;
    font-family: Montserrat,sans-serif;
    margin-top: 10px;
}
.add-address__new.is-hidden {
    display: none;
}

@media (max-width: 1440px){
    .user-pInfo__item:last-child .user-pInfo__text span:nth-child(2){
        display: none !important;
    }
}

/** Added by Lezhenkin E. **/
.info-box {
    display: none;
}
.lzh-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(158, 158, 158, 0.4);
    z-index: 1080;
}

.lzh-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


/*# sourceMappingURL=styles.css.map */