@media (max-width:362px) {
            .close-modal {
                margin-bottom: 10px!important
            }
        }
        
        ul li a i::before {
            color: black
        }
        
        ul li a {
            height: 40px
        }
        
        @media (min-width:900px) {
            .dropdown {
                position: absolute
            }
            #dropdown-proc {
                top: 70px
            }
            header {
                height: 140px!important
            }
            #top-bar {
                height: 30px;
            }
        }
        
        @media screen and (max-width:768px) {
            #open-cart {
                right: 0!important
            }
        }
        
        @media (min-width:100px) and (max-width:1050px) {
            #primary-menu-trigger {
                position: absolute!important;
                top: 0;
                color: #000;
                height: 30px
            }
        }
        
        .counters .overlay {
            -webkit-transition: background-color .3s ease;
            -o-transition: background-color .3s ease;
            transition: background-color .3s ease
        }
        
        .counters>div:nth-child(1) .overlay {
            background-color: rgba(229, 57, 53, .8)
        }
        
        .counters>div:nth-child(2) .overlay {
            background-color: rgba(211, 47, 47, .8)
        }
        
        .counters>div:nth-child(3) .overlay {
            background-color: rgba(198, 40, 40, .8)
        }
        
        .counters>div:nth-child(4) .overlay {
            background-color: rgba(183, 28, 28, .8)
        }
        
        .counters>div:hover .overlay {
            background-color: rgba(0, 0, 0, 0)
        }
        
        .undo {
            border-radius: 50%;
            background-image: linear-gradient(160deg, #0093e9 0, #80d0c7 100%);
            width: 50px;
            height: 50px;
            box-shadow: 5px 10px 18px #888;
            color: #fff;
            border: none;
            position: absolute;
            bottom: 10px;
            left: 10px;
            position: fixed;
            z-index: 300;
            animation: shakeY;
            animation-duration: 3s
        }
        
        html:not([data-scroll='0']) .primary-nav {
            top: 300px
        }
        
        .cont {
            margin-left: 0
        }
        
        .cart-button,
        .cart-button-guest {
            background-image: linear-gradient(160deg, #0093e9 0, #80d0c7 100%);
            width: 300px;
            height: 50px;
            box-shadow: 5px 10px 18px #888;
            color: #fff;
            border: none;
            font-weight: 700;
            right: 20px;
            border-radius: 10px;
            position: absolute;
            bottom: 20px;
            left: 20px;
            position: sticky;
            z-index: 2;
            animation: shakeY;
            animation-duration: 3s;
            transition: .3s ease-in-out;
            overflow: hidden
        }
        
        .cart-button-guest:hover,
        .cart-button:hover {
            background-color: #35269b
        }
        
        .cart-button-guest:active,
        .cart-button:active {
            transform: scale(.9)
        }
        
        .cart-button .fa-shopping-cart,
        .cart-button-guest .fa-shopping-cart {
            position: absolute;
            z-index: 2;
            top: 50%;
            left: -25%;
            font-size: 1.5em;
            transform: translate(-50%, -50%)
        }
        
        .cart-button .fa-box,
        .cart-button-guest .fa-box {
            position: absolute;
            z-index: 3;
            top: -20%;
            left: 52%;
            font-size: 1.2em;
            transform: translate(-50%, -50%)
        }
        
        .cart-button span,
        .cart-button-guest span {
            position: absolute;
            z-index: 3;
            left: 50%;
            top: 50%;
            font-size: 1.2em;
            color: #fff;
            transform: translate(-50%, -50%)
        }
        
        .cart-button span.add-to-cart,
        .cart-button-guest span.add-to-cart {
            opacity: 1
        }
        
        .cart-button span.added,
        .cart-button-guest span.added {
            opacity: 0
        }
        
        .cart-button.clicked .fa-shopping-cart {
            animation: cart 1.5s ease-in-out forwards
        }
        
        .cart-button.clicked .fa-box {
            animation: box 1.5s ease-in-out forwards
        }
        
        .cart-button.clicked span.add-to-cart {
            animation: txt1 1.5s ease-in-out forwards
        }
        
        .cart-button.clicked span.added {
            animation: txt2 1.5s ease-in-out forwards
        }
        
        @keyframes cart {
            0% {
                left: -10%
            }
            40%,
            60% {
                left: 50%
            }
            100% {
                left: 110%
            }
        }
        
        @keyframes box {
            0%,
            40% {
                top: -20%
            }
            60% {
                top: 40%;
                left: 52%
            }
            100% {
                top: 40%;
                left: 112%
            }
        }
        
        @keyframes txt1 {
            0% {
                opacity: 1
            }
            100%,
            20% {
                opacity: 0
            }
        }
        
        @keyframes txt2 {
            0%,
            80% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
        
        #open-cart {
            display: none;
            float: right;
            min-height: 305px;
            /* max-height: 290px; */
            max-height: 1000px;
            background-color: #fff;
            position: fixed;
            right: 10px;
            top: 125px;
            border-radius: 30px;
            transition: all .3s;
            -wekit-transition: all .3s;
            -moz-transition: all .3s;
            opacity: .95;
            box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
            animation: 1s fadeInDown
        }
        
        @media only screen and (max-width:600px) {
            .top-nav li#user ul {
                left: -35px !important;
            }
            .top-nav .top-links ul li a span {
                display: none;
            }
            #primary-nav {
                top: 0!important
            }
            #page-title {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 50px
            }
        }
        
        .modal-confirm {
            margin: 5px auto;
            color: #636363;
            max-width: 400px;
            width: 97vw;
        }
        
        .modal-dialog.modal-confirm {
            margin: 0 auto;
        }
        
        .modal-confirm .modal-content {
            padding: 0px;
            border-radius: 5px;
            border: none;
            text-align: center;
            max-width: 97vw;
            font-size: 14px;
            position: relative;
            top: 80px
        }
        
        .modal-confirm .modal-header {
            border-bottom: none;
            position: relative
        }
        
        .modal-confirm h4 {
            text-align: center;
            font-size: 26px;
            margin: 30px 0 -10px
        }
        
        .modal-confirm .close {
            position: absolute;
            top: -5px;
            right: -2px
        }
        
        .modal-confirm .modal-body {
            color: #999
        }
        
        .modal-confirm .modal-footer {
            border: none;
            text-align: center;
            border-radius: 5px;
            font-size: 13px;
            padding: 10px 15px 25px
        }
        
        .modal-confirm .modal-footer a {
            color: #999
        }
        
        .modal-confirm .icon-box {
            width: 80px;
            height: 80px;
            margin: 0 auto;
            border-radius: 50%;
            z-index: 9;
            text-align: center;
            border: 3px solid #f15e5e
        }
        
        #smallNav .modal-confirm .icon-y {}
        
        .modal-confirm .icon-y {
            width: 80px;
            height: 80px;
            margin: 0 auto;
            border-radius: 50%;
            z-index: 9;
            text-align: center;
            border: 3px solid #3c97e8
        }
        
        .modal-confirm .icon-y i {
            color: #3c97e8;
            font-size: 46px;
            display: inline-block;
            margin-top: 13px
        }
        
        .modal-confirm .icon-box i {
            color: #f15e5e;
            font-size: 46px;
            display: inline-block;
            margin-top: 13px
        }
        
        .modal-confirm .btn,
        .modal-confirm .btn:active {
            color: #fff;
            border-radius: 4px;
            background: #60c7c1;
            text-decoration: none;
            transition: all .4s;
            line-height: normal;
            min-width: 120px;
            border: none;
            min-height: 40px;
            border-radius: 3px;
            margin: 0 5px
        }
        
        .modal-confirm .btn-secondary {
            background: #c1c1c1
        }
        
        .modal-confirm .btn-secondary:focus,
        .modal-confirm .btn-secondary:hover {
            background: #a8a8a8
        }
        
        .modal-confirm .btn-danger {
            background: #f15e5e
        }
        
        .modal-confirm .btn-danger:focus,
        .modal-confirm .btn-danger:hover {
            background: #ee3535
        }
        
        .btn-start {
            background: #fff;
            border-radius: 10px;
            color: #000;
            height: 50px;
            font-size: 1.5em;
            box-shadow: 2px 2px 5px #403f3f;
            border-bottom: 3px solid rgba(0, 0, 0, .15);
            border-radius: 10px
        }
        
        .btn-start i {
            animation: shakeX 3s
        }
        
        @keyframes changeStyle {
            0% {
                background: #4da9ff
            }
            75% {
                background: #e6f3ff
            }
            100% {
                background: #fff
            }
            0% {
                color: #000
            }
        }
        
        .btn-start:hover {
            color: #000!important;
            background-color: #fff
        }
        
        .btn-start:hover i {
            animation: shakeX 2s
        }
        
        .btn-modal:hover {
            animation: changeStyle 1s 1;
            color: #000!important;
            background-color: #fff
        }
        
        #total-sum {
            right: 15px!important
        }
        
        .button:hover {
            color: #000
        }
        
        @media (min-width:991px) and (max-width:1046px) {
            #myserenus-logo {
                width: 380px!important
            }
        }
        
        @media (min-width:0px) and (max-width:991px) {
            #header {
                /* box-shadow: 0 5px 5px -2px #aeb0af; */
            }
            #logo {
                display: none
            }
            #en {
                position: relative;
                top: -5px
            }
            #logo-small {
                height: 40px;
                position: relative;
                float: left;
                left: 20px;
                top: 3px;
                display: inline-block!important
            }
            .cart-icon {
                position: relative;
                top: -1px;
                left: 0px;
                cursor: pointer;
                height: 30px;
            }
            #logo-small img {
                height: 47px;
                margin-bottom: 15px;
                margin-top: -8px;
            }
            #top-bar {
                border-bottom: none;
                width: 100vw;
                margin-top: 7px;
                float: none;
            }
        }
        
        .cookie-message {
            font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
            border-radius: 10px;
            padding: 15px 0;
            background: #f7f8fb;
            border: 1px solid rgba(0, 0, 0, .15);
            box-shadow: 0 0 16px 2px rgba(0, 0, 0, .05), 0 10px 10px 2px rgba(0, 0, 0, .05);
            font-size: 12px;
            line-height: 40px;
            border-top: 1px solid #e4e4e4;
            position: fixed;
            z-index: 100;
            bottom: 3%;
            right: 2%;
            margin: auto;
            max-width: 540px;
            display: -ms-flexbox;
            display: flex
        }
        
        .cookie-message img {
            height: 50px;
            width: 50px;
            margin: 0 15px;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }
        
        .cookie-message span {
            display: inline-block;
            line-height: 1.5;
            padding-right: 16px;
            border-right: 1px solid rgba(0, 0, 0, .1)
        }
        
        .cookie-message a.close {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            border: none;
            font-size: 24px;
            padding: 0 20px 0 16px;
            position: relative;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            color: #919191;
            transition: color .2s
        }
        
        .cookie-message a.close:hover {
            color: #795548
        }
        
        .cookie-message a {
            display: inline-block;
            color: red;
            text-decoration: none;
            border-bottom: 1px solid rgba(0, 0, 0, .1)
        }
        
        .padding-3 {
            padding: 3px
        }
        
        h1 {
            margin-bottom: 30px!important;
            margin-top: 30px!important
        }
        
        #primary-menu ul li a:hover,
        .top-links ul li a:hover {
            text-shadow: 0 0 18px #3c97e8;
        }
        
        .terms-of-use {
            font-size: large;
            font-weight: 0;
            text-transform: none;
            position: relative;
            right: 0px;
            animation: pulse 1s;
        }
        
        @keyframes pulse {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            }
            70% {
                transform: scale(-0.9);
                box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            }
            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            }
        }
        
        @media (max-width:900px) {
            #logo-small img {
                height: 75px;
                margin-top: -3px;
            }
        }
        
        .cart-style {
            position: relative;
            top: 10px;
            color: rgb(77, 77, 77);
            margin-right: 2px;
            -webkit-text-stroke: 0.000001px black;
        }
        
        .cart--item {
            min-height: 50px;
        }
        
        img.logo-menu {
            height: 67px;
            object-position: 4px 7px;
        }