@charset "UTF-8";
@font-face {
    font-family:Fira Sans;
    src:url(../fonts/fira_sans/regular.woff2) format("woff2"),
    url(../fonts/fira_sans/regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}

@font-face {
    font-family:Fira Sans;
    src:url(../fonts/fira_sans/medium.woff2) format("woff2"),
    url(../fonts/fira_sans/medium.woff) format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Fira Sans;
    src:url(../fonts/fira_sans/mediumitalic.woff2) format("woff2"),
    url(../fonts/fira_sans/mediumitalic.woff) format("woff");
    font-weight:500;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:Fira Sans;
    src:url(../fonts/fira_sans/bold.woff2) format("woff2"),
    url(../fonts/fira_sans/bold.woff) format("woff");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Fira Sans;
    src:url(../fonts/fira_sans/bolditalic.woff2) format("woff2"),
    url(../fonts/fira_sans/bolditalic.woff) format("woff");
    font-weight:600;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:Roboto;
    src:url(../fonts/roboto/regular.woff2) format("woff2"),
    url(../fonts/roboto/regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Roboto;
    src:url(../fonts/roboto/italic.woff2) format("woff2"),
    url(../fonts/roboto/italic.woff) format("woff");
    font-weight:400;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:Roboto;
    src:url(../fonts/roboto/bold.woff2) format("woff2"),
    url(../fonts/roboto/bold.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Roboto;
    src:url(../fonts/roboto/bolditalic.woff2) format("woff2"),
    url(../fonts/roboto/bolditalic.woff) format("woff");
    font-weight:700;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:Rubble;
    src:url(../fonts/rubble/regular.woff2) format("woff2"),
    url(../fonts/rubble/regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Rubble;
    src:url(../fonts/rubble/italic.woff2) format("woff2"),
    url(../fonts/rubble/italic.woff) format("woff");
    font-weight:400;
    font-style:italic;
    font-display:swap
}
@font-face {
    font-family:Rubble;
    src:url(../fonts/rubble/bold.woff2) format("woff2"),
    url(../fonts/rubble/bold.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:Rubble;
    src:url(../fonts/rubble/bolditalic.woff2) format("woff2"),
    url(../fonts/rubble/bolditalic.woff) format("woff");
    font-weight:700;
    font-style:italic;
    font-display:swap
}
a,
div,
input,
span,
textarea {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
a {
    text-decoration:none;
    color:inherit
}
body {
    font-family:Roboto,Rubble,Verdana,sans-serif;
    color:#fff
}
img {
    max-width:100%
}
.push-to-top {
    margin-top:0!important
}
h3 {
    margin:20px 0 10px
}
.link {
    text-decoration:underline
}
.link.yellow {
    color:#fa0
}
p {
    margin:10px 0
}
.small {
    font-size:14px
}
.smaller {
    font-size:13px
}
.smaller h3 {
    font-size:16px;
    font-weight:400
}
.close-icon {
    background:url(../images/icons/close-icon.png) no-repeat 50%/18px auto
}
.cart-icon {
    background:url(../images/icons/cart.png) no-repeat 0 50%/24px;
    padding:3px 0 0 34px;
    height:24px;
    display:block
}
.modal-window {
    background:rgba(0,0,0,.5);
    position:fixed;
    height:100vh;
    width:100%;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:4
}
.modal-inner {
    margin:auto;
    width:1200px;
    max-width:calc(100% - 20px);
    color:#000;
    padding:40px 10px 10px;
    position:relative
}
.modal-content {
    background:#fff;
    padding:40px 20px;
    overflow:auto;
    max-height:calc(100vh - 50px)
}
.close-modal-button {
    position:absolute;
    right:0;
    top:0;
    height:40px;
    width:40px;
    overflow:hidden;
    text-indent:200px;
    background:url(../images/icons/close-icon.png) no-repeat 50%/20px
}
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
[data-formatted-text] h1,
[data-formatted-text] h2,
[data-formatted-text] h3,
[data-formatted-text] h4 {
    font-weight:400
}
#tinymce h1,
#tinymce h2,
#tinymce h3,
#tinymce h4,
#tinymce h5,
#tinymce h6,
[data-formatted-text] h1,
[data-formatted-text] h2,
[data-formatted-text] h3,
[data-formatted-text] h4,
[data-formatted-text] h5,
[data-formatted-text] h6 {
    margin:20px 0 10px
}
#tinymce h1,
[data-formatted-text] h1 {
    font-size:32px
}
#tinymce h2,
[data-formatted-text] h2 {
    font-size:18px;
    font-weight:700
}
#tinymce h3,
[data-formatted-text] h3 {
    font-size:22px
}
#tinymce h4,
[data-formatted-text] h4 {
    font-size:17px;
    font-weight:400
}
#tinymce h5,
[data-formatted-text] h5 {
    font-size:15px
}
#tinymce h6,
[data-formatted-text] h6 {
    font-size:13px
}
#tinymce p,
[data-formatted-text] p {
    margin:10px 0;
    line-height:1.3;
    font-size:14px
}
#tinymce a,
[data-formatted-text] a {
    text-decoration:underline
}
#tinymce .darkred,
[data-formatted-text] .darkred {
    color:darkred
}
#tinymce table,
[data-formatted-text] table {
    font-size:13px;
    border-collapse:collapse
}
#tinymce table th,
#tinymce table thead td,
[data-formatted-text] table th,
[data-formatted-text] table thead td {
    background-color:#ddd
}
#tinymce table td,
#tinymce table th,
[data-formatted-text] table td,
[data-formatted-text] table th {
    vertical-align:top!important;
    border-bottom:1px solid #e4131d;
    padding:10px 40px 10px 10px
}
#tinymce table caption,
[data-formatted-text] table caption {
    font-size:19px
}
#tinymce table p,
[data-formatted-text] table p {
    margin:0
}
#tinymce table .left,
[data-formatted-text] table .left {
    float:none!important;
    text-align:left
}
#tinymce table .right,
[data-formatted-text] table .right {
    float:none!important;
    text-align:right
}
#tinymce table .extra,
[data-formatted-text] table .extra {
    background-color:#e3e3e3
}
#tinymce img.center,
[data-formatted-text] img.center {
    display:block;
    margin:0 auto 1.2em
}
#tinymce img.right,
[data-formatted-text] img.right {
    float:right;
    margin:0 0 1.2em 1.2em
}
#tinymce img.left,
[data-formatted-text] img.left {
    float:left;
    margin:0 1.2em 1.2em 0
}
#tinymce hr,
[data-formatted-text] hr {
    border:none;
    border-top:1px solid #999;
    height:0;
    margin-bottom:1.2em
}
#tinymce ol,
#tinymce ul,
[data-formatted-text] ol,
[data-formatted-text] ul {
    padding:0;
    list-style-position:inside;
    font-size:14px
}
#tinymce ul>li,
[data-formatted-text] ul>li {
    list-style:none;
    margin:10px 0 10px 20px
}
#tinymce ul>li:before,
[data-formatted-text] ul>li:before {
    content:"–";
    float:left;
    width:20px;
    margin-left:-20px
}
#tinymce .nobr,
[data-formatted-text] .nobr {
    white-space:nowrap
}
#tinymce blockquote,
[data-formatted-text] blockquote {
    margin:20px 0 20px 10px;
    border-left:3px solid #e4131d;
    padding-left:15px;
    font-style:normal;
    font-size:14px
}
#tinymce a[href$=".aac"],
#tinymce a[href$=".doc"],
#tinymce a[href$=".docx"],
#tinymce a[href$=".flac"],
#tinymce a[href$=".mp3"],
#tinymce a[href$=".ogg"],
#tinymce a[href$=".pdf"],
#tinymce a[href$=".ppt"],
#tinymce a[href$=".rar"],
#tinymce a[href$=".rtf"],
#tinymce a[href$=".txt"],
#tinymce a[href$=".wav"],
#tinymce a[href$=".wma"],
#tinymce a[href$=".xls"],
#tinymce a[href$=".xlsx"],
#tinymce a[href$=".zip"],
[data-formatted-text] a[href$=".aac"],
[data-formatted-text] a[href$=".doc"],
[data-formatted-text] a[href$=".docx"],
[data-formatted-text] a[href$=".flac"],
[data-formatted-text] a[href$=".mp3"],
[data-formatted-text] a[href$=".ogg"],
[data-formatted-text] a[href$=".pdf"],
[data-formatted-text] a[href$=".ppt"],
[data-formatted-text] a[href$=".rar"],
[data-formatted-text] a[href$=".rtf"],
[data-formatted-text] a[href$=".txt"],
[data-formatted-text] a[href$=".wav"],
[data-formatted-text] a[href$=".wma"],
[data-formatted-text] a[href$=".xls"],
[data-formatted-text] a[href$=".xlsx"],
[data-formatted-text] a[href$=".zip"] {
    padding-left:3em
}
#tinymce a[href$=".aac"]:before,
#tinymce a[href$=".doc"]:before,
#tinymce a[href$=".docx"]:before,
#tinymce a[href$=".flac"]:before,
#tinymce a[href$=".mp3"]:before,
#tinymce a[href$=".ogg"]:before,
#tinymce a[href$=".pdf"]:before,
#tinymce a[href$=".ppt"]:before,
#tinymce a[href$=".rar"]:before,
#tinymce a[href$=".rtf"]:before,
#tinymce a[href$=".txt"]:before,
#tinymce a[href$=".wav"]:before,
#tinymce a[href$=".wma"]:before,
#tinymce a[href$=".xls"]:before,
#tinymce a[href$=".xlsx"]:before,
#tinymce a[href$=".zip"]:before,
[data-formatted-text] a[href$=".aac"]:before,
[data-formatted-text] a[href$=".doc"]:before,
[data-formatted-text] a[href$=".docx"]:before,
[data-formatted-text] a[href$=".flac"]:before,
[data-formatted-text] a[href$=".mp3"]:before,
[data-formatted-text] a[href$=".ogg"]:before,
[data-formatted-text] a[href$=".pdf"]:before,
[data-formatted-text] a[href$=".ppt"]:before,
[data-formatted-text] a[href$=".rar"]:before,
[data-formatted-text] a[href$=".rtf"]:before,
[data-formatted-text] a[href$=".txt"]:before,
[data-formatted-text] a[href$=".wav"]:before,
[data-formatted-text] a[href$=".wma"]:before,
[data-formatted-text] a[href$=".xls"]:before,
[data-formatted-text] a[href$=".xlsx"]:before,
[data-formatted-text] a[href$=".zip"]:before {
    position:absolute;
    text-transform:uppercase;
    font-family:Verdana,Tahoma,sans-serif;
    color:#fff;
    background:#777;
    padding:.175em .25em;
    -webkit-border-radius:.25em;
    border-radius:.25em;
    margin:-.175em 0 0 -3em
}
#tinymce a[href$=docx],
#tinymce a[href$=flac],
#tinymce a[href$=xlsx],
[data-formatted-text] a[href$=docx],
[data-formatted-text] a[href$=flac],
[data-formatted-text] a[href$=xlsx] {
    padding-left:3.75em
}
#tinymce a[href$=docx]:before,
#tinymce a[href$=flac]:before,
#tinymce a[href$=xlsx]:before,
[data-formatted-text] a[href$=docx]:before,
[data-formatted-text] a[href$=flac]:before,
[data-formatted-text] a[href$=xlsx]:before {
    margin-left:-3.75em
}
#tinymce a[href$=".mp3"]:before,
[data-formatted-text] a[href$=".mp3"]:before {
    content:"mp3"
}
#tinymce a[href$=".ogg"]:before,
[data-formatted-text] a[href$=".ogg"]:before {
    content:"ogg"
}
#tinymce a[href$=".wav"]:before,
[data-formatted-text] a[href$=".wav"]:before {
    content:"wav"
}
#tinymce a[href$=".aac"]:before,
[data-formatted-text] a[href$=".aac"]:before {
    content:"aac"
}
#tinymce a[href$=".flac"]:before,
[data-formatted-text] a[href$=".flac"]:before {
    content:"flac"
}
#tinymce a[href$=".wma"]:before,
[data-formatted-text] a[href$=".wma"]:before {
    content:"wma"
}
#tinymce a[href$=".pdf"]:before,
[data-formatted-text] a[href$=".pdf"]:before {
    content:"pdf";
    background:#ea4c3a
}
#tinymce a[href$=".xls"]:before,
[data-formatted-text] a[href$=".xls"]:before {
    content:"xls";
    background:#107c10
}
#tinymce a[href$=".xlsx"]:before,
[data-formatted-text] a[href$=".xlsx"]:before {
    content:"xlsx";
    background:#107c10
}
#tinymce a[href$=".ppt"]:before,
[data-formatted-text] a[href$=".ppt"]:before {
    content:"ppt"
}
#tinymce a[href$=".txt"]:before,
[data-formatted-text] a[href$=".txt"]:before {
    content:"txt"
}
#tinymce a[href$=".rtf"]:before,
[data-formatted-text] a[href$=".rtf"]:before {
    content:"rtf"
}
#tinymce a[href$=".doc"]:before,
[data-formatted-text] a[href$=".doc"]:before {
    content:"doc";
    background:#2b579a
}
#tinymce a[href$=".docx"]:before,
[data-formatted-text] a[href$=".docx"]:before {
    content:"docx";
    background:#2b579a
}
#tinymce a[href$=".zip"]:before,
[data-formatted-text] a[href$=".zip"]:before {
    content:"zip"
}
#tinymce a[href$=".rar"]:before,
[data-formatted-text] a[href$=".rar"]:before {
    content:"rar"
}
.clearfix:after,
.columns:after {
    content:"";
    display:block;
    clear:both
}
body,
html {
    min-width:1024px;
    margin:0;
    line-height:1.4
}
.container {
    overflow:hidden;
    width:100%
}
.wrapper {
    max-width:1920px;
    min-width:1024px;
    padding:0 85px;
    width:100%;
    display:block;
    margin:0 auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media (min-width:1920px) {
    .wrapper {
        max-width:100%;
        padding:0 4.42708%
    }
}
.wrapper:after {
    content:"";
    display:block;
    clear:both
}
@media screen and (max-width:1200px) {
    .wrapper {
        padding:0 42.5px
    }
}
.block,
div,
input,
li,
nav,
ul {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.columns {
    clear:both;
    font-size:0
}
.columns[data-align=stretch] {
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.columns[data-align=center],
.columns[data-align=stretch] {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.columns[data-align=center] {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[data-column] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:1rem;
    display:inline-block;
    vertical-align:top
}
[data-padding*="0:"] {
    margin-left:0;
    margin-right:0
}
[data-padding*="0:"]>[data-column] {
    padding-left:0;
    padding-right:0
}
[data-padding*="4:"] {
    margin-left:-2px;
    margin-right:-2px
}
[data-padding*="4:"]>[data-column] {
    padding-left:2px;
    padding-right:2px
}
[data-padding*="10:"] {
    margin-left:-5px;
    margin-right:-5px
}
[data-padding*="10:"]>[data-column] {
    padding-left:5px;
    padding-right:5px
}
[data-padding*="15:"] {
    margin-left:-7.5px;
    margin-right:-7.5px
}
[data-padding*="15:"]>[data-column] {
    padding-left:7.5px;
    padding-right:7.5px
}
[data-padding*="20:"] {
    margin-left:-10px;
    margin-right:-10px
}
[data-padding*="20:"]>[data-column] {
    padding-left:10px;
    padding-right:10px
}
[data-padding*="30:"] {
    margin-left:-15px;
    margin-right:-15px
}
[data-padding*="30:"]>[data-column] {
    padding-left:15px;
    padding-right:15px
}
[data-padding*="35:"] {
    margin-left:-17.5px;
    margin-right:-17.5px
}
[data-padding*="35:"]>[data-column] {
    padding-left:17.5px;
    padding-right:17.5px
}
[data-padding*="50:"] {
    margin-left:-25px;
    margin-right:-25px
}
[data-padding*="50:"]>[data-column] {
    padding-left:25px;
    padding-right:25px
}
[data-padding*=":0"] {
    margin-top:0;
    margin-bottom:0
}
[data-padding*=":0"]>[data-column] {
    padding-top:0;
    padding-bottom:0
}
[data-padding*=":4"] {
    margin-top:-2px;
    margin-bottom:-2px
}
[data-padding*=":4"]>[data-column] {
    padding-top:2px;
    padding-bottom:2px
}
[data-padding*=":10"] {
    margin-top:-5px;
    margin-bottom:-5px
}
[data-padding*=":10"]>[data-column] {
    padding-top:5px;
    padding-bottom:5px
}
[data-padding*=":20"] {
    margin-top:-10px;
    margin-bottom:-10px
}
[data-padding*=":20"]>[data-column] {
    padding-top:10px;
    padding-bottom:10px
}
[data-padding*=":30"] {
    margin-top:-15px;
    margin-bottom:-15px
}
[data-padding*=":30"]>[data-column] {
    padding-top:15px;
    padding-bottom:15px
}
[data-padding*=":35"] {
    margin-top:-17.5px;
    margin-bottom:-17.5px
}
[data-padding*=":35"]>[data-column] {
    padding-top:17.5px;
    padding-bottom:17.5px
}
[data-padding*=":60"] {
    margin-top:-30px;
    margin-bottom:-30px
}
[data-padding*=":60"]>[data-column] {
    padding-top:30px;
    padding-bottom:30px
}
[data-column*="df1:1"] {
    width:100%
}
[data-column*="df1:2"] {
    width:50%
}
[data-column*="df1:3"] {
    width:33.33333%
}
[data-column*="df2:3"] {
    width:66.66667%
}
[data-column*="df1:4"] {
    width:25%
}
[data-column*="df3:4"] {
    width:75%
}
[data-column*="df1:5"] {
    width:20%;
    min-width: 248px;
}
[data-column*="df1:6"] {
    width:16.66667%
}
[data-column*="df5:6"] {
    width:83.33333%
}
@media screen and (min-width:1441px) and (max-width:1920px) {
    [data-column*="lg1:4"] {
        width:25%
    }
    [data-column*="lg1:3"] {
        width:33.33333%
    }
}

@media screen and (max-width:1440px) and (min-width:1201px) {
    [data-column*="md1:1"] {
        width:100%
    }
    [data-column*="md1:2"] {
        width:50%
    }
    [data-column*="md1:3"] {
        width:33.33333%
    }
    [data-column*="md2:3"] {
        width:66.66667%
    }
    [data-column*="md1:4"] {
        width:25%
    }
}
@media screen and (max-width:1200px) and (min-width:1025px) {
    [data-column*="sm1:1"] {
        width:100%
    }
    [data-column*="sm1:2"] {
        width:50%
    }
    [data-column*="sm1:3"] {
        width:33.33333%
    }
}
@media screen and (max-width:1024px) {
    [data-column*="xs1:1"] {
        width:100%
    }
    [data-column*="xs1:2"] {
        width:50%
    }
    [data-column*="xs1:3"] {
        width:33.33333%
    }
    [data-column*="xs3:5"] {
        width:60%
    }
}

.carousel {
    position:relative
}
.carousel.pointer-event {
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.carousel-inner {
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner:after {
    display:block;
    clear:both;
    content:""
}
.carousel-item {
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:-100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .6s ease-in-out;
    transition:-webkit-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        -webkit-transition:none;
        transition:none
    }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display:block
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.carousel-fade .carousel-item {
    opacity:0;
    -webkit-transition-property:opacity;
    transition-property:opacity;
    -webkit-transform:none;
    transform:none
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index:1;
    opacity:1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index:0;
    opacity:0;
    -webkit-transition:opacity 0s .6s;
    transition:opacity 0s .6s
}
@media screen and (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        -webkit-transition:none;
        transition:none
    }
}
.carousel-control-next,
.carousel-control-prev {
    position:absolute;
    top:0;
    bottom:0;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:15%;
    color:#fff;
    text-align:center;
    opacity:.5;
    -webkit-transition:opacity .15s ease;
    transition:opacity .15s ease
}
@media screen and (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        -webkit-transition:none;
        transition:none
    }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color:#fff;
    text-decoration:none;
    outline:0;
    opacity:.9
}
.carousel-control-prev {
    left:0
}
.carousel-control-next {
    right:0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display:inline-block;
    width:20px;
    height:20px;
    background:transparent no-repeat 50%;
    background-size:100% 100%
}

.carousel-indicators {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:15;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-left:0;
    margin-right:15%;
    margin-left:15%;
    list-style:none
}
.carousel-indicators li {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    width:30px;
    height:3px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    -webkit-transition:opacity .6s ease;
    transition:opacity .6s ease
}
@media screen and (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        -webkit-transition:none;
        transition:none
    }
}
.carousel-indicators .active {
    opacity:1
}
.carousel-caption {
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center
}

.button {
    border:1px solid #e4131d;
    padding:7px 17px;
    display:inline-block;
    font-size:18px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin:10px 0;
    vertical-align:middle;
    cursor:pointer
}
.button.big {
    min-width:200px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:16px;
    font-weight:700;
    background: none;
    color: white;
}
.add-to-cart-btn.in-cart {
    background:#e4131d
}
.quantity-block {
    border:1px solid #e4131d;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:7px 0;
    height:40px;
    vertical-align:middle;
    display:inline-block;
    min-width:75px;
    text-align:center
}
.quantity-block.dish{
    border: 0;
}

.quantity-block input[type=number] {
    background:none;
    border:none;
    display: inline-block;
    color:#fff;
    width:25px;
    text-align:center;
    font-size:13px;
    padding:5px 0;
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:textfield;
    outline:none
}
.quantity-block input[type=number]::-webkit-inner-spin-button,
.quantity-block input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none
}
.quantity-block .quantity-minus,
.quantity-block .quantity-plus {
    padding:0;
    font-size:16px;
    display:inline-block;
    width:20px
}
.quantity-block .quantity-minus {
    text-align:right
}
.quantity-block .quantity-plus {
    text-align:left
}
input[type=email],
input[type=tel],
input[type=text],
input[type=number],
textarea,
select
{
    border:1px solid #e4131d;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:#2c3041;
    display:block;
    margin:10px 0;
    width:100%;
    padding:10px 12px;
    margin:0 0 23px;
    font-size:14px;
    font-family:Roboto,Rubble,Verdana,sans-serif;
    color:#fff
}
input[type=radio],
label.non-active {
    display:none
}
input[type=radio]~.radio-icon {
    background:url(../images/icons/rb.png) no-repeat 50%/18px auto;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 8px 0 0;
    vertical-align:middle
}
input[type=radio]:checked~.radio-icon {
    background:url(../images/icons/rb-ok.png) no-repeat 50%/18px auto
}
input[type=checkbox] {
    display:none
}
input[type=checkbox]~.checkbox-icon {
    background:url(../images/icons/cb.png) no-repeat 0 100%/18px 18px;
    display:inline-block;
    height:20px;
    width:22px;
    margin:0 8px 0 0;
    vertical-align:middle
}
input[type=checkbox]:checked~.checkbox-icon {
    background:url(../images/icons/cb-ok.png) no-repeat 0 100%/22px 19px
}
h1,
h2,
h3,
h4 {
    font-family:Fira Sans,Roboto,Rubble,Verdana,sans-serif
}
h1 {
    font-size:25px;
    text-transform:uppercase;
    letter-spacing:3px;
    margin:50px 0 10px
}
p {
    font-size:14px
}
.text-center {
    text-align:center
}
.left {
    float:left
}
.right {
    float:right
}
body {
    background:#000 url(../images/desktop/backgroundx2.png) 50%/808px 784px;
    background-attachment:fixed
}
.body-inner.fixed {
    height:100vh;
    overflow:hidden
}
.price {
    font-weight:700;
    font-size:18px
}
header {
    padding:18px 0
}
@media screen and (max-width:1024px),screen and (max-width:1200px) and (min-width:1025px),screen and (max-width:1440px) and (min-width:1201px) {
    header {
        margin:0 0 20px
    }
    header .header-contacts {
        position:absolute;
        margin:36px 0 0;
        left:0;
        width:100%;
        background:#2c2f41;
        min-width:1024px;
        top:20px
    }
}
@media screen and (max-width:1440px) and (min-width:1201px) {
    header .header-contacts {
        padding:5px 42.5px 5px 470px
    }
}
@media screen and (max-width:1024px),screen and (max-width:1200px) and (min-width:1025px) {
    header .header-contacts {
        padding:5px 42.5px 5px 430px
    }
}
.header-top {
    background:#2c3041
}
@media screen and (max-width:1024px),screen and (max-width:1200px) and (min-width:1025px),screen and (max-width:1440px) and (min-width:1201px) {
    .header-top {
        padding-bottom:20px
    }
}
.header-top-inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.header-top-inner .logo {
    margin:12px 50px 12px 30px
}
.header-top-inner .contacts,
.header-top-inner .schedule {
    margin:0 15px 0 0;
    color:#fa0;
    font-family:Fira Sans,Roboto,Rubble,Verdana,sans-serif
}
.header-top-inner .menu {
    margin: 0 20px
}
.header-top-inner .menu ul {
    list-style:none;
    padding:0;
    margin:0
}
.header-top-inner .menu li {
    display:inline-block
}
.header-top-inner .menu a,
.header-top-inner .menu span {
    display:block;
    color:#fff;
    padding:10px 14px
}
.header-top-inner .mini-cart-block {
    margin-left:auto;
    font-size:14px;
    right:0;
    position:absolute;
    top:-22px
}
.header-top-inner .mini-cart-outer {
    padding:20px;
    z-index:3;
    white-space:nowrap
}

#mini-cart-outer{
    position: fixed;
    width: 171px;
    height: 105px;
    top: 0;
}

@media screen and (min-width:1441px){
    #mini-cart-outer{
        left: 1207px;
    }
}

@media screen and (max-width:1440px){
    #mini-cart-outer{
        left: 1007px;
    }
}

.header-top-inner .mini-cart {
    padding:20px;
    float:right;
    background:#2c3041;
    -webkit-transition:all .25s ease 0s;
    -o-transition:.25s all ease 0s;
    transition:all .25s ease 0s;
    border:1px solid transparent
}
.header-top-inner .mini-cart.flying {
    border:1px solid #fff
}
.layout {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.content {
    width:calc(100% - 307px);
    margin:0 0 70px
}
.aside-block {
    width:262px;
    margin:0 45px 0 0;
    position:relative
}
.aside-menu {
    background:#2c3041;
    float:left;
    width:100%
}
.aside-menu.sticky {
    position: absolute;
    width: 262px;
    height: auto;
    top: auto;
    left: auto;
}

.aside-menu.sticky.fixed{
    position: fixed;
    top: 0;
    left: 85px;
}

.aside-menu ul {
    padding:0;
    list-style:none
}
.aside-menu .category-link {
    display:block;
    padding:7.5px 15px;
    line-height:39px
}
.aside-menu .preview {
    display:inline-block;
    vertical-align:middle;
    width:61px;
    height:39px
}
.aside-menu img {
    display:block;
    margin:auto
}
.slider {
    margin:0 0 30px
}
.slider img {
    display:block
}
.content {
    position:relative
}
.category-menu {
    background:rgba(0,0,0,.8);
    padding:12px 20px 0 0;
    width:100%;
    z-index:2
}

.sticky.category-menu{
    position: absolute;
    width: 800px;
    height: 60px;
    top: auto;
    left: auto;
}

.sticky.category-menu.fixed{
    position: fixed;
    width: 786px;
    height: 60px;
    top: 0;
    left: 392px;
}

.category-menu h1 {
    display:inline-block;
    vertical-align:middle;
    margin:0 15px 10px 0
}
.category-menu .tabs {
    display:inline-block;
    margin:0 0 10px 30px
}
.category-menu .tab {
    display:inline-block;
    padding:6px 15px;
    line-height:1.4
}
.category-menu .tab.active {
    background:#fa0;
    -webkit-border-radius:18px;
    border-radius:18px
}
.product-list {
    margin:25px 0
}
.product-card {
    background:#2c3041;
    height:100%;
    position:relative;
    -webkit-transition:all .25s ease 0s;
    -o-transition:.25s all ease 0s;
    transition:all .25s ease 0s
}
.product-card h2 {
    font-size:16px;
    font-weight:700
}
.product-card .info {
    padding:17px 17px 90px;
    -webkit-transition:all .25s ease 0s;
    -o-transition:.25s all ease 0s;
    transition:all .25s ease 0s
}
.product-card .label {
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    font-weight:700;
    text-transform:uppercase;
    padding:5px 15px;
    font-size:14px;
    letter-spacing:2px
}
.product-card .is-new-label {
    background:#e4131d
}
.product-card .is-hit {
    background:#fa0
}
.product-card img {
    display:block
}
.product-card .preview {
    position:relative
}
.product-card .info span{
    border-bottom: 1px red solid;
    padding-bottom: 2px;
}
.product-card:focus,
.product-card:hover {
    background:#fa0
}
.product-card:focus .info,
.product-card:hover .info
{
    color:#000
}
.product-card:focus .button,
.product-card:hover .button {
    border-color:#000
}
.product-card .quantity,
.product-card .weight {
    margin:0 10px 0 0
}
.product-card .add-to-cart {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}
.product-detail-block {
    position:fixed;
    z-index: 2;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.55);
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.product-detail-block .description {
    font-size:14px
}
.product-detail-block .inner-block {
    background:#2c3041;
    max-width:852px;
    min-width:300px;
    margin:auto;
    padding:70px 45px;
    position:relative;
    font-size:14px
}
.product-detail-block .close-product-detail {
    margin:-30px -10px 0 0;
    height:40px;
    width:40px;
    display:block;
    text-indent:200%;
    overflow:hidden
}
.product-detail-block .add-info {
    margin:20px 0
}
.product-detail-block .quantity,
.product-detail-block .weight {
    margin:20px 20px 20px 0
}
.product-detail-block .add-to-cart-form {
    margin:20px 0 0
}
.add-to-cart {
    display: flex;
    height: 75px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.to-cart-link {
    display:inline-block;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:1.67px;
    text-align: left;
}
.to-cart-link:focus,
.to-cart-link:hover {
    text-decoration:underline
}
.cart-list {
    background:#2c3041;
    padding:15px 30px 45px
}
.cart-list .total-price {
    text-align:right;
    margin:10px 0
}
.cart-item {
    border-bottom:1px solid #e4131d;
    padding:15px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.cart-item:after {
    content:"";
    display:block;
    clear:both
}
.cart-item .preview {
    float:left;
    margin:0 15px 0 0
}
.cart-item .info {
    display:block;
    width:calc(100% - 380px);
    padding:0 20px 0 0;
    min-height:113px
}
.cart-item .controls {
    text-align:right;
    width:200px
}
.cart-item .quantity-block {
    float:left
}
.cart-item .price {
    display:inline-block;
    width:70px;
    vertical-align:middle;
    text-align:left
}
.cart-item .delete-block {
    width:40px;
    display:inline-block;
    vertical-align:middle
}
.cart-item .delete-item {
    display:block;
    width:40px;
    height:40px;
    text-indent:200%;
    overflow:hidden
}
.checkout-panel {
    background:#2c3041;
    padding:30px 30px 50px
}
.checkout-panel h3 {
    font-weight:400
}
.checkout-panel .payment-icons {
    margin:10px 0 22px
}
.checkout-panel .payment-icons img {
    margin:0 6px 0 0
}
.checkout-panel .alert {
    margin:10px 0;
    color:#fa0
}
.promo-banner {
    margin:0 0 40px
}
.promo-banner h2 {
    margin:20px 0 10px
}
.promo-banner img {
    display:block
}
.content-panel {
    background:#2c3041;
    padding:24px 20px 32px;
    margin:20px 0
}
.content-panel:after {
    content:"";
    display:block;
    clear:both
}
.success {
   /* padding:50px 40px 75px;*/
    padding: 50px 12% 75px;
}
.talking-cloud {
    -webkit-border-radius:37px;
    border-radius:37px;
    color:#000;
    background:#fff;
    padding:24px 45px;
    position:relative
}
.crab-content {
   /* max-width:415px*/
}
.crab-content:after {
    content:"";
    background:url(../images/icons/crab-talking.png) no-repeat 50%/123px auto;
    display:block;
    width:123px;
    height:93px;
    position:absolute;
    right:-107px;
    bottom:-40px
}
.crab-talking {
    text-align:center;
    margin:0 auto;
   /* max-width:521px;
    width:calc(100% - 100px);*/
    width: 100%;
    padding:0 107px 40px 0
}
.crab-talking h1 {
    color:#fa0;
    font-size:16px
}
footer {
    background:#2c3041;
    padding:28px 0 40px;
    font-family:Fira Sans,Roboto,Rubble,Verdana,sans-serif
}
footer p {
    margin:23px 0
}
footer .aside-space {
    width:262px;
    margin:0 45px 0 0;
    float:left;
    height:100px
}
footer .content-space {
    width:calc(100% - 307px);
    float:left
}
footer .footer-content {
    width:calc(100% - 307px);
    margin:0 0 0 307px
}
footer .shrimp-talking {
    margin:auto;
    max-width:521px;
    width:calc(100% - 100px)
}
footer .shrimp-talking .shrimp-content {
    max-width:415px
}
footer .shrimp-talking .shrimp-content:after {
    content:"";
    background:url(../images/icons/shrimp-talking.png) no-repeat 50%/123px auto;
    display:block;
    width:123px;
    height:81px;
    position:absolute;
    right:-107px;
    bottom:-40px
}
footer .big-text {
    font-size:22px
}
footer .card-payment img {
    margin:7px 10px 0 0
}
@media screen and (max-width:1024px),screen and (max-width:1200px) and (min-width:1025px),screen and (max-width:1440px) and (min-width:1201px) {
    footer .shrimp-talking {
        display:none
    }
}
.copyrights {
    text-align:right
}
.copyrights p {
    display:inline-block;
    margin:0 0 0 65px
}

/*header search*/
  #search{
      position: relative;
  }

 #search-string{
     margin: 0;
     padding: 6px 8px;
 }

#search-btn{
    position: absolute;
    background: url(../images/icons/search.png);
    width: 27px;
    height: 23px;
    bottom: 5px;
    right: 5px;
    border: 0;
    cursor: pointer;
}

/*Согалсие на обработку данных*/
.bottom-privacy{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    z-index: 100;
    padding: 10px;
    background-color: black;
    border-top: 1px solid #e4131d;
    color: white;
}

.bottom-privacy .privacy-inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-privacy .privacy-inner p{
    margin: 0;
    font-size: 14px;
}

.bottom-privacy .privacy-inner a{
    color: grey;
}

.bottom-privacy .privacy-inner button {
    transition: .3s;
    margin-left: 8px;
    cursor: pointer;
    color: white;
    border: 1px solid #e4131d;
    padding: 7px 17px;
    display: inline-block;
    font-size: 18px;
    border-radius: 4px;
    background: #2c3041;
}