/* Start:/local/templates/meb/css/grid12.css?166746508616732*/
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.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;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.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;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.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;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.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;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.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;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@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, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col, .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, .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, .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, .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%;
  }
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

*[class*="col"], .container{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-2-4,
.col-sm-2-4,
.col-md-2-4,
.col-lg-2-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-2-4 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-2-4 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-2-4 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-2-4 {
        width: 20%;
        float: left;
    }
}
/* End */


/* Start:/local/templates/meb/css/drift-basic.css?16674650864833*/
@keyframes drift-fadeZoomIn {
  0% { transform: scale(1.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes drift-fadeZoomOut {
  0% { transform: scale(1); opacity: 1; }
  15% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.5); opacity: 0; }
}

@keyframes drift-loader-rotate {
  0% { transform: translate(-50%, -50%) rotate(0); }
  50% { transform: translate(-50%, -50%) rotate(-180deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes drift-loader-before {
  0% { transform: scale(1); }
  10% { transform: scale(1.2) translateX(6px); }
  25% { transform: scale(1.3) translateX(8px); }
  40% { transform: scale(1.2) translateX(6px); }
  50% { transform: scale(1); }
  60% { transform: scale(0.8) translateX(6px); }
  75% { transform: scale(0.7) translateX(8px); }
  90% { transform: scale(0.8) translateX(6px); }
  100% { transform: scale(1); }
}

@keyframes drift-loader-after {
  0% { transform: scale(1); }
  10% { transform: scale(1.2) translateX(-6px); }
  25% { transform: scale(1.3) translateX(-8px); }
  40% { transform: scale(1.2) translateX(-6px); }
  50% { transform: scale(1); }
  60% { transform: scale(0.8) translateX(-6px); }
  75% { transform: scale(0.7) translateX(-8px); }
  90% { transform: scale(0.8) translateX(-6px); }
  100% { transform: scale(1); }
}

@-webkit-keyframes drift-fadeZoomIn {
  0% { -webkit-transform: scale(1.5); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}

@-webkit-keyframes drift-fadeZoomOut {
  0% { -webkit-transform: scale(1); opacity: 1; }
  15% { -webkit-transform: scale(1.1); opacity: 1; }
  100% { -webkit-transform: scale(0.5); opacity: 0; }
}

@-webkit-keyframes drift-loader-rotate {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0); }
  50% { -webkit-transform: translate(-50%, -50%) rotate(-180deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); }
}

@-webkit-keyframes drift-loader-before {
  0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(1.2) translateX(6px); }
  25% { -webkit-transform: scale(1.3) translateX(8px); }
  40% { -webkit-transform: scale(1.2) translateX(6px); }
  50% { -webkit-transform: scale(1); }
  60% { -webkit-transform: scale(0.8) translateX(6px); }
  75% { -webkit-transform: scale(0.7) translateX(8px); }
  90% { -webkit-transform: scale(0.8) translateX(6px); }
  100% { -webkit-transform: scale(1); }
}

@-webkit-keyframes drift-loader-after {
  0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(1.2) translateX(-6px); }
  25% { -webkit-transform: scale(1.3) translateX(-8px); }
  40% { -webkit-transform: scale(1.2) translateX(-6px); }
  50% { -webkit-transform: scale(1); }
  60% { -webkit-transform: scale(0.8) translateX(-6px); }
  75% { -webkit-transform: scale(0.7) translateX(-8px); }
  90% { -webkit-transform: scale(0.8) translateX(-6px); }
  100% { -webkit-transform: scale(1); }
}

.drift-zoom-pane {
  background: rgba(0, 0, 0, 0.5);
  /* This is required because of a bug that causes border-radius to not
  work with child elements in certain cases. */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.drift-zoom-pane.drift-opening {
  animation: drift-fadeZoomIn 180ms ease-out;
  -webkit-animation: drift-fadeZoomIn 180ms ease-out;
}

.drift-zoom-pane.drift-closing {
  animation: drift-fadeZoomOut 210ms ease-in;
  -webkit-animation: drift-fadeZoomOut 210ms ease-in;
}

.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: drift-loader-rotate 1800ms infinite linear;
  -webkit-animation: drift-loader-rotate 1800ms infinite linear;
}

.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.drift-zoom-pane-loader:before {
  left: 0;
  animation: drift-loader-before 1800ms infinite linear;
  -webkit-animation: drift-loader-before 1800ms infinite linear;
}

.drift-zoom-pane-loader:after {
  right: 0;
  animation: drift-loader-after 1800ms infinite linear;
  -webkit-animation: drift-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
  -webkit-animation-delay: -900ms;
}

.drift-bounding-box {
  background-color: rgba(0, 0, 0, 0.4);
}

/* End */


/* Start:/local/templates/meb/css/style.css?1739375557108352*/
.bx-pagination-container.row {
    height: 0px !important;
}

.column-left {
    height: auto !important;
}


#cookpop .icon-filter-value,
#cookpri .icon-filter-value,
#cookdis .icon-filter-value {
    display: none;
}

#cookpop[ASC] .icon-filter-value,
#cookpri[ASC] .icon-filter-value,
#cookdis[ASC] .icon-filter-value {
    display: inline-block;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#cookpop[DESC] .icon-filter-value,
#cookpri[DESC] .icon-filter-value,
#cookdis[DESC] .icon-filter-value {
    display: inline-block;
}

#cookpop[DESC] .icon-filter-value,
#cookpop[ASC] .icon-filter-value,
#cookpri[DESC] .icon-filter-value,
#cookpri[ASC] .icon-filter-value,
#cookdis[DESC] .icon-filter-value,
#cookdis[ASC] .icon-filter-value {
    background-image: url('/local/templates/meb/css/../img/icon-filter-value-active.png');
}


a[desc], a[asc] {
    color: #2b9acf;
    border-color: #ff8a00;
    text-decoration: none;
}

@font-face {
    font-display: swap;
    font-family: "Gotham Pro Regular";
    src: url('/local/templates/meb/css/../fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('/local/templates/meb/css/../fonts/GothamPro.woff') format('woff'), url('/local/templates/meb/css/../fonts/GothamPro.ttf') format('truetype'), url('/local/templates/meb/css/../fonts/GothamPro.svg#GothamPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Gotham Pro Bold";
    src: url('/local/templates/meb/css/../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/meb/css/../fonts/GothamPro-Bold.woff') format('woff'), url('/local/templates/meb/css/../fonts/GothamPro-Bold.ttf') format('truetype'), url('/local/templates/meb/css/../fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Gotham Pro Light";
    src: url('/local/templates/meb/css/../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/meb/css/../fonts/GothamPro-Light.woff') format('woff'), url('/local/templates/meb/css/../fonts/GothamPro-Light.ttf') format('truetype'), url('/local/templates/meb/css/../fonts/GothamPro-Light.svg#GothamPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "intro_bold";
    src: url('/local/templates/meb/css/../fonts/Intro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/meb/css/../fonts/Intro-Bold.woff') format('woff'), url('/local/templates/meb/css/../fonts/Intro-Bold.ttf') format('truetype'), url('/local/templates/meb/css/../fonts/Intro-Bold.svg#Intro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


img {
    max-width: 100%;
}

body {
    font-family: Gotham Pro Bold;
}

* {
    padding: 0;
    margin: 0;
}

body a {
    color: #2b9acf;
    text-decoration: none;

}

body a:hover {
    color: #ff8a00;
    border-color: #ff8a00;
    text-decoration: none;
}

.footer a:hover {
    color: #14B7ED;
    border-color: #14B7ED;
    text-decoration: none;
}

body {
    font-family: Gotham Pro Regular;
    font-size: 14px;
}

.header {
    padding-top: 30px;
    padding-bottom: 20px;
    background: #fafafa;
}

.container, .content.delivery {
    max-width: 1173px;
    width: auto;
    margin: 0 auto;
    padding: 0 15px;
}

.container .container {
    padding: 0;
}

.logo img {
    width: fit-content;
    height: fit-content;
}

.region {
    float: left;
    width: 165px;
    padding-top: 11px;
}

.region__title {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.region__city {
    float: left;
    font-family: Gotham Pro Regular;
    font-size: 14px;
    color: #14B7ED;
    border-bottom: 1px dashed #14B7ED;
    padding-bottom: 2px;
    text-decoration: none;
    outline-style: none;
}

.region__city:hover {
    color: #14B7ED;
    border-bottom: 1px dashed #14B7ED;
}

.phone {
}

.phone--whatsapp {
    line-height: 17px;
}

.phone__number,
.phone__number .header-phone {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 20px;
    color: #000;
    line-height: 17px;
    text-decoration: none;
}

.phone__number p {

    font-family: Gotham Pro regular;
    font-size: 12px;
    color: #2b9acf;
}

.phone__number b {

    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #666666;
    white-space: nowrap;
}

.phone__number s {
    text-decoration: none;
    color: #828282;
    white-space: nowrap;
}

.phone__number a {
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #2b9acf;
    white-space: nowrap;
    text-decoration: underline;

}

.application-block {
    display: none;
}

.application-block.active {
    display: block;
    padding: 0 10px;
}

.application__pagination {
    font-family: Gotham Pro Bold;
    font-size: 14px;
    text-transform: uppercase;
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.application__pagination li {
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.application__pagination li.active {
    color: #ff8a00;
    /* border-bottom: 2px solid #ff8a00; */
    padding-bottom: 2px;

}

#application-block {
    display: none;
    position: absolute;
    width: 290px;
    top: 68px;
    padding-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 110;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.application-input {
    height: 34px;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    padding-left: 5px;
    outline-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.application-label {
    float: left;
    color: #5b5b5b;
    margin-top: 10px;
}

.application-btn {
    width: 180px;
    height: 44px;
    background-color: #ff8a00;
    margin: 0 auto;
    display: block;
    border: none;
    cursor: pointer;
    outline-style: none;
    font-family: Gotham Pro Bold;
    color: #FFF;
    margin-top: 18px;
}

.application-btn:active, .application-btn:focus {
    outline-style: none;
}

.application-btn::-moz-focus-inner {
    border: 0;
}

.icon-arrow-down {
    float: left;
    width: 10px;
    height: 7px;
    background: url('/local/templates/meb/css/../img/icon-arrow-down.png');
    margin-top: 9px;

}

.phone--whatsapp .icon-arrow-down {
    display: none;
}

.icon-arrow-down:hover {
    float: left;
    width: 10px;
    height: 7px;
    background: url('/local/templates/meb/css/../img/icon-arrow-down2.png');
    margin-top: 9px;
}

.phone__text,
.phone--whatsapp-text {
    display: block;
    color: #666;
    margin-top: -6px;
}

.phone--whatsapp-text__img {
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.search-box {
    margin-top: 10px;
}

.search-box__search {
    position: relative;
    height: 52px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-box__search input {
    border: none;
}

.search-box__input {
    float: left;
    width: 77%;
    height: 49px;
    box-sizing: border-box;
    padding-left: 15px;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 10px;
    vertical-align: center;
    line-height: 18px;
    color: #B5B5B5;
    outline-style: none;
    border: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-box__search input {
    border: none;
    outline: none;
}

.footer-copyright__right a {
    transition: 0.6s;
}

.footer-copyright__right a:hover {
    color: #ff8a00;
}

.search-box__input:focus {
    color: #000;
}

.search-box__submit {
    background: url('/local/templates/meb/css/../img/icon-search-input.png');
    width: 23%;
    height: 49px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
    cursor: pointer;
}

.search-box__submit:active, .search-box__submit:focus {
    outline-style: none;
}

.cart {
    padding-left: 40px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.cart__icon {
    background: url(/local/templates/meb/css/../img/icon-cart.png);
    width: 32px;
    height: 31px;
    position: absolute;
    top: 5px;
    left: 0;
}

.cart__title {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 15px;
    color: #000;
    text-decoration: none;
    outline-style: none;
    margin-bottom: 3px;
}

.cart__count,
.cart__price {
    display: inline-block;
    vertical-align: middle;
}

.cart__count {
    font-size: 13px;
    text-align: center;
    color: #fff;
    width: 20px;
    height: 20px;
    background: #ff8a00;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
}

.cart__price {
    font-family: Gotham Pro Bold;
    font-size: 15px;
    margin-left: 10px;
}

.menu {
    background-color: #2b9acf;
    position: relative;
    height: 52px;
    overflow: hidden;
    z-index: 100;
}

.menu__ul {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.menu__item {
    float: left;
    margin-right: 0;
    margin-left: 23px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.home-icon {
    background: url('/local/templates/meb/css/../img/home-icon.png');
    float: left;
    width: 17px;
    height: 15px;
}

.menu__item.home {
    width: 50px;
    margin-right: 0;
}

.menu__item a {
    color: #FFF;
    font-family: Gotham Pro Bold;
    font-size: 12px;
    text-decoration: none;
    outline-style: none;
    text-transform: uppercase;
}

.menu__item a:hover {
    color: #143f52;

}

.menu-2 {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
}

.menu-2__ul {
    list-style: none;
}

.menu-2__ul li {
    float: left;
}

.menu-2__ul li.first {
    padding-left: 0;
}

.menu-2__ul li.last {
    margin-left: 8px;
}

li.menu-2__item a.a-menu-2 {
    float: left;
    padding: 20px 13px;
    font-family: Gotham Pro Bold;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    outline-style: none;
}

.menu-2__ul li a:hover {
    color: #FFF;
    background-color: #ff8a00;
}

.menu-2__ul li.first a {
    /*padding-left: 3px;*/
}

.menu-2__item.open > .a-menu-2 {
    color: #FFF;
    background-color: #ff8a00;
}

.open-menu {
    display: none;
    position: absolute;
    top: 217px;
    z-index: 12;
    right: 0;
    background-color: #fff;
    width: 100%;
    height: 390px;
}

.open-menu > .container {
    width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.open-menu__block {
    float: left;
    width: 100%;
    padding-top: 40px;
}

.open-menu__ul-fisrt {
    list-style: none;
    float: left;
    width: 292px;
}

.open-menu__ul-fisrt li {
    float: left;
    width: 100%;
    padding-bottom: 11px;
}

.open-menu__ul-fisrt li a {
    float: left;
    padding: 0;
    text-decoration: none;
    color: #000;
    font-family: Gotham Pro Regular;
}

.open-menu__ul-fisrt li a:hover {
    color: #ff8a00;
    background-color: #fff;

}

.open-menu__ul-fisrt li.ul-first-bold a:hover {
    color: #ff8a00;
}

.open-menu__ul-fisrt li.ul-first-bold a {
    font-family: Gotham Pro Bold;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.best-offer {
    float: right;
    width: 456px;
    height: 237px;
    border: 1px dashed #ff8a00;
}

.best-offer > a {
    line-height: 237px;
    display: inline-block;
    float: left;
    width: 54%;
    text-align: center;
}

.best-offer > a:hover {
    background: none !important;
}

.best-offer img {
    /* float: left; */
    /* line-height: 200px; */
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 300px;
    width: 93%;
}

.best-offer__block {
    width: 46%;
    float: left;
    padding-top: 32px;
    padding-bottom: 34px;
}

.offer__title {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    color: #ff8a00;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.offer__product-name {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
}

.offer__product-price {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.offer-price--old {
    font-family: Gotham Pro Bold;
    color: #B7B7B7;
    font-size: 16px;
    margin-top: 7px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

.offer-price--stroke {
    background: url('/local/templates/meb/css/../img/stroke.png');
    float: left;
    width: 59px;
    height: 18px;
    position: absolute;
    top: 2px;
    right: -1px;
    z-index: 9;
    -webkit-transform: rotate(165deg);
    -ms-transform: rotate(165deg);
    transform: rotate(165deg);
}

.offer-price {
    font-family: Gotham Pro Bold;
    font-size: 24px;
    color: #000;
}

.offer__know-more {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    color: #000;
    text-decoration: none;
    transition: 0.6s;
}

.best-offer__block .offer__know-more:hover {
    background-color: #FFF;
    color: #ff8a00;
}


.slider-tabs__content {
    display: none;
}

.slider-tabs__content.active {
    display: block;
}

.slider-tabs__content.active .container {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.slider-tabs__pagination {
    text-align: center;
    position: absolute;
    top: 542px;
    width: 100%;
}

.slider-tabs__pagination li {
    list-style: none;
    background-image: url('/local/templates/meb/css/../img/pagination.png');
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.slider-tabs__pagination li.active {
    background-image: url('/local/templates/meb/css/../img/pagination-active.png');
}

.slide-1 {
    float: left;
    width: 100%;
    height: 427px;
    background-image: url('/local/templates/meb/css/../img/slide-1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 74px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icon-new {
    display: block;
    background-image: url('/local/templates/meb/css/../img/icon-new.png');
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    color: #FFF;
    font-family: Gotham Pro Bold;
    text-align: center;
    padding-top: 22px;
    padding-right: 3px;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.product-title {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
    text-transform: uppercase;
    display: none;
}

.product-description {
    float: left;
    width: 100%;
    font-family: Gotham Pro Light;
    font-size: 15px;
    margin-bottom: 40px;
    display: none;
}

.icon-more {
    float: left;
    width: 20px;
    height: 20px;
    background-image: url('/local/templates/meb/css/../img/icon-more.png');
    margin-right: 10px;
    position: relative;
    top: 1px;
    display: none;
}

.text-more {
    font-family: Gotham Pro Bold;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    position: relative;
    top: 2px;
    display: none;
}

.box-content {
    float: left;
    width: 100%;
    background-color: #FAFAFA;
    padding-top: 73px;
}

.box-content__title {
    text-align: center;
    font-family: Gotham Pro Bold;
    text-transform: uppercase;
    font-size: 24px;
    color: #1E1E1E;
    margin-bottom: 30px;
}

.box-content__description {
    text-align: center;
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #5B5B5B;
    padding-bottom: 70px;
}

.phone.open #application-block {
    display: block;

}

li.open #open-menu {
    display: block;
    margin-top: 0;
}

.menu-2__ul li.open a.dropdown-toggle {
    background-color: #ff8a00;
    color: #FFF;
}

.best-offer a:hover {
    background-color: #fff;
    padding: 0;
}

.box-content__category {
    float: left;
    overflow: hidden;
    position: relative;
    width: 25%;
    height: 286px;
}

.box-content__category:last-child {
    width: 50%;
}

.box-content__category:hover {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    z-index: 2;
}

.box-content__category a {
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.box-content__category a:hover {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.box-content__category.sale-box {
    position: relative;
}

.box-content__category.hover {
    position: relative;
}

.box-content__category span {
    position: absolute;
    left: 0;
    font-family: Gotham Pro Bold;
    font-size: 158px;
    color: #fff;
    top: 152px;
    left: 230px;
    text-decoration: none;
    z-index: 10;

}

.box-content__category a {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    outline-style: none;
}

.box-content__category.normal-block.white {
    background-color: #FFF;
}

.box-content__category a:hover {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.box-content__category.normal-block {
    position: relative;
    width: 293px;
    height: 293px;
}

.box-content__category.normal-block a:hover {
    background-size: 110%;
    background-position: center;
}

.box-content__category img {
    display: block;
    margin: 0 auto
}

.row-box-four {
    float: left;
    width: 585px;
}

.row-box-four > .box-content__category {
    float: left;
    width: 50%;
}

.advantages {
    float: left;
    width: 100%;
    padding-top: 70px;
    background-color: #fafafa;
}

.advantages-name {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 24px;
    color: #2D2D2D;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 55px;
}

.advantages__block {
    float: left;
    width: 25%;
    text-align: center;
}

.advantages__block img {
    margin-bottom: 20px;
    width: fit-content;
    height: fit-content;
    max-width: 82px;
    max-height: 60px;
}

.advantages__name {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    color: #2D2D2D;
    margin-bottom: 10px;
    min-height: 32px;
}

.advantages__description {
    float: left;
    width: 100%;
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #5B5B5B;
}


.hot-sale {
    float: left;
    width: 100%;
    background-color: #fafafa;
    padding-top: 70px;
}

.hot-sale__name {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 24px;
    color: #2D2D2D;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 55px;
}

.hot-sale__row {
    margin-left: -30px;
}

.hot-sale__row:after {
    content: "";
    display: block;
    clear: both;
}

.hot-sale__row--cat {
    margin-left: -20px;
}

.hot-sale__row--cat:after {
    display: none;
}

.hot-sale__row--cat .hot-sale__box-product {
    width: calc(33.3% - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
}

.hot-sale__box-product {
    float: left;
    width: calc(25% - 30px);
    min0height: 455px;
    background-color: #fff;
    margin-left: 30px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.hot-sale__box-product.hover {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    box-shadow: 0 0 12px rgba(0, 0, 0, .14);
}

.hover-colomn.active {
    display: block;
    width: 100px;
    height: 455px;
    background-color: #FFF9CD;
    padding: 13px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hover-colomn {
    float: left;
    display: none;
}

.hover-ul {
    list-style: none;
}

.hover-ul li {
    float: left;
    width: 100%;
    margin-bottom: 7px;
    cursor: pointer;
}

.hot-sale-vision {
    float: left;
    width: 266px;
}

.icon-sale {
    float: left;
    position: absolute;
    margin-top: -11px;
    margin-left: -7px;
}

.saleValue {
    display: inline-block;
    max-width: 100%;
    padding: 5px 2px;
    box-sizing: border-box;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    color: #fff;
    font-weight: 600;
}

.icon-sale {
    float: left;
    position: absolute;
    margin-top: -11px;
    margin-left: -7px;
    background: url(/local/templates/meb/css/../img/icon-sale.png) center no-repeat;
    width: 56px;
    height: 56px;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    left: 7px;
    top: 11px;
}

.icon-sale--product {
    z-index: 2;
}

.product-block__slider .icon-sale {
    left: 0px;
    top: 0px;
}

.product-block__slider .carousel-inner {
    max-height: 386px;
    background: #fff;
    text-align: center;
}

.product-block__slider .carousel-inner img {
    max-height: 100%;
    max-width: 100%
}

.hot-sale__box-product.first.hover > .hot-sale-vision > .hot-sale__reviews > .btn-or-hover {
    display: block;
}

.btn-or-hover {
    display: none;
    float: left;
    width: 134px;
    height: 32px;
    background-color: #ff8a00;
    font-family: Gotham Pro Bold;
    color: #FFF;
    font-size: 12px;
    padding: 8px 5px;
    margin-right: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.reviews-a {
    float: right;
    padding-right: 15px;
    padding-right: 15px;
    color: #C0C0C0;
    margin-top: 9px;
}

.hot-sale__reviews a {
    text-decoration: none;
    color: #C1C1C1;
}

.icon-reviews {
    float: left;
    background: url('/local/templates/meb/css/../img/reviews.png');
    width: 23px;
    height: 15px;
    margin-right: 10px;
}

.block-prev {
    float: left;
    background: url('/local/templates/meb/css/../img/hot-sale-prev-icon.png');
    width: 25px;
    height: 25px;
    left: 115px;
    top: 150px;
    position: absolute;
    cursor: pointer;
}

.block-next {
    float: right;
    background: url('/local/templates/meb/css/../img/hot-sale-next-icon.png');
    width: 25px;
    height: 25px;
    left: 328px;
    top: 150px;
    position: absolute;
    cursor: pointer;
}

.hot-sale-block-img {
    float: left;
    width: 100%;
}

.about-company {
    background-color: #fafafa;
    padding-top: 55px;
    line-height: 26px;
    clear: both;
}

.about-company__title {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 24px;
    color: #1E1E1E;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.about-company__left {
    padding-left: 14px;
    padding-right: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about-company__right {
    float: left;
    width: 585px;
    padding-left: 14px;
    padding-right: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about-company__left--big-block {
    border: 3px solid #ff8a00;
    padding-left: 30px;
    padding-bottom: 40px;
    padding-top: 37px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about-company__left--big-block p {
    font-family: Gotham Pro Bold;
    font-size: 16px;
    color: #1E1E1E;
}

.about-company__left--text {
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #5B5B5B;
    line-height: 26px;
}

.about-company__left--text a {
    color: #14B7ED;
    text-decoration: none;
}

.catalog-block {
    float: left;
    width: 100%;
    background-color: #fafafa;
    padding-top: 40px;
}

.column-left {
    float: left;
    width: 250px;
    padding-left: 15px;
    background-color: #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.column-left.invers {
    background: transparent;
    padding: 0;
}

.column-left .section {
    background-color: #f2f2f2;
    margin: 0 0 20px;
    padding: 15px;
}

.column-left .section.nopad {
    padding: 0;
}

.catalog__ul {
    list-style: none;
    padding-top: 25px;
    overflow: auto;
}

.catalog__ul li {
    list-style: none;
    display: block;
    overflow: hidden;
}

.catalog__ul a {
    display: block;
    padding: 11px 15px;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog__ul .big-item-catalog {
    color: #000;
    font-size: 14px;
}

.catalog__ul .active-bord {
    background-color: #ff8a00;
    color: #FFF;
    position: relative;
}

.catalog__ul .not-parent.active-bord .active-i {
    background-image: url(/local/templates/meb/css/../img/arrow-my.png);
}

.catalog__ul .not-parent.active-bord:hover .active-i {
    background-image: url(/local/templates/meb/css/../img/arrow-my.png);
}

.catalog__ul .active-bord .big-item-catalog {
    padding-bottom: 11px;
    color: #fff;
}

.catalog__ul-lvl2 {
    overflow: hidden;
    max-height: 0;
    background: #fff;
    transition: max-height .5s ease-out;
}

.catalog__ul a.active + .catalog__ul-lvl2 {
    max-height: 1000px;
}


.column-left + .content {
    margin-left: 250px;
    padding-left: 20px;
}

.content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog-breadcrumb__ul {
    list-style: none;
    margin-bottom: 20px;
}

.catalog-breadcrumb__ul_1 {
    margin-top: -8px;
}

.catalog-breadcrumb__ul_2 {
    margin-top: -4px;
}

.catalog-breadcrumb__ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    font-family: Gotham Pro Light;
    font-size: 13px;
    color: #BDBDBD;
}

.catalog-breadcrumb__ul li a {
    color: #BDBDBD;
    text-decoration: none;
}

.title {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: -7px;
}

.filter__box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.filter__title {
    float: left;
    font-family: Gotham Pro Regular;
    font-size: 15px;
    color: #B0B0B0;
    margin-right: 20px;
}

.filter__value-box {
    float: left;
    margin-right: 20px;
}

.filter__value {
    float: left;
    color: #000;
    font-family: Gotham Pro Bold;
    font-size: 15px;
    text-decoration: none;
}

/* .filter__value > span{
	border-bottom: 1px dashed;
} */
.filter__value > span:hover {
    border-color: transparent;
}

.filter__value-box.active .filter__value {
    color: #2b9acf;
}

.icon-filter-value {
    background-image: url('/local/templates/meb/css/../img/icon-filter-value.png');
    width: 19px;
    height: 19px;
    margin-left: 7px;
    float: right;
    margin-top: -3px;
    display: inline-block;
}

.filter__value-box.active .filter__value .icon-filter-value {
    background-image: url('/local/templates/meb/css/../img/icon-filter-value-active.png');
}

.filter__value-box_2 {
    position: relative;
    bottom: 2px;
}

.filter__value-box_2 .icon-filter-value {
    float: none;
    position: relative;
    bottom: -2px;
}

.catalog-box {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content_catalog_1 {
    padding-right: 0;
}

.catalog-box__item {
    float: left;
    width: 25%;
    text-align: center;
}

.catalog-box__item img {
    max-height: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
}

.catalog-box__item span {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 13px;
}

.catalog-product-row {
    float: left;
    width: 100%;
}

.catalog-product__box {
    float: left;
    width: 264px;
    height: 455px;
    background-color: #fff;
    margin-right: 43px;
    margin-bottom: 30px;
}

.catalog-product__box.last {
    margin-right: 0;
}

.pagination {
    float: left;
    width: 100%;
    list-style: none;
}

.pagination__item {
    float: left;
}

.pagination__item a {
    font-size: 16px;
    text-decoration: none;
    color: #2b9acf;
    float: left;
    min-width: 31px;
    text-align: center;
    padding: 8px 0;
    margin-right: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pagination__item.last a {
    color: #000;
    font-family: Gotham Pro Bold;
}

.pagination__item.last a img {
    position: relative;
    bottom: 2px;
    right: 2px;
}

.pagination__item.last a span {
    position: relative;
    bottom: 6px;
}

.pagination.blog {
    padding-top: 30px;
    width: 632px;
}

.pagination__item a:hover {
    color: #ff8a00;
}

.pagination__item.active a {
    background-color: #ff8a00;
    color: #FFF;
}

.pagination__item.null {
    width: 34px;
}

.pagination__item.last {
    margin-left: 46px;
}

.pagination__item.last.blog a {
    font-family: Gotham Pro Bold;
    color: #000;
    width: 100px;
}

.pagination__item.last.blog a img {
    float: left;
}

.category__about-company {
    float: left;
    padding-top: 40px;
    padding-bottom: 45px;
    width: 100%;
}

.category__about-company-title {
    float: left;
    width: 100%;
    font-family: Gotham Pro Bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.category__about-description {
    font-family: Gotham Pro Light;
    font-size: 14px;
    line-height: 20px;
}

.category__next-category {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.contact-block {
    padding-top: 40px;
    padding-bottom: 70px;
    background-color: #FAFAFA;
}

.contacts-phone__block {
    display: block;
    background: #eee;
    min-height: 165px;
    width: 100%;
    float: left;
    padding-top: 38px;
    padding-left: 41px;
    /* padding-bottom: 28px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.contacts-phone__block2 {
    display: block;
    background: #eee;
    min-height: 111px;
    width: 100%;
    float: left;
    /* padding-top: 38px; */
    padding-left: 41px;
    padding-bottom: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -32px;

}

.cotacts-phone__number {
    float: left;
    font-family: Gotham Pro Bold;
    font-size: 30px;
    color: #000;
    /* 	margin-right: 55px; */
}

.cotacts-phone__number:hover,
.cotacts-phone__number:focus {
    color: #000;
}

.contacts-phone__text {
    float: left;
    font-family: Gotham Pro Light;
    margin: 10px;
    color: #2b9acf;
    font-weight: 900;
}

.contacts-phone__text .red {
    color: #ff8a00;

}

.contact-phone__clock {
    float: left;
    width: 100%;
    margin-top: 15px;
    color: #000;
}

.contact-phone__clock img {
    margin-top: -3px;
    float: left;
    margin-right: 10px;
}

.contacts-staff__block {
    width: 350px;
    padding-top: 166px;
    padding-bottom: 69px;
    position: absolute;
    margin-left: 812px;
}

.contacts-staff__item {
    float: left;
    width: 30%;
    margin-bottom: 50px;
}

.contacts-staff__name {
    display: block;
    font-family: Gotham Pro Light;
    font-size: 14px;
    margin-bottom: 15px;
    white-space: nowrap;
}

.contacts-staff__mail {
    display: inline-block;
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #42C4F0;
    margin-bottom: 20px;
    padding-left: 6px;

}

.contacts-staff__mail-to {
    width: 220px;
    height: 44px;
    font-family: Gotham Pro Bold;
    color: #000;
    border: 2px solid #e4e4e4;
    background-color: #fafafa;
    cursor: pointer;
    font-size: 14px;
}

.contacts-staff__mail-to:hover {
    background-color: #2b9acf;
    border: none;
    color: #FFF;
}

.modal.fade {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.mask {
    background-color: rgba(0, 0, 0, 0.8);
    background-size: cover;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.modal-block {
    left: 50%;
    top: 50%;
    width: 565px;
    height: 407px;
    margin: auto;
    margin-top: 65px;
    border: 10px solid #929292;
}

.btn-close-modal {
    background-image: url('/local/templates/meb/css/../img/modal-close-icon.png');
    width: 32px;
    height: 32px;
    position: absolute;
    right: -52px;
    top: 0;
    cursor: pointer;
}

.modal-content {
    position: relative;
    width: 590px;
    height: auto;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    margin: 15% 25%;
    margin: 15% auto;
    z-index: 2;
}

.modal-content_2 {
    width: 860px;
}

.modal-content_2 table.table-chatacter {
    width: 100%;
}

.modal-content--contact {
    background-color: transparent;
    color: #fff;
    border: 5px solid #666;
}

.modal-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.left-modal-colomn {
    float: left;
    margin-right: 30px;
}

.fast-modal-carousel .item {
    display: none;
    width: 400px;
    height: 301px;
    margin-bottom: 6px;
}

.fast-modal-carousel .item img {
    width: 100%;
    height: auto;
}

.fast-modal-carousel .item.active {
    display: block;
}

.carousel-indicators.fast-order-carousel-indicators {
    float: left;
    height: 64px;
    margin-bottom: 60px;
    overflow: hidden;
}

.carousel-indicators.fast-order-carousel-indicators li {
    float: left;
    width: 96px;
    height: 72px;
}

.carousel-control.left.fast-order-carousel-indicators {
    position: absolute;
    background-image: url(/local/templates/meb/css/../img/fast-order-prev-icon.png);
    background-repeat: no-repeat;
    width: 64px;
    height: 72px;
    left: 3px;
}

.carousel-control.left.fast-order-carousel-indicators:hover {
    background-image: url(/local/templates/meb/css/../img/fast-order-prev-icon-active.png);
    background-repeat: no-repeat;
    width: 64px;
    height: 70px;
}

.carousel-control.right.fast-order-carousel-indicators {
    position: absolute;
    background-image: url(/local/templates/meb/css/../img/fast-order-next-icon.png);
    background-repeat: no-repeat;
    width: 64px;
    height: 72px;
    right: 3px;
}

.modal-content .carousel-control.right.fast-order-carousel-indicators {
    right: 0px;
}

.modal-content .carousel-control.left.fast-order-carousel-indicators {
    left: 0;
}

.carousel-control.right.fast-order-carousel-indicators:hover {
    background-image: url(/local/templates/meb/css/../img/fast-order-next-icon-active.png);
    background-repeat: none;
}

.buy-credit__modal {
    width: 399px;
    height: 41px;
    font-family: Gotham Pro Bold;
    font-size: 15px;
    background-color: #fff6b8;
    border: none;
    cursor: pointer;
    outline-style: none;
}

.right-modal-product-name {
    font-family: Gotham Pro Bold;
    font-size: 29px;
    margin-bottom: 16px;
    color: #000;
}


.modal-slider {
    width: 401px;
    height: 301px;
}

.hot-sale__box-product .modal-content .carousel-inner {
    float: left;
    width: 401px;
    height: 301px;
}

.hot-sale__box-product .modal-content .carousel-indicators {
    display: block;
    float: left;
    width: 100%;
    background-color: #FFF;
    height: 72px;
}

.hot-sale__box-product .modal-content .carousel-indicators li {
    float: left;
    width: 96px;
    height: 72px;
    margin-right: 0;
}

body .carousel-indicators li {
    margin: 0px 8px 6px 0px !important;
}

body .carousel-indicators li:nth-child(6) {
    margin: 0px 0 6px 0 !important;
}

.right-modal-colomn {
    float: left;
    width: 360px;
}

.contact-map__block {
    float: left;
    width: 100%;
    padding-top: 91px;
}

.contact-map__block h2 {
    font-family: Gotham Pro Bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.contact-map__contacts {
    width: 411px;
    height: 320px;
    background-color: #FFF;
    position: absolute;
    padding: 15px;
    margin-left: 40px;
    margin-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-map__contacts-block {
    width: 377px;
    height: 286px;
    border: 2px solid #ddd;
    margin: auto;
    padding: 35px 20px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-map__contacts-block__name {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    margin-bottom: 30px;
}

.contact-map__contacts-block img {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}

.contact-geo-text {
    float: left;
    width: 90%;
    font-family: Gotham Pro Light;
}

.contact-geo-text i {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ff8a00;
}

.geo-clock-text {
    float: left;
    font-family: Gotham Pro Light;
    margin-bottom: 10px;
    padding-top: 20px;
}

.geo-phone-text {
    float: left;
    font-family: Gotham Pro Light;
    padding-top: 9px;
}

.basket__box {
    display: table;
    border-collapse: collapse;
}

.basket__box-head {
    float: left;
    padding-bottom: 10px;
    border-bottom: 3px solid #f2f2f2;
    text-align: left;

}

.basket__box-title {
    width: 278px;
    font-family: Gotham Pro Bold;
    font-size: 36px;
    text-align: left;
    padding-bottom: 15px;
    text-align: center;
}

.box-title {
    position: absolute;
    bottom: 30px;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    color: #2D2D2D;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.basket__box-name-product {
    width: 354px;
    font-size: 15px;
    color: #666;
    text-align: left;
}

.basket__box-price-product {
    width: 81px;
    font-size: 15px;
    color: #666;
}

.basket__box-count-product {
    width: 228px;
    font-size: 15px;
    color: #666;
    text-align: right;
    padding-right: 47px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.basket__box-total-product {
    width: 100px;
    padding-left: 84px;
    font-size: 15px;
    color: #666;

}

.basket__box-close {
    width: 34px;
    font-size: 15px;
    color: #666;
}

.basket__box-item {
    float: left;
    width: 100%;
    /* padding-top: 20px; */
    padding-bottom: 20px;
    border-bottom: 3px solid #f2f2f2;
}

.basket__box-item-img {
    width: 223px;
    padding-left: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.basket__box-item-name {

    width: 300px;
    padding-left: 55px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.basket__box-item-name a {
    font-family: Gotham Pro Bold;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    margin-bottom: 20px;
    display: block;
}

.basket__box-item-name p {
    font-family: Gotham Pro Light;
    color: #666;

}

.basket__box-item-price {
    width: 81px;
    font-family: Gotham Pro Bold;
    font-size: 21px;
    padding-left: 115px;
}

.basket__box-item-quantity {
    width: 228px;
    padding-left: 86px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.basket__box-item-quantity .minus {
    float: left;
    background-image: url('/local/templates/meb/css/../img/btn-minus.png');
    width: 36px;
    height: 36px;
    margin-right: 5px;
    border: none;
    cursor: pointer;
    outline-style: none;
}

.basket__box-item-quantity .minus:hover {

    background-image: url('/local/templates/meb/css/../img/btn-minus2.png');

}

.basket__box-item-quantity .plus {
    float: left;
    background-image: url('/local/templates/meb/css/../img/btn-plus.png');
    width: 36px;
    height: 36px;
    margin-left: 5px;
    border: none;
    cursor: pointer;
    outline-style: none;
}

.basket__box-item-quantity .plus:hover {

    background-image: url('/local/templates/meb/css/../img/btn-plus2.png');

}

.basket__box-item-quantity input {
    float: left;
    text-align: center;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    width: 50px;
    height: 34px;
    border: 1px solid #DEDEDE;
}

.basket__box-item-total {
    width: 184px;
    text-align: right;
    font-family: Gotham Pro Bold;
    font-size: 30px;
}

.basket__box-item-close {
    width: 34px;
    text-align: right;
    border: none;

}

.basket__box-item-close img {
    vertical-align: 180px;
    /* background-image: url('/local/templates/meb/css/../img/cart-close.png') ;
        width: 17px;
        height: 17px; */
    border: none;
}

.basket__box-item-close a {
    display: inline-block;
    position: relative;
}

.basket__box-item-close a:after {
    content: "";
    background: url(/local/templates/meb/css/../img/cart-close.png) center no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    bottom: 75px;
    transition: 0.6s;
    cursor: pointer;
}


.basket__box-item-close:hover a:after {
    background: url('/local/templates/meb/css/../img/cart-close_11.png') center no-repeat;
}

.basket__box-item-close > a {
    cursor: pointer;
    height: auto;
}

/*  .basket__box-item-close img:hover{
background-image: url('/local/templates/meb/css/../img/cart-close2.png');
 position:relative;
z-index: 9999;
top: -182px;
} */

.basket__box-item-sale {
    width: 712px;
    text-align: right;
    visibility: hidden;
}

/* .basket__box-item-sale a{
	text-decoration-style: dashed;
	color: #29ADE9;
	font-family: Gotham Pro Light;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px dotted #29ADE9;
} */

.basket__box-item-sale a {
    border-bottom: 1px dashed #14b7ed;
    color: #14b7ed;
    font-family: Gotham Pro Regular;
    font-size: 14px;
    outline-style: none;
    padding-bottom: 2px;
    text-decoration: none;
}

.basket__box-sale-line {
    float: left;
    width: 100%;
    padding-top: 24px;
}

.basket__box-item-sale-name {
    width: 228px;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    text-align: right;
    text-transform: uppercase;
}

.basket__box-item-sale-price {
    width: 184px;
    font-family: Gotham Pro Bold;
    font-size: 30px;
    color: #ff8a00;
    text-align: right;
}

.basket__box-form {
    display: block;
    padding-top: 70px;
}

.form__block {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 3px solid #f2f2f2;
}

.form-block-left, .form-block-left, .form-block-right2, .form-block-right3 {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
}

.form-block-left {
    padding-right: 15px;
}

.form-block-left form-block-contact {
    width: 100% !important;
}

.form-block-right2 {
    width: 100%;
    padding: 0;
}

.form-block-right3,
.form-block-right {
    padding-left: 15px;
}

.form__input-title {
    font-family: Gotham Pro Bold;
    font-size: 23px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.form-block-left label {
    display: inline-block;
    width: 126px;
    font-family: Gotham Pro Bold;
    color: #000;
    text-transform: uppercase;
}

.form-block-contact label {
    color: #fff;
}

.form-block-left label.reqiured {
    color: #ff8a00;
}

.form-block-left label.label-big-input {
    float: left;
    margin-top: 10px;
    width: 130px;

}

.form-block-left label.label-big-input b {
    width: 56px;
    font-family: Gotham Pro Regular;
    color: #979797;
    font-size: 9px;
}

.form-block-left input {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 36px;
    border: 1px solid #dedede;
    background-color: #fff;
    margin: 5px 0 7px;
    padding: 10px;
    outline-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-block-left input.big-input {
    height: 80px;
}

.cart-note {
    float: left;
    margin-top: 20px;
    font-family: Gotham Pro Light;
    padding-bottom: 55px;
}

.cart-note b {
    color: #ff8a00;
}

.form-block-right span.form__input-title {
    margin-bottom: 30px;
}

.form-block-right2 span.form__input-title {
    margin-bottom: 30px;
}

.form-block-right3 span.form__input-title {
    margin-bottom: 30px;
}

.radio {
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin: 0 3px 0 0;
}

.radio + label {
    cursor: pointer;
}

.radio:not(checked) {
    position: absolute;
    opacity: 0;
}

.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 40px;
}

/* .radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #FFF;
   }


.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 8px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s; }
.radio:checked + label:after {
  opacity: 1;
}
.radio:focus + label:before {
	width: 24px;
	height: 24px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; border radius
	background-color: #ed134f;
	border: 1px solid #ed134f;

} */
.form-block-right > label {
    float: left;
    /*height: 50px;*/
    margin-bottom: 30px;
}

.form-block-right label b {
    color: #2b9acf;
    text-transform: uppercase;
    font-family: Gotham Pro Regular;
    position: relative;
    display: inline-block;
}

.form-block-right2 > label {
    float: left;
    /*height: 50px;*/
    margin-bottom: 30px;
}

.form-block-right2 label b {
    color: #2b9acf;
    text-transform: uppercase;
    font-family: Gotham Pro Regular;
    position: relative;
    display: inline-block;
}

.form-block-right3 > label {
    float: left;
    /*height: 50px;*/
    margin-bottom: 30px;
}

.form-block-right3 label b {
    color: #2b9acf;
    text-transform: uppercase;
    font-family: Gotham Pro Regular;
    position: relative;
    display: inline-block;
}

/* .form-block-right span.basket_input{
	position: relative;
	display: inline-block;
}

.form-block-right span.basket_input:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/local/templates/meb/css/../img/basket_inherit.png) center no-repeat;
	z-index: 100;
	cursor: pointer;
	left: 0;
}

form-block-right input:cheked + span.basket_input:before{
	background: url(/local/templates/meb/css/../img/basket_checked.png) center no-repeat;
	top: 10px;
} */

.input_radio > span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 42px;
    font-weight: 800;
    padding-bottom: 20px;
}

.input_radio > span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/local/templates/meb/css/../img/basket_inherit.png) center no-repeat;
    z-index: 100;
    cursor: pointer;
    left: -1px;
    bottom: -4px;
}

.input_radio_1 > span:before {
    left: -1px;
    bottom: auto;
    top: 0;
}

.input_radio_2 > span:before {
    left: -1px;
    bottom: 14px;
}

.input_radio input:checked + span:before {
    background: url(/local/templates/meb/css/../img/basket_checked.png) center no-repeat;
}

.form-block-right label b.gray {
    color: #9F9F9F;
    text-transform: none;
}

.form-block-right2 label b.gray {
    color: #9F9F9F;
    text-transform: none;
}

.form-block-right3 label b.gray {
    color: #9F9F9F;
    text-transform: none;
}

.form-btn-stroke {
    float: left;
    width: 100%;
    margin-top: 34px;
    position: relative;
}

.cart-go-back {
    float: left;
    width: 220px;
    height: 44px;
    font-family: Gotham Pro Bold;
    background-color: #fafafa;
    border: 1px solid #DEDEDE;
    cursor: pointer;
    font-size: 13px;
    outline-style: none;
}

.cart-offer {
    float: right;
    width: 235px;
    height: 44px;
    font-family: Gotham Pro Bold;
    color: #FFF;
    background-color: #2b9acf;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    outline-style: none;
}

.cart-offer:hover {
    background-color: transparent;
    color: #666;
    border: 2px solid #666;
}

.stroke-cart__checked {
    text-align: center;
    margin: 0 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checked-title-itog {
    font-family: Gotham Pro Bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-right: 20px;
    margin-top: 6px;
}

.checked-price {
    font-family: Gotham Pro Bold;
    font-size: 30px;
    color: #ff8a00;
    margin-right: 20px;
}

.checked-deliver {
    display: inline-block;
    vertical-align: top;
    font-family: Gotham Pro Bold;
    font-size: 15px;
    color: #2b9acf;
    margin-right: 5px;
}

.delivery-block {
    background-color: #fafafa;
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
}

.content.delivery {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog-breadcrumb__ul.delivery {
    margin-bottom: 30px;
}

.delivery-info__container {
    width: 1141px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery-info__box {
    float: left;
    margin-bottom: 40px;
}

.delivery-info__box-left {
    float: left;
    width: 263px;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery-info__box-left + .delivery-info__box-right {
    float: left;
    width: 878px;
    padding-right: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery-info__box-title {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.delivery-info__box-text {
    display: block;
    font-size: Gotham Pro Light;
    font-size: 14px;
    line-height: 26px;
    color: #5B5B5B;
    margin-bottom: 12px;
}

.delivery-info__box-small {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    margin-bottom: 17px;
    margin-top: 17px;
}

.block-post {
    padding-bottom: 60px;
}

.block-post.last {
    border-bottom: 3px solid #f2f2f2;
}

.block-post-left {
    width: 250px;
    float: left;
}

.block-post-left > a img {
    width: fit-content;
    height: fit-content;
}

.block-post-right {
    margin-left: 250px;
    padding-left: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.title-section {
    overflow: auto;
}

.block-post__name {
    float: left;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    margin-bottom: 15px;
}

.block-post__date {
    margin-left: 20px;
    float: right;
    font-family: Gotham Pro Light;
    font-size: 13px;
    color: #999;
}

.block-post-description {
    display: block;
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #5B5B5B;
    margin-bottom: 30px;
    line-height: 26px;
}

.block-post__a {
    display: inline-block;
    vertical-align: top;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.block-post__a img {
    float: left;
    margin-right: 8px;
    /* 	margin-top:-4px; */
}

.blog__view-stat {
    float: right;
    font-family: Gotham Pro Light;
    font-size: 13px;
    color: #999;
    padding-right: 14px;
    padding-top: 40px;
}

.styles__block {
    margin-bottom: 28px;
}

.styles__block img {
    max-width: 100%;
}

.styles__block.modif {
    margin-bottom: 0;
    padding-bottom: 56px;
    border-bottom: 3px solid #f2f2f2;
}

.styles__left-column {
    float: left;
    width: 300px;
}

.style__right-column {
    margin-left: 300px;
}

.styles__block ul {
    padding-left: 15px;
    margin-bottom: 15px;
}

.styles__content-p,
.styles__block p {
    margin-bottom: 15px;
    font-family: Gotham Pro Light;
    color: #5B5B5B;
    line-height: 26px;
}

.styles__content-p a,
.styles__block p a {
    color: #42C4F0;
    text-decoration: none;
}

/* .styles__content-p a:hover{
	color: #ff8a00;
	text-decoration: none;
} */
.styles__read-next {
    padding-top: 30px;
}

.styles__read-next:after {
    content: "";
    display: block;
    clear: both;
}

.styles__h2 {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.read-next__h3 {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 23px;
    margin-bottom: 27px;
    margin-top: -4px;
}

/* .styles__left-column.modif{
	text-align: right;
}

.styles__left-column.modif img {
    margin-left: -85px;
} */

.styles__read-row {
    margin: 0 0 0 -20px;
}

.styles__read-item {
    float: left;
    width: calc(25% - 20px);
    min-height: 330px;
    background-color: #FFF;
    margin-left: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 37px;
    padding-left: 21px;
    padding-right: 21px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.styles__read-item:hover {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    box-shadow: 0 0 12px rgba(0, 0, 0, .14);
}

.styles__read-item.last {
    margin-right: 0;
}

.styles__read-item > img {
    width: fit-content;
    height: fit-content;
}

.styles__read-item img {
    margin-bottom: 30px;
}

.styles__read-item p {
    display: block;
    text-align: left;
    margin-bottom: 20px;
    line-height: 18px;
}

.styles__read-item a {
    text-align: left;
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.styles__read-item a img {
    float: left;
    margin-bottom: 0;
    margin-top: -3px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.product-block__left, .product-block__right {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.product-block__left {
    padding-right: 10px;
}

.product-block__slider {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

.product-block__slider .item {
    display: none;
}

.product-block__slider .item.active {
    display: block;
    margin-bottom: 9px;
}

.carousel-indicators {
    float: left;
    height: 93px;
    list-style: none;
    position: relative;
    margin: 9px 0 0;
}

.carousel-indicators li {
    float: left;
    width: 140px;
    height: 105px;
    margin-right: 8px;
    border-radius: 0px !important;
}

.carousel-indicators li.last {
    margin-right: 0;
}

.carousel-indicators li img {
    width: fit-content;
    height: fit-content;
}

.carousel-control {
    position: absolute;
    width: 70px;
    height: 93px;
    outline-style: none;
}

.product-block__slider .carousel-control.left {
    left: 0px;
    background-image: url('/local/templates/meb/css/../img/left-icon-slider.png');
    background-repeat: no-repeat;
    outline-style: none;
}

.product-block__slider .carousel-control.left:hover {
    background-image: url('/local/templates/meb/css/../img/left-icon-slider-active.png');
    background-repeat: no-repeat;
    outline-style: none;
}

.product-block__slider .carousel-control.right {
    right: 0px;
    background-image: url('/local/templates/meb/css/../img/right-icon-slider.png');
    background-repeat: no-repeat;
    outline-style: none;
}

.product-block__slider .carousel-control.right:hover {
    background-image: url('/local/templates/meb/css/../img/right-icon-slider-active.png');
    background-repeat: no-repeat;
    outline-style: none;
}

.block-credit {
    width: 100%;
    height: 41px;
    background-color: #fff6b8;
    border: none;
    font-family: Gotham Pro Bold;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 35px;
}

.product-page__decription {
    display: inline-block;
    width: 100%;
    clear: both;
}

.product-page__title-decription {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 23px;
    /* margin-bottom: 32px; */
    padding-top: 17px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.product-page__title-decription-p {
    display: block;
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #5B5B5B;
    margin-bottom: 30px;
    margin-top: -17px;
    line-height: 26px;
}

.product-page__title-decription-p iframe {
    max-width: 100%;
}

.product-block__right {
    padding-left: 10px;
}

.product-title__h1 {
    display: block;
    font-family: "intro_bold", sans-serif;
    font-size: 36px;
    margin-bottom: 8px;
    letter-spacing: -1.3px;
}

.delivery-block .title {
    margin-bottom: 50px;
}

.product-page__props {
    float: left;
}

.product-page__props li {
    padding-top: 8px;
    list-style: none;
}

.product-page__buy {
    float: right;
    padding-left: 10px;
}

.product-title__article {
    display: block;
    font-family: Gotham Pro Regular;
    font-size: 15px;
    color: #666;
    margin-bottom: 46px;
}

.product-page__price-box {
    margin-bottom: 10px;
}

.product-page__price {
    font-family: "intro_bold", sans-serif;
    font-size: 36px;
    display: block;
}

.product-page__price-old {
    float: left;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    color: #B7B7B7;
    position: relative;
}

.product-page__price-old .offer-price--stroke {
    width: 100%;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.product-page__btn-cart {
    padding-top: 10px;
}

.cart-button {
    position: relative;
    display: inline-block;
    width: 200px;
    max-width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: #2b9acf;
    color: #FFF;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    text-align: center;
}

.cart-button:hover {
    background-color: #ff8a00;
    color: #FFF;
    border-color: transparent;
}

.fast-order__container {
    float: left;
    width: 100%;
    margin-bottom: 46px;
    margin-top: 40px;
}

.fast-order__container span {
    margin-bottom: 10px;
    float: left;
}

.fast-order__box {
    float: left;
    width: 100%;
    display: block;
    background-color: #F2F2F2;
    padding: 10px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fast-order__input {
    float: left;
    width: 33.3%;
    padding: 0 5px;
    box-sizing: border-box;
}

.fast-order__box label {
    display: block;
    font-family: Gotham Pro Light;
    margin-bottom: 5px;
}

.fast-order__box input {
    width: 100%;
    height: 36px;
    background-color: #FFF;
    border: 1px solid #dedede;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fast-order__btn {
    width: calc(33.3% - 5px);
    height: 36px;
    background-color: #ff8a00;
    color: #FFF;
    font-family: Gotham Pro Bold;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    margin-top: 21px;
    margin-left: 5px;
    border: 1px solid #f58500;
    transition: 0.6s;
}

.fast-order__btn:hover {
    color: #ed134f;
    background-color: #fff;
}

.delivery__box {
    float: left;
    width: 539px;
    height: 51px;
    background-color: #f1f1f1;
    padding: 10px 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.delivery__box img {
    float: left;
    margin-right: 20px;
}

.product-page__delivery-date {
    float: left;
    width: 80%;
    font-family: Gotham Pro Bold;
    text-transform: uppercase;
}

.product-page__delivery-method {
    float: left;
    width: 80%;
    font-family: Gotham Pro Light;
    color: #2D2D2D;
}

.product-share__box {
    float: left;
    width: 100%;
    height: 57px;
    margin-bottom: 30px;
    position: relative;
}


.product-share__box a.blue {
    font-family: Gotham Pro Regular;
    color: #14b7ed;
    font-size: 16px;
    position: absolute;
    left: 360px;
    top: 34px;
    display: inline-block;
    transition: 0.6s;
    border-bottom: 1px dashed #14b7ed;
}

.product-share__box a.blue:hover {
    color: #ff8a00;
    border-bottom: 1px dotted #ff8a00;
}

.product-share__box span {
    font-family: Gotham Pro Regular;
    font-size: 15px;
    color: #666;
    display: block;
    /*margin-bottom: 18px;*/
}

.socki {
    background-image: url('/local/templates/meb/css/../img/social-sprite.png');
    float: left;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.social-link-2 {
    background-position: -34px;
}

.social-link-3 {
    background-position: -68px;
}

.social-link-4 {
    background-position: -102px;
}

.social-link-5 {
    background-position: -136px;
}

.social-link-6 {
    background-position: -170px;
}

.social-link-7 {
    background-position: -204px;
}

.social-link-8 {
    background-position: -238px;
}

.product-element__box {
    float: left;
    width: 100%;
}

.product-element__box span {
    float: left;
    font-family: Gotham Pro Bold;
    font-size: 23px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.product-element__item {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}

.product-element__item img {
    margin-right: 20px;
}

.product-element__item a {
    float: left;
    font-family: Gotham Pro Bold;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    margin-bottom: 5px;
}

.product-element__name {
    margin-top: 20px;
    width: 65%;
    margin-bottom: 12px;
}

.product-element__text {
    font-family: Gotham Pro Light;
    color: #5B5B5B;
    float: left;
}

.product-character {
    float: left;
    width: 100%;
    padding-top: 31px;
}

.product-character span {
    font-family: Gotham Pro Bold;
    font-size: 16px;
    margin-bottom: 13px;
}

.product-character table {
    float: left;
    width: 538px;

}

.table-chatacter tr {
    height: 28px;
    padding-left: 10px;
    font-size: 14px;
}

.table-chatacter tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.table-chatacter td {
    padding-left: 10px;
    font-size: 14px;
}

.table-chatacter td:nth-child(odd) {
    font-family: Gotham Pro Light;
    color: #666666;
}

.product-reviews__box {
    float: left;
    width: 100%;
}

.product-reviews__box-title {
    float: left;
    font-family: Gotham Pro Bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-right: 30px;
}

.product-reviews__box-title b {
    color: #B7B7B7;
}

.top-block .reviews__star {
    display: flex;
    margin-top: 5px;
}

.slick-slide .reviews__star img,
.reviews__star {

}

.reviews-btn {
    margin-top: 30px;
    width: 180px;
    height: 44px;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    background-color: #FAFAFA;
    border: 2px solid #dedede;
    cursor: pointer;
}

.reviews-form {
    margin-top: 30px;
    width: 100%;
    background-color: #f1f1f1;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 32px;
    padding-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reviews-form__block-1 {
    float: left;
    width: 250px;
}

.reviews-form__block-1 span {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    margin-bottom: 4px;
}

.form-rating {
    display: block;
    margin-bottom: 5px;
}

.reviews-form__block-1 label {
    display: block;
    font-family: Gotham Pro Light;
    font-size: 14px;
    margin-bottom: 7px;
}

.reviews-form__block-1 input {
    width: 180px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reviews-form__block-2 {
    margin-left: 250px;
}

.reviews-form__block-3 {
    margin-left: 250px;
    padding-top: 10px;
    clear: both;
}

.reviews-form__block-3 span {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    margin-bottom: 7px;
}

.mask-wrapper .send-file {
    font-family: Gotham Pro Bold;
    color: #000;
    background-color: #f2f2f2;
    border: 2px solid #dedede;
    padding: 10px 15px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.mask-wrapper .send-file:hover {
    background-color: #ff8a00;
    border-color: transparent;
    color: #FFF;
}

.mask-wrapper .fileInputText {
    position: relative;
    width: 133px;
    top: 3px;
}

.custom-file-input {
    width: 159px;
    height: 36px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    top: -36px;
    left: 0;
    z-index: 99999;
    cursor: pointer;
    display: none;
}

.custom-file-input:hover + .mask-1 .send-file {
    background-color: #ff8a00;
    border: none;
    color: #FFF;
}

.custom-file-input:hover {
    background-color: #ff8a00;
    border: none;
    color: #FFF;
}

.reviews-btn:hover {
    background-color: #ff8a00;
    border: none;
    color: #FFF;
}


/* C������ ���������� ����� ��� IE8 � ����� ������ ������
�.�. ����� �� ������� �������������� ����������� �������. */
.checkbox-active {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
}

/* ��� ��� ���� ���������, ����� ������ ������, ������� �� ������������
��������� � ������. ����������, ��� label ����������. */
.checkbox-active + label {
    cursor: pointer;
}

/* ����� ���� ���������� �������� � ����������� ���������, � ����� IE9 � ����.
��������� ����, ��� ������ �������� �� ������������ ��������� :not � :checked,
� ��� ��� ������������� ����� �� ���������. */

/* ������ ������������ �������. */
.checkbox-active:not(checked) {
    position: absolute;
    opacity: 0;
}

.checkbox-active:not(checked) + label {
    position: relative; /* ����� ��������������� ������������� ������������ label */
    padding: 0 0 0 35px; /* ��������� ����� �� label ����� ��� ������������� */
}

/* ���������� ������ ����� �������� � ����������� ��������� (���). */
.checkbox-active:not(checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    background-image: url('/local/templates/meb/css/../img/check-box.png');
    width: 18px;
    height: 18px;
}

/* ������ ��� ��������, ����� �� �������. */
.checkbox-active:checked + label:before {
    background-image: url('/local/templates/meb/css/../img/check-box-active.png');
    width: 18px;
    height: 18px;
}

.reviews-form__block-2 label {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    min-height: 20px;
}

.reviews-form__block-2 img {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

.checkbox-active--box {
    margin-bottom: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.reviews-form__block-2 .input-reviews-plus {
    float: left;
    width: calc(100% - 30px);
    height: 34px;
    font-family: Gotham Pro Light;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #DEDEDE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reviews-block-item {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 14px;
    border-bottom: 2px solid #F2F2F2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reviews-block-item-1 {
    float: left;
    width: 250px;
}

.reviews-item__name {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 10px;
}

.reviews-item__date {
    display: block;
    font-family: Gotham Pro Light;
    font-size: 12px;
}

.reviews-block-item-2 {
    margin-left: 250px;
}

.reviews-block-item-2 img {
    float: left;
    margin-right: 10px;
}

.reviews-block-item-2 p {
    display: block;
    font-family: Gotham Pro Light;
    color: #5B5B5B;
    margin-bottom: 12px;
}

.img-minus-reviews-item {
    margin-top: 6px;
}

.reviews-block-item-2 {
    font-size: 16px;
}

.reviews-block-item-3 {
    width: 250px;
    float: left;
}

.footer {
    float: left;
    width: 100%;
    background-color: #2b9acf;
    color: #ffffff;
    padding-top: 45px;
    padding-bottom: 43px;
}

.footer-menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #41a4d4;
    padding-bottom:35px;
}

@media (min-width: 1200px) {
    .footer-menu{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid #41a4d4;
        padding-bottom:35px;
    }
    .footer-menu__block{
        flex: 1;
    }

    .footer-menu__block:nth-child(1) {
        flex: .4;
    }
    .footer-menu__block:nth-child(2) {
        flex: .7;
    }
    .footer-menu__block:nth-child(3) {
        flex: .6;
    }
}

.footer-menu__title {
    font-family: Gotham Pro Bold;
    font-size: 15px;
    float: left;
    width: 100%;
    color: #FFF;
    margin-bottom: 25px;
}

.footer-menu__title.phone-footer {
    margin-bottom: 17px;
    white-space: nowrap;
}

.footer-menu__title.phone-footer span {

    font-family: Gotham Pro Light;
    font-size: 13px;
    color: #0c3f58;
}

.footer-menu__block .social-links {
    margin-bottom: 15px;
}

.footer-menu__block .social-links a img {
    width: fit-content;
    height: fit-content;
}


.footer-menu__title.phone-footer.last {
    margin-bottom: 23px;
}

.footer-menu__title.phone-footer.last span {

    font-family: Gotham Pro Light;
    font-size: 13px;
    color: #0c3f58;
}

.item-footer__move {
    float: left;
    width: 100%;
    font-family: Gotham Pro Light;
    color: #fff;
    margin-bottom: 45px;
    text-decoration: none;
}

.footer-menu__ul {
    list-style: none;
    float: left;
    display: inline-block;
    width: 100%;
}

.footer-menu__item {
    padding-bottom: 22px;
}

.footer-menu__item a {
    font-family: Gotham Pro Light;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.footer-menu__item a:hover {
    color: #fff;
}

.footer-menu__block.footer-contact a:hover {
    color: #ff8a00;
    text-decoration: none;
}

.footer-phone,
.footer-menu__block.footer-contact a.footer-phone:hover,
.footer-menu__block.footer-contact a.footer-phone:focus {
    color: #fff;
}

.footer-menu__title.phone-footer span {
    color: white;
}

.footer-phone {
    display: inline-block;
    margin-bottom: 10px;
}

.payment-method {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 54px;
}

.payment-method__item {
    float: left;
    margin-right: 15px;
}

.payment-method__item img {
    width: fit-content;
    height: fit-content;
}

.social {
    list-style: none;

}

.social li {
    display: -webkit-inline-box;
    vertical-align: middle;
}

.social li:not(:last-child) {
    padding-right: 16px;

}

.social li img {
    width: fit-content;
    height: fit-content;
}

/* .social__item1,2,3,4,5{
	float: left;
	margin-right: 20px;
}
.social__item1,2,3,4,5 img{
	display: none;
}
 .social__item a{
	background: url('/local/templates/meb/css/../img/social-2.png') no-repeat bottom;
	width:15px;
	height:15px;
	display: block;
}
.social__item a:hover{
	background: url('/local/templates/meb/css/../img/social-2--hover.png')no-repeat bottom;
} */
/* .social__item1 a{
	background: url('/local/templates/meb/css/../img/social-1.png') no-repeat;

} */
.social__item1 a:hover {
    background: url('/local/templates/meb/css/../img/social-1--hover.png') no-repeat;
    margin-top: -1px;
    display: block;
}

/* .social__item2 a{
	background: url('/local/templates/meb/css/../img/t.png') no-repeat;

} */
.social__item2 a:hover {
    background: url('/local/templates/meb/css/../img/t-a.png') no-repeat;
    display: block;
}

/* .social__item3 a{
	background: url('/local/templates/meb/css/../img/g.png') no-repeat;

} */
.social__item3 a:hover {
    background: url('/local/templates/meb/css/../img/g-a.png') no-repeat;
    display: block;
}

/* .social__item4 a{
	background: url('/local/templates/meb/css/../img/vk.png') no-repeat;

} */
.social__item4 a:hover {
    background: url('/local/templates/meb/css/../img/vk-a.png') no-repeat;
    display: block;
}

/* .social__item5 a{
	background: url('/local/templates/meb/css/../img/ok.png') no-repeat;

} */
.social__item5 a:hover {
    background: url('/local/templates/meb/css/../img/ok-a.png') no-repeat;
    margin-top: -2px;
    display: block;

}

.social__item6 a {
    display: block;
    background: url('/local/templates/meb/css/../img/social-3.png') no-repeat;
}

.social__item6 a:hover {
    display: block;
    background: url('/local/templates/meb/css/../img/social-3--hover.png') no-repeat;
}

.social__item7 a:hover {
    display: block;
    background: url('/local/templates/meb/css/../img/youtube-hover.png') no-repeat;
}

/*

.social__item:last-child a{
	background: url('/local/templates/meb/css/../img/social-3.png') no-repeat bottom;

}
.social__item:last-child a:hover{
	background: url('/local/templates/meb/css/../img/social-3--hover.png') no-repeat bottom;
} */
.footer-copyright {
    float: left;
    width: 100%;
    padding-top: 20px;
    font-family: Gotham Pro Light;
    font-size: 12px;
    padding: 20px 15px;
    color: #fff;


    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-copyright a {
    color: #fff;
    text-decoration: none;
}

.footer-copyright__left {
    float: left;
    font-size: 14px;
}

.footer-copyright__right {
    float: right;
}

.hot-sale__box-product .carousel-wrapper {
    position: relative;
    height: 170px;
    margin-bottom: 23px;
}

.hot-sale__box-product .carousel-inner .item {
    display: none;
}

.hot-sale__box-product .carousel-inner .item.active {
    display: block;
    text-align: center;
    height: 176px;
    overflow: hidden;
}

.hot-sale__box-product .carousel-indicators {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100px !important;
    width: 100px;
    height: 100%;
    overflow: hidden;
    background-color: #dff2f6;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    z-index: 95;
}

.hot-sale__box-product.hover .carousel-indicators {
    display: block;
}

/* .hot-sale__box-product.hover .carousel-indicators{

	display: none;
}
 */

.hot-sale__box-product.hover .carousel-indicators::-webkit-scrollbar {
    width: 6px;
    height: 7px;
}

.hot-sale__box-product.hover .carousel-indicators::-webkit-scrollbar-thumb {
    width: 10px;
    height: 10px;
}

.hot-sale__box-product.hover .carousel-indicators::-webkit-scrollbar-thumb {
    background: #cccfd5;
}

.hot-sale__box-product.hover .carousel-indicators::-webkit-scrollbar-track {
    background: #e3e4e8;
}

.hot-sale__box-product .carousel-indicators li {
    width: 82px;
    height: 56px;
    margin-bottom: 6px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    text-indent: inherit;
}

.hot-sale__box-product .carousel-indicators li.active {
    border: 1px solid #2b9acf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hot-sale__box-product .carousel-control {
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -13px;
    display: none;
}

.hot-sale__box-product .carousel-control.left {
    background-image: url('/local/templates/meb/css/../img/hot-sale-prev-icon.png');
    left: 7px;
}

.hot-sale__box-product .carousel-control.right {
    background-image: url('/local/templates/meb/css/../img/hot-sale-next-icon.png');
    right: 7px;
}

.hot-sale__box-product.hover .carousel-control.left:hover {
    background-image: url('/local/templates/meb/css/../img/hot-sale-prev-icon-active.png');
}

.hot-sale__box-product.hover .carousel-control.right:hover {
    background-image: url('/local/templates/meb/css/../img/hot-sale-next-icon-active.png');
}

.hot-sale__box-product.hover .carousel-control {
    display: block !important;
}

.hot-sale__box-product .wrap {
    padding: 10px 7px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.top-block {
    margin-bottom: 23px;
    height: 32px;
}

.hot-sale__box-product.hover .fast-order {
    display: none;
}

.fast-order {
    display: none;
    float: left;
    width: 134px;
    height: 32px;
    background-color: #2b9acf;
    font-family: Gotham Pro Bold;
    font-size: 12px;
    color: #FFF;
    border: none;
    margin-left: 60px;
    outline-style: none;
    cursor: pointer;
}

.reviews-block {
    float: right;
    padding-right: 10px;
}

.reviews-block img {
    float: left;
    width: auto;
    margin-right: 6px;
    margin-top: 8px;
}

.reviews-block a {
    float: right;
    font-family: Gotham Pro Bold;
    color: #C0C0C0;
    text-decoration: none;
    margin-top: 9px;
}

.block-name {
    margin-bottom: 30px;
    min-height: 40px;
}

.block-name a {
    display: block;
    font-family: Gotham Pro Bold;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    text-align: center;
}

.block-price--wrap {

}

.right-modal-price {
    overflow: hidden;
    margin-bottom: 20px;
}

.block-price {
    font-family: Gotham Pro Bold;
    font-size: 24px;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.block-price--wrap {
    text-align: left;
    width: 50%;
    float: left;
    overflow: hidden;
}

.block-price--modal {
    text-align: left;
    width: auto;
    float: left;
    margin-bottom: 0;
    width: 100%;
    color: #000;
}

.block-buy {
    text-align: center;
}

.btn-buy {
    width: 111px;
    height: 44px;
    background-color: #fff;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    color: #000;
    border: 2px solid #dedede;
    cursor: pointer;
    outline-style: none;
}

.btn-buy:hover {
    background-color: #2b9acf;
    border: none;
    color: #FFF;
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.close {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    /*background-color: #ccc;*/
    z-index: -1;
    cursor: pointer;
    top: 0;
    left: 0;
}

.gray {
    background-color: #ccc;
    color: #fff;
}

label .gray {
    background-color: transparent;
    line-height: 18px;
}

#myCarousel3 .item img {
    width: 100%;
}

.modal-content #myCarousel3 .item img {
    min-width: auto;
    min-height: 110%;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
    margin: 0;
    width: 100%;
}

#coupon {
    display: none;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: fit-content;
    height: fit-content;
    line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.right-modal-article {
    font-size: 15px;
    color: #666666;
    margin-bottom: 15px;
}

.btn-buy--modal {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 50%;
    color: #fff;
    border: none;
    line-height: 44px;
    text-align: center;
    background-color: #000;
}

.box-shipping-modal {
    background-color: #f2f2f2;
    padding: 10px 20px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.box-shipping-modal .bold {
    color: #000;
}

.product-character .title {
    color: #000;
}

.box-shipping-modal img {
    float: left;
    margin-right: 18px;
    max-width: 60px;
}

.deliver-descr {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    white-space: nowrap;
}

.bold {
    font-family: Gotham Pro Bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.btn-buy--big {
    width: 100%;
    margin-top: 20px;
}

.modal-content .product-character .title {
    margin-bottom: 10px;
    font-size: 16px;
}

.box-content__category.big-hover-white .box-title {
    font-size: 24px;
    bottom: 50px;
}

.box-descr {
    font-size: 14px;
    color: #666666;
    font-family: "Gotham Pro Regular";
    max-width: 200px;
}

.formBtn-Block {
    width: 403px;
    float: right;
}

.btn-submit {
    font-family: Gotham Pro Bold;
    height: 40px;
    font-size: 14px;
    background-color: #ff8a00;
    border: none;
    color: #FFF;
    cursor: pointer;
    outline-style: none;
    padding: 0 30px;
    border: 2px solid transparent;
}

.btn-submit:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid #dedede;

}

.cancel-modal {
    margin-left: 15px;
    font-family: Gotham Pro Bold;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
}

.cancel-modal:hover {
    color: #ff8a00;
}

.region__city .citycook.jq-selectbox {
    width: 100%;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.region__city .citycook.jq-selectbox.input-error .jq-selectbox__select {
    border-color: #dd2c7c;
    margin-bottom: 5px;
}

.region__city .citycook.jq-selectbox .jq-selectbox__select {
    max-width: 100%;
}

.region__city .citycook.jq-selectbox .jq-selectbox__select:focus {
    border-color: #f3c9dd;
    box-shadow: 0 0 5px rgba(241, 171, 204, 0.75);
}

.region__city .citycook.jq-selectbox .jq-selectbox__select-text {
    white-space: nowrap;
    display: inline;
}

.region__city .citycook.jq-selectbox .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.region__city .citycook.jq-selectbox .jq-selectbox__trigger-arrow {
    position: absolute;
    width: 38px;
    height: 36px;
    transition: all 0.3s ease 0s;
    font-size: 15px;
    font-weight: 300;
    color: #909090;
}

.region__city .citycook.jq-selectbox .jq-selectbox__trigger-arrow:hover {
    color: #777;
}

.region__city .citycook.jq-selectbox .jq-selectbox__trigger-arrow i {
    transition: all 0.3s;
    transform: rotate(0deg);
    font-size: 16px;
}

.region__city .citycook.jq-selectbox.opened .jq-selectbox__trigger-arrow i {
    transition: all 0.3s;
    transform: rotate(180deg);
}

.jq-selectbox__dropdown {
    line-height: 25px;
    top: 100% !important;
    bottom: auto !important;
    width: 115%;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    transition: border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
    margin: 2px 0 0 -5px;
}

.jq-selectbox__dropdown ul {
    padding: 0 0px;
}

.jq-selectbox__dropdown li {
    border-bottom: 1px solid #f5f5f5;
    padding: 0 5px;
    cursor: pointer;
}

.jq-selectbox__dropdown li:last-child {
    border-bottom: none;
}

.jq-selectbox__dropdown li:hover {
    background-color: #f5f5f5;
}

.jq-selectbox__dropdown-list {
    display: block;
    position: relative;
}

.jq-selectbox__dropdown-list:after,
.jq-selectbox__dropdown-list:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
}

.jq-selectbox__dropdown-list:before {
    top: -12px;
    right: 30px;
    border-color: transparent transparent #e3e4e8 transparent;
    border-width: 0 12px 12px 12px;
}

.jq-selectbox__dropdown-list:after {
    top: -10px;
    right: 28px;
    border-color: transparent transparent #fff transparent;
    border-width: 0 8px 8px 8px;
}

.jq-selectbox.opened.region__city .citycook .jq-selectbox__select {
    border: 1px solid #74ad0d;
    z-index: 999;
    box-shadow: none;
}

.jq-selectbox.opened.region__city .citycook .jq-selectbox__dropdown {
    border: 1px solid #d2d2d2;
    /* box-shadow: 0 0 5px rgba(116,173,13,0.75); */
}

.jq-selectbox__search {
    margin: 2px 2px 2px 2px;
}

.jq-selectbox__search input {
    width: 100%;
    height: 36px;
    background-color: #f1abcc;
    color: #fff;
    border-radius: 3px;
    padding: 8px;
    box-sizing: border-box;
}

.jq-selectbox__search input::-webkit-input-placeholder {
    color: #fff;
}

.jq-selectbox__search input::-moz-placeholder {
    color: #fff;
}

.jq-selectbox__search input:-moz-placeholder {
    color: #fff;
}

.jq-selectbox__search input:-ms-input-placeholder {
    color: #fff;
}

.jq-selectbox__search input:focus {
    outline-style: none;
}

.jq-selectbox__search input:focus::-webkit-input-placeholder {
    color: transparent;
}

.jq-selectbox__search input:focus::-moz-placeholder {
    color: transparent;
}

.jq-selectbox__search input:focus:-moz-placeholder {
    color: transparent;
}

.jq-selectbox__search input:focus:-ms-input-placeholder {
    color: transparent;
}

.jq-selectbox__not-found {
    padding: 5px;
}

/* clearfix */
.cf:before, .cf:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}


.aside-news__header {
    font-size: 16px;
    color: #1d1d1d;
    font-family: 'intro_bold';
    line-height: 18px;
    margin-bottom: 20px;
}

.aside-news__item {
    margin-bottom: 15px;
}

.aside-news__time {
    font-size: 11px;
    color: #aeaeae;
    display: block;
    font-family: "Gotham Pro Light";
}

.aside-news__title {
    font-size: 14px;
    color: #2b2a29;
    line-height: 16px;
}

.aside-news__all-link {
    font-size: 14px;
    color: #2b9acf;
    font-family: 'intro_bold';
}

.btn-menu, .btn-cat {
    display: none;
    color: #fff;
    float: left;
    margin: 16px 0;
    font-family: 'Gotham Pro Bold';
    font-size: 15px;
    text-transform: uppercase;
}

.icon-menu span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    margin: 8px 0;
}

.icon-menu span:before, .icon-menu span:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
}

.icon-menu span:before {
    top: -8px;
}

.icon-menu span:after {
    bottom: -8px;
}

.icon-menu span, .icon-menu span:before, .icon-menu span:after {
    height: 4px;
    background: #fff;
}

.text-menu {
    vertical-align: middle;
}

.btn-cat {
    color: #000;
    float: none;
    margin: 15px;
}

.btn-cat .icon-menu span,
.btn-cat .icon-menu span:before,
.btn-cat .icon-menu span:after {
    background: #000;
}

.menu-phone {
    display: none;
    margin: 15px -5px 0;
}

.menu-phone #call {
    display: none;
}

.menu-phone .phone__number b {
    display: block;
}

.menu-phone .phone__number p, .menu-phone .phone__number a,
.menu-phone .phone__number s, .menu-phone .phone__number b {
    color: #fff;
}

.menu-phone .phone, .menu-phone .phone--whatsapp {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0 -4px 15px 0;
    box-sizing: border-box;
    padding: 0 5px;
}

div.search-page input.search-query {
    padding: 1px 5px;
    box-sizing: border-box;
}

.askaron-reviews-new .ask-field textarea {
    max-width: 100%;
}

.wrap-video, .wrap-video * {
    max-width: 100%;
}

.bx-404-text-block {
    font-size: 24px;
    padding: 24px;
}

.bx-404-container {
    padding-bottom: 141px;
}

/* new styles */
.form-block-left, .form-block-left, .form-block-right2, .form-block-right3 {
    /* 	width: 100% !important; */
}

#contacts .form-block-left {
    width: 100% !important;
}


.form-block-left input {
    max-width: 74% !important;
}

.formBtn-Block {
    width: 375px !important;
}

.container.cf:after {
    content: none !important;
}

.hot-sale__row--cat .hot-sale__box-product {
    width: 30% !important;
}

.catalog__ul .big-item-catalog + .catalog__ul-lvl2 a {
    position: relative;
}

.catalog__ul li:hover .big-item-catalog + .catalog__ul-lvl2 a:hover:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    margin: -3px 0 0;
    background-image: url(/local/templates/meb/css/../img/circle_blue.png);
    border-radius: 50px;
}

.catalog__ul .big-item-catalog + .catalog__ul-lvl2 a {
    font-size: 12px !important;
    padding: 11px 10px 11px 25px !important;
    position: relative;
}

.catalog__ul li:hover .big-item-catalog.active + .catalog__ul-lvl2 a:hover:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 7px;
    height: 7px;
    margin: -3px 0 0;
    background-image: url(/local/templates/meb/css/../img/circle_orange.png);
    border-radius: 50px;
}

.catalog__ul-lvl2 li.active {
    background: #fce0b1 !important;
}

.catalog__ul-lvl2 li.active a {
    background: #fce0b1 !important;
    color: #000;
}

.catalog__ul li.active:hover .big-item-catalog + .catalog__ul-lvl2 a:hover:before {
    display: none !important;
}

.catalog__ul li:hover {
    background: #5facd8 !important;
    color: #fff;
}

.catalog__ul li:hover .big-item-catalog {
    color: #fff;
}

.catalog__ul li {
    position: relative;

}

.catalog__ul > li {
    border-bottom: 1px solid #dedede;
}

.catalog__ul > li.active-bord {
    border-bottom: none;
}

.catalog__ul > li.active-bord .catalog__ul-lvl2 {
    background: #fffdfa;
}

.catalog__ul li.not-parent i {
    position: absolute;
    right: 12px;
    display: inline-block;
    top: 15px;
    width: 11px;
    background-image: url(/local/templates/meb/css/../img/arrow-active.png);
    background-repeat: no-repeat;
    height: 7px;
    transition: all .5s ease-out;
}

.catalog__ul li.not-parent i:hover {
    background-image: url(/local/templates/meb/css/../img/arrow-my.png);
}

.catalog__ul li.not-parent i.active {
    background-image: url(/local/templates/meb/css/../img/arrow-my.png);
}

.catalog__ul li.activeli .catalog__ul-lvl2 {
    max-height: 1000px !important;
}

.catalog__ul li:hover .big-item-catalog + .catalog__ul-lvl2 a:hover {
    color: #5FACD8 !important;
}

.catalog__ul li:hover .big-item-catalog.active + .catalog__ul-lvl2 a:hover {
    color: #ff8a00 !important;
}

.catalog__ul li.active-bord:hover {
    background: #ff8a00 !important;
}

.catalog__ul-lvl2 li:last-child {
    border-bottom: 1px solid #ff8a00;
}

.catalog__ul li.activeli .big-item-catalog {
    color: #fff !important;
    background: transparent;
}

li.activeli .catalog__ul-lvl2 li:last-child {
    border-bottom: 1px solid #4facd7 !important;
}

.catalog__ul > li {
    width: 100%;
    padding: 11px 0 0;
}

.catalog__ul .big-item-catalog {
    padding: 0 15px 11px;
    display: inline-block;
}

.catalog__ul .active-bord {
    padding-bottom: 0;
}

.catalog__ul li.active-bord .catalog__ul-lvl2 li:hover {
    background: transparent !important;
}

.catalog__ul li.activeli .big-item-catalog {
    background: transparent !important;
}

.catalog__ul li.activeli {
    background: #4facd7 !important;
    padding-bottom: 0 !important;
    transition: all .5s ease-out;
}

.catalog__ul li.activeli:hover .big-item-catalog {
    color: #fff !important;
}

.catalog__ul li.activeli .catalog__ul-lvl2 li:hover a {
    color: #4facd7 !important;
    position: relative;
    z-index: 200;
}

.catalog__ul li.activeli .catalog__ul-lvl2 li:hover {
    background: transparent !important;
}

.fav-icon {
    background: url(/local/templates/meb/css/../img/star.png) no-repeat;
    float: left;
    width: 25px;
    height: 15px;
    background-size: contain;
    background-position: center;
}

.fav-icon-active {
    background: url(/local/templates/meb/css/../img/star-active.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.service {
    float: left;
    width: 100%;
    padding-top: 70px;
    background-color: #fafafa;
}

.service .service__wrap {
    width: 84%;
    margin: 0 auto;
}

.service .service__inner {
    display: flex;
    justify-content: space-between;
}

.service .service__item {
    width: 284px;
    text-decoration: none;
    padding: 15px;
    margin-right: 15px;
    transition: all 0.2s ease-out;
    background-color: white;
}

.service .service__item:last-child {
    width: 257px;
    margin-right: 0;
}

.service .service__item:hover {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    box-shadow: 0 0 12px rgba(0, 0, 0, .14);
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    z-index: 2;
}

.service .service__item:before {
    content: '';
    float: left;
    width: 48px;
    height: 48px;
    padding: 0 18px 0 0;
}

.service .service__item--delivery:before {
    content: url(/local/templates/meb/img/delivery.svg);
}

.service .service__item--payment:before {
    content: url(/local/templates/meb/img/payment.svg);
}

.service .service__item--order:before {
    content: url(/local/templates/meb/img/order.svg);
}

.service .service__text {
    display: flex;
    flex-direction: column;
}

.service .service__title {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 6px;
    line-height: 1.1;
    color: #222222;
}

.service .service__title + span {
    color: #777777;
    text-decoration: none !important;
    font-size: 13px;
}

.main-video-wrap {
    max-width: 560px;
    max-height: 315px;
    margin: 70px auto 30px;
}

.main-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.main-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reviews {
    width: 100%;
    padding-bottom: 70px;
    background-color: #fafafa;
}

.carousel-reviews {
    position: relative;
    width: calc(100% - 100px);
    margin: auto;
}

.carousel-reviews .slick-slider {
    padding: 0;
    background-color: white;
}

.carousel-reviews .askaron-reviews-for-element .ask-review .ask-stars {
    display: flex;
    flex-wrap: wrap;
}

.carousel-reviews .askaron-reviews-for-element .ask-review {
    padding: 25px 25px 15px 25px;
}

.carousel-reviews .askaron-reviews-for-element .ask-review {
    margin-bottom: 0;
}

.carousel-reviews .askaron-reviews-for-element .ask-review .ask-review-item:nth-child(2) {
    margin-bottom: 0;
}

.carousel-arrows .slick-arrow {
    font-size: 0;
    width: 50px;
}

.carousel-arrows .slick-next {
    right: -50px;
    background-image: url(/local/templates/meb/img/icon-more.png);
}

.carousel-arrows .slick-prev {
    left: -50px;
    background-image: url(/local/templates/meb/img/icon-more.png);
    transform: rotate(180deg);
}

.carousel-arrows .slick-prev:active {
    transform: inherit;
}

.other-categories {
    margin-bottom: 30px;
}

.other-categories__wrap {
    position: relative;
}

.other-categories__inner {
    display: flex;
    justify-content: space-between;
    background-color: white;
}

.other-categories__title {
    font-size: 16px;
    color: #1d1d1d;
    font-family: 'intro_bold';
    line-height: 18px;
    margin-bottom: 20px;
}

.other-categories__item {
    padding: 15px 0;
}

.other-categories__item img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

.other-categories__item span {
    display: block;
    max-width: 170px;
    margin: 5px auto 0;
    font-size: 14px;
    color: #2b2a29;
    line-height: 16px;
    text-align: center;
}

.other-categories__item a:hover span {
    color: #ff8a00;
    border-color: #ff8a00;
    text-decoration: none;
}

.other-categories .other-arrows {
    display: flex;
    width: 75px;
    margin: 15px auto 0;
}

.other-categories .other-arrows .slick-arrow {
    position: static;
    height: 35px;
}

.other-categories .other-arrows .slick-arrow {
    font-size: 0;
}

@media (max-width: 479px) {
    .carousel-reviews {
        width: 100%;
    }

    .carousel-arrows {
        display: flex;
        justify-content: space-between;
        width: 70px;
        margin: 20px auto 0;
    }

    .carousel-arrows .slick-arrow {
        position: static;
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1028px) {
    .service .service__wrap {
        width: 100%;
        margin: 0;
    }

    .service .service__inner {
        flex-direction: column;
    }

    .service .service__item:not(:last-child) {
        margin-right: 0;
    }

    .service .service__item:last-child {
        width: auto;
    }

    .service .service__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: auto;
        margin-bottom: 15px;
    }

    .service .service__item:before {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .service {
        padding: 20px 0;
    }
}

@media (max-width: 1200px) {
    .main-slider, .main-slider .carousel-inner,
    .carousel-inner .item {
        background-size: cover;
        height: 270px;
    }

    .main-slider .carousel-indicators {
        bottom: 40px;
    }
}

@media (max-width: 1024px) {
    .main-slider, .main-slider .carousel-inner,
    .carousel-inner .item {
        background-size: cover;
        height: 228px;
    }

    .main-slider .carousel-indicators {
        bottom: 35px;
    }
}

@media (max-width: 768px) {
    .main-slider, .main-slider .carousel-inner,
    .carousel-inner .item {
        background-size: cover;
        height: 170px;
    }

    .main-slider .carousel-indicators {
        bottom: 25px;
    }
}

@media (max-width: 580px) {
    .main-slider, .main-slider .carousel-inner,
    .carousel-inner .item {
        background-size: cover;
        height: 130px;
    }

    .main-slider .carousel-indicators {
        bottom: 15px;
    }
}

@media (max-width: 425px) {
    .main-slider, .main-slider .carousel-inner,
    .carousel-inner .item {
        background-size: cover;
        height: 100px;
    }

    .main-slider .carousel-indicators {
        bottom: 10px;
    }
}

@media (max-width: 375px) {
    .main-slider, .main-slider .carousel-inner,
    .carousel-inner .item {
        background-size: cover;
        height: 80px;
    }
}

.certificate {
    width: 100%;
    max-width: 825px;
}

.api-text {
    word-break: break-word;
}

.virtual-tour {
    width: 70%;
    height: 100vh;
    max-height: 600px;
}

@media (max-width: 768px) {
    .virtual-tour {
        width: 100%;
        height: 75vh;
        max-height: 450px;
    }
}

@media (max-width: 1000px) {
    .main-user-consent-request-popup-cont {
        height: 98%;
    }
}
/* End */


/* Start:/local/templates/meb/css/animate.css?166746508675599*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* End */


/* Start:/local/templates/meb/css/rating.css?1667465086445*/
.star{
    background-image:url('/local/templates/meb/css/../img/star-sprite.png');
    background-position:left -1px;
    display:block;
    width:20px;
    height:19px;
    line-height:16px;
    float:left;
    cursor: pointer;
    zoom:1;
    margin-right: 3px;
}

.fullStar{
    background-position:left -63px;
}

.stars{
    overflow: hidden;
}

.tmp_es{
    background-position:left 0;
}

.tmp_fs{
    background-position:left -63px;
}

/* End */


/* Start:/local/templates/meb/css/responsive.css?166787265812393*/
@media screen and (max-width: 1200px){
	.phone__number{font-size: 16px;}
	.phone__number b{font-size: 13px;}

	.hot-sale__row{margin-left: -15px;}
	.hot-sale__row--cat{margin-left: -20px;}
	.hot-sale__box-product{width: calc(25% - 15px); margin-left: 15px;}
	.hot-sale__box-product.hover .carousel-indicators{display: none;}
	.hot-sale__box-product .carousel-wrapper{height: auto; margin-bottom: 20px;}
	.offer-price--old{display: block; margin: 0 0 10px;}
	.offer-price--stroke{left: 50%; right: auto; margin-left: -30px;}
	.product-page__price-old .offer-price--stroke{left: 0; margin-left: 0;}
	.block-name{min-height: 75px;}


	.footer-menu{padding: 0; margin: 0 -7px;}
	.footer-menu__block{width: 33%; padding: 0 7px; box-sizing: border-box;}
	.footer-menu__block.footer-contact{padding-left: 7px;}
	.footer-menu__block:nth-child(4),
	.footer-menu__block:nth-child(5){width: 24.5%}

	.product-title__h1{font-size: 26px;}
	.fast-order__btn{font-size: 12px;}

	.reviews-form__block-1{width: 200px;}
	.reviews-form__block-2, .reviews-form__block-3{margin-left: 200px;}

	.reviews-block-item-1, .reviews-block-item-3{width: 150px;}
	.reviews-block-item-2{margin-left: 150px;}

	.block-post__date, .block-post__name{float: none; display: block;}
	.block-post__date{margin: 0 0 10px;}

	.contacts-phone__block, .contacts-phone__block2{padding: 20px 20px 0; min-height: auto; margin: 0;}
	.contacts-staff__block{position: static; margin: 0; width: auto; clear: both; background: #eee; padding: 20px;}
	.contacts-staff__item{float: none; width: auto; margin: 0;}
	.cotacts-phone__number{font-size: 26px;}
	.contacts-phone__text{margin: 7px; margin-left: 10px;}
	.contact-phone__clock{position: relative; min-height: 21px; padding: 5px 0 0 30px; margin: 5px 0 0; width: auto;}
	.contact-phone__clock img{position: absolute; left: 0; top: 3px; margin: 0;}
	.contacts-staff__mail{margin-bottom: 0;}

	.basket__box{width: 100%;}
	.basket__box-head, .basket__box-item{float: none; width: auto;}
	.basket__box-item td,
	.basket__box-head th{width: auto; padding: 0; text-align: left;}
	.basket__box-head th.basket__box-title{width: 200px; padding: 0 0 7px;}
	.basket__box-item-img a{width: 150px; height: 120px;}
	.basket__box-title{text-align: left;}
	.basket__box-item-quantity{text-align: center; padding: 0 5px;}
	.basket__box-item-quantity .minus,
	.basket__box-item-quantity .plus{width: 20px; height: 22px; background-size: 100% auto; float: none;}
	.basket__box-item-quantity input{width: 40px; height: 20px; font-size: 16px; float: none; margin: 0 -5px; vertical-align: top;}

	.basket__box-item-name a{margin-bottom: 0; font-size: 18px;}
	.basket__box-item-price, .basket__box-item-total{font-size: 18px;}

	.basket__box-sale-line{float: none; width: auto; display: block; padding-top: 15px;}
	.basket__box-sale-line td{display: inline-block; width: auto; padding: 0; overflow: visible;}
	.basket__box-item-sale{display: none!important;}
	.basket__box-item-sale-name{margin-right: 10px;}
}

@media screen and (max-width: 991px) {
	.footer-menu__title.phone-footer {
		white-space: inherit;
	}
}

@media screen and (max-width: 991px){
	.block-name a{font-size: 15px;}
	.footer-copyright__left, .footer-copyright__right{width: 50%; box-sizing: border-box;}
	.footer-copyright__left{padding-right: 7px;}
	.footer-copyright__right{padding-left: 7px;}

	.column-left{float: none; width: auto;}
	.column-left + .content{margin-left: 0; padding-left: 0;}
	.section-cat{overflow: auto;}
	.btn-cat{display: block;}
	.catalog-box, .catalog-menu{display: none;}
	.catalog__ul{padding-top: 0;}
	.catalog-block{padding-top: 30px;}

	.product-title-top{clear: both; margin-bottom: 20px;}
	.product-page__props, .product-page__price-old{float: none;}
	.product-page__buy{float: none; padding-left: 0;}
	.product-title__article{margin-bottom: 0;}
	.product-block__right .cf +.cf{padding-top: 20px;}
	.product-page__price-box{margin-bottom: 30px;}
	.product-page__btn-cart{padding-top: 0;}

	.alx_guestbook{width: 100%!important;}

	.block-post-left{width: 200px; margin-right: 15px;}
	.block-post-right{margin-left: 0; padding-left: 0;}

	.stroke-cart__checked{clear: both; margin: 0; padding: 15px 0 0;}

	.styles__left-column{width: 240px;}
	.style__right-column{margin-left: 260px;}

	.styles__read-item{width: calc(33.3% - 20px); margin-bottom: 15px;}

	.basket__box td.basket__box-item-name{width: 200px;}
	.basket__box-item-quantity{text-align: left;}
}

@media screen and (max-width: 767px){
	.header{padding-bottom: 10px;}
	.search-box__search{height: 44px;}
	.search-box__input, .search-box__submit{height: 42px;}
	.search-box__submit{width: 50px; float: right;}
	.cart{float: right;}

	.menu{height: auto; overflow: visible;}
	.btn-menu{display: block;}
	.menu-wrap{display: none; position: absolute; z-index: 55; top: 100%; left: 0; right: 0; padding: 0 15px 10px; background: #2b9acf;}
	.menu__item{float: none; width: auto!important; border-bottom: 1px solid #fff; margin: 0 -15px!important; padding: 0 15px;}
	.menu__item a{display: block; padding: 10px 0;}
	.home-icon{float: none; display: block;}
	.menu-phone{display: block;}

	.slider-tabs{display: none;}
	.box-content{padding-top: 30px;}

	.box-content__category{width: 50%;}
	.box-content__category:last-child{width: 100%;}

	.advantages{padding: 30px 0 20px;}
	.advantages-name{margin-bottom: 20px;}
	.advantages__block{width: 50%; margin-bottom: 20px; padding: 0 15px; box-sizing: border-box;}

	.hot-sale__box-product{width: calc(50% - 15px);}
	.hot-sale__row--cat .hot-sale__box-product{width: calc(50% - 20px) !important;}

	.footer-menu__block{width: 33.3%;}
	.footer-menu__block:nth-child(4),
	.footer-menu__block:nth-child(5){width: 50%}

	.about-company{padding-top: 30px; padding-bottom: 30px;}
	.about-company__left{padding-left: 0; padding-right: 0;}
	.box-content__title{font-size: 20px;}
	.hot-sale__name, .about-company__title{font-size: 20px; margin-bottom: 30px;}
	.box-content__description{margin-bottom: 30px;}
	.hot-sale{padding-top: 10px;}

	.title{font-size: 24px; margin-bottom: 30px;}

	.product-block__left, .product-block__right{width: 100%; padding: 0;}
	.product-block__slider{height: auto; margin-bottom: 30px;}
	.contact-block{padding: 30px 0;}

	.product-reviews__box{padding-top: 20px;}
	.product-reviews__box-title{font-size: 18px; margin-bottom: 10px;}
	.reviews-btn{float: none; clear: both; display: block;}

	.reviews-form__block-1{width: auto; float: none; margin-bottom: 20px;}
	.reviews-form__block-2, .reviews-form__block-3{margin-left: 0;}
	.reviews-form__block-1 input{width: 100%;}

	div.photo-page-main #photo-main-page-right{position: static; max-width: 100%; min-width: 0;}
	ul.photo-controls, ul.photo-controls li{overflow: visible;}
	div.photo-page-main div.photo-controls-buttons, div.photo-page-main div#photo-links-on-main-page{margin-bottom: 15px;}
	ul.photo-album-list-first-photos{padding-right: 0;}

	.block-post__name{font-size: 16px;}
	.cotacts-phone__number{font-size: 20px;}

	.contact-map__contacts{position: static; width: 100%; margin: 0 0 15px; height: auto;}
	.contact-map__contacts-block{width: 100%; height: auto; padding: 20px; overflow: auto;}
	.contact-map__block h2{font-size: 20px; margin-bottom: 15px;}
	.contact-map__block{padding-top: 30px;}
	.contact-geo-text{float: none; width: auto; display: block; margin-left: 30px;}

	.basket__delivery-left, .basket__delivery-right{width: 100%; padding: 0;}
	.form-block-left, .form-block-left, .form-block-right2, .form-block-right3{width: 100%; padding: 20px 0 0;}
	.cart-note{padding-bottom: 10px;}
	.form__input-title{font-size: 20px; margin-bottom: 15px!important;}
	.basket__box-title{font-size: 22px;}

	.cart-go-back{width: calc(50% - 5px); margin-right: 5px;}
	.cart-offer{width: calc(50% - 5px); margin-left: 5px;}

	.basket__box, .basket__box tbody, .basket__box tr, .basket__box-item td, .basket__box-head th{
		display: block;
		width: auto;
		padding: 0;
		float: none;
		text-align: left;
	}

	.basket__box th{display: none;}
	.basket__box-head th.basket__box-title{display: block; width: auto;}
	.basket__box-item{position: relative; padding-bottom: 10px!important;}
	.basket__box-item-name a{margin-bottom: 15px;}
	.basket__box-item-close{position: absolute; right: 0; top: 7px;}
	.basket__box-item-close a:after{bottom: 0;}
	.basket__box-item-img a{width: 220px; height: 167px;}

	.basket__box td.basket__box-item-name{width: auto;}
	.basket__box td.basket__box-item-price,
	.basket__box td.basket__box-item-quantity{display: inline-block; vertical-align: top; margin: 0 -4px 0 0; width: 50%; font-size: 16px;}
	.basket__box td.basket__box-item-quantity{text-align: right!important;}
	.basket__box td.basket__box-item-total{text-align: left; font-size: 16px;}

	.basket__box tr.basket__box-sale-line{padding-top: 15px;}
	.basket__box-item-sale-name{font-size: 16px;}
	.basket__box-item-sale-price{font-size: 24px;}

	.styles__left-column{margin: 0 15px 0 0;}
	.style__right-column{margin-left: 0;}
	.styles__read-item{width: calc(50% - 20px);}

	.cf + .cf .product-page__props, .cf + .cf .product-page__buy{text-align: center;}
	.product-page__price-box{margin-bottom: 15px;}
}

@media screen and (max-width: 480px){
	.cart{margin-top: 5px; padding-left: 35px; float: left; margin-left: -10px;}
	.cart__title{font-size: 12px; white-space: nowrap;}
	.cart__icon{width: 28px; height: 27px; background-size: 100%;}
	.cart__price{font-size: 14px; margin-left: 2px;}

	.menu-phone .phone, .menu-phone .phone--whatsapp{width: 100%;}

	.box-content__category{width: 100%;}
	.advantages__block{width: 100%;}

	.hot-sale__row, .hot-sale__row--cat{margin-left: 0;}
	.hot-sale__box-product, .hot-sale__row--cat .hot-sale__box-product{
		#width: 100% !important; margin-left: 0;
	}
	.block-name{min-height: auto;}

	.footer-menu__block{width: 100%!important; margin-bottom: 30px;}
	.footer-menu__title{margin-bottom: 10px;}
	.footer-menu__item:last-child{padding-bottom: 0;}
	.footer-menu__block.footer-contact{}
	.payment-method{margin-bottom: 20px;}
	.footer-copyright{padding: 10px 0;}
	.footer-copyright__left{margin-bottom: 10px;}
	.footer-copyright__left, .footer-copyright__right{width: 100%; padding: 0;}

	.fast-order__input{width: 100%; padding: 0; margin-bottom: 15px;}
	.fast-order__btn{width: 100%; margin-left: 0; margin-top: 0;}

	.product-reviews__box-title{margin-right: 0; float: none; margin-bottom: 0;}
	.reviews__star{margin: 5px 0; float: none;}

	.reviews-block-item-1, .reviews-block-item-3{width: 90px;}
	.reviews-block-item-2{margin-left: 100px;}
	.reviews-block-item-3 img{max-width: 100%!important;}

	.block-post{padding-bottom: 30px;}
	.block-post-left{width: 100%; margin: 0; text-align: center;}
	.title-section{overflow: visible; clear: both; padding-top: 20px;}
	.blog__view-stat{display: none;}

	.cart-go-back, .cart-offer{width: 100%; margin: 0 0;}
	.cart-go-back{margin-bottom: 10px;}
	.checked-deliver{display: none;}

	.styles__left-column{margin: 0 0 15px; float: none; width: auto; text-align: center;}
	.style__right-column{margin-left: 0;}

	.styles__read-item{width: calc(100% - 20px); margin-bottom: 15px;}
}
@media (max-width: 767px) {
	.modal-content{
		width: 80% !important;
	}
	.form-block-left input{
		max-width: 100% !important;
	}
	.formBtn-Block{
		width: 100% !important;
	}
}
@media (max-width: 479px) {
	.slick-slider {
		padding: 0 5px !important;
	}
	.hot-sale__box-product, 
	.hot-sale__row--cat .hot-sale__box-product{
		width: 280px !important;
	}
	.hot-sale__box-product img {
		display: inline-block !important;
	}
	.slick-next {
		right: -15px !important;
		top: -20px !important;
	}
	.slick-prev {
		left: -15px !important;
		top: -20px !important;
	}

	.modal-content {
	    width: 90% !important;
	    padding: 10px !important;
	}
	.modal-content label{
		font-size: 13px !important;
	}
	.form-block-left, 
	.form-block-left, 
	.form-block-right2, 
	.form-block-right3{
		padding: 0 !important;
	}
	.form__input-title{
		font-size: 17px !important;
	}
	.btn-close-modal{
		top: -50px !important;
		right: -5px !important;
	}
}
/* End */


/* Start:/local/templates/meb/css/jquery.fancybox.css?16674650865255*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/local/templates/meb/css/../img/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/local/templates/meb/css/../img/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/local/templates/meb/css/../img/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/local/templates/meb/css/../img/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/local/templates/meb/css/../img/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/local/templates/meb/css/../img/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/local/templates/meb/css/slick.min.css?16674650861329*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* End */


/* Start:/local/templates/meb/js/sweetalert.css?166746508723892*/
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-ms-clear {
      display: none; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1;
        left: 50%; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

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

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

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

/* End */


/* Start:/bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?16673978063754*/
.main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;width:100%;max-width:600px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 10px 0;font:normal 18px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#000;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:260px}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{border:1px solid #999;overflow:auto;padding:8px;text-align:left;color:#545454}.main-user-consent-request-popup-link{height:130px;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-user-consent-request-popup-link a{display:block;margin:20px 0 0 0;text-overflow:ellipsis;overflow:hidden;max-width:260px}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}.main-user-consent-request-announce{color:#333;font-size:13px;line-height:15px}.main-user-consent-request-announce-link{cursor:pointer}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@media(min-width:1000px){.main-user-consent-request-popup-cont{min-height:400px;min-width:640px}.main-user-consent-request-popup-header{max-width:590px}.main-user-consent-request-popup-text,.main-user-consent-request-popup-link{height:240px}.main-user-consent-request-popup-link a{max-width:200px}}@media(max-width:768px){.main-user-consent-request-popup-cont{height:100%}}
/* End */


/* Start:/local/templates/meb/components/bitrix/search.title/header/style.css?16674650862274*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
/* 	overflow:hidden; */
	z-index:205;
/* 	margin-left: 784px;
    margin-top: 58px; */
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

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:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/meb/components/bitrix/search.title/header/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/meb/styles.min.css?1667465087526*/
.form__block{margin-bottom:15px}body .main-user-consent-request-popup-button-acc{color:#fff;background-color:#2b9acf;border:1px solid #2b9acf}body .main-user-consent-request-popup-button-acc:hover{background-color:transparent;color:#666;border:1px solid #666}.fast-order__container .text-small{float:none;font-size:14px}.product-title__article-red{color:#e31414}.catalog-epilog__img{max-width:200px;max-height:200px}.clear{clear:both}.left-float{float:left}.catalog-epilog__img.left-float{margin-right:25px;margin-bottom:10px}
/* End */


/* Start:/local/templates/meb/template_styles.min.css?16905110803303*/
label.main-user-consent-request{margin:10px 5px 0;font-size:12px;text-align:justify}label.main-user-consent-request input[type=checkbox]{width:auto;height:auto}#application-block label.main-user-consent-request{margin:7px 0 0;display:block;font-size:11px}.category__about-company h2{margin-bottom:20px}.category__about-company p{margin:15px 0;line-height:1.5}.category__about-company ul{margin:15px 0 15px 30px;line-height:1.5}.category__about-company li{margin:5px 0;line-height:1.5}.choose-favorite{text-align:center;margin:15px 0}.hidden,a.choose-favorite__add.hidden,a.choose-favorite__remove.hidden{display:none}.text-left{text-align:left!important}.count-favorite__link{display:block;margin-top:15px}.choose-favorite_detail{float:right;clear:left;margin:auto}.carousel-products .slick-slide{margin:0;outline:0}.slick-slider{position:relative;padding:0 25px}.slick-arrow{position:absolute;top:0;background:no-repeat center center;width:70px;height:100%;border:0;outline:0;cursor:pointer;z-index:1}.slick-next:active{background-image:url(/local/templates/meb/img/hot-sale-next-icon-active.png)}.slick-prev:active{background-image:url(/local/templates/meb/img/hot-sale-prev-icon-active.png)}.slick-prev{left:-25px;background-image:url(/local/templates/meb/img/hot-sale-prev-icon.png)}.slick-next{right:-25px;background-image:url(/local/templates/meb/img/hot-sale-next-icon.png)}.slick-slide>.hot-sale__box-product{width:100%}a.choose-favorite__add,a.choose-favorite__remove{margin-top:10px;display:inline-block}.product__stickers{position:absolute;z-index:1;top:10px;right:0;font-size:12px}.product__stickers span{float:right;clear:both;padding:5px 10px 4px;font-size:12px;color:#fff;white-space:nowrap;display:block;margin-top:5px}.product__stickers span:first-child{margin-top:0}.product__stickers span.label-new{background:#61bb4c}.product__stickers span.label-sale{background:#e31414}.product__stickers span.label-gift{background:red}.product__stickers span.label-popular{background:#2b9acf}.product__stickers span.label-hit,.product__stickers span.label-stock{background:#ff8a00}span.main-user-consent-request-announce{font-size:11px;float:none;font-family:Gotham Pro Light;color:#2b9acf}#go-top,.product-quantity-control{height:50px;display:inline-block}.product-quantity-control .minus,.product-quantity-control .plus{float:left;width:36px;height:36px;border:0;cursor:pointer;outline-style:none}.product-quantity-control .minus{background-image:url(/local/templates/meb/css/../img/btn-minus.png);margin-right:5px}.product-quantity-control .minus:hover{background-image:url(/local/templates/meb/css/../img/btn-minus2.png)}.product-quantity-control input{float:left;text-align:center;font-family:Gotham Pro Bold;font-size:18px;width:116px;height:34px;border:1px solid #dedede}.product-quantity-control .plus{background-image:url(/local/templates/meb/css/../img/btn-plus.png);margin-left:5px}.product-quantity-control .plus:hover{background-image:url(/local/templates/meb/css/../img/btn-plus2.png)}#go-top{position:fixed;bottom:90px;right:25px;cursor:pointer;display:none;width:50px;background-image:url(/local/templates/meb/css/../img/button-up.png);background-repeat:no-repeat;opacity:.5}#go-top:hover{opacity:1}@media (max-width:500px){.catalog__row .catalog__row-product{width:100%!important}.catalog__row .catalog__row-product .block-buy{max-width:200px;margin:auto}}
/* End */
/* /local/templates/meb/css/grid12.css?166746508616732 */
/* /local/templates/meb/css/drift-basic.css?16674650864833 */
/* /local/templates/meb/css/style.css?1739375557108352 */
/* /local/templates/meb/css/animate.css?166746508675599 */
/* /local/templates/meb/css/rating.css?1667465086445 */
/* /local/templates/meb/css/responsive.css?166787265812393 */
/* /local/templates/meb/css/jquery.fancybox.css?16674650865255 */
/* /local/templates/meb/css/slick.min.css?16674650861329 */
/* /local/templates/meb/js/sweetalert.css?166746508723892 */
/* /bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.min.css?16673978063754 */
/* /local/templates/meb/components/bitrix/search.title/header/style.css?16674650862274 */
/* /local/templates/meb/styles.min.css?1667465087526 */
/* /local/templates/meb/template_styles.min.css?16905110803303 */