a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    color: inherit
}

@font-face {
    font-family: proximaNova;
    src: url("../fonts/proxima_nova/ProximaNovaAlt-Reg.otf");
    font-weight: 400
}

@font-face {
    font-family: proximaNova;
    src: url("../fonts/proxima_nova/ProximaNovaAlt-Sbold.otf");
    font-weight: 600
}

@font-face {
    font-family: proximaNova;
    src: url("../fonts/proxima_nova/ProximaNovaAlt-Bold.otf");
    font-weight: 700
}

@font-face {
    font-family: Lora;
    src: url("../fonts/lora/Lora_regular.ttf");
    font-weight: 400
}

@font-face {
    font-family: Lora;
    src: url("../fonts/lora/Lora_700.ttf");
    font-weight: 700
}

@font-face {
    font-family: Lora;
    src: url("../fonts/lora/Lora_700italic.ttf");
    font-weight: 700;
    font-style: italic
}

html {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

body {
    height: 100%;
    font-family: 'proximaNova';
    color: #4a4a4a;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.navigation {
    padding: 0 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 90;
    height: 80px
}



.navigation .logo {
    width: 100px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block
}

.navigation .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation .left .items-wrapper {
    font-size: 16px;
    color: #4a4a4a;
    margin-left: 46px;
    font-weight: 600
}

.navigation .left .items-wrapper .item:not(:first-of-type) {
    margin-left: 30px
}

.navigation .left .items-wrapper .item.active {
    color: #1b3f9e
}

.navigation .right {
    font-size: 16px;
    color: #4a4a4a;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation .right .phone-wrapper {
    border-right: 1px solid #82899d;
    padding-right: 16px;
    font-size: 14px;
    font-weight: 600
}

.navigation .right .phone-wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.navigation .right .phone-wrapper .phone {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.navigation .right .cart-wrapper {
    display: block;
    padding: 0 16px;
    border-right: 1px solid #82899d
}

.navigation .right .cart {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.navigation .right .login {
    margin-left: 16px;
    font-size: 14px;
    font-weight: 600
}

.navigation .right .register {
    margin-left: 18px;
    padding: 10px 25px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    position: relative
}

.navigation .right .register::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.navigation .right .register.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.responsive-navigation {
    z-index: 90;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .responsive-navigation {
        display: block
    }
}

.responsive-navigation .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.responsive-navigation .wrapper .burger {
    width: 16px;
    height: 16px
}

.responsive-navigation .wrapper .burger .line {
    display: block;
    width: 100%;
    background-color: #AFB5C5;
    height: 2px;
    border-radius: 2px
}

.responsive-navigation .wrapper .burger .line:not(:first-of-type) {
    margin-top: 4px
}

.responsive-navigation .wrapper .logo {
    width: 75px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.responsive-navigation .wrapper .cart {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer
}

.responsive-navigation .menu {
    height: calc(100vh - 124px);
    background-color: #fff;
    position: fixed;
    z-index: 90;
    width: 100%;
    left: 0;
    top: 54px;
    border-top: 1px solid #eaecf5;
    padding: 0 20px;
    padding-top: 10px;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.responsive-navigation .menu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.responsive-navigation .menu .decoration1 {
    width: 100px;
    position: absolute;
    right: 6px;
    top: -25px
}

.responsive-navigation .menu .decoration2 {
    width: 100px;
    position: absolute;
    left: 0;
    bottom: 140px
}

.responsive-navigation .menu .decoration3 {
    width: 90px;
    position: absolute;
    right: 0;
    bottom: 150px
}

.responsive-navigation .menu .phone-wrapper {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaecf5
}

.responsive-navigation .menu .phone-wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.responsive-navigation .menu .phone-wrapper .phone {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.responsive-navigation .menu .items-wrapper {
    margin-top: 18px
}

.responsive-navigation .menu .items-wrapper .item {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 2.13
}

.responsive-navigation .menu .buttons-wrapper {
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: center
}

.responsive-navigation .menu .buttons-wrapper .button {
    padding: 14px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    width: 130px;
    text-align: center
}

.responsive-navigation .menu .buttons-wrapper .button:first-of-type {
    background-color: #f3f6ff;
    color: #8b92a4;
    margin-right: 10px
}

.responsive-navigation .menu .buttons-wrapper .button:last-of-type {
    background-color: #1b3f9e;
    color: #fff;
    margin-left: 10px
}

.responsive-navigation .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.responsive-navigation .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.responsive-navigation.profile {
    padding: 12px 20px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    z-index: 90
}

.responsive-navigation.profile .hamburger {
    width: 33.33%
}

.responsive-navigation.profile .logo {
    width: 33.33%
}

.responsive-navigation.profile .profile {
    width: 33.33%;
    text-align: right;
    position: relative;
    cursor: pointer
}

.responsive-navigation.profile .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.responsive-navigation.profile .profile.active .icon path {
    fill: #1b3f9e
}

.responsive-navigation.profile .profile .list {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none;
    z-index: 90
}

.responsive-navigation.profile .profile .list .item {
    padding: 0 27px
}

.responsive-navigation.profile .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.footer {
    padding: 0 10%;
    padding-top: 20px;
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .footer {
        padding-top: 30px;
        padding-bottom: 35px
    }
}

.footer .nav {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaecf5
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .footer .nav {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .footer .nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 30px
    }
}

.footer .nav .logo {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .footer .nav .logo {
        margin: 0 auto;
        margin-top: 61px;
        display: block
    }
}

@media screen and (max-width: 767px) {
    .footer .nav .logo {
        margin: 0 auto;
        display: block
    }
}

.footer .nav .separator {
    width: 1px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #eaecf5;
    margin-left: 20px
}

@media screen and (max-width: 1100px) {
    .footer .nav .separator {
        display: none
    }
}

.footer .nav .kocher {
    width: 150px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

@media screen and (max-width: 1100px) {
    .footer .nav .kocher {
        margin: 0 auto;
        display: block
    }
}

@media screen and (max-width: 767px) {
    .footer .nav .kocher {
        margin: 0 auto;
        display: block
    }
}

.footer .nav .items-wrapper {
    font-size: 16px;
    line-height: 1.43;
    color: #1b3f9e
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .footer .nav .items-wrapper {
        margin-top: 51px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .footer .nav .items-wrapper {
        margin-top: 30px;
        text-align: center;
        line-height: 2.14
    }
}

.footer .nav .items-wrapper .item:not(:first-of-type) {
    margin-left: 30px
}

@media screen and (max-width: 767px) {
    .footer .nav .items-wrapper .item:not(:first-of-type) {
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .footer .nav .items-wrapper .item {
        display: block
    }
}

.footer .copyrights {
    padding-top: 30px;
    font-size: 16px;
    line-height: 1.43;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .footer .copyrights {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .footer .copyrights .text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
        width: 100%;
        text-align: center;
        border-top: 1px solid #eaecf5;
        padding-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .footer .copyrights .social {
        text-align: center
    }
}

.footer .copyrights .social .phone-wrapper {
    padding-right: 15px;
    border-right: 1px solid rgba(55, 63, 83, 0.1);
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .footer .copyrights .social .phone-wrapper {
        padding-right: 0;
        border-right: none
    }
}

.footer .copyrights .social .phone-wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.footer .copyrights .social .phone-wrapper .phone {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.footer .copyrights .social .socials {
    display: inline-block
}

@media screen and (max-width: 767px) {
    .footer .copyrights .social .socials {
        margin-top: 20px;
        display: block
    }
}

.footer .copyrights .social .social-wrapper {
    width: 35px;
    height: 35px;
    background-color: #f3f6ff;
    border-radius: 50%;
    position: relative;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .footer .copyrights .social .social-wrapper:first-of-type {
        margin-left: 0
    }
}

.footer .copyrights .social .social-wrapper .icon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index-container .header {
    /* background-color: #f3f6ff;
    height: calc(100vh - 20px); */
    position: relative
}

@media screen and (max-width: 991px) {
    .index-container .header {
        padding: 0 20px;
        padding-top: 10px
    }
}

.index-container .header .content .sub-title,
.index-container .header .content .title {
    max-width: 465px;

}
.index-container .header .content {
    position: absolute;
    top: 40%;
    left: 70px;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    max-width: 710px;
    z-index: 10;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .header .content {
        left: 66px;
        -webkit-transform: translate(0);
        transform: translate(0);
        top: 179px;
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .index-container .header .content {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 30px;
        padding: 0
    }
}

.index-container .header .content .title {
    font-family: Lora;
    font-size: 48px;
    line-height: 1.3;
    font-weight: bold;
    color: #373e53
}

@media screen and (max-width: 767px) {
    .index-container .header .content .title {
        font-size: 34px;
        line-height: 1.2;
        margin-top: 0px;
    }
}

.index-container .header .content .sub-title {
    font-size: 18px;
    color: #000;
    line-height: 1.56;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .index-container .header .content .sub-title {
        font-size: 18px;
        line-height: 1.4;
        margin-top: 17px
    }
}
.header-button-wrapper{
    margin-bottom: 20px;
    text-align: center;
}
.index-container .header .content .header-button {
    margin-top: 20px;
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    border: 2px solid #1b3f9e;
}
.index-container .header .content a.header-button.prepped-trays-btn {
    background: transparent;
    color: #1b3f9e;
}

.index-container .header .content .header-button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.index-container .header .content .header-button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .index-container .header .content .header-button {
        display: block;
        margin-top: 23px;
        text-align: center
    }
}

@-webkit-keyframes buttonBubble {
    0% {
        width: 0;
        height: 0;
        opacity: 0.5
    }
    80% {
        width: 30%;
        height: 100%
    }
    100% {
        width: 50%;
        height: 120%;
        opacity: 0
    }
}

@keyframes buttonBubble {
    0% {
        width: 0;
        height: 0;
        opacity: 0.5
    }
    80% {
        width: 30%;
        height: 100%
    }
    100% {
        width: 50%;
        height: 120%;
        opacity: 0
    }
}

.index-container .header .content .logo {
    display: block;
    margin-top: 40px;
    position: absolute;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .index-container .header .content .logo {
        margin-top: 23px;
        width: 150px;
    }
}

.index-container .header .leaves {
    width: 276px;
    height: 384px;
    position: absolute;
    left: 0;
    bottom: -100px
}

@media screen and (max-width: 767px) {
    .index-container .header .leaves {
        width: 93px;
        bottom: -170px
    }
}

.index-container .header .image {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: -200px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .header .image {
        width: 544px;
        bottom: -150px
    }
}

@media screen and (max-width: 767px) {
    .index-container .header .image {
        width: 307px;
        bottom: -100px
    }
}

.index-container .order-steps {
    padding: 90px 10%
}

@media screen and (max-width: 991px) {
    .index-container .order-steps {
        padding: 90px 20px
    }
}

@media screen and (max-width: 767px) {
    .index-container .order-steps {
        padding: 0 20px;;
        padding-bottom: 50px
    }
}

.index-container .order-steps .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: bold;
    color: #373e53;
    text-align: center
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .title {
        font-size: 24px;
        color: #373e53
    }
}

.index-container .order-steps .wrapper {
    margin-top: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .order-steps .wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        max-width: 729px;
        width: 100%;
        margin: 0 auto;
        margin-top: 90px
    }
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .wrapper {
        margin-top: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.index-container .order-steps .wrapper .item {
    width: 20%;
    position: relative
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .order-steps .wrapper .item {
        max-width: 173px;
        width: 100%;
        margin: 0 34px;
        z-index: 10
    }
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .wrapper .item {
        width: 100%;
        padding: 0 25px
    }
    .index-container .order-steps .wrapper .item:not(:first-of-type) {
        margin-top: 77px
    }
}

.index-container .order-steps .wrapper .icon-wrapper {
    width: 90px;
    height: 90px;
    background-color: #f3f6ff;
    border-radius: 50%;
    margin: 0 auto
}

.index-container .order-steps .wrapper .separator {
    width: 20%;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: contain
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .order-steps .wrapper .separator:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 100px;
        width: 260px;
        height: 38px;
        background-position: center center
    }
    .index-container .order-steps .wrapper .separator:nth-child(4) {
        position: absolute;
        width: 260px;
        height: 38px;
        top: 50px;
        right: 110px;
        background-position: center center
    }
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .wrapper .separator {
        display: none
    }
}

.index-container .order-steps .wrapper .icon {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 auto;
    position: relative;
    top: 15px
}

.index-container .order-steps .wrapper .title {
    font-family: proximaNova;
    margin-top: 33px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .wrapper .title {
        margin-top: 23px;
        line-height: 1.63
    }
}

.index-container .order-steps .wrapper .description {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .wrapper .description {
        line-height: 1.43
    }
}

.index-container .order-steps .button-wrapper {
    text-align: center
}

.index-container .order-steps .button {
    margin-top: 90px;
    display: inline-block;
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size:22px;
    font-weight: 600;
    position: relative;
    border: 2px solid #1b3f9e;
}

.index-container .order-steps a.button.prepped-trays-btn {
    background: transparent;
    color: #1b3f9e;
    border: 2px solid #1b3f9e;
}

.index-container .order-steps .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.index-container .order-steps .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .index-container .order-steps .button {
        margin-top: 50px;
        display: block
    }
}

.index-container .content-separator {
    height: 1px;
    margin: 0 10%;
    background-color: #eaecf5
}

.index-container .favorites {
    padding: 90px 10%;
    position: relative
}

@media screen and (max-width: 991px) {
    .index-container .favorites {
        padding: 90px 20px
    }
}

@media screen and (max-width: 767px) {
    .index-container .favorites {
        padding: 0 20px;
        padding-top: 50px;
        padding-bottom: 30px;
        position: relative
    }
}

.index-container .favorites .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    text-align: center
}

@media screen and (max-width: 767px) {
    .index-container .favorites .title {
        font-size: 24px;
        width: 150px;
        text-align: center;
        margin: 0 auto
    }
}

.index-container .favorites .decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .index-container .favorites .decoration {
        width: 150px;
        top: 10px
    }
}

.index-container .favorites .decoration2 {
    position: absolute;
    right: -200px;
    bottom: -100px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .index-container .favorites .decoration2 {
        display: none
    }
}

.index-container .favorites .left-control {
    display: none
}

@media screen and (max-width: 767px) {
    .index-container .favorites .left-control {
        display: block;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 20px;
        cursor: pointer;
        z-index: 10
    }
}

.index-container .favorites .right-control {
    display: none
}

@media screen and (max-width: 767px) {
    .index-container .favorites .right-control {
        display: block;
        width: 8px;
        position: absolute;
        top: 50%;
        right: 20px;
        cursor: pointer;
        z-index: 10
    }
}

.index-container .favorites .list {
    margin-top: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .favorites .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 660px;
        margin: 0 auto;
        margin-top: 64px
    }
}

@media screen and (max-width: 767px) {
    .index-container .favorites .list {
        margin-top: 50px;
        display: block
    }
}

.index-container .favorites .list .item {
    width: 25%;
    padding: 0 15px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .favorites .list .item {
        width: 50%;
        padding: 0 15px;
        max-width: 300px;
        margin-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .index-container .favorites .list .item {
        width: 100%;
        padding: 0
    }
}

.index-container .favorites .list .image {
    height: 270px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

@media screen and (max-width: 767px) {
    .index-container .favorites .list .image {
        width: 220px;
        height: 200px;
        margin: 0 auto;
        position: relative
    }
}

.index-container .favorites .list .title {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53;
    font-family: proximaNova
}

.index-container .favorites .list .description {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center
}

.index-container .what-you-get {
    position: relative;
    padding-top: 90px;
    background-color: #f3f6ff
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get {
        padding: 0 20px;
        padding-top: 50px
    }
}

.index-container .what-you-get .decoration-image-1 {
    width: 230px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .what-you-get .decoration-image-1 {
        top: 120%;
        z-index: 20
    }
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .decoration-image-1 {
        width: 140px;
        top: 80%;
        z-index: 0;
        -webkit-transform: translate(0%, 15%);
        transform: translate(0%, 15%)
    }
}

.index-container .what-you-get .decoration-image-2 {
    position: absolute;
    width: 130px;
    top: 66px;
    right: 0
}

@media screen and (max-width: 991px) {
    .index-container .what-you-get .decoration-image-2 {
        display: none
    }
}

.index-container .what-you-get .decoration-image-3 {
    position: absolute;
    width: 100px;
    right: 0;
    bottom: 46px
}

@media screen and (max-width: 991px) {
    .index-container .what-you-get .decoration-image-3 {
        display: none
    }
}

.index-container .what-you-get .content {
    max-width: 570px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    border-radius: 4px;
    padding: 40px 50px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    position: relative;
    bottom: -80px
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content {
        padding: 30px 20px
    }
}

.index-container .what-you-get .content .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7eaf3
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .title {
        font-size: 24px;
        padding-bottom: 0px;
        border-bottom: none
    }
}

.index-container .what-you-get .content .list {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7eaf3
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .list {
        margin-top: 30px
    }
}

.index-container .what-you-get .content .list .item {
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .list .item {
        margin-top: 20px;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.index-container .what-you-get .content .list .icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .list .icon {
        background-size: contain
    }
}

.index-container .what-you-get .content .list .text {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    width: calc(100% - 37px)
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .list .text {
        font-size: 14px;
        line-height: 1.43;
        margin-left: 12px;
        width: calc(100% - 28px)
    }
}

.index-container .what-you-get .content .price-wrapper {
    margin-top: 30px
}

.index-container .what-you-get .content .price-wrapper .text {
    font-size: 16px;
    line-height: 1.63;
    color: #4a4a4a;
    text-align: center
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .price-wrapper .text {
        font-size: 14px;
        line-height: 1.86
    }
}

.index-container .what-you-get .content .price-wrapper .price {
    font-family: Lora;
    font-size: 40px;
    font-weight: 700;
    color: #1b3f9e;
    padding: 0 10px
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .price-wrapper .price {
        font-size: 34px
    }
}

.index-container .what-you-get .content .price-wrapper .price .sign {
    vertical-align: super;
    font-size: 24px;
    padding-right: 5px
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .price-wrapper .price .sign {
        font-size: 20px
    }
}

.index-container .what-you-get .content .button-wrapper {
    text-align: center
}

.index-container .what-you-get .content .button-wrapper .button {
    display: inline-block;
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    position: relative;
    margin-top: 37px;
    padding: 15px 100px
}

.index-container .what-you-get .content .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.index-container .what-you-get .content .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.index-container .what-you-get .content .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.index-container .what-you-get .content .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .button-wrapper .button {
        padding: 15px 30px;
        margin-top: 30px;
        display: block
    }
}

.index-container .what-you-get .content .left-leave {
    width: 104px;
    position: absolute;
    top: 78px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .what-you-get .content .left-leave {
        width: 154px;
        top: 28px
    }
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .left-leave {
        top: 0;
        width: 80px
    }
}

.index-container .what-you-get .content .right-leave {
    width: 114px;
    position: absolute;
    right: 0;
    bottom: 175px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index-container .what-you-get .content .right-leave {
        width: 164px;
        bottom: 135px
    }
}

@media screen and (max-width: 767px) {
    .index-container .what-you-get .content .right-leave {
        width: 80px;
        bottom: 130px
    }
}

.index-container .slides {
    padding: 0 10%;
    padding-top: 230px;
    padding-bottom: 210px;
    position: relative
}

@media screen and (max-width: 991px) {
    .index-container .slides {
        padding: 0 20px;
        padding-top: 230px;
        padding-bottom: 210px
    }
}

@media screen and (max-width: 767px) {
    .index-container .slides {
        padding-top: 180px
    }
}

.index-container .slides .decoration {
    position: absolute;
    top: 315px;
    left: 30%;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .index-container .slides .decoration {
        display: none
    }
}

.index-container .slides .slider .item {
    text-align: center
}

.index-container .slides .slider .content-wrapper {
    display: inline-block
}

.index-container .slides .slider .item-content {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .item-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.index-container .slides .slider .item-content .image {
    width: 360px;
    height: 360px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .item-content .image {
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    .index-container .slides .slider .item-content .image {
        width: 270px;
        height: 220px;
        margin: 0 auto
    }
}

.index-container .slides .slider .item-content .content {
    padding-left: 140px;
    padding-top: 60px;
    padding-bottom: 40px
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .item-content .content {
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .index-container .slides .slider .item-content .content {
        padding: 0;
        margin-top: 43px
    }
}

.index-container .slides .slider .item-content .content .icon {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .item-content .content .icon {
        margin: 0 auto
    }
}

.index-container .slides .slider .item-content .content .text {
    max-width: 570px;
    width: 100%;
    margin-top: 18px;
    font-family: Lora;
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
    color: #373f53;
    text-align: left
}

@media screen and (max-width: 767px) {
    .index-container .slides .slider .item-content .content .text {
        margin-top: 24px;
        font-size: 18px;
        line-height: 1.67
    }
}

.index-container .slides .slider .item-content .content .name {
    margin-top: 27px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #1b3f9e;
    text-align: left
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .item-content .content .name {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .index-container .slides .slider .item-content .content .name {
        margin-top: 30px;
        text-align: center
    }
}

.index-container .slides .slider .item-content .content .position {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 2.17;
    color: #82899d;
    text-align: left
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .item-content .content .position {
        text-align: center
    }
}

.index-container .slides .slider .owl-dots {
    position: absolute;
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
    opacity: 1;
    margin-top: 26px
}

@media screen and (max-width: 991px) {
    .index-container .slides .slider .owl-dots {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 50px
    }
}

.index-container .slides .slider .owl-dots.inactive {
    opacity: 0
}

.index-container .slides .slider .owl-dots .owl-dot:not(:first-of-type) {
    margin-left: 10px
}

.index-container .slides .slider .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    background-color: #cdd3e3;
    margin: 0
}

.index-container .slides .slider .owl-dots .owl-dot.active span {
    background-color: #1b3f9e
}

.index-container .slides .control {
    width: 9px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .index-container .slides .control {
        display: none
    }
}

.index-container .slides .control.right {
    right: 5%
}

@media screen and (max-width: 991px) {
    .index-container .slides .control.right {
        right: 20px
    }
}

.index-container .slides .control.left {
    left: 5%
}

@media screen and (max-width: 991px) {
    .index-container .slides .control.left {
        left: 20px
    }
}

.index-container .start-cooking {
    padding: 0 10%;
    padding-top: 80px;
    padding-bottom: 90px;
    text-align: center;
    background-color: #f3f6ff;
    position: relative
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking {
        padding: 50px 20px
    }
}

.index-container .start-cooking .decoration1 {
    width: 213px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking .decoration1 {
        width: 140px;
        top: 0
    }
}

.index-container .start-cooking .decoration2 {
    width: 271px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking .decoration2 {
        width: 200px;
        display: none;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

.index-container .start-cooking .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    font-size: 40px
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking .title {
        font-size: 34px
    }
}

.index-container .start-cooking .sub-title {
    font-size: 16px;
    line-height: 1.43;
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking .sub-title {
        margin-top: 20px
    }
}

.index-container .start-cooking .button-wrapper {
    margin-top: 33px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking .button-wrapper {
        margin-top: 30px
    }
}

.index-container .start-cooking .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    border: 2px solid #1b3f9e;

}
.index-container .start-cooking .button-wrapper .button.prepped-trays-btn{
    background: transparent;
    color: #1b3f9e;

}

.index-container .start-cooking .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.index-container .start-cooking .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .index-container .start-cooking .button-wrapper .button {
        display: block
    }
}

.menu-container .header .navigation {
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9
}

@media screen and (max-width: 991px) {
    .menu-container .header .responsive-navigation {
        padding: 0 20px;
        padding-top: 10px;
        padding-bottom: 8px
    }
    .menu-container .header .responsive-navigation .menu {
        height: calc(100vh - 124px);
        top: 58px
    }
}

.menu-container .header .plan-bar {
    background-color: #f3f6ff;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10%
}

@media screen and (max-width: 991px) {
    .menu-container .header .plan-bar {
        display: none
    }
}

.menu-container .header .plan-bar .week-picker {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 20px;
    border-left: 1px solid rgba(27, 63, 158, 0.08);
    border-right: 1px solid rgba(27, 63, 158, 0.08);
    position: relative
}

.menu-container .header .plan-bar .week-picker .control-left {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-size: 7px;
    cursor: pointer
}

.menu-container .header .plan-bar .week-picker .control-right {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-size: 7px;
    cursor: pointer
}

.menu-container .header .plan-bar .week-picker .list-wrapper {
    max-width: 250px;
    width: 100%
}

.menu-container .header .plan-bar .week-picker .list-wrapper .text {
    text-align: center;
    font-size: 14px;
    line-height: 1.86;
    color: #373f53;
    font-weight: 600
}

.menu-container .header .plan-bar .week-picker .list-wrapper .text .date {
    color: #1b3f9e
}

.menu-container .header .plan-bar .plans-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu-container .header .plan-bar .plans-wrapper .plan {
    width: 133px;
    border-left: 1px solid rgba(27, 63, 158, 0.08);
    border-right: 1px solid rgba(27, 63, 158, 0.08);
    border-bottom: 2px solid transparent;
    position: relative;
    cursor: pointer;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.menu-container .header .plan-bar .plans-wrapper .plan .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.menu-container .header .plan-bar .plans-wrapper .plan.active {
    border-bottom: 2px solid #1b3f9e
}

.menu-container .header .plan-bar .plans-wrapper .plan.active .text {
    color: #1b3f9e
}

.menu-container .header .responsive-plan-bar {
    background-color: #f3f6ff;
    margin-top: 8px;
    display: none
}

@media screen and (max-width: 991px) {
    .menu-container .header .responsive-plan-bar {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.menu-container .header .responsive-plan-bar .dates {
    width: 50%;
    padding-top: 16px;
    padding-bottom: 13px;
    border-right: 1px solid rgba(27, 63, 158, 0.08);
    position: relative
}

.menu-container .header .responsive-plan-bar .dates .text-wrapper {
    text-align: center;
    cursor: pointer
}

.menu-container .header .responsive-plan-bar .dates .text-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    line-height: 2.17;
    color: #373f53
}

.menu-container .header .responsive-plan-bar .dates .text-wrapper .icon {
    display: inline-block;
    width: 7px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 24px
}

.menu-container .header .responsive-plan-bar .dates .list {
    z-index: 9999;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 2.17;
    color: #373f53;
    padding-right: 31px;
    background-color: rgba(243, 246, 255, 0.9);
    -webkit-box-shadow: 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    display: none
}

.menu-container .header .responsive-plan-bar .dates .list .item {
    padding: 20px 0;
    cursor: pointer
}

.menu-container .header .responsive-plan-bar .plans {
    width: 50%;
    padding-top: 16px;
    padding-bottom: 13px;
    position: relative
}

.menu-container .header .responsive-plan-bar .plans .text-wrapper {
    text-align: center;
    cursor: pointer
}

.menu-container .header .responsive-plan-bar .plans .text-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    line-height: 2.17;
    color: #373f53
}

.menu-container .header .responsive-plan-bar .plans .text-wrapper .icon {
    display: inline-block;
    width: 7px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 24px
}

.menu-container .header .responsive-plan-bar .plans .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 2.17;
    color: #373f53;
    padding-right: 31px;
    background-color: rgba(243, 246, 255, 0.9);
    -webkit-box-shadow: 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    display: none
}

.menu-container .header .responsive-plan-bar .plans .list .item {
    padding: 20px 0;
    cursor: pointer
}

.menu-container .main {
    padding: 0 10%;
    padding-top: 10px;
    padding-bottom: 170px
}

@media screen and (max-width: 991px) {
    .menu-container .main {
        padding: 0 20px;
        padding-top: 10px;
        padding-bottom: 170px
    }
}

@media screen and (max-width: 767px) {
    .menu-container .main {
        padding-top: 20px;
        padding-bottom: 196px
    }
   .page-template-template-products .menu-container .main {
       padding-top:0;
   }
}

.menu-container .main .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.menu-container .main .list .item {
    width: 33.33%;
    margin-top: 50px;
    padding: 0 30px
}

@media screen and (max-width: 991px) {
    .menu-container .main .list .item {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .menu-container .main .list .item {
        width: 100%;
        padding: 0;
        margin-top: 0
    }
    .menu-container .main .list .item:not(:first-of-type) {
        margin-top: 40px
    }
}

.menu-container .main .list .content-wrapper {
    max-width: 370px;
    width: 100%;
    display: block;
    margin: 0 auto
}

.menu-container .main .list .image {
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

.menu-container .main .list .title {
    margin-top: 27px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.44;
    color: #373f53;
    text-align: center;
    padding: 0 10px
}

@media screen and (max-width: 767px) {
    .menu-container .main .list .title {
        margin-top: 20px
    }
}

.menu-container .main .list .description {
    font-size: 16px;
    line-height: 1.43;
    text-align: center;
    margin-top: 4px;
    padding: 0 30px
}

.menu-container .start-cooking {
    padding: 0 10%;
    padding-top: 80px;
    padding-bottom: 90px;
    text-align: center;
    background-color: #f3f6ff;
    position: relative
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking {
        padding: 50px 20px
    }
}

.menu-container .start-cooking .decoration1 {
    width: 213px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking .decoration1 {
        width: 140px;
        top: 0
    }
}

.menu-container .start-cooking .decoration2 {
    width: 271px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking .decoration2 {
        width: 200px;
        display: none;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

.menu-container .start-cooking .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    font-size: 40px
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking .title {
        font-size: 34px
    }
}

.menu-container .start-cooking .sub-title {
    font-size: 16px;
    line-height: 1.43;
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking .sub-title {
        margin-top: 20px
    }
}

.menu-container .start-cooking .button-wrapper {
    margin-top: 33px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking .button-wrapper {
        margin-top: 30px
    }
}

.menu-container .start-cooking .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.menu-container .start-cooking .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.menu-container .start-cooking .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .menu-container .start-cooking .button-wrapper .button {
        display: block
    }
}

.pricing-container .header {
    margin-bottom: 75px;
    background-color: #f3f6ff;
    position: relative
}

@media screen and (max-width: 991px) {
    .pricing-container .header {
        padding-top: 0px
    }
}

@media screen and (max-width: 767px) {
    .pricing-container .header {
        padding-bottom: 40px
    }
}

.pricing-container .header .responsive-navigation {
    background-color: #f3f6ff;
    padding: 0 20px;
    padding-top: 10px;
    padding-bottom: 8px
}

.pricing-container .header .responsive-navigation .menu {
    height: calc(100vh - 124px);
    top: 53px
}

.pricing-container .header .decoration {
    width: 200px;
    position: absolute;
    top: 400px;
    left: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

.pricing-container .header .decoration1 {
    width: 90px;
    position: absolute;
    top: 530px;
    right: 0
}

.pricing-container .header .decoration2 {
    width: 90px;
    position: absolute;
    top: 547px;
    left: 0
}

.pricing-container .header .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: bold;
    color: #373e53;
    text-align: center;
    max-width: 544px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px
}

@media screen and (max-width: 991px) {
    .pricing-container .header .title {
        padding: 0 20px
    }
}

@media screen and (max-width: 767px) {
    .pricing-container .header .title {
        margin-top: 15px;
        font-size: 24px;
        line-height: 1.43
    }
}

.pricing-container .header .description {
    font-size: 16px;
    line-height: 1.43;
    text-align: center;
    max-width: 544px;
    width: 100%;
    margin: 0 auto;
    margin-top: 14px
}

@media screen and (max-width: 991px) {
    .pricing-container .header .description {
        padding: 0 20px
    }
}

@media screen and (max-width: 767px) {
    .pricing-container .header .description {
        margin-top: 20px;
        font-size: 14px
    }
}

.pricing-container .header .responsive-filter {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    display: none
}

@media screen and (max-width: 991px) {
    .pricing-container .header .responsive-filter {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.pricing-container .header .responsive-filter .item {
    width: 33.33%;
    text-align: center;
    padding: 12px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 2.17;
    border-top: 1px solid #e0e2ed;
    border-bottom: 1px solid #e0e2ed
}

.pricing-container .header .responsive-filter .item:not(:last-of-type) {
    border-right: 1px solid #e0e2ed
}

.pricing-container .header .plans-wrapper {
    margin-top: 70px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    position: relative
}

@media screen and (max-width: 991px) {
    .pricing-container .header .plans-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
        padding: 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .pricing-container .header .plans-wrapper {
        margin-top: 0
    }
}

.pricing-container .header .plans-wrapper .plan {
    width: 33.33%;
    padding: 0 15px
}

@media screen and (max-width: 991px) {
    .pricing-container .header .plans-wrapper .plan {
        width: 100%;
        margin-top: 30px;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .pricing-container .header .plans-wrapper .plan {
        margin-top: 20px
    }
}

.pricing-container .header .plans-wrapper .plan.family .image .overlay {
    background-color: rgba(133, 68, 123, 0.7)
}

.pricing-container .header .plans-wrapper .plan.family .button-wrapper .button {
    background-color: #9e1b89
}

.pricing-container .header .plans-wrapper .plan.family .servings .item.active {
    background-color: #9e1b89;
    color: #fff
}

.pricing-container .header .plans-wrapper .plan .content-wrapper {
    max-width: 370px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    border-radius: 4px;
    /*overflow: hidden;*/
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative
}
.popularicon {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -25px;
    left: -25px;
    background-image: url(../images/mostpopular1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.pricing-container .header .plans-wrapper .plan .decoration {
    position: absolute;
    top: 105px;
    left: 0
}

.pricing-container .header .plans-wrapper .plan .image {
    height: 140px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.pricing-container .header .plans-wrapper .plan .image .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(61, 81, 135, 0.7);
    border-radius: 4px 4px 0 0
}

.pricing-container .header .plans-wrapper .plan .image .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    width:100%;
}

.pricing-container .header .plans-wrapper .plan .image .name {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.63;
    margin-top: 0;
    color: #fff;
    text-align: center
}

.pricing-container .header .plans-wrapper .plan .image .sub-title {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 2.17;
    color: #fff
}

.pricing-container .header .plans-wrapper .plan .servings {
    margin-top: 15px;
    margin-bottom: 15px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pricing-container .header .plans-wrapper .plan .servings .item {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #373f53;
    padding: 10px 30px;
    background-color: rgba(243, 246, 255, 0.39);
    border: solid 1px #e7eaf2;
    cursor: pointer
}

.pricing-container .header .plans-wrapper .plan .servings .item.active {
    background-color: #1b3f9e;
    color: #fff
}

.pricing-container .header .plans-wrapper .plan .servings .item:first-of-type {
    border-radius: 4px 0 0 4px
}

.pricing-container .header .plans-wrapper .plan .servings .item:last-of-type {
    border-radius: 0 4px 4px 0
}

.pricing-container .header .plans-wrapper.plans-wrapper-version-3 .plan .servings-title, 
.pricing-container .header .plans-wrapper.plans-wrapper-version-4 .plan .servings-title,
.pricing-container .header .plans-wrapper.plans-wrapper-version-5 .plan .servings-title {
    margin-top: 0;
    padding-top: 15px;
    color: #373e53;
}

.pricing-container .header .plans-wrapper .plan .servings-title {
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 1.43;
    font-weight: 700;
}
.pricing-container .header .plans-wrapper .plan .servings-title-sub{
    color: #373e53;
}
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-3 .plan .content-wrapper, 
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-4 .plan .content-wrapper, 
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-5 .plan .content-wrapper {
    max-width: 1200px;
}

.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-3 .plan .content-wrapper .text.small-text, 
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-4 .plan .content-wrapper .text.small-text,
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-5 .plan .content-wrapper .text.small-text {
    display: block;
    margin-top: 5px;
}

.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-3 .plan .content-wrapper .text, 
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-4 .plan .content-wrapper .text,
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-5 .plan .content-wrapper .text {
    font-size: 24px;
}

.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-3 .plan .content-wrapper .text small, 
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-4 .plan .content-wrapper .text small,
.pricing-container .header .plans-wrapper.updated.plans-wrapper-version-5 .plan .content-wrapper .text small {
    font-size: 16px;
}

.pricing-container .header .plans-wrapper.plans-wrapper-version-3 .plan .content-wrapper, 
.pricing-container .header .plans-wrapper.plans-wrapper-version-4 .plan .content-wrapper,
.pricing-container .header .plans-wrapper.plans-wrapper-version-5 .plan .content-wrapper {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.pricing-container .header .plans-wrapper.plans-wrapper-version-3 .plan .content-wrapper .content-wrapper-inner, .pricing-container .header .plans-wrapper.plans-wrapper-version-4 .plan .content-wrapper .content-wrapper-inner,
.pricing-container .header .plans-wrapper.plans-wrapper-version-3 .plan .content-wrapper .content-wrapper-inner, .pricing-container .header .plans-wrapper.plans-wrapper-version-5 .plan .content-wrapper .content-wrapper-inner {
    padding: 0 20px;
}

.pricing-container .header .plans-wrapper .plan .prices.plans-prices-version-3 .price {
    border: solid 1px #e7eaf3 !important;
}

h3.servings-title-sub {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
}

.pricing-container .header .plans-wrapper .plan .prices {
    margin-top: 26px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pricing-container .header .plans-wrapper .plan .prices .price {
    border: solid 1px #e7eaf3;
    padding: 10px 5px;
    text-align: center
}

.pricing-container .header .plans-wrapper .plan .prices .price {
    border-left: none
}

.pricing-container .header .plans-wrapper .plan .prices .price:last-of-type {
    border-right: none
}

.pricing-container .header .plans-wrapper .plan .prices .price .number, 
.pricing-container .header .plans-wrapper .plan .prices .price .number_of_servings {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.86;
    color: #373f53
}

.pricing-container .header .plans-wrapper .plan .prices .price .name {
    font-size: 13px;
    line-height: 1.43;
    color: #828a9d;
    margin: 0;
}

.plans-wrapper-version-3 .plan, .plans-wrapper-version-4 .plan,
.plans-wrapper-version-3 .plan, .plans-wrapper-version-5 .plan {
    max-width: 700px;
}

.jchef-badges-container {
    max-width: 450px;
    margin: 30px auto 0;
}
.jchef-badges-container img{
    width: 100%;
}
.pricing-container .header .plans-wrapper.plans-wrapper-version-3, .pricing-container .header .plans-wrapper.plans-wrapper-version-4,
.pricing-container .header .plans-wrapper.plans-wrapper-version-3, .pricing-container .header .plans-wrapper.plans-wrapper-version-5 {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .pricing-container .header .plans-wrapper .plan .prices .price .name {
        font-size: 12px;
        line-height: 1.67
    }
    
}
@media screen and (max-width: 480px) {
    .pricing-container .header .plans-wrapper.updated.plans-wrapper-version-3 .plan .content-wrapper .text, 
    .pricing-container .header .plans-wrapper.updated.plans-wrapper-version-4 .plan .content-wrapper .text,
    .pricing-container .header .plans-wrapper.updated.plans-wrapper-version-5 .plan .content-wrapper .text {
        font-size: 18px;
    } 
    .pricing-container .header .plans-wrapper.updated.plans-wrapper-version-3 .plan .content-wrapper .text small, 
    .pricing-container .header .plans-wrapper.updated.plans-wrapper-version-4 .plan .content-wrapper .text small,
    .pricing-container .header .plans-wrapper.updated.plans-wrapper-version-5 .plan .content-wrapper .text small  {
        font-size: 12px;
    }
    .pricing-container .header .plans-wrapper.plans-wrapper-version-3, .pricing-container .header .plans-wrapper.plans-wrapper-version-4,
    .pricing-container .header .plans-wrapper.plans-wrapper-version-3, .pricing-container .header .plans-wrapper.plans-wrapper-version-5  {
        margin-top: 0px;
    }
    .jchef-badges-container {
        max-width: 450px;
        margin: 10px auto 0;
        padding: 0 10px;
    }
    .pricing-container .header .plans-wrapper .plan {
        padding-top: 0;
    }
    .pricing-container .header .plans-wrapper .plan .prices .price .number, .pricing-container .header .plans-wrapper .plan .prices .price .number_of_servings {
        font-size: 14px;
    }
    .pricing-container .header .plans-wrapper.plans-wrapper-version-3 .plan .content-wrapper .content-wrapper-inner, 
    .pricing-container .header .plans-wrapper.plans-wrapper-version-4 .plan .content-wrapper .content-wrapper-inner,
    .pricing-container .header .plans-wrapper.plans-wrapper-version-5 .plan .content-wrapper .content-wrapper-inner {
        padding: 0 10px;
    }
    
}

.pricing-container .header .plans-wrapper .plan .list {
    margin-top: 30px;
    padding-left: 45px;
    padding-right: 30px;
    list-style-type: disc;
    color: #1b3f9e
}

.pricing-container .header .plans-wrapper .plan .list .item:not(:first-of-type) {
    margin-top: 20px
}

.pricing-container .header .plans-wrapper .plan .list .text {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d
}

.pricing-container .header .plans-wrapper .plan .family-members {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 38px
}

.pricing-container .header .plans-wrapper .plan .family-members .type {
    width: 50%;
    padding: 20px 10px;
    text-align: center;
    border: solid 1px #e7eaf3;
    font-size: 14px;
    line-height: 1.43
}

.pricing-container .header .plans-wrapper .plan .family-members .type:first-of-type {
    border-left: none
}

.pricing-container .header .plans-wrapper .plan .family-members .type:last-of-type {
    border-right: none
}

.pricing-container .header .plans-wrapper .plan .button-wrapper {
    margin-top: 30px;
    text-align: center;
    padding: 0 30px
}

.pricing-container .header .plans-wrapper .plan .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: block
}

.pricing-container .header .plans-wrapper .plan .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.pricing-container .header .plans-wrapper .plan .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.pricing-container .faq {
    padding: 0 10%;
    padding-top: 80px;
    padding-bottom: 110px;
    position: relative
}

@media screen and (max-width: 767px) {
    .pricing-container .faq {
        padding: 0 20px;
        padding-top: 40px;
        padding-bottom: 130px
    }
}

.pricing-container .faq .decoration {
    height: 412px;
    position: absolute;
    top: 164px;
    left: 0;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%)
}

@media screen and (max-width: 767px) {
    .pricing-container .faq .decoration {
        display: none
    }
}

.pricing-container .faq .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    text-align: center
}

@media screen and (max-width: 767px) {
    .pricing-container .faq .title {
        font-size: 24px;
        line-height: 1.43
    }
}

.pricing-container .faq .content {
    margin-top: 98px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .pricing-container .faq .content {
        margin-top: 10px
    }
}

.pricing-container .faq .content .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 991px) {
    .pricing-container .faq .content .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.pricing-container .faq .content .list .item {
    width: 50%;
    padding-top: 50px;
    padding-bottom: 53px
}

@media screen and (max-width: 991px) {
    .pricing-container .faq .content .list .item {
        width: 100%;
        padding: 0;
        margin-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e7eaf3
    }
}

.pricing-container .faq .content .list .item:nth-child(odd) {
    padding-right: 84px
}

@media screen and (max-width: 991px) {
    .pricing-container .faq .content .list .item:nth-child(odd) {
        padding-right: 0;
        border-right: none
    }
}

.pricing-container .faq .content .list .item:nth-child(even) {
    border-left: 1px solid #e7eaf3;
    padding-left: 84px
}

@media screen and (max-width: 991px) {
    .pricing-container .faq .content .list .item:nth-child(even) {
        border-left: none;
        padding-left: 0
    }
}

.pricing-container .faq .content .list .item:not(:first-of-type):not(:nth-child(2)) {
    border-top: 1px solid #e7eaf3
}

@media screen and (max-width: 991px) {
    .pricing-container .faq .content .list .item:not(:first-of-type):not(:nth-child(2)) {
        border-top: none
    }
}

.pricing-container .faq .content .list .item .question {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53
}

.pricing-container .faq .content .list .item .answer {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.71;
    color: #4a4a4a
}

@media screen and (max-width: 767px) {
    .pricing-container .faq .content .list .item .answer {
        line-height: 1.43
    }
}

.pricing-container .start-cooking {
    padding: 0 10%;
    padding-top: 80px;
    padding-bottom: 90px;
    text-align: center;
    background-color: #f3f6ff;
    position: relative
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking {
        padding: 50px 20px
    }
}

.pricing-container .start-cooking .decoration1 {
    width: 213px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking .decoration1 {
        width: 140px;
        top: 0
    }
}

.pricing-container .start-cooking .decoration2 {
    width: 271px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking .decoration2 {
        width: 200px;
        display: none;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

.pricing-container .start-cooking .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    font-size: 40px
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking .title {
        font-size: 34px
    }
}

.pricing-container .start-cooking .sub-title {
    font-size: 16px;
    line-height: 1.43;
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking .sub-title {
        margin-top: 20px
    }
}

.pricing-container .start-cooking .button-wrapper {
    margin-top: 33px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking .button-wrapper {
        margin-top: 30px
    }
}

.pricing-container .start-cooking .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.pricing-container .start-cooking .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.pricing-container .start-cooking .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .pricing-container .start-cooking .button-wrapper .button {
        display: block
    }
}

.how-it-works-container .header {
    background-color: #f3f6ff;
    padding-bottom: 137px;
    position: relative
}

@media screen and (max-width: 991px) {
    .how-it-works-container:not(.pricing-container) .header {
        padding: 0 20px;
        padding-top: 10px;
        padding-bottom: 124px
    }
}

.how-it-works-container .header .content {
    max-width: 430px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 73px;
    position: relative;
    z-index: 20
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .content {
        margin-top: 50px
    }
}

.how-it-works-container .header .content .title {
    font-family: Lora;
    font-size: 52px;
    font-weight: 700;
    color: #373e53
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .content .title {
        font-size: 34px;
        line-height: 1.18
    }
}

.how-it-works-container .header .content .sub-title {
    margin-top: 24px;
    font-size: 18px;
    line-height: 1.56
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .content .sub-title {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.43
    }
}

.how-it-works-container .header .h-decoration1 {
    position: absolute;
    width: 103px;
    left: 0;
    bottom: 148px;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .h-decoration1 {
        bottom: 42px;
        width: 53px
    }
}

.how-it-works-container .header .h-decoration2 {
    position: absolute;
    width: 229px;
    left: 163px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 10
}

@media screen and (max-width: 991px) {
    .how-it-works-container .header .h-decoration2 {
        left: 80px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .h-decoration2 {
        left: 55px;
        -webkit-transform: translate(-30%, 50%);
        transform: translate(-30%, 50%);
        width: 179px
    }
}

.how-it-works-container .header .h-decoration3 {
    position: absolute;
    width: 182px;
    left: 400px;
    bottom: 38px;
    z-index: 10
}

@media screen and (max-width: 1200px) {
    .how-it-works-container .header .h-decoration3 {
        display: none
    }
}

.how-it-works-container .header .h-decoration4 {
    position: absolute;
    width: 154px;
    right: 338px;
    bottom: 148px;
    z-index: 10
}

@media screen and (max-width: 1200px) {
    .how-it-works-container .header .h-decoration4 {
        display: none
    }
}

.how-it-works-container .header .h-decoration5 {
    position: absolute;
    width: 249px;
    right: 190px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 10
}

@media screen and (max-width: 991px) {
    .how-it-works-container .header .h-decoration5 {
        right: 90px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .h-decoration5 {
        right: 0;
        -webkit-transform: translate(50%, 50%);
        transform: translate(50%, 50%);
        width: 199px
    }
}

.how-it-works-container .header .h-decoration6 {
    position: absolute;
    width: 102px;
    right: 0;
    bottom: 189px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .header .h-decoration6 {
        bottom: 164px;
        width: 52px
    }
}

.how-it-works-container .header .h-decoration7 {
    position: absolute;
    width: 300px;
    left: 154px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media screen and (max-width: 991px) {
    .how-it-works-container .header .h-decoration7 {
        left: 80px
    }
}

@media screen and (max-width: 991px) {
    .how-it-works-container .header .h-decoration7 {
        left: 55px;
        -webkit-transform: translate(-30%, 50%);
        transform: translate(-30%, 50%);
        width: 250px
    }
}

.how-it-works-container .header .h-decoration8 {
    position: absolute;
    width: 300px;
    right: 165px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media screen and (max-width: 991px) {
    .how-it-works-container .header .h-decoration8 {
        display: none
    }
}

.how-it-works-container .order-steps {
    padding: 90px 10%
}

@media screen and (max-width: 991px) {
    .how-it-works-container .order-steps {
        padding: 90px 20px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps {
        padding: 0 20px;
        padding-top: 134px;
        padding-bottom: 50px
    }
}

.how-it-works-container .order-steps .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: bold;
    color: #373e53;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .title {
        font-size: 24px;
        color: #373e53
    }
}

.how-it-works-container .order-steps .wrapper {
    margin-top: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .how-it-works-container .order-steps .wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        max-width: 729px;
        width: 100%;
        margin: 0 auto;
        margin-top: 90px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .wrapper {
        margin-top: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.how-it-works-container .order-steps .wrapper .item {
    width: 20%;
    position: relative
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .how-it-works-container .order-steps .wrapper .item {
        max-width: 173px;
        width: 100%;
        margin: 0 34px;
        z-index: 10
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .wrapper .item {
        width: 100%;
        padding: 0 25px
    }
    .how-it-works-container .order-steps .wrapper .item:not(:first-of-type) {
        margin-top: 77px
    }
}

.how-it-works-container .order-steps .wrapper .icon-wrapper {
    width: 90px;
    height: 90px;
    background-color: #f3f6ff;
    border-radius: 50%;
    margin: 0 auto
}

.how-it-works-container .order-steps .wrapper .separator {
    width: 20%;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: contain
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .how-it-works-container .order-steps .wrapper .separator:nth-child(2) {
        position: absolute;
        top: 0px;
        left: 100px;
        width: 260px;
        height: 38px;
        background-position: center center
    }
    .how-it-works-container .order-steps .wrapper .separator:nth-child(4) {
        position: absolute;
        width: 260px;
        height: 38px;
        top: 50px;
        right: 110px;
        background-position: center center
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .wrapper .separator {
        display: none
    }
}

.how-it-works-container .order-steps .wrapper .icon {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 auto;
    position: relative;
    top: -8px
}

.how-it-works-container .order-steps .wrapper .title {
    font-family: proximaNova;
    margin-top: 33px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .wrapper .title {
        margin-top: 23px;
        line-height: 1.63
    }
}

.how-it-works-container .order-steps .wrapper .description {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .wrapper .description {
        line-height: 1.43
    }
}

.how-it-works-container .order-steps .button-wrapper {
    text-align: center
}

.how-it-works-container .order-steps .button {
    margin-top: 90px;
    display: inline-block;
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.how-it-works-container .order-steps .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.how-it-works-container .order-steps .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .button {
        margin-top: 50px;
        display: block
    }
}

.how-it-works-container .order-steps .button-wrapper {
    display: none
}

@media screen and (max-width: 767px) {
    .how-it-works-container .order-steps .button-wrapper {
        display: block
    }
}

.how-it-works-container .choose-your-favorite {
    background-color: #f3f6ff;
    padding: 0 10%;
    padding-top: 103px;
    padding-bottom: 97px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (max-width: 991px) {
    .how-it-works-container .choose-your-favorite {
        padding: 0 20px;
        padding-top: 103px;
        padding-bottom: 97px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite {
        padding-top: 50px;
        padding-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.how-it-works-container .choose-your-favorite .image-wrapper {
    width: 370px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .image-wrapper {
        width: 100%;
        height: 290px
    }
}

.how-it-works-container .choose-your-favorite .image-wrapper .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.how-it-works-container .choose-your-favorite .content {
    margin-left: 132px;
    width: calc(100% - 370px);
    padding-bottom: 45px
}

@media screen and (max-width: 991px) {
    .how-it-works-container .choose-your-favorite .content {
        margin-left: 30px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content {
        margin-left: 0;
        width: 100%;
        padding-bottom: 0;
        margin-top: 40px
    }
}

.how-it-works-container .choose-your-favorite .content .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content .title {
        margin-top: 0;
        font-size: 24px
    }
}

.how-it-works-container .choose-your-favorite .content .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 17px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content .list {
        margin-top: 15px
    }
}

.how-it-works-container .choose-your-favorite .content .list .item {
    width: 50%;
    padding-right: 38px;
    margin-top: 18px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content .list .item {
        padding-right: 0;
        width: 100%;
        margin-top: 15px
    }
}

.how-it-works-container .choose-your-favorite .content .list .item .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53
}

.how-it-works-container .choose-your-favorite .content .list .item .description {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.43
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content .list .item .description {
        margin-top: 7px
    }
}

.how-it-works-container .choose-your-favorite .content .button-wrapper {
    margin-top: 33px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content .button-wrapper {
        margin-top: 28px
    }
}

.how-it-works-container .choose-your-favorite .content .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.how-it-works-container .choose-your-favorite .content .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.how-it-works-container .choose-your-favorite .content .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .content .button-wrapper .button {
        display: block;
        text-align: center
    }
}

.how-it-works-container .choose-your-favorite .decoration {
    position: absolute;
    width: 250px;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(20%, 30%);
    transform: translate(20%, 30%)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .choose-your-favorite .decoration {
        display: none
    }
}

.how-it-works-container .we-deliver-your-box {
    padding: 0 10%;
    padding-top: 103px;
    padding-bottom: 97px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (max-width: 991px) {
    .how-it-works-container .we-deliver-your-box {
        padding: 0 20px;
        padding-top: 103px;
        padding-bottom: 97px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box {
        padding-top: 50px;
        padding-bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.how-it-works-container .we-deliver-your-box .content {
    margin-left: 0;
    width: calc(100% - 370px);
    padding-bottom: 45px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .content {
        margin-left: 0;
        width: 100%;
        padding-bottom: 0;
        margin-top: 40px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.how-it-works-container .we-deliver-your-box .content .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .content .title {
        margin-top: 0;
        font-size: 24px
    }
}

.how-it-works-container .we-deliver-your-box .content .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 17px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .content .list {
        margin-top: 15px
    }
}

.how-it-works-container .we-deliver-your-box .content .list .item {
    width: 50%;
    padding-right: 38px;
    margin-top: 18px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .content .list .item {
        padding-right: 0;
        width: 100%;
        margin-top: 15px
    }
}

.how-it-works-container .we-deliver-your-box .content .list .item .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53
}

.how-it-works-container .we-deliver-your-box .content .list .item .description {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.43
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .content .list .item .description {
        margin-top: 7px
    }
}

.how-it-works-container .we-deliver-your-box .image-wrapper {
    width: 370px;
    margin-left: 178px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .how-it-works-container .we-deliver-your-box .image-wrapper {
        margin-left: 30px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .image-wrapper {
        width: 100%;
        height: 290px;
        margin-left: 0
    }
}

.how-it-works-container .we-deliver-your-box .image-wrapper .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

.how-it-works-container .we-deliver-your-box .decoration1 {
    position: absolute;
    width: 113px;
    top: 121px;
    left: 68px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .decoration1 {
        top: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: translate(-40%, 60%);
        transform: translate(-40%, 60%);
        width: 163px;
        z-index: 10
    }
}

.how-it-works-container .we-deliver-your-box .decoration2 {
    position: absolute;
    width: 100px;
    left: 0;
    bottom: 97px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .decoration2 {
        display: none
    }
}

.how-it-works-container .we-deliver-your-box .decoration3 {
    position: absolute;
    width: 90px;
    right: 0;
    top: 254px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .we-deliver-your-box .decoration3 {
        top: 432px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.how-it-works-container .cook-like-a-top-chef {
    background-color: #f3f6ff;
    padding: 0 10%;
    padding-top: 103px;
    padding-bottom: 97px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (max-width: 991px) {
    .how-it-works-container .cook-like-a-top-chef {
        padding: 0 20px;
        padding-top: 103px;
        padding-bottom: 97px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef {
        padding-top: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 40px
    }
}

.how-it-works-container .cook-like-a-top-chef .image-wrapper {
    width: 370px;
    border-radius: 4px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .image-wrapper {
        width: 100%;
        height: 290px
    }
}

.how-it-works-container .cook-like-a-top-chef .image-wrapper .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

.how-it-works-container .cook-like-a-top-chef .content {
    margin-left: 132px;
    width: calc(100% - 370px);
    padding-bottom: 45px
}

@media screen and (max-width: 991px) {
    .how-it-works-container .cook-like-a-top-chef .content {
        margin-left: 30px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .content {
        width: 100%;
        padding-bottom: 0;
        margin-left: 0
    }
}

.how-it-works-container .cook-like-a-top-chef .content .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .content .title {
        margin-top: 40px;
        font-size: 24px
    }
}

.how-it-works-container .cook-like-a-top-chef .content .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 17px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .content .list {
        margin-top: 19px
    }
}

.how-it-works-container .cook-like-a-top-chef .content .list .item {
    width: 100%;
    margin-top: 18px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .content .list .item {
        margin-top: 15px
    }
}

.how-it-works-container .cook-like-a-top-chef .content .list .item .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53
}

.how-it-works-container .cook-like-a-top-chef .content .list .item .description {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.43
}

.how-it-works-container .cook-like-a-top-chef .content .button-wrapper {
    margin-top: 33px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .content .button-wrapper {
        margin-top: 31px
    }
}

.how-it-works-container .cook-like-a-top-chef .content .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.how-it-works-container .cook-like-a-top-chef .content .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.how-it-works-container .cook-like-a-top-chef .content .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .content .button-wrapper .button {
        display: block;
        text-align: center
    }
}

.how-it-works-container .cook-like-a-top-chef .decoration {
    position: absolute;
    width: 300px;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(30%, 20%);
    transform: translate(30%, 20%)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .cook-like-a-top-chef .decoration {
        display: none
    }
}

.how-it-works-container .support {
    padding: 0 10%;
    padding-top: 109px
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support {
        padding: 0 20px;
        padding-top: 109px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support {
        padding-top: 40px
    }
}

.how-it-works-container .support .content-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 89px;
    border-bottom: 1px solid #eaecf5
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support .content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 50px
    }
}

.how-it-works-container .support .content {
    padding-top: 92px;
    padding-bottom: 110px;
    width: calc(100% - 370px);
    padding-right: 12%
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content {
        padding-right: 30px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support .content {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        padding-right: 0;
        margin-top: 40px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.how-it-works-container .support .content .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support .content .title {
        font-size: 24px
    }
}

.how-it-works-container .support .content .description {
    margin-top: 23px;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support .content .description {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.43
    }
}

.how-it-works-container .support .content .contact-line {
    margin-top: 57px;
    background-color: #f3f6ff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #1b3f9e;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    padding-bottom: 21px;
    text-align: center
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .how-it-works-container .support .content .contact-line {
        font-size: 12px
    }
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content .contact-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support .content .contact-line {
        font-size: 14px
    }
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content .contact-line .item {
        padding: 0 20px;
        padding-top: 20px
    }
}

.how-it-works-container .support .content .contact-line .item:not(:last-of-type) {
    border-right: solid 1px #dee2ed;
    width: 38%
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content .contact-line .item:not(:last-of-type) {
        width: 100%;
        border-right: none
    }
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content .contact-line .item:not(:last-of-type) .wrapper {
        border-bottom: 1px solid #dee2ed
    }
}

.how-it-works-container .support .content .contact-line .item:last-of-type {
    width: 24%
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content .contact-line .item:last-of-type {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .how-it-works-container .support .content .contact-line .item .wrapper {
        display: block;
        width: 100%;
        padding-bottom: 20px
    }
}

.how-it-works-container .support .content .contact-line .item .wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .how-it-works-container .support .content .contact-line .item .wrapper .icon {
        width: 12px;
        height: 12px
    }
}

.how-it-works-container .support .content .contact-line .item .wrapper .info {
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle
}

.how-it-works-container .support .image-wrapper {
    border-radius: 4px;
    overflow: hidden;
    max-width: 370px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .how-it-works-container .support .image-wrapper {
        height: 290px
    }
}

.how-it-works-container .support .image-wrapper .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

.how-it-works-container .favorites {
    padding: 90px 10%;
    position: relative
}

@media screen and (max-width: 991px) {
    .how-it-works-container .favorites {
        padding: 90px 20px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites {
        padding: 0 20px;
        padding-top: 50px;
        padding-bottom: 30px;
        position: relative
    }
}

.how-it-works-container .favorites .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .title {
        font-size: 24px;
        width: 150px;
        text-align: center;
        margin: 0 auto
    }
}

.how-it-works-container .favorites .decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .decoration {
        width: 150px;
        top: 10px
    }
}

.how-it-works-container .favorites .decoration2 {
    position: absolute;
    right: -200px;
    bottom: -100px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .decoration2 {
        display: none
    }
}

.how-it-works-container .favorites .left-control {
    display: none
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .left-control {
        display: block;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 20px;
        cursor: pointer;
        z-index: 10
    }
}

.how-it-works-container .favorites .right-control {
    display: none
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .right-control {
        display: block;
        width: 8px;
        position: absolute;
        top: 50%;
        right: 20px;
        cursor: pointer;
        z-index: 10
    }
}

.how-it-works-container .favorites .list {
    margin-top: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .how-it-works-container .favorites .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 660px;
        margin: 0 auto;
        margin-top: 64px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .list {
        margin-top: 50px;
        display: block
    }
}

.how-it-works-container .favorites .list .item {
    width: 25%;
    padding: 0 15px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .how-it-works-container .favorites .list .item {
        width: 50%;
        padding: 0 15px;
        max-width: 300px;
        margin-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .list .item {
        width: 100%;
        padding: 0
    }
}

.how-it-works-container .favorites .list .image {
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .favorites .list .image {
        width: 220px;
        height: 200px;
        margin: 0 auto;
        position: relative
    }
}

.how-it-works-container .favorites .list .title {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53;
    font-family: proximaNova
}

.how-it-works-container .favorites .list .description {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center
}

.how-it-works-container .start-cooking {
    padding: 0 10%;
    padding-top: 80px;
    padding-bottom: 90px;
    text-align: center;
    background-color: #f3f6ff;
    position: relative
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking {
        padding: 50px 20px
    }
}

.how-it-works-container .start-cooking .decoration1 {
    width: 213px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking .decoration1 {
        width: 140px;
        top: 0
    }
}

.how-it-works-container .start-cooking .decoration2 {
    width: 271px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking .decoration2 {
        width: 200px;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

.how-it-works-container .start-cooking .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    font-size: 40px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking .title {
        font-size: 34px
    }
}

.how-it-works-container .start-cooking .sub-title {
    font-size: 16px;
    line-height: 1.43;
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking .sub-title {
        margin-top: 20px
    }
}

.how-it-works-container .start-cooking .button-wrapper {
    margin-top: 33px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking .button-wrapper {
        margin-top: 30px
    }
}

.how-it-works-container .start-cooking .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.how-it-works-container .start-cooking .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.how-it-works-container .start-cooking .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .how-it-works-container .start-cooking .button-wrapper .button {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .how-it-works-container .start-cooking {
        margin-top: 70px
    }
}

.product-container .header .navigation {
    padding: 15px 50px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.38);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.38)
}

.product-container .header .responsive-navigation {
    padding: 0 20px;
    padding-top: 10px;
    padding-bottom: 8px
}

.product-container .header .responsive-navigation .menu {
    height: calc(100vh - 124px);
    top: 53px
}

.product-container .header .image {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (max-width: 1150px) {
    .product-container .product-main {
        padding: 90px 20px
    }
}

.product-container .product-main .about {
    position: relative;
    top: -61px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
        box-shadow: 0 1px 2px 0 #e5eaf9
    }
}

.product-container .product-main .about .content {
    width: 67%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 21px 30px
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .content {
        padding: 0 20px;
        padding-top: 18px;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        border-radius: 4px 4px 0 0
    }
}

.product-container .product-main .about .content .heading-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 26px;
}

@media screen and (max-width: 767px) {
    .product-container .product-main .about .content .heading-wrapper {
        padding-bottom: 21px
    }
}

@media screen and (max-width: 1162px) {
    .product-container .product-main .about .content .heading-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product-container .product-main .about .content .heading-wrapper .title-wrapper {
    padding-right: 30px
}

.product-container .product-main .about .content .heading-wrapper .title-wrapper .title {
    font-family: Lora;
    font-size: 30px;
    line-height: 1.41;
    font-weight: 700;
    color: #373e53
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .content .heading-wrapper .title-wrapper .title {
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .product-container .product-main .about .content .heading-wrapper .title-wrapper .title {
        font-size: 22px
    }
}

.product-container .product-main .about .content .heading-wrapper .title-wrapper .sub-title {
    margin-top: 2px;
    font-size: 16px;
    line-height: 1.43;
    font-weight: 600;
    color: #373f53
}

@media screen and (max-width: 767px) {
    .product-container .product-main .about .content .heading-wrapper .title-wrapper .sub-title {
        font-size: 14px;
        margin-top: 11px
    }
}

.product-container .product-main .about .content .heading-wrapper .button-wrapper {
    white-space: nowrap
}

@media screen and (max-width: 1162px) {
    .product-container .product-main .about .content .heading-wrapper .button-wrapper {
        margin-top: 20px
    }
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .content .heading-wrapper .button-wrapper {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .product-container .product-main .about .content .heading-wrapper .button-wrapper {
        width: 100%;
        text-align: center
    }
}

.product-container .product-main .about .content .heading-wrapper .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

@media screen and (max-width: 1162px) {
    .product-container .product-main .about .content .heading-wrapper .button-wrapper .button {
        display: block
    }
}

.product-container .product-main .about .content .heading-wrapper .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.product-container .product-main .about .content .heading-wrapper .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.product-container .product-main .about .content .responsive-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #1b3f9e;
    margin-top: 20px;
    display: none
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .content .responsive-title {
        display: block
    }
}

.product-container .product-main .about .content .description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.71
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .content .description {
        margin-top: 17px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e7eaf2
    }
}

.product-container .product-main .about .details {
    width: 33%;
    margin-left: 30px;
    background-color: #fff;
    padding: 0 30px;
    padding-top: 25px;
    padding-bottom: 22px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .details {
        width: 100%;
        margin-left: 0;
        border-radius: 0 0 4px 4px;
        padding: 0 20px;
        padding-top: 12px;
        padding-bottom: 22px
    }
}

.product-container .product-main .about .details .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #1b3f9e;
    padding-bottom: 21px;
    border-bottom: 1px solid #e7eaf2
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .details .title {
        display: none
    }
}

.product-container .product-main .about .details .info-wrapper {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e7eaf2
}

@media screen and (max-width: 991px) {
    .product-container .product-main .about .details .info-wrapper {
        margin-top: 22px;
        padding-bottom: 21px
    }
}

.product-container .product-main .about .details .info-wrapper .info {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 11px
}

.product-container .product-main .about .details .info-wrapper .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.product-container .product-main .about .details .info-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #373f53
}

.product-container .product-main .about .details .info-wrapper .level {
    font-size: 14px;
    line-height: 1.71
}

.product-container .product-main .about .details .social {
    margin-top: 17px
}

.product-container .product-main .about .details .social .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    color: #373f53;
    padding-bottom: 0;
    border-bottom: none
}

.product-container .product-main .about .details .social .socials-wrapper {
    margin-top: 9px
}

.product-container .product-main .about .details .social .icon-wrapper {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: #f3f6ff;
    position: relative;
    border-radius: 50%
}

.product-container .product-main .about .details .social .icon-wrapper:not(:first-of-type) {
    margin-left: 16px
}

.product-container .product-main .about .details .social .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.product-container .product-main .ingredients {
    margin-top: 30px;
    padding: 0 30px;
    padding-top: 25px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    top: -61px
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients {
        margin-top: 20px;
        padding: 0 20px;
        padding-top: 25px
    }
}

.product-container .product-main .ingredients .title-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7eaf2
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .title-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product-container .product-main .ingredients .title-wrapper .title {
    font-family: Lora;
    font-size: 20px;
    font-weight: 700;
    color: #373e53
}

.product-container .product-main .ingredients .title-wrapper .filter {
    border: 1px solid #e7eaf2;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.71;
    text-align: center
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .title-wrapper .filter {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-container .product-main .ingredients .title-wrapper .filter .button {
    display: inline-block;
    width: 100px;
    padding-top: 6px;
    padding-bottom: 9px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .title-wrapper .filter .button {
        width: 50%
    }
}

.product-container .product-main .ingredients .title-wrapper .filter .button.active {
    color: #1b3f9e;
    background-color: #f3f6ff
}

.product-container .product-main .ingredients .title-wrapper .filter .button.active:not(:last-of-type) {
    border-right: 1px solid #e7eaf2
}

.product-container .product-main .ingredients .title-wrapper .filter .button.active:last-of-type {
    border-left: 1px solid #e7eaf2
}

.product-container .product-main .ingredients .content-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out .6s forwards;
    animation: fadeIn ease-in-out .6s forwards
}

@media screen and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.product-container .product-main .ingredients .content-wrapper.active {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-container .product-main .ingredients .content-wrapper .products {
    padding-bottom: 29px;
    border-right: 1px solid #e7eaf2;
    width: 67%
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper .products {
        width: 100%;
        border-right: 0;
        padding-bottom: 48px;
        border-bottom: 1px solid #e7eaf2
    }
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .products {
        border-right: none;
        width: 100%;
        padding-bottom: 17px;
        border-bottom: 1px solid #e7eaf2
    }
}

.product-container .product-main .ingredients .content-wrapper .products .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .products .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 18px
    }
}

.product-container .product-main .ingredients .content-wrapper .products .list .item {
    width: 50%;
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .products .list .item {
        margin-top: 11px;
        width: 100%
    }
}

.product-container .product-main .ingredients .content-wrapper .products .list .wrapper {
    padding-right: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .products .list .wrapper {
        padding-right: 0
    }
}

.product-container .product-main .ingredients .content-wrapper .products .list .image {
    width: 100px;
    height: 71px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.product-container .product-main .ingredients .content-wrapper .products .list .info {
    margin-left: 34px
}

.product-container .product-main .ingredients .content-wrapper .products .list .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.product-container .product-main .ingredients .content-wrapper .products .list .qty {
    font-size: 14px;
    line-height: 1.71
}

.product-container .product-main .ingredients .content-wrapper .details {
    width: 33%;
    padding-top: 30px;
    padding-left: 45px;
    padding-right: 0;
    padding-bottom: 39px
}

@media screen and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper .details {
        padding: 0 30px;
        padding-top: 8px;
        padding-bottom: 39px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper .details {
        padding-top: 33px;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper .details {
        padding: 0 20px;
        padding-bottom: 32px;
        padding-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .details {
        width: 100%;
        padding: 0 20px;
        padding-bottom: 25px
    }
}

.product-container .product-main .ingredients .content-wrapper .details .list {
    padding-bottom: 34px;
    border-bottom: 1px solid #e7eaf2
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper .details .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 170px
    }
}

.product-container .product-main .ingredients .content-wrapper .details .list .item {
    margin-top: 21px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-container .product-main .ingredients .content-wrapper .details .list .item {
        width: 30%
    }
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .details .list .item {
        margin-top: 20px
    }
}

.product-container .product-main .ingredients .content-wrapper .details .list .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-container .product-main .ingredients .content-wrapper .details .list .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.product-container .product-main .ingredients .content-wrapper .details .list .info {
    font-size: 14px;
    line-height: 1.71
}

.product-container .product-main .ingredients .content-wrapper .details .extra {
    margin-top: 28px
}

@media screen and (max-width: 767px) {
    .product-container .product-main .ingredients .content-wrapper .details .extra {
        margin-top: 21px
    }
}

.product-container .product-main .ingredients .content-wrapper .details .extra .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.product-container .product-main .ingredients .content-wrapper .details .extra .info {
    font-size: 14px;
    line-height: 1.71;
    margin-top: 6px
}

.product-container .favorites {
    padding: 90px 10%;
    position: relative
}

@media screen and (max-width: 991px) {
    .product-container .favorites {
        padding: 90px 20px
    }
}

@media screen and (max-width: 767px) {
    .product-container .favorites {
        padding: 0 20px;
        padding-top: 50px;
        padding-bottom: 30px;
        position: relative
    }
}

.product-container .favorites .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    text-align: center
}

@media screen and (max-width: 767px) {
    .product-container .favorites .title {
        font-size: 24px;
        width: 150px;
        text-align: center;
        margin: 0 auto
    }
}

.product-container .favorites .decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .product-container .favorites .decoration {
        width: 150px;
        top: 10px
    }
}

.product-container .favorites .decoration2 {
    position: absolute;
    right: -200px;
    bottom: -100px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .product-container .favorites .decoration2 {
        display: none
    }
}

.product-container .favorites .left-control {
    display: none
}

@media screen and (max-width: 767px) {
    .product-container .favorites .left-control {
        display: block;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 20px;
        cursor: pointer;
        z-index: 10
    }
}

.product-container .favorites .right-control {
    display: none
}

@media screen and (max-width: 767px) {
    .product-container .favorites .right-control {
        display: block;
        width: 8px;
        position: absolute;
        top: 50%;
        right: 20px;
        cursor: pointer;
        z-index: 10
    }
}

.product-container .favorites .list {
    margin-top: 90px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-container .favorites .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 660px;
        margin: 0 auto;
        margin-top: 64px
    }
}

@media screen and (max-width: 767px) {
    .product-container .favorites .list {
        margin-top: 50px;
        display: block
    }
}

.product-container .favorites .list .item {
    width: 25%;
    padding: 0 15px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-container .favorites .list .item {
        width: 50%;
        padding: 0 15px;
        max-width: 300px;
        margin-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .product-container .favorites .list .item {
        width: 100%;
        padding: 0
    }
}

.product-container .favorites .list .image {
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

@media screen and (max-width: 767px) {
    .product-container .favorites .list .image {
        width: 220px;
        height: 200px;
        margin: 0 auto;
        position: relative
    }
}

.product-container .favorites .list .title {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.63;
    color: #373f53;
    font-family: proximaNova
}

.product-container .favorites .list .description {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center
}

.product-container .start-cooking {
    padding: 0 10%;
    padding-top: 80px;
    padding-bottom: 90px;
    text-align: center;
    background-color: #f3f6ff;
    position: relative;
    margin-top: 50px
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking {
        padding: 100px 20px
    }
}

.product-container .start-cooking .decoration1 {
    width: 213px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking .decoration1 {
        width: 140px;
        top: 0
    }
}

.product-container .start-cooking .decoration2 {
    width: 271px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking .decoration2 {
        width: 200px;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

.product-container .start-cooking .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53;
    line-height: 1.3;
    font-size: 40px
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking .title {
        font-size: 34px
    }
}

.product-container .start-cooking .sub-title {
    font-size: 14px;
    line-height: 1.43;
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking .sub-title {
        margin-top: 20px
    }
}

.product-container .start-cooking .button-wrapper {
    margin-top: 33px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking .button-wrapper {
        margin-top: 30px
    }
}

.product-container .start-cooking .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.product-container .start-cooking .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.product-container .start-cooking .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking .button-wrapper .button {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .product-container .start-cooking {
        margin-top: 150px
    }
}

.login-container .header {
    background-color: #f3f6ff;
    min-height: auto;
    position: relative
}

@media screen and (max-width: 991px) {
    .login-container .header {
        height: auto;
        padding-bottom: 81px
    }
}

.login-container .header .navigation {
    padding: 15px 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9
}

.login-container .header .responsive-navigation {
    padding: 0 20px;
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #fff
}

.login-container .header .responsive-navigation .menu {
    height: calc(100vh - 124px);
    top: 53px
}

.login-container .header .h-decoration1 {
    position: absolute;
    width: 90px;
    left: 0;
    bottom: 256px
}

@media screen and (max-width: 991px) {
    .login-container .header .h-decoration1 {
        display: none
    }
}

.login-container .header .h-decoration2 {
    position: absolute;
    width: 150px;
    top: 230px;
    left: 68px
}

@media screen and (max-width: 991px) {
    .login-container .header .h-decoration2 {
        display: none
    }
}

.login-container .header .h-decoration5 {
    position: absolute;
    width: 137px;
    top: 203px;
    right: 29px
}

@media screen and (max-width: 991px) {
    .login-container .header .h-decoration5 {
        display: none
    }
}

.login-container .header .h-decoration6 {
    position: absolute;
    width: 132px;
    right: 0;
    bottom: 190px
}

@media screen and (max-width: 991px) {
    .login-container .header .h-decoration6 {
        display: none
    }
}

.login-container .header .content {
    padding: 0 20px;
    padding-bottom: 0;
    position: relative;
    min-height: auto;
    padding-top: 1px;
    /* display: flex;
    align-items: center; */
}

@media screen and (max-width: 991px) {
    .login-container .header .content {
        min-height: calc(100vh - 53px);
        height: auto
    }
}

.login-container .header .content-wrapper {
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding-top: 40px;
    padding-bottom: 60px;
    max-width: 770px;
    width: 100%;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .login-container .header .content-wrapper {
        position: relative;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        -webkit-transform: none;
        transform: none;
        margin-top: 120px;
        top: auto;
        left: auto
    }
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper {
        margin-top: 62px
    }
}

.login-container .header .content-wrapper .h-decoration3 {
    position: absolute;
    width: 150px;
    top: 213px;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 991px) {
    .login-container .header .content-wrapper .h-decoration3 {
        top: 153px;
        -webkit-transform: translate(-40%, -40%);
        transform: translate(-40%, -40%);
        width: 130px
    }
}

.login-container .header .content-wrapper .h-decoration4 {
    position: absolute;
    width: 150px;
    right: 0;
    bottom: 39px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (max-width: 991px) {
    .login-container .header .content-wrapper .h-decoration4 {
        bottom: 0;
        -webkit-transform: translate(40%, 40%);
        transform: translate(40%, 40%)
    }
}

.login-container .header .content-wrapper .heading-wrapper {
    text-align: center;
    padding: 0 112px;
    padding-bottom: 36px;
    border-bottom: 1px solid #ebebed
}

@media screen and (max-width: 991px) {
    .login-container .header .content-wrapper .heading-wrapper {
        padding: 0 20px;
        padding-bottom: 36px
    }
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .heading-wrapper {
        padding-bottom: 31px
    }
}

.login-container .header .content-wrapper .heading-wrapper .title {
    font-family: Lora;
    font-size: 30px;
    line-height: 1.43;
    font-weight: 700;
    color: #373e53;
    text-align: center
}

.login-container .header .content-wrapper .heading-wrapper .description {
    font-size: 18px;
    line-height: 1.43;
    text-align: center;
    margin-top: 15px
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .heading-wrapper .description {
        margin-top: 30px
    }
}

.login-container .header .content-wrapper .form-wrapper {
    margin-top: 42px;
    padding: 0 112px
}

@media screen and (max-width: 991px) {
    .login-container .header .content-wrapper .form-wrapper {
        padding: 0 20px
    }
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .form-wrapper {
        margin-top: 30px
    }
}

.login-container .header .content-wrapper .form-wrapper .input-wrapper:not(:first-of-type) {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .form-wrapper .input-wrapper:not(:first-of-type) {
        margin-top: 23px
    }
}

.login-container .header .content-wrapper .form-wrapper .input-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.login-container .header .content-wrapper .form-wrapper .input {
    margin-top: 8px;
    outline: none;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    border: none;
    padding: 0 15px;
    height: 50px;
    display: block;
    width: 100%;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .form-wrapper .input {
        margin-top: 10px
    }
    
}

.login-container .header .content-wrapper .form-wrapper .input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d;
    opacity: 0
}

.login-container .header .content-wrapper .form-wrapper .input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d;
    opacity: 0
}

.login-container .header .content-wrapper .form-wrapper .input::placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d;
    opacity: 0
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .form-wrapper .input::-webkit-input-placeholder {
        opacity: 1
    }
    .login-container .header .content-wrapper .form-wrapper .input:-ms-input-placeholder {
        opacity: 1
    }
    .login-container .header .content-wrapper .form-wrapper .input::placeholder {
        opacity: 1
    }
}

.login-container .header .content-wrapper .form-wrapper .submit-label {
    display: inline-block;
    padding: 20px 0;
    padding-left: 73px;
    padding-right: 66px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    margin-top: 25px;
    cursor: pointer;
    position: relative
}

.login-container .header .content-wrapper .form-wrapper .submit-label::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.login-container .header .content-wrapper .form-wrapper .submit-label.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .login-container .header .content-wrapper .form-wrapper .submit-label {
        margin-top: 16px;
        width: 100%;
        text-align: center
    }
}

.login-container .header .content-wrapper .form-wrapper .submit-label .text {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}

.login-container .header .content-wrapper .form-wrapper .submit-label .icon {
    width: 7px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.login-container .header .content-wrapper .form-wrapper .submit {
    display: none
}

.account-container .header .progress-line {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    text-align: center;
    padding: 30px 50px
}

@media screen and (max-width: 991px) {
    .account-container .header .progress-line {
        padding: 20px
    }
}

.account-container .header .progress-line .logo {
    background-image: url(./images/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 50px
}

@media screen and (max-width: 991px) {
    .account-container .header .progress-line .logo {
        width: 75px;
        height: 35px;
        top: 11px;
        left: 20px
    }
}

.account-container .header .progress-line .points-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .account-container .header .progress-line .points-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.account-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
    padding-right: 20px;
    border-right: 1px solid rgba(55, 63, 83, 0.1)
}

@media screen and (max-width: 991px) {
    .account-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
        border-right: none;
        padding-right: 0
    }
}

.account-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
    margin-left: 20px
}

@media screen and (max-width: 991px) {
    .account-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
        margin-left: 12px
    }
}

.account-container .header .progress-line .points-wrapper .point.active .icon {
    background-color: #1b3f9e
}

.account-container .header .progress-line .points-wrapper .point.active .text {
    color: #1b3f9e
}

.account-container .header .progress-line .points-wrapper .point .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #b1b8cb;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border-radius: 50%
}

.account-container .header .progress-line .points-wrapper .point .icon .number {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991px) {}

.select-plan-container .header .progress-line {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    text-align: center;
    padding: 30px 50px
}

@media screen and (max-width: 991px) {
    .select-plan-container .header .progress-line {
        padding: 20px
    }
}

.select-plan-container .header .progress-line .logo {
    background-image: url(./images/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 50px
}

@media screen and (max-width: 991px) {
    .select-plan-container .header .progress-line .logo {
        width: 75px;
        height: 35px;
        top: 11px;
        left: 20px
    }
}

.select-plan-container .header .progress-line .points-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .select-plan-container .header .progress-line .points-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.select-plan-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
    padding-right: 20px;
    border-right: 1px solid rgba(55, 63, 83, 0.1)
}

@media screen and (max-width: 991px) {
    .select-plan-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
        border-right: none;
        padding-right: 0
    }
}

.select-plan-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
    margin-left: 20px
}

@media screen and (max-width: 991px) {
    .select-plan-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
        margin-left: 12px
    }
}

.select-plan-container .header .progress-line .points-wrapper .point.active .icon {
    background-color: #1b3f9e
}

.select-plan-container .header .progress-line .points-wrapper .point.active .text {
    color: #1b3f9e
}

.select-plan-container .header .progress-line .points-wrapper .point .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #b1b8cb;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border-radius: 50%
}

.select-plan-container .header .progress-line .points-wrapper .point .icon .number {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header .progress-line .points-wrapper .point .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;
    font-size: 14px;
    font-weight: 600;
    color: #dee3ee
}

@media screen and (max-width: 991px) {
    .header .progress-line .points-wrapper .point .text {
        display: none
    }
}

.select-plan-container .header {
    background-color: #f3f6ff;
    padding-bottom: 52px;
    position: relative
}

@media screen and (max-width: 991px) {
    .select-plan-container .header {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .select-plan-container .header {
        padding-bottom: 20px
    }
}

.select-plan-container .decoration {
    width: 200px;
    position: absolute;
    top: 400px;
    left: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .select-plan-container .decoration {
        left: 110px;
        z-index: 20
    }
}

@media screen and (max-width: 767px) {
    .select-plan-container .decoration {
        display: none
    }
}

.select-plan-container .decoration1 {
    width: 140px;
    position: absolute;
    right: 0;
    bottom: 546px
}

@media screen and (max-width: 767px) {
    .select-plan-container .decoration1 {
        width: 80px;
        top: 90px;
        bottom: auto;
        -webkit-transform: translateX(40%);
        transform: translateX(40%)
    }
}

.select-plan-container .decoration2 {
    width: 90px;
    position: absolute;
    top: 547px;
    left: 0
}

@media screen and (max-width: 767px) {
    .select-plan-container .decoration2 {
        width: 45px;
        top: 99px
    }
}

.select-plan-container .decoration3 {
    width: 132px;
    position: absolute;
    right: 0;
    bottom: 260px
}

@media screen and (max-width: 991px) {
    .select-plan-container .decoration3 {
        display: none
    }
}

.select-plan-container .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: bold;
    color: #373e53;
    text-align: center;
    max-width: 544px;
    width: 100%;
    margin: 0 auto;
    margin-top: 70px
}

@media screen and (max-width: 991px) {
    .select-plan-container .title {
        padding: 0 20px
    }
}

@media screen and (max-width: 991px) {
    .select-plan-container .title {
        margin-top: 40px;
        font-size: 24px;
        line-height: 1.43
    }
}

.select-plan-container .description {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    max-width: 544px;
    width: 100%;
    margin: 0 auto;
    margin-top: 14px
}

@media screen and (max-width: 991px) {
    .select-plan-container .description {
        padding: 0 20px
    }
}

@media screen and (max-width: 991px) {
    .select-plan-container .description {
        margin-top: 20px;
        font-size: 14px
    }
}

.select-plan-container .plans-wrapper {
    margin-top: 70px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 5%;
    position: relative
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 40px;
        padding: 0 20px
    }
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .select-plan-container .plans-wrapper {
        margin-top: 0
    }
}

.select-plan-container .plans-wrapper .plan {
    width: 33.33%;
    padding: 0 15px
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan {
        width: 100%;
        margin-top: 30px;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .select-plan-container .plans-wrapper .plan {
        margin-top: 20px
    }
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan:first-of-type .content-wrapper {
        margin: 0 auto
    }
}

.select-plan-container .plans-wrapper .plan:first-of-type .content-wrapper .status .check path {
    stroke: #1b3f9e
}

.select-plan-container .plans-wrapper .plan:first-of-type .content-wrapper .status.checked .check path {
    fill: #1b3f9e
}

.select-plan-container .plans-wrapper .plan:nth-child(2) .content-wrapper {
    margin: 0 auto
}

.select-plan-container .plans-wrapper .plan:last-of-type .content-wrapper {
    margin-left: auto
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan:last-of-type .content-wrapper {
        margin: 0 auto
    }
}

.select-plan-container .plans-wrapper .plan:last-of-type .content-wrapper .status .check path {
    stroke: #1b3f9e
}

.select-plan-container .plans-wrapper .plan:last-of-type .content-wrapper .status.checked .check path {
    fill: #1b3f9e
}

.select-plan-container .plans-wrapper .plan.family .content-wrapper .status .check path {
    stroke: #9e1b89
}

.select-plan-container .plans-wrapper .plan.family .content-wrapper .status.checked .check path {
    fill: #9e1b89
}

.select-plan-container .plans-wrapper .plan.family .content-wrapper .servings .item.active {
    background-color: #9e1b89
}

.select-plan-container .plans-wrapper .plan.family .image .overlay {
    background-color: rgba(133, 68, 123, 0.7)
}

.select-plan-container .plans-wrapper .plan.family .button-wrapper .button {
    background-color: #9e1b89
}

.select-plan-container .plans-wrapper .plan .content-wrapper {
    max-width: 370px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.1);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.1);
    border-radius: 4px;
    position: relative
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .content-wrapper {
        overflow: visible
    }
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .content-wrapper.initial .responsive-wrapper {
        display: block
    }
}

.select-plan-container .plans-wrapper .plan .content-wrapper.active .circle {
    cursor: default
}

.select-plan-container .plans-wrapper .plan .content-wrapper.active .circle .status {
    display: block
}

.select-plan-container .plans-wrapper .plan .content-wrapper.active .circle .dropdown-arrow {
    display: none
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .responsive-wrapper {
        display: none
    }
}

.select-plan-container .plans-wrapper .plan .decoration {
    position: absolute;
    width: 113px;
    top: 105px;
    left: 0
}

.select-plan-container .plans-wrapper .plan .image {
    height: 140px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative
}

.select-plan-container .plans-wrapper .plan .image .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(61, 81, 135, 0.7);
    border-radius: 4px 4px 0 0
}

.select-plan-container .plans-wrapper .plan .image .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10
}

.select-plan-container .plans-wrapper .plan .image .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.63;
    margin-top: 0;
    color: #fff;
    text-align: center
}

.select-plan-container .plans-wrapper .plan .image .sub-title {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 2.17;
    color: #fff
}

.select-plan-container .plans-wrapper .plan .image .circle {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .image .circle {
        cursor: pointer
    }
}

.select-plan-container .plans-wrapper .plan .image .circle .status {
    width: 20px;
    height: 20px;
    border: 1px solid #e7eaf2;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease-in-out .6s;
    transition: ease-in-out .6s
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .image .circle .status {
        display: none
    }
}

.select-plan-container .plans-wrapper .plan .image .circle .status .check {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: visible
}

.select-plan-container .plans-wrapper .plan .image .circle .status .check path {
    stroke-width: 1px;
    stroke-dasharray: 34.65544509887695;
    stroke-dashoffset: -34.65544509887695;
    fill: transparent;
    -webkit-transition: stroke-dashoffset ease-in-out .6s .3s, fill ease-in-out .6s;
    transition: stroke-dashoffset ease-in-out .6s .3s, fill ease-in-out .6s
}

.select-plan-container .plans-wrapper .plan .image .circle .status.checked {
    border: 1px solid transparent
}

.select-plan-container .plans-wrapper .plan .image .circle .status.checked .check path {
    fill: #1b3f9e;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset ease-in-out .6s, fill ease-in-out .6s .3s;
    transition: stroke-dashoffset ease-in-out .6s, fill ease-in-out .6s .3s
}

.select-plan-container .plans-wrapper .plan .image .circle .dropdown-arrow {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 13px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .image .circle .dropdown-arrow {
        display: block
    }
}

.select-plan-container .plans-wrapper .plan .servings {
    margin-top: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select-plan-container .plans-wrapper .plan .servings .item {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #373f53;
    padding: 10px 30px;
    background-color: rgba(243, 246, 255, 0.39);
    border: solid 1px #e7eaf2;
    cursor: pointer;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.select-plan-container .plans-wrapper .plan .servings .item.active {
    background-color: #1b3f9e;
    color: #fff
}

.select-plan-container .plans-wrapper .plan .servings .item:first-of-type {
    border-radius: 4px 0 0 4px
}

.select-plan-container .plans-wrapper .plan .servings .item:last-of-type {
    border-radius: 0 4px 4px 0
}

.select-plan-container .plans-wrapper .plan .servings-title {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.43
}

.select-plan-container .plans-wrapper .plan .prices {
    margin-top: 26px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select-plan-container .plans-wrapper .plan .prices .price {
    width: 33.33%;
    border: solid 1px #e7eaf3;
    padding: 10px;
    text-align: center
}

.select-plan-container .plans-wrapper .plan .prices .price:last-of-type {
    border-right: none
}

.select-plan-container .plans-wrapper .plan .prices .price .number {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #373f53
}

.select-plan-container .plans-wrapper .plan .prices .price .name {
    font-size: 14px;
    line-height: 1.43
}

@media screen and (max-width: 991px) {
    .select-plan-container .plans-wrapper .plan .prices .price .name {
        font-size: 12px;
        line-height: 1.67
    }
}

.select-plan-container .plans-wrapper .plan .list {
    margin-top: 30px;
    padding-left: 45px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7eaf3;
    list-style-type: disc;
    color: #1b3f9e
}

.select-plan-container .plans-wrapper .plan .list .item:not(:first-of-type) {
    margin-top: 20px
}

.select-plan-container .plans-wrapper .plan .list .text {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d
}

.select-plan-container .plans-wrapper .plan .delivery {
    margin-top: 20px;
    padding: 0 30px
}

@media screen and (max-width: 767px) {
    .select-plan-container .plans-wrapper .plan .delivery {
        padding: 0 20px
    }
}

.select-plan-container .plans-wrapper .plan .delivery .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.select-plan-container .plans-wrapper .plan .delivery .dropdown {
    margin-top: 8px;
    position: relative
}

.select-plan-container .plans-wrapper .plan .delivery .dropdown .name-wrapper {
    padding: 12px 20px;
    font-size: 14px;
    color: #373f53;
    border-radius: 4px;
    background-color: #f9faff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.select-plan-container .plans-wrapper .plan .delivery .dropdown .name-wrapper .icon {
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.select-plan-container .plans-wrapper .plan .delivery .dropdown .dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f9faff;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    z-index: 20;
    width: 100%;
    color: #373f53;
    font-size: 14px;
    display: none
}

.select-plan-container .plans-wrapper .plan .delivery .dropdown .dropdown-list .item {
    padding: 10px 20px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    cursor: pointer
}

.select-plan-container .plans-wrapper .plan .delivery .dropdown .dropdown-list .item:hover {
    background-color: #828a9d;
    color: #fff
}

.select-plan-container .plans-wrapper .plan .family-members {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.select-plan-container .plans-wrapper .plan .family-members .type {
    width: 50%;
    padding: 20px 10px;
    text-align: center;
    border: solid 1px #e7eaf3;
    font-size: 14px;
    line-height: 1.43
}

.select-plan-container .plans-wrapper .plan .family-members .type:first-of-type {
    border-left: none
}

.select-plan-container .plans-wrapper .plan .family-members .type:last-of-type {
    border-right: none
}

.select-plan-container .plans-wrapper .plan .button-wrapper {
    margin-top: 30px;
    text-align: center;
    padding: 0 30px
}

.select-plan-container .plans-wrapper .plan .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: block
}

.select-plan-container .plans-wrapper .plan .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.select-plan-container .plans-wrapper .plan .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.select-plan-container .buttons-wrapper {
    margin-top: 50px;
    padding: 0 5%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .select-plan-container .buttons-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 40px
    }
}

.select-plan-container .buttons-wrapper .back {
    margin-left: 15px;
    display: inline-block;
    background-color: #c2c6d0;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    padding-left: 55px;
    padding-right: 67px;
    position: relative
}

.select-plan-container .buttons-wrapper .back::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.select-plan-container .buttons-wrapper .back.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .select-plan-container .buttons-wrapper .back {
        text-align: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 370px;
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        width: 100%
    }
}

.select-plan-container .buttons-wrapper .back .icon {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.select-plan-container .buttons-wrapper .back .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px
}

.select-plan-container .buttons-wrapper .continue {
    margin-right: 15px;
    display: inline-block;
    display: inline-block;
    background-color: #1b3f9e;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    padding-left: 53px;
    padding-right: 46px;
    position: relative;
    border:none;
}

.select-plan-container .buttons-wrapper .continue::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.select-plan-container .buttons-wrapper .continue.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .select-plan-container .buttons-wrapper .continue {
        text-align: center;
        max-width: 370px;
        display: block;
        margin: 0 auto;
        width: 100%
    }
}

.select-plan-container .buttons-wrapper .continue .icon {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 5px
}

.select-plan-container .buttons-wrapper .continue .text {
    display: inline-block;
    vertical-align: middle
}

.checkout-container .header {
    background-color: #f3f6ff;
    min-height: 100vh;
    height: auto;
    padding-bottom: 50px;
    position: relative
}

@media screen and (max-width: 767px) {
    .checkout-container .header {
        padding-bottom: 21px
    }
}

.checkout-container .header .progress-line {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    text-align: center;
    padding: 30px 50px
}

@media screen and (max-width: 991px) {
    .checkout-container .header .progress-line {
        padding: 20px
    }
}

.checkout-container .header .progress-line .logo {
    background-image: url(./images/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 50px
}

@media screen and (max-width: 991px) {
    .checkout-container .header .progress-line .logo {
        width: 75px;
        height: 35px;
        top: 11px;
        left: 20px
    }
}

.checkout-container .header .progress-line .points-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .checkout-container .header .progress-line .points-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.checkout-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
    padding-right: 20px;
    border-right: 1px solid rgba(55, 63, 83, 0.1)
}

@media screen and (max-width: 991px) {
    .checkout-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
        border-right: none;
        padding-right: 0
    }
}

.checkout-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
    margin-left: 20px
}

@media screen and (max-width: 991px) {
    .checkout-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
        margin-left: 12px
    }
}

.checkout-container .header .progress-line .points-wrapper .point.active .icon {
    background-color: #1b3f9e
}

.checkout-container .header .progress-line .points-wrapper .point.active .text {
    color: #1b3f9e
}

.checkout-container .header .progress-line .points-wrapper .point .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #b1b8cb;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border-radius: 50%
}

.checkout-container .header .progress-line .points-wrapper .point .icon .number {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.checkout-container .header .progress-line .points-wrapper .point .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;
    font-size: 14px;
    font-weight: 600;
    color: #82899d
}

@media screen and (max-width: 991px) {
    .checkout-container .header .progress-line .points-wrapper .point .text {
        display: none
    }
}

.checkout-container .header .decoration {
    width: 200px;
    position: absolute;
    top: 400px;
    left: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

@media screen and (max-width: 767px) {
    .checkout-container .header .decoration {
        display: none
    }
}

.checkout-container .header .decoration1 {
    width: 140px;
    position: absolute;
    right: 0;
    bottom: 546px
}

@media screen and (max-width: 767px) {
    .checkout-container .header .decoration1 {
        display: none
    }
}

.checkout-container .header .decoration2 {
    width: 90px;
    position: absolute;
    top: 547px;
    left: 0
}

@media screen and (max-width: 767px) {
    .checkout-container .header .decoration2 {
        display: none
    }
}

.checkout-container .header .decoration3 {
    width: 132px;
    position: absolute;
    right: 0;
    bottom: 260px
}

@media screen and (max-width: 767px) {
    .checkout-container .header .decoration3 {
        display: none
    }
}

.checkout-container .header .content-wrapper {
    margin-top: 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .checkout-container .header .content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper {
        margin-top: 12px
    }
}

.checkout-container .header .content-wrapper .info {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 50px;
    max-width: 770px;
    width: 100%;
    position: relative
}

@media screen and (max-width: 991px) {
    .checkout-container .header .content-wrapper .info {
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info {
        padding: 0 20px;
        padding-top: 38px;
        padding-bottom: 20px
    }
}

.checkout-container .header .content-wrapper .info .info-dec1 {
    width: 110px;
    position: absolute;
    top: 140px;
    left: 0;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
    display: none
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .info-dec1 {
        display: block
    }
}

.checkout-container .header .content-wrapper .info .info-dec2 {
    width: 110px;
    position: absolute;
    top: 310px;
    right: 0;
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    display: none
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .info-dec2 {
        display: block
    }
}

.checkout-container .header .content-wrapper .info .header-wrapper {
    padding-bottom: 28px;
    border-bottom: 1px solid #ebebed
}

.checkout-container .header .content-wrapper .info .header-wrapper .title {
    font-family: Lora;
    font-size: 24px;
    font-weight: 700;
    color: #373e53;
    text-align: center
}

.checkout-container .header .content-wrapper .info .header-wrapper .description {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.43;
    text-align: center
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .user {
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebed;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .inputs-wrapper .user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper {
    width: 50%;
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper {
        width: 100%;
        margin-top: 20px
    }
    .checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper:first-of-type {
        margin-top: 30px
    }
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper:nth-child(odd) {
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper:nth-child(odd) {
        padding-right: 0
    }
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper:nth-child(even) {
    padding-left: 15px
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper:nth-child(even) {
        padding-left: 0
    }
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper.big {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper.big {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .wrapper.big .wrapper {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .inputs-wrapper .wrapper.big .wrapper:not(:first-of-type) {
        margin-top: 20px
    }
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label .optional {
    color: #82899d;
    font-weight: 400
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .text {
    display: inline-block;
    vertical-align: middle
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .info-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .icon {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    cursor: pointer
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .icon path {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .icon.active path {
    fill: #1b3f9e
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .help-info {
    position: absolute;
    left: -15px;
    bottom: 200%;
    width: 257px;
    display: none
}

@media screen and (max-width: 991px) {
    .checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .help-info {
        width: auto
    }
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .help-info .info-text {
    background-color: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    position: relative
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .help-info .info-text::before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #dae3ff transparent transparent transparent
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .help-info .info-text::after {
    content: '';
    position: absolute;
    left: 15.5px;
    bottom: 1px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 9px;
    border-color: #fff transparent transparent transparent
}

.checkout-container .header .content-wrapper .inputs-wrapper .input-label.help .help-info .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 5px
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .input {
    margin-top: 8px;
    width: 100%;
    display: block;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    border: none;
    outline: none;
    padding-left: 15px;
    height: 40px;
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    font-size:16px
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .input::placeholder {
    font-size: 14px;
    line-height: 1.43;
    color: #828a9d
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .dropdown-label {
    width: 100%;
    margin-top: 8px;
    background-color: #f3f6ff;
    border-right: 4px;
    padding: 0 15px;
    height: 40px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.43;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    cursor: pointer
}
.checkout-container .header .content-wrapper .info .inputs-wrapper #billing_state{
    font-size: 16px;
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .dropdown-label .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 8px;
    height: 12px
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .dropdown-label .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f3f6ff;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    max-height: 160px;
    overflow-y: scroll;
    font-size: 14px;
    z-index: 10;
    display: none
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .dropdown-label .list .item {
    padding: 10px 15px;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .dropdown-label .list .item:hover {
    background-color: #828a9d;
    color: #fff
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .dropdown-input {
    display: none
}

.checkout-container .header .content-wrapper .info .inputs-wrapper .card {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .info .inputs-wrapper .card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.checkout-container .header .content-wrapper .summary {
    max-width: 370px;
    width: 100%;
    margin-left: 32px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 50px 30px
}

@media screen and (max-width: 991px) {
    .checkout-container .header .content-wrapper .summary {
        max-width: none;
        margin-top: 20px;
        margin-left: 0
    }
}

.checkout-container .header .content-wrapper .summary .title {
    font-family: Lora;
    font-size: 24px;
    font-weight: 700;
    color: #373e53;
    text-align: center
}

.checkout-container .header .content-wrapper .summary .info-block {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ebebed
}

.checkout-container .header .content-wrapper .summary .info-block:first-of-type {
    margin-top: 18px
}

.checkout-container .header .content-wrapper .summary .info-block.active .wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.checkout-container .header .content-wrapper .summary .info-block.active .wrapper .text .example {
    padding: 10px 18px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    border-radius: 4px
}

.checkout-container .header .content-wrapper .summary .info-block.active .wrapper .icon {
    background-image: none;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    border-radius: 4px;
    background-color: #1b3f9e;
    width: 66px;
    height: 40px;
    text-align: center;
    padding: 12px 0;
    max-width: none
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .text {
    width: 60%
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .example {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.43;
    display: block;
    width: 100%;
    color: #828a9d;
    border: none;
    outline: none;
    resize: none
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .example::-webkit-input-placeholder {
    color: #828a9d
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .example:-ms-input-placeholder {
    color: #828a9d
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .example::placeholder {
    color: #828a9d
}

.checkout-container .header .content-wrapper .summary .info-block .wrapper .icon {
    width: 14px;
    height: 14px;
    background-image: url("../images/pen.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    width: 10%;
    max-width: 14px
}

.checkout-container .header .content-wrapper .summary .info-block.nonEdit .text {
    width: 90%
}

.checkout-container .header .content-wrapper .summary .info-block.cupon .text {
    width: calc(100% - 16px - 66px)
}

.checkout-container .header .content-wrapper .summary .total-wrapper {
    margin-top: 25px
}

.checkout-container .header .content-wrapper .summary .total-wrapper .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.checkout-container .header .content-wrapper .summary .total-wrapper .wrapper:first-of-type {
    margin-top: 25px
}

.checkout-container .header .content-wrapper .summary .total-wrapper .wrapper .name {
    font-size: 14px;
    line-height: 1.43
}

.checkout-container .header .content-wrapper .summary .total-wrapper .wrapper .price {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 600;
    color: #373f53
}

.checkout-container .header .content-wrapper .summary .total-wrapper .wrapper:last-of-type {
    color: #373f53
}

.checkout-container .header .content-wrapper .summary .total-wrapper .button-wrapper {
    margin-top: 30px;
    text-align: center
}

.checkout-container .header .content-wrapper .summary .total-wrapper .button-wrapper .button {
    padding: 15px 40px;
    background-color: #1b3f9e;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer
}

.checkout-container .header .content-wrapper .summary .total-wrapper .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.checkout-container .header .content-wrapper .summary .total-wrapper .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .checkout-container .header .content-wrapper .summary .total-wrapper .button-wrapper .button {
        width: 100%
    }
}

.confirmation-container .header {
    background-color: #f3f6ff;
    min-height: 100vh;
    height: auto;
    padding-bottom: 50px;
    position: relative
}

@media screen and (max-width: 767px) {
    .confirmation-container .header {
        padding-bottom: 21px
    }
}

.confirmation-container .header .progress-line {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    text-align: center;
    padding: 30px 50px
}

@media screen and (max-width: 991px) {
    .confirmation-container .header .progress-line {
        padding: 20px
    }
}

.confirmation-container .header .progress-line .logo {
    background-image: url(./images/logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 50px
}

@media screen and (max-width: 991px) {
    .confirmation-container .header .progress-line .logo {
        width: 75px;
        height: 35px;
        top: 11px;
        left: 20px
    }
}

.confirmation-container .header .progress-line .points-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .confirmation-container .header .progress-line .points-wrapper {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.confirmation-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
    padding-right: 20px;
    border-right: 1px solid rgba(55, 63, 83, 0.1)
}

@media screen and (max-width: 991px) {
    .confirmation-container .header .progress-line .points-wrapper .point:not(:last-of-type) {
        border-right: none;
        padding-right: 0
    }
}

.confirmation-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
    margin-left: 20px
}

@media screen and (max-width: 991px) {
    .confirmation-container .header .progress-line .points-wrapper .point:not(:first-of-type) {
        margin-left: 12px
    }
}

.confirmation-container .header .progress-line .points-wrapper .point.active .icon {
    background-color: #1b3f9e
}

.confirmation-container .header .progress-line .points-wrapper .point.active .text {
    color: #1b3f9e
}

.confirmation-container .header .progress-line .points-wrapper .point .icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-color: #b1b8cb;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    border-radius: 50%
}

.confirmation-container .header .progress-line .points-wrapper .point .icon .number {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.confirmation-container .header .progress-line .points-wrapper .point .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;
    font-size: 14px;
    font-weight: 600;
    color: #82899d
}

@media screen and (max-width: 991px) {
    .confirmation-container .header .progress-line .points-wrapper .point .text {
        display: none
    }
}

.confirmation-container .header .decoration {
    width: 200px;
    position: absolute;
    top: 200px;
    left: 0;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

@media screen and (max-width: 767px) {
    .confirmation-container .header .decoration {
        display: none
    }
}

.confirmation-container .header .decoration1 {
    width: 140px;
    position: absolute;
    top: 220px;
    right: 0
}

@media screen and (max-width: 767px) {
    .confirmation-container .header .decoration1 {
        display: none
    }
}

.confirmation-container .header .decoration2 {
    width: 90px;
    position: absolute;
    top: 330px;
    left: 0
}

@media screen and (max-width: 767px) {
    .confirmation-container .header .decoration2 {
        display: none
    }
}

.confirmation-container .header .decoration3 {
    width: 132px;
    position: absolute;
    top: 300px;
    right: 0
}

@media screen and (max-width: 767px) {
    .confirmation-container .header .decoration3 {
        display: none
    }
}

.confirmation-container .content {
    padding: 0 20px
}

.confirmation-container .content-wrapper {
    margin: 0 auto;
    margin-top: 72px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    max-width: 770px;
    width: 100%;
    padding: 90px 100px;
    text-align: center;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .confirmation-container .content-wrapper {
        margin-top: 56px;
        padding: 0 20px;
        padding-top: 41px;
        padding-bottom: 22px
    }
}

.confirmation-container .content-wrapper .info-dec1 {
    width: 120px;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%)
}

.confirmation-container .content-wrapper .info-dec2 {
    width: 120px;
    position: absolute;
    right: 0;
    bottom: 10px;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.confirmation-container .content-wrapper .icon-wrapper {
    width: 90px;
    height: 90px;
    background-color: #f3f6ff;
    border-radius: 50%;
    margin: 0 auto
}

.confirmation-container .content-wrapper .icon-wrapper .icon {
    width: 106px;
    height: 99px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    top: -20px;
    left: -10px
}

.confirmation-container .content-wrapper .title {
    margin-top: 44px;
    font-family: Lora;
    font-size: 24px;
    font-weight: 700;
    color: #373e53
}

@media screen and (max-width: 767px) {
    .confirmation-container .content-wrapper .title {
        margin-top: 33px
    }
}

.confirmation-container .content-wrapper .description {
    margin-top: 17px;
    font-size: 14px;
    line-height: 1.43
}

.confirmation-container .content-wrapper .wrapper {
    margin-top: 17px;
    font-size: 14px;
    line-height: 1.43;
    padding-bottom: 28px;
    border-bottom: 1px solid #ebebed
}

@media screen and (max-width: 767px) {
    .confirmation-container .content-wrapper .wrapper {
        margin-top: 25px;
        padding-bottom: 24px
    }
}

.confirmation-container .content-wrapper .wrapper .mail {
    color: #1b3f9e
}

.confirmation-container .content-wrapper .button-wrapper {
    text-align: center;
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .confirmation-container .content-wrapper .button-wrapper {
        margin-top: 28px
    }
}

.confirmation-container .content-wrapper .button-wrapper .button {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: #1b3f9e;
    border-radius: 4px;
    padding: 15px 0;
    padding-left: 44px;
    padding-right: 35px;
    position: relative
}

.confirmation-container .content-wrapper .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.confirmation-container .content-wrapper .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .confirmation-container .content-wrapper .button-wrapper .button {
        padding: 15px 0;
        width: 100%
    }
}

.confirmation-container .content-wrapper .button-wrapper .button .text {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .confirmation-container .content-wrapper .button-wrapper .button .text {
        margin-left: 12px
    }
}

.confirmation-container .content-wrapper .button-wrapper .button .icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 8px;
    height: 12px;
    margin-left: 12px
}

.delivery-calendar-container {
    padding-bottom: 74px
}

.delivery-calendar-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    z-index: 90;
    height: 80px
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .menu-line {
        display: none
    }
}

.delivery-calendar-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.delivery-calendar-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 600
}

.delivery-calendar-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.delivery-calendar-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.delivery-calendar-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.delivery-calendar-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.delivery-calendar-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.delivery-calendar-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.delivery-calendar-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-calendar-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.delivery-calendar-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    z-index: 90;
    display: none
}

.delivery-calendar-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.delivery-calendar-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.delivery-calendar-container .header .calendar-line {
    padding: 25px 10%;
    background-color: #edf1fc;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e9f9
}

@media screen and (max-width: 1100px) {
    .delivery-calendar-container .header .calendar-line {
        padding: 25px 20px
    }
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .calendar-line {
        padding: 14px 20px
    }
}

.delivery-calendar-container .header .calendar-line .wrapper {
    width: 33.33%
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .calendar-line .wrapper {
        width: 100%
    }
}

.delivery-calendar-container .header .calendar-line .wrapper:first-of-type {
    text-align: left
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .calendar-line .wrapper:first-of-type {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .calendar-line .wrapper:first-of-type {
        text-align: left
    }
}

.delivery-calendar-container .header .calendar-line .wrapper:nth-child(2) {
    text-align: center
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .calendar-line .wrapper:nth-child(2) {
        display: none
    }
}

.delivery-calendar-container .header .calendar-line .wrapper:last-of-type {
    text-align: right
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .calendar-line .wrapper:last-of-type {
        display: none
    }
}

.delivery-calendar-container .header .calendar-line .items-wrapper {
    font-size: 14px;
    line-height: 1.86;
    color: #373f53
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item {
    display: inline-block
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item:not(:first-of-type) {
    margin-left: 12px
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item:not(:last-of-type) {
    padding-right: 12px;
    border-right: 1px solid #e5e8f6
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item.active {
    color: #1ca327
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item.active .text {
    margin-left: 7px
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item.skipping {
    color: #f63769
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item.skipping .icon {
    background-color: #f63769
}

.delivery-calendar-container .header .calendar-line .items-wrapper .item.skipping .text {
    margin-left: 7px
}

.delivery-calendar-container .header .calendar-line .items-wrapper .icon {
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    background-color: #1ca327;
    border-radius: 50%
}

.delivery-calendar-container .header .calendar-line .items-wrapper .text {
    display: inline-block;
    vertical-align: middle
}

.delivery-calendar-container .header .calendar-line .week-picker {
    display: -ms-flex;
    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
}

.delivery-calendar-container .header .calendar-line .week-picker .control-left {
    width: 7px;
    cursor: pointer
}

.delivery-calendar-container .header .calendar-line .week-picker .control-right {
    width: 7px;
    cursor: pointer
}

.delivery-calendar-container .header .calendar-line .week-picker .list-wrapper {
    max-width: 250px;
    width: 100%
}

.delivery-calendar-container .header .calendar-line .week-picker .list-wrapper .text {
    text-align: center;
    font-size: 14px;
    line-height: 1.86;
    color: #373f53;
    font-weight: 600
}

.delivery-calendar-container .header .calendar-line .week-picker .list-wrapper .text .date {
    color: #1b3f9e
}

.delivery-calendar-container .header .calendar-line .calendar-button {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.delivery-calendar-container .header .calendar-line .calendar-button .text {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-calendar-container .header .calendar-line .calendar-button .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.delivery-calendar-container .header .calendar-line .calendar-button .icon path {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-calendar-container .header .calendar-line .calendar-button.active .text {
    color: #1b3f9e
}

.delivery-calendar-container .header .calendar-line .calendar-button.active .icon path {
    fill: #1b3f9e
}

.delivery-calendar-container .header .calendar-line .calendar-button .calendar-wrapper {
    width: 422px;
    height: 415px;
    position: absolute;
    top: 33px;
    right: -17px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    z-index: 20;
    display: none
}

.delivery-calendar-container .header .calendar-line .calendar-button .calendar-wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    right: 15px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    z-index: 10
}

.delivery-calendar-container .header .calendar-line .calendar-button .datepicker {
    width: 380px;
    height: 416px;
    overflow: hidden;
    display: block;
    margin-left: 20px
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 30px
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-prev,
.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-next {
    width: 8px;
    height: 12px;
    text-indent: 9999px;
    cursor: pointer;
    margin-top: 18px
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-prev {
    float: left;
    margin-left: 12px;
    background-image: url("../images/small-left.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-next {
    float: right;
    margin-right: 12px;
    background-image: url("../images/small-right.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    color: #373f53;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9edfa
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar thead {
    border-bottom: 1px solid #e9edfa
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar thead tr th span {
    display: block;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    color: #82899d
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar tr::before {
    display: block;
    content: '';
    height: 40px;
    width: 90%;
    background-color: rgba(240, 244, 253, 0.7);
    border-radius: 18.5px;
    position: absolute;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    opacity: 0
}

@media screen and (max-width: 768px) {
    .delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar tr::before {
        width: 100%
    }
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar tr:first-of-type::before {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar td {
    position: relative;
    z-index: 10
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-calendar tbody tr:hover::before {
    opacity: 1
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-week-end span {
    padding-top: 10px;
    padding-bottom: 20px
}

.delivery-calendar-container .header .calendar-line .calendar-button tbody tr:first-of-type td .ui-state-default {
    margin-top: 20px
}

.delivery-calendar-container .header .calendar-line .calendar-button td:first-of-type a.ui-state-default {
    margin-top: 10px
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #3b4357;
    width: 40px
}

.delivery-calendar-container .header .calendar-line .calendar-button .ui-datepicker-unselectable .ui-state-default {
    color: #eee
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content {
    text-align: left;
    margin-top: 30px;
    padding: 0 20px
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content .name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.44;
    text-align: left;
    color: #373f53
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content .description {
    font-size: 14px;
    line-height: 1.43
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content .buttons-wrapper {
    margin-top: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content .buttons-wrapper .button {
    padding: 15px 0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    position: relative;
    background-color: #1b3f9e;
    color: #fff;
    margin-right: 15px
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content .buttons-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.delivery-calendar-container .header .calendar-line .calendar-button .bottom-content .buttons-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.delivery-calendar-container .header .responsive-menu-line {
    background-color: rgba(232, 236, 250, 0.45);
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e9f8;
    height: 57px;
    display: none
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .header .responsive-menu-line {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.delivery-calendar-container .header .responsive-menu-line.calendar .wrapper {
    width: 100%;
    padding: 15px 20px
}

.delivery-calendar-container .header .responsive-menu-line.calendar .wrapper.date {
    display: none
}

.delivery-calendar-container .header .responsive-menu-line.calendar .wrapper .calendar-button {
    width: 100%
}

.delivery-calendar-container .header .responsive-menu-line.calendar .wrapper .calendar-button .icon {
    display: none
}

.delivery-calendar-container .header .responsive-menu-line.calendar .wrapper .calendar-button .close-icon {
    display: block
}

.delivery-calendar-container .header .responsive-menu-line.calendar .wrapper .name-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.delivery-calendar-container .header .responsive-menu-line .wrapper {
    width: 50%;
    text-align: center;
    cursor: pointer;
    padding: 15px 0
}

.delivery-calendar-container .header .responsive-menu-line .wrapper:first-of-type {
    border-right: 1px solid #e5e8f6;
    position: relative
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #373f53;
    display: inline-block;
    vertical-align: middle
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .icon {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .close-icon {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    display: none
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .name {
    font-size: 14px;
    font-weight: 600;
    color: #82899d;
    display: inline-block;
    vertical-align: middle
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 20px;
    background-color: rgba(232, 236, 250, 0.9);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    z-index: 10;
    font-size: 14px;
    line-height: 1.43;
    display: none
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .list .item {
    padding: 15px 0;
    color: #373f53
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .text {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .icon {
        width: 12px;
        height: 12px;
        margin-left: 7px
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .icon path {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media screen and (min-width: 768px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button.active .text {
        color: #1b3f9e
    }
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button.active .icon path {
        fill: #1b3f9e
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .calendar-wrapper {
    width: 422px;
    height: 590px;
    position: absolute;
    top: 33px;
    right: -17px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    z-index: 20;
    display: none
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .calendar-wrapper {
        width: 100%;
        height: 100%;
        right: auto;
        left: 0;
        top: 117px;
        z-index: 40
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .calendar-wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    right: 15px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    z-index: 10
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .calendar-wrapper::before {
        display: none
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .datepicker {
    width: 380px;
    height: 416px;
    overflow: hidden;
    border-bottom: 1px solid #e9edfa;
    display: block;
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .datepicker {
        margin: 0 auto;
        width: 100%
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 30px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-prev,
.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-next {
    width: 8px;
    height: 12px;
    text-indent: 9999px;
    cursor: pointer;
    margin-top: 18px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-prev {
    float: left;
    margin-left: 12px;
    background-image: url("../images/small-left.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-next {
    float: right;
    margin-right: 12px;
    background-image: url("../images/small-right.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    color: #373f53;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9edfa
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar thead {
    border-bottom: 1px solid #e9edfa
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar thead tr th span {
    display: block;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    color: #82899d
}

@media screen and (max-width: 768px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar tr::before {
        width: 100%
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar tr:first-of-type::before {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar tr:not(:first-of-type) td:first-of-type::before {
    -webkit-transform: translateY(22%);
    transform: translateY(22%)
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar td {
    z-index: 10
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-calendar tbody tr:hover::before {
    opacity: 1
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-week-end span {
    padding-top: 10px;
    padding-bottom: 20px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button tbody tr:first-of-type td .ui-state-default {
    margin-top: 20px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button td:first-of-type a.ui-state-default {
    margin-top: 10px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-state-default {
    display: block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #3b4357;
    width: 40px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .ui-datepicker-unselectable .ui-state-default {
    color: #eee
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button tr:first-of-type td.ui-datepicker-current-day::before {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button td.ui-datepicker-current-day::before {
    content: '';
    display: block;
    height: 40px;
    background-color: rgba(240, 244, 253, 0.7);
    border-radius: 18.5px;
    position: absolute;
    width: calc(100% - 40px);
    left: 20px;
    z-index: -10
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button td.ui-datepicker-current-day::before {
        width: 100%;
        left: 0
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content {
    text-align: left;
    margin-top: 30px;
    padding: 0 20px
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content {
        background-color: #fff;
        padding: 0 5px
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.44;
    text-align: left;
    color: #373f53
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .description {
    font-size: 14px;
    line-height: 1.43
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .buttons-wrapper {
    margin-top: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .buttons-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 23px;
        padding-bottom: 23px
    }
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .buttons-wrapper .button {
    padding: 15px 0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    position: relative;
    background-color: #1b3f9e;
    color: #fff;
    margin-right: 15px
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .buttons-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button .bottom-content .buttons-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .header .responsive-menu-line .wrapper .calendar-button {
        position: static
    }
}

.delivery-calendar-container .main {
    background-color: #f3f6ff;
    padding: 0 10%;
    padding-top: 10px;
    padding-bottom: 40px;
    position: relative
}

@media screen and (max-width: 1100px) {
    .delivery-calendar-container .main {
        padding: 0 20px;
        padding-top: 10px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main {
        padding-top: 0px
    }
}

.delivery-calendar-container .main.non-edit .list .item .content-wrapper.checked .status {
    display: block;
    background-color: #1b3f9d
}

.delivery-calendar-container .main.edit .list .item .content-wrapper {
    cursor: pointer
}

.delivery-calendar-container .main.edit .list .item .content-wrapper.checked .image .overlay {
    display: block
}

.delivery-calendar-container .main.edit .list .item .circle {
    display: block
}

.delivery-calendar-container .main.skipinam-sita .edit-line .button-wrapper:last-of-type .button {
    background-color: #1ca327;
    color: #fff
}
.delivery-calendar-container .main.skipinam-sita.edit .edit-line .button-wrapper:last-of-type .button {
    background-color: #edf1fc;
    color: #1c3f9f
}

.delivery-calendar-container .main.skipinam-sita .list .item .content-wrapper.checked .status {
    opacity: 0
}

.delivery-calendar-container .main .list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .main .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery-calendar-container .main .list .item {
    width: 33.33%;
    padding: 0 15px;
    margin-top: 30px
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main .list .item {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .main .list .item {
        width: 100%;
        margin-top: 20px;
        padding: 0
    }
}

.delivery-calendar-container .main .list .item .content-wrapper {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.delivery-calendar-container .main .list .item .content-wrapper.checked .circle-status {
    border: 1px solid transparent
}

.delivery-calendar-container .main .list .item .content-wrapper.checked .circle-status .check path {
    fill: #1b3f9e
}

.delivery-calendar-container .main .list .item .status {
    position: absolute;
    top: 11px;
    right: 12px;
    padding: 3px 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    z-index: 10;
    display: none
}

.delivery-calendar-container .main .list .item .circle {
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 10;
    display: none
}

.delivery-calendar-container .main .list .item .circle .circle-status {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dadde6
}

.delivery-calendar-container .main .list .item .circle .circle-status .check {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: visible
}

.delivery-calendar-container .main .list .item .circle .circle-status .check path {
    fill: transparent;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-calendar-container .main .list .item .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 247px;
    position: relative
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .main .list .item .image {
        height: 187px
    }
}

.delivery-calendar-container .main .list .item .image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 80, 167, 0.38);
    -webkit-transition: ease .3s;
    transition: ease .3s;
    display: none
}

.delivery-calendar-container .main .list .item .text-wrapper {
    padding: 0 60px
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main .list .item .text-wrapper {
        padding: 0 25px
    }
}

.delivery-calendar-container .main .list .item .title {
    margin-top: 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.44;
    text-align: center;
    color: #373f53
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .main .list .item .title {
        margin-top: 20px
    }
}

.delivery-calendar-container .main .list .item .description {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .main .list .item .description {
        margin-top: 5px
    }
}

.delivery-calendar-container .main .list .item .info {
    margin-top: 41px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e7eaf2
}

@media screen and (max-width: 767px) {
    .delivery-calendar-container .main .list .item .info {
        margin-top: 19px
    }
}

.delivery-calendar-container .main .list .item .info .info-item {
    width: 50%;
    padding-top: 19px;
    padding-bottom: 22px;
    text-align: center
}

.delivery-calendar-container .main .list .item .info .info-item:first-of-type {
    border-right: 1px solid #e7eaf2
}

.delivery-calendar-container .main .list .item .info .info-item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-calendar-container .main .list .item .info .info-item .text {
    font-size: 14px;
    line-height: 1.43;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.delivery-calendar-container .main .edit-line {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.07);
    z-index: 30
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main .edit-line {
        padding: 7px 0
    }
}

.delivery-calendar-container .main .edit-line .button-wrapper:first-of-type {
    margin-right: 12px
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main .edit-line .button-wrapper:first-of-type {
        margin-right: 4px
    }
}

.delivery-calendar-container .main .edit-line .button-wrapper:first-of-type .button {
    display: block;
    padding: 14px 0;
    width: 384px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
    background-color: #1b3f9e;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    cursor: pointer;
    position: relative
}

.delivery-calendar-container .main .edit-line .button-wrapper:first-of-type .button[disabled] {
    cursor: not-allowed;
    color: #a6acbd;
    background-color: #dce0e9;
}

.delivery-calendar-container .main .edit-line .button-wrapper:first-of-type .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.delivery-calendar-container .main .edit-line .button-wrapper:first-of-type .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main .edit-line .button-wrapper:first-of-type .button {
        padding: 13px 0;
        width: 136px;
        font-size: 12px;
        font-weight: 600
    }
}

.delivery-calendar-container .main .edit-line .button-wrapper:last-of-type {
    margin-left: 12px
}

.delivery-calendar-container .main .edit-line .button-wrapper:last-of-type .button {
    display: block;
    padding: 14px 0;
    width: 384px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #1c3f9f;
    border-radius: 4px;
    background-color: #edf1fc;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    cursor: pointer;
    position: relative
}


.delivery-calendar-container .main .edit-line .button-wrapper:last-of-type .button[disabled] {
    cursor: not-allowed;
    color: #a6acbd;
    background-color: #dce0e9;
}

.delivery-calendar-container .main .edit-line .button-wrapper:last-of-type .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.delivery-calendar-container .main .edit-line .button-wrapper:last-of-type .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 991px) {
    .delivery-calendar-container .main .edit-line .button-wrapper:last-of-type .button {
        padding: 13px 0;
        width: 136px;
        font-size: 12px;
        font-weight: 600
    }
}

.delivery-calendar-container .main .edit-line.edit .button-wrapper:first-of-type .button {
    background-color: #1ca327
}

.small-footer {
    padding: 0 10%;
    padding-top: 29px;
    padding-bottom: 28px
}

@media screen and (min-width: 992px) {
    .small-footer {
        height: 80px
    }
}

@media screen and (max-width: 767px) {
    .small-footer {
        padding: 20px
    }
}

.small-footer .copyrights {
    font-size: 16px;
    line-height: 1.43;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .small-footer .copyrights {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .small-footer .copyrights .text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 18px
    }
}

@media screen and (max-width: 767px) {
    .small-footer .copyrights .social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 12px;
        border-bottom: 1px solid #e7eaf2
    }
}

.small-footer .copyrights .social .phone-wrapper {
    padding-right: 16px;
    border-right: 1px solid rgba(55, 63, 83, 0.1);
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .small-footer .copyrights .social .phone-wrapper {
        padding-right: 0;
        border-right: none
    }
}

.small-footer .copyrights .social .phone-wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.small-footer .copyrights .social .phone-wrapper .phone {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.small-footer .copyrights .social .socials {
    display: inline-block
}

.small-footer .copyrights .social .social-wrapper {
    width: 35px;
    height: 35px;
    background-color: #f3f6ff;
    border-radius: 50%;
    position: relative;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle
}

.small-footer .copyrights .social .social-wrapper .icon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.popup-week-menu-skipped {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #fff;
    background-color: rgba(45, 52, 72, 0.2);
    z-index: 90;
    padding: 0 20px
}

.popup-week-menu-skipped .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    border-radius: 4px;
    padding: 0 50px;
    padding-top: 92px;
    padding-bottom: 41px;
    max-width: 630px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper {
        position: relative;
        -webkit-transform: none;
        transform: none;
        margin-top: 18px;
        top: auto;
        left: auto;
        padding: 0 20px;
        padding-top: 69px;
        padding-bottom: 23px
    }
}

.popup-week-menu-skipped .content-wrapper .close {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper .close {
        right: 18px
    }
}

.popup-week-menu-skipped .content-wrapper .icon-wrapper {
    width: 90px;
    height: 90px;
    background-color: #f3f6ff;
    border-radius: 50%;
    margin: 0 auto
}

.popup-week-menu-skipped .content-wrapper .icon-wrapper .icon {
    width: 120px;
    height: 110px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    top: -30px;
    left: -18px
}

.popup-week-menu-skipped .content-wrapper .title {
    margin-top: 49px;
    font-family: Lora;
    font-size: 24px;
    font-weight: 700;
    color: #373e53;
    text-align: center
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper .title {
        font-size: 22px;
        margin-top: 42px
    }
}

.popup-week-menu-skipped .content-wrapper .dates-wrapper {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #373f53;
    text-align: center
}

.popup-week-menu-skipped .content-wrapper .dates-wrapper .dates {
    color: #1b3f9e
}

.popup-week-menu-skipped .content-wrapper .description {
    margin-top: 17px;
    font-size: 14px;
    line-height: 1.43;
    padding-bottom: 29px;
    border-bottom: 1px solid #ebebed;
    text-align: center
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper .description {
        padding-bottom: 16px;
        margin-top: 12px
    }
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper {
    margin-top: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper .buttons-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 24px
    }
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button {
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    padding: 15px 0;
    width: 140px;
    text-align: center;
    display: block;
    position: relative
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:first-of-type {
    margin-right: 15px;
    background-color: #edf1fc
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:first-of-type {
        margin-right: 0;
        width: 100%
    }
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:first-of-type .text {
    color: #1b3f9e
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:last-of-type {
    margin-left: 15px;
    background-color: #1b3f9e
}

@media screen and (max-width: 767px) {
    .popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:last-of-type {
        margin-left: 0;
        margin-top: 10px;
        width: 100%
    }
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:last-of-type .text {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px
}

.popup-week-menu-skipped .content-wrapper .buttons-wrapper .button:last-of-type .icon {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 10px
}

.earn-credit-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .earn-credit-container .header .menu-line {
        display: none
    }
}

.earn-credit-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.earn-credit-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 600
}

.earn-credit-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.earn-credit-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.earn-credit-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.earn-credit-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.earn-credit-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.earn-credit-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.earn-credit-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.earn-credit-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.earn-credit-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.earn-credit-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.earn-credit-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.earn-credit-container .main {
    background-color: #f3f6ff;
    padding: 0 5%;
    padding-top: 52px;
    padding-bottom: 30px;
    min-height: 100vh;
    position: relative
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main {
        padding: 0 20px;
        padding-top: 39px;
        padding-bottom: 20px
    }
}

.earn-credit-container .main .title {
    font-family: Lora;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #373e53;
    max-width: 495px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main .title {
        font-size: 24px
    }
}

.earn-credit-container .main .description {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #828a9d;
    max-width: 495px;
    width: 100%;
    margin: 0 auto;
    margin-top: 16px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main .description {
        margin-top: 15px
    }
}

.earn-credit-container .main .mDecoration1 {
    position: absolute;
    width: 86px;
    top: 17px;
    left: 0
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main .mDecoration1 {
        display: none
    }
}

.earn-credit-container .main .mDecoration2 {
    position: absolute;
    width: 136px;
    top: 104px;
    left: 177px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1100px) {
    .earn-credit-container .main .mDecoration2 {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main .mDecoration2 {
        top: 63px;
        left: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.earn-credit-container .main .mDecoration3 {
    width: 134px;
    position: absolute;
    top: 97px;
    right: 205px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1100px) {
    .earn-credit-container .main .mDecoration3 {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main .mDecoration3 {
        -webkit-transform: none;
        transform: none;
        top: 225px;
        right: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.earn-credit-container .main .mDecoration4 {
    position: absolute;
    width: 110px;
    top: 55px;
    right: 0
}

@media screen and (max-width: 991px) {
    .earn-credit-container .main .mDecoration4 {
        display: none
    }
}

.earn-credit-container .tags-wrapper {
    margin-top: 27px
}

@media screen and (max-width: 767px) {
    .earn-credit-container .tags-wrapper {
        display: none
    }
}

.earn-credit-container .tags-wrapper .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.earn-credit-container .tags-wrapper .tagline {
    max-width: 600px;
    width: 100%
}

.earn-credit-container .tags-wrapper .submit-label {
    border-radius: 0 4px 4px 0;
    background-color: #1b3f9e;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 0 27px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

.earn-credit-container .tags-wrapper .submit-label::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.earn-credit-container .tags-wrapper .submit-label.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

.earn-credit-container .tags-wrapper .submit-label .text {
    display: inline-block;
    vertical-align: middle
}

.earn-credit-container .tags-wrapper .submit-label .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle
}

.earn-credit-container .tags-wrapper .submit {
    display: none
}

.earn-credit-container .responsive-button {
    padding: 12px 0;
    background-color: #1b3f9e;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    margin-top: 26px;
    display: none;
    position: relative
}

.earn-credit-container .responsive-button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.earn-credit-container .responsive-button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .earn-credit-container .responsive-button {
        display: block
    }
}

.earn-credit-container .main-content-wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.earn-credit-container .share-panel {
    margin-top: 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1100px) {
    .earn-credit-container .share-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel {
        margin-top: 48px
    }
}

.earn-credit-container .share-panel .link-block {
    max-width: 771px;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 30px;
    border-radius: 4px;
    background-color: #fff;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 15px
}

@media screen and (max-width: 1100px) {
    .earn-credit-container .share-panel .link-block {
        margin-right: 0;
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel .link-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px
    }
}

.earn-credit-container .share-panel .link-block .invite-wrapper {
    width: 70%
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel .link-block .invite-wrapper {
        width: 100%;
        padding: 0 20px;
        padding-top: 20px;
        padding-bottom: 18px;
        border-bottom: 1px solid #e7eaf2
    }
}

.earn-credit-container .share-panel .link-block .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.earn-credit-container .share-panel .link-block .link {
    margin-top: 11px;
    padding: 12px 17px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    max-width: 550px;
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel .link-block .link {
        max-width: none;
        padding: 12px 20px
    }
}

.earn-credit-container .share-panel .link-block .link .text {
    font-size: 14px;
    color: #82899d
}

.earn-credit-container .share-panel .link-block .link .copy-button {
    font-size: 14px;
    font-weight: 600;
    color: #1b3f9e;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel .link-block .link .copy-button {
        display: none
    }
}

.earn-credit-container .share-panel .socials {
    width: 30%;
    padding-left: 40px
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel .socials {
        padding-left: 0;
        width: 100%;
        padding: 20px
    }
}

.earn-credit-container .share-panel .socials .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.earn-credit-container .share-panel .socials .socials-wrapper {
    margin-top: 16px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .earn-credit-container .share-panel .socials .socials-wrapper {
        margin-top: 20px
    }
}

.earn-credit-container .share-panel .socials .socials-wrapper .item {
    background-color: #f3f6ff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    position: relative
}

.earn-credit-container .share-panel .socials .socials-wrapper .item:not(:first-of-type) {
    margin-left: 16px
}

.earn-credit-container .share-panel .socials .socials-wrapper .item .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.earn-credit-container .share-panel .total-block {
    margin-left: 15px;
    padding: 0 28px;
    padding-top: 30px;
    padding-bottom: 31px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    border-radius: 4px;
    max-width: calc(100% - 770px - 30px);
    width: 100%
}

@media screen and (max-width: 1100px) {
    .earn-credit-container .share-panel .total-block {
        margin-left: 0;
        max-width: none;
        margin-top: 20px
    }
}

.earn-credit-container .share-panel .total-block .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.earn-credit-container .share-panel .total-block .total {
    margin-top: 12px;
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #1b3f9e
}

.earn-credit-container .referrals {
    margin-top: 30px;
    padding: 0 30px;
    padding-top: 30px;
    padding-bottom: 25px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    width: 100%
}

@media screen and (max-width: 1100px) {
    .earn-credit-container .referrals {
        margin-top: 20px
    }
}

@media screen and (max-width: 991px) {
    .earn-credit-container .referrals {
        display: none
    }
}

.earn-credit-container .referrals .responsive-ref .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.earn-credit-container .referrals .row {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #828a9d;
    padding-top: 23px;
    padding-bottom: 21px
}

.earn-credit-container .referrals .row:first-of-type {
    margin-top: 30px
}

.earn-credit-container .referrals .row:nth-child(odd) {
    background-color: rgba(243, 246, 255, 0.3)
}

.earn-credit-container .referrals .row .date {
    width: 25%
}

.earn-credit-container .referrals .row .email {
    width: 25%
}

.earn-credit-container .referrals .row .status {
    width: 25%
}

.earn-credit-container .referrals .row .status.enrolled {
    color: #1ca327
}

.earn-credit-container .referrals .row .sent {
    width: 25%
}

.earn-credit-container .responsive-refferals {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding-top: 20px;
    padding-bottom: 12px;
    display: none
}

@media screen and (max-width: 991px) {
    .earn-credit-container .responsive-refferals {
        display: block
    }
}

.earn-credit-container .responsive-refferals .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    padding: 0 20px
}

.earn-credit-container .responsive-refferals .items-wrapper {
    margin-top: 25px
}

.earn-credit-container .responsive-refferals .items-wrapper .item {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.43
}

.earn-credit-container .responsive-refferals .items-wrapper .item:nth-child(odd) {
    background-color: rgba(243, 246, 255, 0.3)
}

.earn-credit-container .responsive-refferals .items-wrapper .item.active .icon path {
    fill: #1b3f9e;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.earn-credit-container .responsive-refferals .items-wrapper .mail-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.earn-credit-container .responsive-refferals .items-wrapper .name {
    padding: 0
}

.earn-credit-container .responsive-refferals .items-wrapper .date {
    margin-top: 3px
}

.earn-credit-container .responsive-refferals .items-wrapper .icon {
    width: 8px;
    height: 12px
}

.earn-credit-container .responsive-refferals .items-wrapper .icon path {
    fill: #CDD2E3
}

.earn-credit-container .responsive-refferals .items-wrapper .status-wrapper {
    margin-top: 12px;
    display: none
}

.earn-credit-container .responsive-refferals .items-wrapper .status.enrolled {
    color: #1ca327
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
    font-size: 12px;
    text-align: left;
    color: #373f53
}

.select2-selection.select2-selection--multiple {
    border: none
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none
}

.select2-dropdown {
    display: none
}

.dropdown-wrapper {
    display: none !important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 10px;
    padding-bottom: 4px;
    padding-top: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    margin-top: 7px;
    background-color: #f3f6ff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 5px 0;
    padding-left: 10px;
    padding-right: 12px;
    font-size: 12px;
    text-align: left;
    color: #373f53
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 8px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    top: 1px;
    color: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.select2-container .select2-selection--multiple {
    min-height: 0
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 0;
    padding-top: 9px;
    font-size: 14px;
    line-height: 1.43
}

.select2-selection.select2-selection--multiple {
    min-height: 40px
}

.plan-settings-container .cancel-popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 52, 72, 0.2);
    z-index: 100;
    -webkit-animation: fadeIn ease .3s forwards;
    animation: fadeIn ease .3s forwards;
    display: none
}

.plan-settings-container .cancel-popup-wrapper.active {
    display: block
}

@media screen and (max-width: 767px) {
    .plan-settings-container .cancel-popup-wrapper {
        padding: 20px
    }
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
    max-width: 630px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.09);
    padding: 0 80px;
    padding-top: 40px;
    padding-bottom: 35px;
    -webkit-animation: popupSlideDown ease .3s forwards;
    animation: popupSlideDown ease .3s forwards;
    max-height: calc(100% - 40px);
    overflow-y: scroll;
}

@-webkit-keyframes popupSlideDown {
    0% {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }
    100% {
        -webkit-transform: translate(-50%, -75%);
        transform: translate(-50%, -75%)
    }
}

@keyframes popupSlideDown {
    0% {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }
    100% {
        -webkit-transform: translate(-50%, -75%);
        transform: translate(-50%, -75%)
    }
}

@media screen and (max-width: 767px) {
    .plan-settings-container .cancel-popup-wrapper .cancel-popup {
        position: absolute;
        -webkit-transform: none;
        transform: none;
        -webkit-animation: initial;
        animation: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: calc(100% - 40px);
        padding: 20px;
        padding-top: 40px
    }
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .close-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .content .name {
    font-family: Lora;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #373f53
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .content .description {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #82899d;
    padding-bottom: 24px;
    border-bottom: 1px solid #ebebed
}

@media screen and (max-width: 767px) {
    .plan-settings-container .cancel-popup-wrapper .cancel-popup .content .description {
        padding-bottom: 20px
    }
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper {
    margin-top: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px
    }
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button {
    display: block;
    position: relative;
    padding: 0 29px;
    padding-top: 13px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button {
        text-align: center
    }
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button.back {
    background-color: #edf1fc;
    color: #1b3f9e
}

.plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button.cancel {
    margin-left: 29px;
    background-color: #f63769;
    color: #fff
}

@media screen and (max-width: 767px) {
    .plan-settings-container .cancel-popup-wrapper .cancel-popup .buttons-wrapper .button.cancel {
        text-align: center;
        margin-left: 0;
        margin-top: 10px
    }
}

.plan-settings-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .plan-settings-container .header .menu-line {
        display: none
    }
}

.plan-settings-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.plan-settings-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 16px;
    font-weight: 600
}

.plan-settings-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.plan-settings-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.plan-settings-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.plan-settings-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.plan-settings-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 16px;
    font-weight: 600
}

.plan-settings-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.plan-settings-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.plan-settings-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.plan-settings-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.plan-settings-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.plan-settings-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.plan-settings-container .main-wrapper {
    background-color: #f3f6ff;
    min-height: calc(100vh - 197px)
}

.plan-settings-container .main {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 10%;
    background-color: #f3f6ff;
    padding-top: 39px;
    padding-bottom: 43px
}

@media screen and (max-width: 1300px) {
    .plan-settings-container .main {
        padding: 0 8%;
        padding-top: 39px;
        padding-bottom: 43px
    }
}

@media screen and (max-width: 1240px) {
    .plan-settings-container .main {
        padding: 0 5%;
        padding-top: 39px;
        padding-bottom: 43px
    }
}

@media screen and (max-width: 1150px) {
    .plan-settings-container .main {
        padding: 0 20px;
        padding-top: 39px;
        padding-bottom: 43px
    }
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        padding-bottom: 43px
    }
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main {
        padding-bottom: 20px
    }
}

.plan-settings-container .main .settings-tab {
    max-width: 270px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding-top: 27px;
    padding-bottom: 29px
}

.plan-settings-container .main .settings-tab.active .responsive-title .nav-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.plan-settings-container .main .settings-tab.active .responsive-title .nav-icon path {
    fill: #1b3f9e
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .settings-tab {
        max-width: none;
        border-radius: 0 0 4px 4px;
        padding-top: 20px;
        padding-bottom: 23px;
        margin-top: 2px
    }
}

.plan-settings-container .main .settings-tab .title {
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    color: #373e53;
    padding: 0 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .settings-tab .title {
        display: none
    }
}

.plan-settings-container .main .settings-tab .responsive-title {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    display: none
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .settings-tab .responsive-title {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.plan-settings-container .main .settings-tab .responsive-title .title-wrapper .icon {
    display: inline-block;
    vertical-align: middle
}

.plan-settings-container .main .settings-tab .responsive-title .title-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px
}

.plan-settings-container .main .settings-tab .responsive-title .nav-icon {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.plan-settings-container .main .settings-tab .responsive-title .nav-icon path {
    fill: #CDD2E3
}

.plan-settings-container .main .settings-tab .list {
    padding: 0 0 0 40px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .settings-tab .list {
        padding: 0 20px;
        display: none
    }
}

.plan-settings-container .main .settings-tab .item {
    cursor: pointer
}

.plan-settings-container .main .settings-tab .item:not(:first-of-type) {
    margin-top: 25px
}

.plan-settings-container .main .settings-tab .item.active {
    color: #1b3f9e;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    border-right: 3px solid #1b3f9e;

}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .settings-tab .item.active {
        display: none
    }
}

.plan-settings-container .main .settings-tab .item.active .icon path,
.plan-settings-container .main .settings-tab .item.active .icon circle {
    fill: #1b3f9e
}

.plan-settings-container .main .settings-tab .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px
}

.plan-settings-container .main .settings-tab .item .icon path,
.plan-settings-container .main .settings-tab .item .icon circle {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.plan-settings-container .main .settings-tab .item .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    font-weight: normal;
    line-height: 27px;
}

.plan-settings-container .main .settings-tab .item.active .text{
    font-weight: bold;
}

.plan-settings-container .main .content-wrapper {
    margin-left: 30px;
    max-width: 870px;
    width: calc(100% - 270px - 30px)
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper {
        margin-left: 0;
        width: 100%;
        padding: 20px;
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper {
        padding-bottom: 0
    }
}

.plan-settings-container .main .content-wrapper .plans {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%
    }
}

.plan-settings-container .main .content-wrapper .plans .item {
    width: 33.33%;
    padding: 0 32px;
    padding-top: 18px;
    padding-bottom: 30px;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .item {
        background-color: #fff;
        width: 100%;
        -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
        box-shadow: 0 1px 2px 0 #e5eaf9
    }
    .plan-settings-container .main .content-wrapper .plans .item:first-of-type {
        border-radius: 4px 4px 0 0
    }
    .plan-settings-container .main .content-wrapper .plans .item:last-of-type {
        border-radius: 0 0 4px 4px
    }
    .plan-settings-container .main .content-wrapper .plans .item:not(:first-of-type) {
        border-top: 1px solid #e9edfa
    }
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .plans .item {
        padding-top: 9px;
        padding-bottom: 11px
    }
}

.plan-settings-container .main .content-wrapper .plans .item:not(:last-of-type) {
    border-right: 1px solid #e9edfa
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .item:not(:last-of-type) {
        border-right: none
    }
}

.plan-settings-container .main .content-wrapper .plans .item.active {
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.1);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.1);
    border-right: 1px solid transparent
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .item.active {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.plan-settings-container .main .content-wrapper .plans .item.active .title,
.plan-settings-container .main .content-wrapper .plans .item.active .price {
    color: #1b3f9e
}

.plan-settings-container .main .content-wrapper .plans .item.active .button {
    color: #8b92a4;
    border: 1px solid #e2e5ef
}

.plan-settings-container .main .content-wrapper .plans .item.active .icon {
    display: inline-block;
    -webkit-animation: scale ease-in-out .3s;
    animation: scale ease-in-out .3s
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .item.active .responsive-title-wrapper .status {
        color: #1b3f9e
    }
    .plan-settings-container .main .content-wrapper .plans .item.active .responsive-title-wrapper .text {
        color: #1b3f9e
    }
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .plans .item.opened {
        padding-bottom: 21px
    }
}

.plan-settings-container .main .content-wrapper .plans .item.opened .responsive-title-wrapper {
    padding-bottom: 10px;
    border-bottom: 1px solid #e9edfa
}

.plan-settings-container .main .content-wrapper .plans .item.opened .responsive-title-wrapper .responsive-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.plan-settings-container .main .content-wrapper .plans .item.opened .responsive-title-wrapper .responsive-icon path {
    fill: #1b3f9e
}

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

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

.plan-settings-container .main .content-wrapper .plans .title-wrapper {
    text-align: center;
    padding-bottom: 13px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .title-wrapper {
        display: none
    }
}

.plan-settings-container .main .content-wrapper .plans .title-wrapper .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-color: #1b3f9e;
    border-radius: 50%;
    position: relative;
    display: none
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .title-wrapper .icon {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.86
    }
}

.plan-settings-container .main .content-wrapper .plans .title-wrapper .icon svg {
    width: 8px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.plan-settings-container .main .content-wrapper .plans .title-wrapper .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #373f53
}

.plan-settings-container .main .content-wrapper .plans .responsive-title-wrapper {
    display: none;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .responsive-title-wrapper {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.plan-settings-container .main .content-wrapper .plans .responsive-title-wrapper .status {
    font-size: 10px;
    font-weight: 600;
    line-height: 2.6;
    text-align: left;
    color: #82899d
}

.plan-settings-container .main .content-wrapper .plans .responsive-title-wrapper .text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    text-align: left;
    color: #373f53;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.plan-settings-container .main .content-wrapper .plans .responsive-title-wrapper .responsive-icon {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.plan-settings-container .main .content-wrapper .plans .responsive-title-wrapper .responsive-icon path {
    fill: #CDD2E3
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .c-wrapper {
        display: none
    }
}

.plan-settings-container .main .content-wrapper .plans .price {
    margin-top: 22px;
    font-family: Lora;
    font-size: 34px;
    font-weight: 700;
    color: #373f53;
    text-align: center
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .price {
        margin-top: 18px;
        color: #1b3f9e;
        text-align: left
    }
}

.plan-settings-container .main .content-wrapper .plans .info {
    font-size: 14px;
    line-height: 1.86;
    color: #82899d;
    text-align: center
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .info {
        font-size: 14px;
        line-height: 1.86;
        text-align: left
    }
}

.plan-settings-container .main .content-wrapper .plans .date-name {
    margin-top: 11px;
    font-size: 14px;
    line-height: 1.86;
    color: #82899d;
    text-align: center
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .date-name {
        text-align: left
    }
}

.plan-settings-container .main .content-wrapper .plans .date {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .date {
        text-align: left
    }
}

.plan-settings-container .main .content-wrapper .plans .button-wrapper {
    margin-top: 29px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .plan-settings-container .main .content-wrapper .plans .button-wrapper {
        margin-top: 20px;
        text-align: left
    }
}

.plan-settings-container .main .content-wrapper .plans .button-wrapper .button {
    display: inline-block;
    padding: 15px 47px;
    font-size: 14px;
    font-weight: 600;
    color: #1b3f9e;
    border: 1px solid #1b3f9e;
    border-radius: 4px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    cursor: pointer
}

.plan-settings-container .main .content-wrapper .box-settings {
    background-color: #fff;
    padding: 0 29px;
    padding-top: 23px;
    padding-bottom: 30px;
    border-radius: 4px;
    margin-top: 30px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings {
        margin-top: 20px;
        padding: 20px
    }
}

.plan-settings-container .main .content-wrapper .box-settings .title {
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    color: #373e53;
    padding-bottom: 21px;
    border-bottom: 1px solid #e9edfa
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper {
        margin-top: 18px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper {
    width: 50%
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper {
        width: 100%;
        margin-top: 20px
    }
    .plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper:first-of-type {
        margin-top: 0px
    }
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper:nth-child(odd) {
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper:nth-child(odd) {
        padding-right: 0
    }
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper:nth-child(even) {
    padding-left: 15px
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .wrapper:nth-child(even) {
        padding-left: 0
    }
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .input-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .dropdown-label {
    width: 100%;
    margin-top: 8px;
    background-color: #f3f6ff;
    border-right: 4px;
    padding: 0 15px;
    height: 40px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.43;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    cursor: pointer
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .dropdown-label .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 8px;
    height: 12px
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .dropdown-label .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f3f6ff;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    max-height: 160px;
    overflow-y: scroll;
    font-size: 14px;
    z-index: 10;
    display: none
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .dropdown-label .list .item {
    padding: 10px 15px;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .dropdown-label .list .item:hover {
    background-color: #828a9d;
    color: #fff
}

.plan-settings-container .main .content-wrapper .box-settings .inputs-wrapper .dropdown-input {
    display: none
}

.plan-settings-container .main .content-wrapper .box-settings .button-wrapper {
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings .button-wrapper {
        margin-top: 20px
    }
}

.plan-settings-container .main .content-wrapper .box-settings .button-wrapper .button {
    display: inline-block;
    padding: 14px 0;
    padding-left: 44px;
    padding-right: 51px;
    background-color: #1b3f9e;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    position: relative
}

.plan-settings-container .main .content-wrapper .box-settings .button-wrapper .button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.plan-settings-container .main .content-wrapper .box-settings .button-wrapper .button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main .content-wrapper .box-settings .button-wrapper .button {
        display: block;
        text-align: center
    }
}

.plan-settings-container .main .content-wrapper .box-settings .button-wrapper .button .icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.plan-settings-container .main .content-wrapper .box-settings .button-wrapper .button .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.account-settings-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .account-settings-container .header .menu-line {
        display: none
    }
}

.account-settings-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.account-settings-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 600
}

.account-settings-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.account-settings-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.account-settings-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.account-settings-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.account-settings-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.account-settings-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.account-settings-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.account-settings-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.account-settings-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.account-settings-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.account-settings-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.account-settings-container .main-wrapper {
    background-color: #f3f6ff;
    min-height: calc(100vh - 197px)
}

.account-settings-container .main-wrapper .main {
    background-color: #f3f6ff;
    padding: 40px 10%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 1150px) {
    .account-settings-container .main-wrapper .main {
        padding: 40px 5%
    }
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.account-settings-container .main-wrapper .main .settings-tab {
    max-width: 270px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding-top: 27px;
    padding-bottom: 29px
}

.account-settings-container .main-wrapper .main .settings-tab.active .responsive-title .nav-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.account-settings-container .main-wrapper .main .settings-tab.active .responsive-title .nav-icon path {
    fill: #1b3f9e
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .settings-tab {
        max-width: none;
        border-radius: 0 0 4px 4px;
        padding-top: 20px;
        padding-bottom: 23px;
        margin-top: 2px
    }
}

.account-settings-container .main-wrapper .main .settings-tab .title {
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    color: #373e53;
    padding: 0 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .settings-tab .title {
        display: none
    }
}

.account-settings-container .main-wrapper .main .settings-tab .responsive-title {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    display: none
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .settings-tab .responsive-title {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.account-settings-container .main-wrapper .main .settings-tab .responsive-title .title-wrapper .icon {
    display: inline-block;
    vertical-align: middle
}

.account-settings-container .main-wrapper .main .settings-tab .responsive-title .title-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px
}

.account-settings-container .main-wrapper .main .settings-tab .responsive-title .nav-icon {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.account-settings-container .main-wrapper .main .settings-tab .responsive-title .nav-icon path {
    fill: #CDD2E3
}

.account-settings-container .main-wrapper .main .settings-tab .list {
    padding: 0 0 0 40px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .settings-tab .list {
        padding: 0 20px;
        display: none
    }
}

.account-settings-container .main-wrapper .main .settings-tab .item {
    cursor: pointer
}

.account-settings-container .main-wrapper .main .settings-tab .item:not(:first-of-type) {
    margin-top: 25px
}

.account-settings-container .main-wrapper .main .settings-tab .item.active {
    color: #1b3f9e;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    border-right: 3px solid #1b3f9e;
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .settings-tab .item.active {
        display: none
    }
}

.account-settings-container .main-wrapper .main .settings-tab .item.active .icon path,
.account-settings-container .main-wrapper .main .settings-tab .item.active .icon circle {
    fill: #1b3f9e
}

.account-settings-container .main-wrapper .main .settings-tab .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px
}

.inputs-wrapper .wrapper .input_error_text {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #ff5c4a;
    display: none;
}

.inputs-wrapper .wrapper.input_error .input_error_text {
    display: block;
}
.inputs-wrapper .wrapper.input_error input{
    border: 1px solid #ff5c4a !important;
    background-color: #fff5f3 !important;
}

.inputs-wrapper .wrapper.input_error h2 {
    color:#ff5c4a !important;
}

.account-settings-container .main-wrapper .main .settings-tab .item .icon path,
.account-settings-container .main-wrapper .main .settings-tab .item .icon circle {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.account-settings-container .main-wrapper .main .settings-tab .item.active .text {
font-weight: bold;
}

.account-settings-container .main-wrapper .main .settings-tab .item .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    font-weight: normal;
    line-height: 27px;
}

.account-settings-container .main-wrapper .main .content-wrapper {
    margin-left: 30px;
    max-width: 870px;
    width: calc(100% - 270px - 30px)
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .content-wrapper {
        margin-left: 0;
        width: 100%;
        padding: 20px;
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper {
        padding-bottom: 20px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 0 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab {
        padding: 20px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .title {
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    color: #373e53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab {
    margin-top:30px;
    position: relative;
}
.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_connect_item {
    display: inline-block;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_connect_item.facebook {
width:55%;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_connect_item.google {
    width:45%;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab h2 {
    font-size: 18px;
    font-weight: 600;
    color: #373f53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab p {
    font-size: 16px;
    line-height: 1.6;
    max-width: 300px;
    margin-top: 10px;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_login_btn {
    max-width: 282px;
    color: #fff;
    display: table;
    border-radius: 5px;
    overflow: hidden;
    width:100%;
    margin-top: 30px;
}


.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_login_icon img {
max-width: 45px;
}
.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_login_icon {
float:left;
    background: #fff;
    height: 45px;
}
.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_login_btn span {
    line-height: 45px;
    float: left;
    font-size: 14px;
    padding-left: 30px;
}
.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_login_btn.facebook_connect {
    background: #3f73db;
    border: 1px solid #3f73db;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_login_btn.google_connect {
    background: #4285f3;
    border: 1px solid #4285f3;
    position: relative;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .divider {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 48%;
    background: #e9edfa;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .social_connect_item a.delete-button {
    border: 1px solid #e7eaf5;
    padding: 15px 15px;
    border-radius: 5px;
    margin-top: 30px;
    font-size: 14px;
    display: table;
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .social_connect_item a.delete-button span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
}


.account-settings-container .main-wrapper .main .content-wrapper .main-tab .social_connect_item a.delete-button .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


.plan-settings-container .main-wrapper .main .content-wrapper .main-tab{
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 0 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper h3.subscription_control_title {
    color: #373f53;
    font-weight: 600;
    font-size: 18px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    max-width: 260px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper p a {
text-decoration: underline;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper .cancel-button {
    border: 1px solid #e7eaf5;
    padding: 15px 15px;
    border-radius: 5px;
    font-size: 14px;
    display: table;
    float: right;
    cursor:pointer;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper .cancel-button span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper {
    display: table;
    width: 100%;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper .subscription_control_item {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper .cancel-button .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
    padding-bottom: 24px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .title {
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    color: #373e53;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper {
    width: 50%;
    margin-top: 60px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper ul.prices_list li .prices_list_item_name{
    width: 60%;
    display: inline-block;
    font-size: 14px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper ul.prices_list li .prices_list_item_price{
    width: 40%;
    display: inline-block;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #373e53;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper ul.prices_list li{
line-height: 30px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper ul.prices_list {
    margin-bottom: 15px;
}


.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper .prices_total {
border-top:1px solid #eaeefb;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper .prices_total {
    padding-top: 20px;
    margin-bottom: 30px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper .prices_total .prices_total_name {
    width: 60%;
    display: inline-block;
    color: #373f53;
    font-weight: 600;
    font-size: 18px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper .prices_total .prices_total_value {
    width: 40%;
    display: inline-block;
    text-align: right;
    color: #373f53;
    font-weight: 600;
    font-size: 18px;
}

.plan-settings-container select {
    width: 100%;
    -webkit-appearance: none;
    height: 40px;
    background: #f2f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    border: 0;
    margin-top: 8px;
    background-image: url(/wp-content/themes/jchef/images/input-dropdown.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 12px;
    color: #373e53;
    font-family: proximaNova;
    font-size: 14px;
    padding-left: 14px;
    border-radius: 4px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input_row {
width: 100%;
}


.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
    margin-top: 25px;
    width: 33.33%;
    display: inline-block;
    padding-right: 30px;
}


.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input_row .wrapper:last-child {
    padding-right: 0px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.dpr-30 {
    padding-right: 30px !important;
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
        width: 100%;
        padding-right: 0px;
    }
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.dpr-30 {
        padding-right: 0px !important;
    }
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .prices_wrapper {
        width: 100%;
    }



}



@media screen and (max-width: 1290px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_connect_item.facebook {
        width: 100%;
    }
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .social_connect_item.google {
        width: 100%;
        margin-top: 30px;
        border-top: 2px solid #f5f7fd;
        padding-top: 30px;
    }
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab.social_connect_tab .divider {
        left:50%;
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .title {
        padding-bottom: 21px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line {
    margin-top: 27px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 42px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
        padding-bottom: 30px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .picture {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 50%
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .wrapper {
    margin-left: 26px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
        margin-left: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .name {
    font-size: 16px;
    font-weight: 600;
    color: #413a61
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .name {
        text-align: center
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .upload-button {
    margin-top: 11px;
    padding: 14px 20px;
    border: 1px solid #e7eaf5;
    border-radius: 4px;
    color: #1b3f9e;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .upload-button {
        margin-top: 16px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .delete-button {
    margin-top: 11px;
    padding: 14px 20px;
    border: 1px solid #e7eaf5;
    border-radius: 4px;
    color: #82899d;
    margin-left: 30px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .photo-line .delete-button {
        margin-left: 0;
        margin-top: 10px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid #e9edfa
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper:last-child {
    border-bottom: 2px solid #e9edfa
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 12px;
        padding-bottom: 20px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
    width: 50%;
    margin-top: 30px;
    position: relative
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
        width: 100%;
        margin-top: 18px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(odd) {
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(odd) {
        padding-right: 0
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(even) {
    padding-left: 15px
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(even) {
        padding-left: 0
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .custom-wrapper {
    text-align: right;
    padding: 0 20px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .info-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .icon {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    cursor: pointer
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .icon path {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .icon.active path {
    fill: #1b3f9e
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info {
    position: absolute;
    left: -15px;
    bottom: 200%;
    width: 200px;
    display: none
}

@media screen and (max-width: 1230px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info {
        width: 150px
    }
}

@media screen and (max-width: 991px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info {
        width: auto
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info .info-text {
    background-color: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    position: relative
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info .info-text::before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #dae3ff transparent transparent transparent
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info .info-text::after {
    content: '';
    position: absolute;
    left: 15.5px;
    bottom: 1px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 9px;
    border-color: #fff transparent transparent transparent
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .help-info .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 5px
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input {
    padding: 0 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    outline: none;
    border: none;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    color: #373f53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input::-webkit-input-placeholder {
    color: #373f53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input:-ms-input-placeholder {
    color: #373f53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .input::placeholder {
    color: #373f53
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper {
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper {
        margin-top: 20px
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit {
    padding: 14px 0;
    padding-left: 44px;
    padding-right: 51px;
    background-color: #1b3f9e;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit {
        display: block;
        text-align: center
    }
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit .icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-left: 8px
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .button-wrapper .submit-input {
    display: none
}

.delivery-info-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .delivery-info-container .header .menu-line {
        display: none
    }
}

.delivery-info-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.delivery-info-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 16px;
    font-weight: 600
}

.delivery-info-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.delivery-info-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.delivery-info-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.delivery-info-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.delivery-info-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 16px;
    font-weight: 600
}

.delivery-info-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.delivery-info-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.delivery-info-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.delivery-info-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.delivery-info-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.delivery-info-container .main-wrapper {
    background-color: #f3f6ff;
    min-height: calc(100vh - 197px)
}

.delivery-info-container .main-wrapper .main {
    background-color: #f3f6ff;
    padding: 40px 10%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 1150px) {
    .delivery-info-container .main-wrapper .main {
        padding: 40px 5%
    }
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.delivery-info-container .main-wrapper .main .settings-tab {
    max-width: 270px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding-top: 27px;
    padding-bottom: 29px
}

.delivery-info-container .main-wrapper .main .settings-tab.active .responsive-title .nav-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.delivery-info-container .main-wrapper .main .settings-tab.active .responsive-title .nav-icon path {
    fill: #1b3f9e
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main .settings-tab {
        max-width: none;
        border-radius: 0 0 4px 4px;
        padding-top: 20px;
        padding-bottom: 23px;
        margin-top: 2px
    }
}

.delivery-info-container .main-wrapper .main .settings-tab .title {
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    color: #373e53;
    padding: 0 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main .settings-tab .title {
        display: none
    }
}

.delivery-info-container .main-wrapper .main .settings-tab .responsive-title {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    display: none
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main .settings-tab .responsive-title {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.delivery-info-container .main-wrapper .main .settings-tab .responsive-title .title-wrapper .icon {
    display: inline-block;
    vertical-align: middle
}

.delivery-info-container .main-wrapper .main .settings-tab .responsive-title .title-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px
}

.delivery-info-container .main-wrapper .main .settings-tab .responsive-title .nav-icon {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .main-wrapper .main .settings-tab .responsive-title .nav-icon path {
    fill: #CDD2E3
}

.delivery-info-container .main-wrapper .main .settings-tab .list {
    padding: 0 0 0 40px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600
}

.main-tab .inputs-wrapper form {
    width:100%;
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main .settings-tab .list {
        padding: 0 20px;
        display: none
    }
}

.delivery-info-container .main-wrapper .main .settings-tab .item {
    cursor: pointer
}

.delivery-info-container .main-wrapper .main .settings-tab .item:not(:first-of-type) {
    margin-top: 25px
}

.delivery-info-container .main-wrapper .main .settings-tab .item.active {
    color: #1b3f9e;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    border-right: 3px solid #1b3f9e;
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main .settings-tab .item.active {
        /*display: none*/
    }
}

.delivery-info-container .main-wrapper .main .settings-tab .item.active .icon path,
.delivery-info-container .main-wrapper .main .settings-tab .item.active .icon circle {
    fill: #1b3f9e
}

.delivery-info-container .main-wrapper .main .settings-tab .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px
}

.delivery-info-container .main-wrapper .main .settings-tab .item .icon path,
.delivery-info-container .main-wrapper .main .settings-tab .item .icon circle {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .main-wrapper .main .settings-tab .item .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    font-weight: normal;
    line-height: 27px;
}

.delivery-info-container .main-wrapper .main .settings-tab .item.active .text {
    font-weight: bold;
}

.order-history-container .main-wrapper .main .settings-tab .item.active .text {
    font-weight: bold;
}

.delivery-info-container .main-wrapper .main .content-wrapper {
    margin-left: 30px;
    max-width: 870px;
    width: calc(100% - 270px - 30px)
}

@media screen and (max-width: 991px) {
    .delivery-info-container .main-wrapper .main .content-wrapper {
        margin-left: 0;
        width: 100%;
        padding: 20px;
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper {
        padding-bottom: 20px
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 30px
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab {
        padding: 20px 0
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
    padding-bottom: 24px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account-settings-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
    padding-bottom: 24px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
        padding: 0 20px;
        padding-bottom: 24px
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .title {
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    color: #373e53
}

.display-block-990 {
    display: none;
}

@media screen and (max-width: 990px) {
.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .title{
margin:auto;
}
    .display-none-990 {
        display: none;
    }
    .display-block-990 {
        display: block;
    }
}



.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .new-card-btn {
    margin: auto;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .new-card-btn a{
    margin: auto;
    background: #1b3f9e;
    display: table;
    color: #fff;
    padding: 13px 30px;
    border-radius: 4px;
    margin-top: 30px;
}
.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .new-card-btn .icon {
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: inline-block;
vertical-align: middle;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .new-card-btn .text{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 12px;
}


.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .button-wrapper {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1b3f9e
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .button-wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .button-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper {
        display: none
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .wrapper {
    width: 50%;
    margin-top: 30px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .wrapper:nth-child(odd) {
    padding-right: 15px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .wrapper:nth-child(even) {
    padding-left: 15px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab {
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 22px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #d7def2;
    box-shadow: 0 1px 2px 0 #d7def2;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .input-wrapper .radio-input {
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .input-wrapper .radio-label {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    display: block;
    position: relative;
    cursor: pointer
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .input-wrapper .radio-label .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #1b3f9e;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .input-wrapper .radio-input:checked+.radio-label .icon {
    display: block
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .info-wrapper {
    margin-left: 16px;
    width: 100%;
    padding-right: 20px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .adress {
    font-size: 14px;
    color: #82899d;
    margin-top: 4px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .status {
    width: 14px;
    height: 11px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .status path {
    fill: transparent;
    stroke: #1b3f9e;
    stroke-dasharray: 45.25483322143555;
    stroke-dashoffset: -45.25483322143555;
    -webkit-transition: fill ease .3s, stroke-dashoffset ease .3s .3s;
    transition: fill ease .3s, stroke-dashoffset ease .3s .3s
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .address-wrapper .tab .status.active path {
    fill: #1b3f9e;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset ease .6s, fill .3s .3s;
    transition: stroke-dashoffset ease .6s, fill .3s .3s
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper {
    display: none
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper {
        display: block
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .active-block {
    display: block
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .list-block {
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper.opened .item .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper.opened .item .icon path {
    fill: #1b3f9e
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    border-bottom: 1px solid #e9edfa;
    cursor: pointer;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item.active .status {
    opacity: 1
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item.active .icon {
    opacity: 1
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item .status {
    width: 14px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item .info-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item .info-wrapper .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item .info-wrapper .address {
    margin-top: 5px;
    font-size: 14px;
    text-align: left;
    color: #82899d
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item .icon {
    width: 12px;
    height: 12px;
    opacity: 0;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .responsive-address-wrapper .item .icon path {
    fill: #CDD2E3
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper {
    margin-top: 8px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px;
        margin-top: 2px
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper {
    width: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e7eaf5
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .payment-brand-icon img{
    vertical-align: middle;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block:not(:first-of-type) {
        margin-top: 20px
    }
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block:nth-child(2) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block:nth-child(3) {
        margin-top: 20px
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .info {
    margin-left: 16px;
    font-size: 14px;
    color: #373f53;
    line-height: 17px;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .info.dark {
    color: #373f53;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .image {
    width: 30px;
    height: 11px;
    margin-left: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .checkbox-label {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    cursor: pointer;
    position: relative
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .checkbox-label .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .checkbox-input {
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .checkbox-input:checked+.checkbox-label .icon {
    display: block
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .payment-info-wrapper .info-block .text.check-text {
    font-weight: normal;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
    margin-top: 25px
}
.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.w-100{
    width:100%;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.w-50{
    width:50%;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.w-25 {
    width:25%;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper textarea.input{
    font-family: Arial;
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
        width: 100%;
        margin-top: 18px
    }
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.w-50{
        width:100%;
    }

    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .display-none-767 {
        display: none;
    }
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.w-25 {
        width:100%;
    }


}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(odd) {
    padding-right: 15px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(even) {
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(odd) {
        padding-right: 0
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(even) {

}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(even) {
        padding-right: 0
    }
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper:nth-child(odd) {
        padding-left: 0
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.fullwidth {
    width: 100%
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input {
    padding: 0 20px;
    padding-top: 12px;
    padding-bottom: 11px;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    outline: none;
    border: none;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper input::-webkit-input-placeholder {
    color: #848ba0
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper input:-ms-input-placeholder {
    color: #848ba0
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper input::placeholder {
    color: #848ba0
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .mw-145{
    max-width: 145px;
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input.textarea {
    resize: none;
    height: 40px
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input.textarea {
        height: 70px
    }
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .mw-145 {
        max-width: 100%;
    }

}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big .wrapper {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big .wrapper:not(:first-of-type) {
        margin-top: 20px
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .dropdown-label {
    width: 100%;
    margin-top: 8px;
    background-color: #f3f6ff;
    border-right: 4px;
    padding: 0 15px;
    height: 40px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.43;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    cursor: pointer
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .dropdown-label .icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 8px;
    height: 12px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .dropdown-label .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f3f6ff;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    max-height: 160px;
    overflow-y: scroll;
    font-size: 14px;
    z-index: 10;
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .dropdown-label .list .item {
    padding: 10px 15px;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .dropdown-label .list .item:hover {
    background-color: #828a9d;
    color: #fff
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper {
        margin-top: 20px;
        padding-bottom: 24px
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper .checkbox-label {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    cursor: pointer;
    position: relative
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper .checkbox-label .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper .checkbox-input {
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper .checkbox-input:checked+.checkbox-label .icon {
    display: block
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .checkbox-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper {
    margin-top: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.pr-0 {
    padding-right: 0;
}



@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}


.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper.divider {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 5px;
    border-top: 2px solid #e9edfa;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .button-wrapper .submit .icon {
    width: 14px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .button-wrapper .submit::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .form_bottom_wrapper {
    border-top: 2px solid #f4f6fd;
    padding-top: 25px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .form_bottom_wrapper .days_left {
    text-align: right;
    font-size: 14px;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .form_bottom_wrapper .days_left span.red {
    color:#ef6667;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .form_bottom_wrapper .form_bottom_item {
    width: 50%;
    display: inline-block;
}
.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .button-wrapper .submit-input {
    display: none;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .button-wrapper .submit .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .button-wrapper .submit {
    display: inline-block;
    padding: 14px 0;
    padding-left: 44px;
    padding-right: 51px;
    background-color: #1b3f9e;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 767px) {
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .form_bottom_wrapper .form_bottom_item {
        width: 100%;
    }

    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .button-wrapper .submit {
        width: 100%;
        text-align: center;
    }
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .form_bottom_wrapper .days_left {
        text-align: center;
        margin-top: 25px;
    }

    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper .subscription_control_item {
        width: 100%;
        display: block;
    }
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab .subscription_control_wrapper .cancel-button {
        float: initial;
        margin:auto;
        margin-top: 30px;
    }
    .plan-settings-container .main-wrapper .main .content-wrapper .main-tab {
        padding: 30px 20px;
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit {
    display: inline-block;
    padding: 14px 0;
    padding-left: 44px;
    padding-right: 51px;
    background-color: #1b3f9e;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    position: relative
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit {
        padding: 14px 0;
        width: 100%;
        text-align: center
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit .icon {
    width: 14px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .submit-input {
    display: none
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .delete-button {
    font-size: 14px;
    font-weight: 600;
    color: #82899d;
    padding: 14px 0;
    padding-left: 45px;
    padding-right: 42px;
    border-radius: 4px;
    border: solid 1px #e7ebf5;
    display: block;
    position: relative
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .delete-button::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .delete-button.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .delete-button {
        margin-top: 10px;
        text-align: center
    }
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .delete-button .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-info-container .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .buttons-wrapper .button-wrapper .delete-button .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}

.delivery-info-container.new .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
    display: block
}

.delivery-info-container.new .main-wrapper .main .content-wrapper .main-tab .title-wrapper .icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.delivery-info-container.new .main-wrapper .main .content-wrapper .main-tab .title-wrapper .title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider {
    margin-top: 27px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e7eaf5;
    position: relative
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider {
        margin-top: 31px;
        padding-bottom: 22px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list {
    width: 500px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list {
        width: 210px;
        position: relative;
        left: 5px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-stage-outer {
    height: 194px
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-stage-outer {
        height: auto
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-dots {
    margin-top: 21px
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-dots {
        padding-right: 10px;
        margin-top: 18px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-dots .owl-dot:not(:first-of-type) {
    margin-left: 6px
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background-color: #e2e7f3;
    margin: 0
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-dots .owl-dot.active span {
    background-color: #1b3f9e
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .wrapper {
    position: relative;
    padding-top: 10px
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .wrapper {
        padding-right: 10px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .image {
    width: 100%;
    height: 163px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0 auto;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    margin-top: 10px;
    position: relative
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .image {
        margin-top: 0;
        height: 140px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .overlay {
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .overlay {
        opacity: 0
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .icon {
    position: absolute;
    top: 10px;
    right: 0;
    -webkit-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 30px 80px 0 #3d5380;
    box-shadow: 0 30px 80px 0 #3d5380;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 9px;
    opacity: 0;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .icon {
        right: 0
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .card-logo {
    width: 42px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 20px;
    display: none
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .card-logo {
        width: 27px;
        height: 11px;
        top: 14px;
        left: 14px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .stars {
    font-size: 20px;
    letter-spacing: 7px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .stars {
        font-size: 14px;
        letter-spacing: 4px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .name {
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 25px;
    bottom: 25px
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .item .name {
        font-size: 12px;
        left: 15px;
        bottom: 15px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-item.active .item .wrapper .image {
    height: 184px;
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-item.active .item .wrapper .image {
        height: 140px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-item.active .item .wrapper .overlay {
    opacity: 0
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-item.active .item .wrapper .card-logo {
    display: block
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .list .owl-item.active .item .wrapper .icon {
    opacity: 1
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control {
    width: 7px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 35%;
    cursor: pointer
}

@media screen and (min-width: 992px) and (max-width: 1050px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control {
        display: none
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control.prev {
    left: 5%
}

@media screen and (min-width: 1051px) and (max-width: 1240px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control.prev {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control.prev {
        left: 20px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control.next {
    right: 5%
}

@media screen and (min-width: 1051px) and (max-width: 1240px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control.next {
        right: 0
    }
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .cards-slider .control.next {
        right: 20px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper {
    position: relative
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper ul.brand-list{
    margin-top: 25px;
    margin-left: 5px;
}
.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper ul.brand-list li{
    display: inline-block;
    margin-right: 13px;
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .card-logo {
    width: 42px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    right: 13px;
    bottom: 11px
}



.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 0
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big .wrapper {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper.big .wrapper:not(:first-of-type) {
        margin-top: 20px
    }
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .text {
    display: inline-block;
    vertical-align: middle
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .info-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: -4px;
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .icon {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    cursor: pointer
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .icon path {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .icon.active path {
    fill: #1b3f9e
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .help-info {
    position: absolute;
    left: -5px;
    bottom: 150%;
    display: none
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .help-info .info-text {
    background-color: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    font-size: 12px;
    font-weight: 400
}

.delivery-info-container.payment .main-wrapper .main .content-wrapper .main-tab .inputs-wrapper .wrapper .input-label.help .help-info .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 5px
}

.delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
    display: block
}

.delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .card-picture {
    width: 314px;
    height: 184px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    margin: 0 auto;
    margin-top: 27px
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .card-picture {
        width: 240px;
        height: 156px;
        margin-top: 20px
    }
}

.delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .card-picture .stars {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    letter-spacing: 7px;
    color: #fff;
    width: 100%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .card-picture .stars {
        font-size: 16px;
        letter-spacing: 5.1px
    }
}

.delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .card-picture .name {
    position: absolute;
    left: 25px;
    bottom: 25px;
    font-size: 14px;
    color: #fff
}

@media screen and (max-width: 767px) {
    .delivery-info-container.payment.new .main-wrapper .main .content-wrapper .main-tab .card-picture .name {
        font-size: 12px;
        left: 20px;
        bottom: 20px
    }
}

.order-history-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .order-history-container .header .menu-line {
        display: none
    }
}

.order-history-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.order-history-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 600
}

.order-history-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.order-history-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.order-history-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.order-history-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.order-history-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.order-history-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.order-history-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.order-history-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.order-history-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.order-history-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.order-history-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.order-history-container .main-wrapper {
    background-color: #f3f6ff;
    min-height: calc(100vh - 197px)
}

.order-history-container .main-wrapper .main {
    background-color: #f3f6ff;
    padding: 40px 10%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 1150px) {
    .order-history-container .main-wrapper .main {
        padding: 40px 5%
    }
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.order-history-container .main-wrapper .main .settings-tab {
    max-width: 270px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding-top: 27px;
    padding-bottom: 29px
}

.order-history-container .main-wrapper .main .settings-tab.active .responsive-title .nav-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order-history-container .main-wrapper .main .settings-tab.active .responsive-title .nav-icon path {
    fill: #1b3f9e
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main .settings-tab {
        max-width: none;
        border-radius: 0 0 4px 4px;
        padding-top: 20px;
        padding-bottom: 23px;
        margin-top: 2px
    }
}

.order-history-container .main-wrapper .main .settings-tab .title {
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    color: #373e53;
    padding: 0 32px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main .settings-tab .title {
        display: none
    }
}

.order-history-container .main-wrapper .main .settings-tab .responsive-title {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    display: none
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main .settings-tab .responsive-title {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.order-history-container .main-wrapper .main .settings-tab .responsive-title .title-wrapper .icon {
    display: inline-block;
    vertical-align: middle
}

.order-history-container .main-wrapper .main .settings-tab .responsive-title .title-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px
}

.order-history-container .main-wrapper .main .settings-tab .responsive-title .nav-icon {
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.order-history-container .main-wrapper .main .settings-tab .responsive-title .nav-icon path {
    fill: #CDD2E3
}

.order-history-container .main-wrapper .main .settings-tab .list {
    padding: 0 0 0 40px;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main .settings-tab .list {
        padding: 0 20px;
        display: none
    }
}

.order-history-container .main-wrapper .main .settings-tab .item {
    cursor: pointer
}

.order-history-container .main-wrapper .main .settings-tab .item:not(:first-of-type) {
    margin-top: 25px
}

.order-history-container .main-wrapper .main .settings-tab .item.active {
    color: #1b3f9e;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    border-right: 3px solid #1b3f9e;
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main .settings-tab .item.active {
        display: none
    }
}

.order-history-container .main-wrapper .main .settings-tab .item.active .icon path,
.order-history-container .main-wrapper .main .settings-tab .item.active .icon circle {
    fill: #1b3f9e
}

.order-history-container .main-wrapper .main .settings-tab .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px
}

.order-history-container .main-wrapper .main .settings-tab .item .icon path,
.order-history-container .main-wrapper .main .settings-tab .item .icon circle {
    fill: #B1B8CB;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.order-history-container .main-wrapper .main .settings-tab .item .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 13px;
    font-weight: normal;
    line-height: 27px;
}

.order-history-container .main-wrapper .main .content-wrapper {
    margin-left: 30px;
    max-width: 870px;
    width: calc(100% - 270px - 30px)
}

@media screen and (max-width: 991px) {
    .order-history-container .main-wrapper .main .content-wrapper {
        margin-left: 0;
        width: 100%;
        padding: 20px;
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .order-history-container .main-wrapper .main .content-wrapper {
        padding-bottom: 20px
    }
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 30px 0
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px
}

@media screen and (max-width: 767px) {
    .order-history-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper {
        padding: 0 20px
    }
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .title {
    font-family: Lora;
    font-size: 22px;
    font-weight: 700;
    color: #373e53;
    padding-bottom: 24px;
}

@media screen and (max-width: 767px) {
    .order-history-container .main-wrapper .main .content-wrapper .main-tab .title-wrapper .title {
        padding-bottom: 24px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .order-history-container .main-wrapper .main .content-wrapper .main-tab .content {
        display: none
    }
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .name-row {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    padding-top: 19px;
    padding-bottom: 18px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .name-row .item {
    width: 20%;
    font-size: 14px;
    font-weight: 600;
    color: #373f53
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .name-row .item:not(:last-of-type) {
    padding-right: 15px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .name-row .item:nth-child(2) {
    width: 38%
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .name-row .item:last-of-type {
    width: 2%
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    padding-top: 21px;
    padding-bottom: 23px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row:nth-child(even) {
    background-color: rgba(243, 246, 255, 0.3)
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item {
    width: 20%;
    font-size: 14px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item.red {
    color:#ef6667;
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item.yellow {
    color: #eac741;
}
.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item.green {
    color: #30ab3b;
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item:not(:last-of-type) {
    padding-right: 15px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item:nth-child(2) {
    width: 38%
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item:last-of-type {
    width: 2%
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item.unpaid {
    color: #ef5757
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item.pending {
    color: #e9c537
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item.paid {
    color: #1ca327
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .content .row .item .icon {
    width: 14px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content {
    display: none
}

@media screen and (max-width: 767px) {
    .order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content {
        display: block
    }
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item {
    padding: 12px 20px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item .order_texts_column {
    display: inline-block;
    width: 49%;
    font-size: 14px;
    line-height: 19px;
}

.order_texts_column.text-right {
    text-align: right;
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item:nth-child(even) {
    background-color: rgba(243, 246, 255, 0.3)
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item.active .name-wrapper .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item.active .name-wrapper .icon path {
    fill: #1b3f9e
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item .name-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item .name-wrapper .date {
    margin-top: 3px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item .name-wrapper .icon {
    width: 12px;
    height: 12px;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .item .name-wrapper .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .dropdown {
    margin-top: 14px;
    font-size: 14px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: none
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .dropdown .status {
    margin-top: 2px
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .dropdown .status.unpaid {
    color: #ef5757
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .dropdown .status.pending {
    color: #e9c537
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .dropdown .status.paid {
    color: #1ca327
}

.order-history-container .main-wrapper .main .content-wrapper .main-tab .responsive-content .dropdown .icon {
    width: 14px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.help-center-container .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .help-center-container .header .menu-line {
        display: none
    }
}

.help-center-container .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.help-center-container .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 600
}

.help-center-container .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.help-center-container .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.help-center-container .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.help-center-container .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.help-center-container .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.help-center-container .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.help-center-container .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.help-center-container .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.help-center-container .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.help-center-container .header .menu-line .profile .list .item {
    padding: 0 27px
}

.help-center-container .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.help-center-container .main {
    background-color: #f3f6ff;
    padding: 0 5%;
    padding-top: 52px;
    padding-bottom: 50px;
    min-height: 100vh;
    position: relative
}

@media screen and (max-width: 991px) {
    .help-center-container .main {
        padding: 0 20px;
        padding-top: 39px;
        padding-bottom: 20px
    }
}

.help-center-container .main .title {
    font-family: Lora;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #373e53;
    max-width: 495px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .help-center-container .main .title {
        font-size: 24px
    }
}

.help-center-container .main .description {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #828a9d;
    max-width: 495px;
    width: 100%;
    margin: 0 auto;
    margin-top: 16px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 991px) {
    .help-center-container .main .description {
        margin-top: 15px
    }
}

.help-center-container .main .mDecoration1 {
    position: absolute;
    width: 86px;
    top: 17px;
    left: 0
}

@media screen and (max-width: 991px) {
    .help-center-container .main .mDecoration1 {
        display: none
    }
}

.help-center-container .main .mDecoration2 {
    position: absolute;
    width: 136px;
    top: 104px;
    left: 177px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1100px) {
    .help-center-container .main .mDecoration2 {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 991px) {
    .help-center-container .main .mDecoration2 {
        top: 63px;
        left: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.help-center-container .main .mDecoration3 {
    width: 134px;
    position: absolute;
    top: 97px;
    right: 205px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1100px) {
    .help-center-container .main .mDecoration3 {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media screen and (max-width: 991px) {
    .help-center-container .main .mDecoration3 {
        -webkit-transform: none;
        transform: none;
        top: -20px;
        right: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.help-center-container .main .mDecoration4 {
    position: absolute;
    width: 110px;
    top: 55px;
    right: 0
}

@media screen and (max-width: 991px) {
    .help-center-container .main .mDecoration4 {
        display: none
    }
}

.help-center-container .main .search-wrapper {
    margin-top: 27px
}

.help-center-container .main .search-wrapper .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.help-center-container .main .search-wrapper .wrapper .search-field {
    border: none;
    max-width: 580px;
    min-height: 40px;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.43;
    outline: none
}

.help-center-container .main .search-wrapper .wrapper .search-field::-webkit-input-placeholder {
    color: #828a9d
}

.help-center-container .main .search-wrapper .wrapper .search-field:-ms-input-placeholder {
    color: #828a9d
}

.help-center-container .main .search-wrapper .wrapper .search-field::placeholder {
    color: #828a9d
}

.help-center-container .main .search-wrapper .wrapper .button-wrapper {
    border-radius: 0 4px 4px 0;
    background-color: #1b3f9e;
    padding-left: 34px;
    padding-right: 32px;
    padding-top: 11px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    position: relative
}

.help-center-container .main .search-wrapper .wrapper .button-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    border-radius: 50%;
    width: 0;
    height: 0
}

.help-center-container .main .search-wrapper .wrapper .button-wrapper.active::before {
    -webkit-animation: buttonBubble ease 1s;
    animation: buttonBubble ease 1s
}

@media screen and (max-width: 767px) {
    .help-center-container .main .search-wrapper .wrapper .button-wrapper {
        padding: 13px
    }
}

.help-center-container .main .search-wrapper .wrapper .button-wrapper .icon {
    display: inline-block;
    vertical-align: middle
}

.help-center-container .main .search-wrapper .wrapper .button-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px
}

.help-center-container .main .search-wrapper .wrapper .submit-input {
    display: none
}

.help-center-container .main .main-content-wrapper {
    margin-top: 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 991px) {
    .help-center-container .main .main-content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.help-center-container .main .main-content-wrapper .main-block {
    max-width: 871px;
    width: 100%
}

@media screen and (max-width: 991px) {
    .help-center-container .main .main-content-wrapper .main-block {
        max-width: none
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper {
    background: #fff;
    padding: 20px 30px;
    padding-bottom: 25px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    border-radius: 4px
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .main-block .wrapper {
        padding: 0 20px;
        padding-top: 20px;
        padding-bottom: 23px
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper:not(:first-of-type) {
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .main-block .wrapper:not(:first-of-type) {
        margin-top: 20px
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .name {
    font-family: Lora;
    font-size: 20px;
    font-weight: 700;
    color: #373e53;
    padding-bottom: 24px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .main-block .wrapper .name {
        padding-bottom: 20px
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .item {
    margin-top: 25px;
    display: block
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .main-block .wrapper .item {
        margin-top: 20px
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .question {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #3b4357
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .main-block .wrapper .question {
        line-height: 1.43
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .answer {
    font-size: 14px;
    line-height: 1.43;
    max-width: 495px;
    width: 100%
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .more-button-wrapper {
    margin-top: 25px
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .main-block .wrapper .more-button-wrapper {
        margin-top: 20px
    }
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .more-button-wrapper .button {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #1b3f9e;
    display: inline-block;
    display: inline-block;
    cursor: pointer
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .more-button-wrapper .button .text {
    display: inline-block;
    vertical-align: middle
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .more-button-wrapper .button .icon {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: 11px
}

.help-center-container .main .main-content-wrapper .main-block .wrapper .hidden {
    display: none
}

.help-center-container .main .main-content-wrapper .contact-block {
    margin-left: 30px;
    max-width: 273px;
    width: 100%;
    padding: 20px 30px;
    padding-bottom: 35px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9
}

@media screen and (max-width: 991px) {
    .help-center-container .main .main-content-wrapper .contact-block {
        margin-left: 0;
        margin-top: 30px;
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .help-center-container .main .main-content-wrapper .contact-block {
        margin-top: 20px;
        padding: 0 20px;
        padding-top: 20px;
        padding-bottom: 23px
    }
}

.help-center-container .main .main-content-wrapper .contact-block .name {
    font-family: Lora;
    font-size: 20px;
    font-weight: 700;
    color: #373e53
}

.help-center-container .main .main-content-wrapper .contact-block .c-description {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.43;
    padding-bottom: 25px;
    border-bottom: 1px solid #e9edfa
}

.help-center-container .main .main-content-wrapper .contact-block .phone-wrapper {
    margin-top: 28px;
    display: block
}

.help-center-container .main .main-content-wrapper .contact-block .phone-wrapper .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.help-center-container .main .main-content-wrapper .contact-block .phone-wrapper .text {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1b3f9e;
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px
}

.help-center-container .main .main-content-wrapper .contact-block .mail-wrapper {
    display: block;
    margin-top: 18px
}

.help-center-container .main .main-content-wrapper .contact-block .mail-wrapper .icon {
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.help-center-container .main .main-content-wrapper .contact-block .mail-wrapper .text {
    font-size: 14px;
    font-weight: 600;
    color: #1b3f9e;
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px
}

@media screen and (max-width: 991px) {
    .help-center-container.inner .main {
        padding-top: 60px
    }
}

.help-center-container.inner .main .main-content-wrapper {
    margin-top: 0
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 0;
    display: none
}

@media screen and (max-width: 991px) {
    .help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper {
        display: block
    }
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 40px
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .search-field {
    width: 100%;
    border-radius: 0 0 4px 4px;
    background-color: #ffff;
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    outline: none;
    padding: 0 30px;
    font-size: 14px;
    line-height: 1.43
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .search-field::-webkit-input-placeholder {
    color: #828a9d
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .search-field:-ms-input-placeholder {
    color: #828a9d
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .search-field::placeholder {
    color: #828a9d
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .button {
    position: absolute;
    top: 20px;
    right: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    cursor: pointer
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .button .icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.help-center-container.inner .main .main-content-wrapper .responsive-search-wrapper .wrapper .submit-input {
    display: none
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .breadcrumbs {
    font-size: 14px;
    font-weight: 600;
    color: #949cac;
    margin-bottom: 33px
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .breadcrumbs .crumb.active {
    color: #346fb8
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .text {
    margin-top: 22px;
    font-size: 14px;
    line-height: 1.43;
    padding-bottom: 14px;
    border-bottom: 1px solid #e9edfa
}

@media screen and (max-width: 767px) {
    .help-center-container.inner .main .main-content-wrapper .main-block .wrapper .text {
        margin-top: 20px;
        padding-bottom: 20px
    }
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .name {
    margin-top: 29px;
    font-family: ProximaNova;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    padding-bottom: 0;
    border-bottom: none;
    color: #3b4357
}

@media screen and (max-width: 767px) {
    .help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .name {
        margin-top: 20px
    }
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper {
    margin-top: 28px;
    font-size: 14px;
    font-weight: 600;
    color: #8b92a4
}

@media screen and (max-width: 767px) {
    .help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper {
        margin-top: 21px
    }
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0;
    padding-left: 31px;
    padding-right: 34px;
    border: 1px solid #e2e5ef;
    border-radius: 4px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button {
        padding-left: 23px;
        padding-right: 26px
    }
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button:last-of-type {
    margin-left: 20px
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button .icon {
    display: inline-block;
    vertical-align: middle
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button .icon path {
    fill: #8B92A4;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button .icon-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button.active {
    color: #1b3f9e
}

.help-center-container.inner .main .main-content-wrapper .main-block .wrapper .vote-wrapper .buttons-wrapper .button.active .icon path {
    fill: #1b3f9e
}

.help-center-container.inner .main .main-content-wrapper .contact-block {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width: 767px) {
    .help-center-container.inner .main .main-content-wrapper .contact-block {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper {
        display: none
    }
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .search-field {
    width: calc(100% - 40px);
    border-radius: 4px 0 0 4px;
    background-color: #ffff;
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    outline: none;
    padding: 0 30px;
    font-size: 14px;
    line-height: 1.43
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .search-field::-webkit-input-placeholder {
    color: #828a9d
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .search-field:-ms-input-placeholder {
    color: #828a9d
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .search-field::placeholder {
    color: #828a9d
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .button {
    width: 40px;
    height: 40px;
    border-radius: 0 4px 4px 0;
    background-color: #1b3f9e;
    position: relative;
    cursor: pointer
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .button .icon {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.help-center-container.inner .main .main-content-wrapper .contact-block .contact-search-wrapper .wrapper .submit-input {
    display: none
}

.help-center-container.inner .main .main-content-wrapper .contact-block .content {
    margin-top: 30px;
    width: 100%;
    padding: 20px 30px;
    padding-bottom: 35px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9
}

.product-container.dashboard .header .menu-line {
    background-color: #fff;
    padding: 15px 50px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    height: 80px
}

@media screen and (max-width: 991px) {
    .product-container.dashboard .header .menu-line {
        display: none
    }
}

.product-container.dashboard .header .menu-line .logo {
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.product-container.dashboard .header .menu-line .items-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 600
}

.product-container.dashboard .header .menu-line .items-wrapper .item {
    display: inline-block;
    margin-left: 20px
}

.product-container.dashboard .header .menu-line .items-wrapper .item.active {
    color: #1b3f9e
}

.product-container.dashboard .header .menu-line .profile {
    cursor: pointer;
    position: relative
}

.product-container.dashboard .header .menu-line .profile .picture {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.product-container.dashboard .header .menu-line .profile .name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 600
}

.product-container.dashboard .header .menu-line .profile .icon {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.product-container.dashboard .header .menu-line .profile .icon path {
    fill: #CDD2E3;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.product-container.dashboard .header .menu-line .profile.active .icon path {
    fill: #1b3f9e
}

.product-container.dashboard .header .menu-line .profile .list {
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    box-shadow: 0 1px 9px 0 rgba(62, 83, 128, 0.13);
    font-size: 14px;
    font-weight: 600;
    line-height: 2.14;
    color: #82899d;
    padding: 13px 0;
    z-index: 10;
    border-radius: 4px;
    min-width: 175px;
    display: none
}

.product-container.dashboard .header .menu-line .profile .list .item {
    padding: 0 27px
}

.product-container.dashboard .header .menu-line .profile .list .item:last-of-type {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e7eaf2
}

.product-container.dashboard .product-main {
    padding-bottom: 50px
}

.product-container.dashboard .product-main .about .content .heading-wrapper .button-wrapper .button {
    display: inline-block;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1b3f9e;
    padding: 15px 23px;
    border: 1px solid #e2e5ef
}

a.button[download] {
    display: none !important;
}

.product-container.dashboard .product-main .about .content .heading-wrapper .button-wrapper .button .icon {
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.product-container.dashboard .product-main .about .content .heading-wrapper .button-wrapper .button .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px
}

.woocommerce-password-strength {
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    padding: 0 20px;
    position: absolute
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
    color: #f63769
}

.woocommerce-password-strength.good {
    color: #d8ac17
}

.woocommerce-password-strength.strong {
    color: #16cc7d
}

.woocommerce-message {
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    color: #16cc7d;
    padding: 0 20px;
    padding-top: 21px;
    padding-bottom: 17px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 20px 50px 0 rgba(43, 59, 93, 0.15);
    box-shadow: 0 20px 50px 0 rgba(43, 59, 93, 0.15);
    border-bottom: 2px solid #16cb7d;
    right: 20px;
    bottom: 20px;
    margin-left: 20px;
    z-index: 20
}

.woocommerce-message::before {
    background-image: url(../images/success.svg);
    background-position: center center;
    background-size: contain;
    content: '';
    display: inline-block;
    margin-right: 14px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
    top: 3px
}

.index-container--gifting-home .header-button:last-of-type {
    margin-left: 18px;
    background-color: rgba(224, 228, 242, 0.7) !important;
    color: #1b3f9e !important
}

.meal-kits-popup-trigger .icon svg {
    width: 13px;
    display: inline-block;
    height: 20px;
    margin-bottom: -5.5px;
    margin-left: 5px;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.subtext.meal-kits-popup-trigger {
    text-align: center;
    margin-top: 12px;
    font-size: 20px;
    
}
.subtext.meal-kits-popup-trigger a {
    cursor:pointer;
    color: #1b3f9e;
    font-size: 15px;
    font-weight: bolder;
    text-decoration: underline;
}

#how-it-works-video.inside-popup {
    margin: 0;
    width: 100%;
}

/* 
.meal-kits-popup-trigger .icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
} */

@media screen and (max-width: 767px) {
    .index-container--gifting-home .header-button:last-of-type {
        margin-left: 0
    }
}

.index-container--gifting-home .image {
    max-width: 700px
}

.gh-hero-decoration {
    width: 25vw;
    position: absolute;
    right: 35vw;
    bottom: 0
}

@media screen and (max-width: 991px) {
    .gh-hero-decoration {
        width: 30vw;
        right: 380px
    }
}

@media screen and (max-width: 767px) {
    .gh-hero-decoration {
        width: 200px;
        right: 220px
    }
}

.gh-support {
    padding: 0 10%;
    padding-top: 109px
}

@media screen and (max-width: 991px) {
    .gh-support {
        padding: 0 20px;
        padding-top: 109px
    }
}

@media screen and (max-width: 767px) {
    .gh-support {
        padding-top: 40px
    }
}

.gh-support .content-wrapper {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 89px;
    border-bottom: 1px solid #eaecf5
}

@media screen and (max-width: 767px) {
    .gh-support .content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 50px
    }
}

.gh-support .content {
    padding-top: 92px;
    padding-bottom: 110px;
    width: calc(100% - 370px);
    padding-right: 12%
}

@media screen and (max-width: 991px) {
    .gh-support .content {
        padding-right: 30px
    }
}

@media screen and (max-width: 767px) {
    .gh-support .content {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        padding-right: 0;
        margin-top: 40px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.gh-support .content .title {
    font-family: Lora;
    font-size: 30px;
    font-weight: 700;
    color: #373e53
}

@media screen and (max-width: 767px) {
    .gh-support .content .title {
        font-size: 24px
    }
}

.gh-support .content .description {
    margin-top: 23px;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width: 767px) {
    .gh-support .content .description {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.43
    }
}

.gh-support .content .contact-line {
    margin-top: 57px;
    background-color: #f3f6ff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #1b3f9e;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    padding-bottom: 21px;
    text-align: center
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .gh-support .content .contact-line {
        font-size: 12px
    }
}

@media screen and (max-width: 991px) {
    .gh-support .content .contact-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .gh-support .content .contact-line {
        font-size: 14px
    }
}

@media screen and (max-width: 991px) {
    .gh-support .content .contact-line .item {
        padding: 0 20px;
        padding-top: 20px
    }
}

.gh-support .content .contact-line .item:not(:last-of-type) {
    border-right: solid 1px #dee2ed;
    width: 38%
}

@media screen and (max-width: 991px) {
    .gh-support .content .contact-line .item:not(:last-of-type) {
        width: 100%;
        border-right: none
    }
}

@media screen and (max-width: 991px) {
    .gh-support .content .contact-line .item:not(:last-of-type) .wrapper {
        border-bottom: 1px solid #dee2ed
    }
}

.gh-support .content .contact-line .item:last-of-type {
    width: 24%
}

@media screen and (max-width: 991px) {
    .gh-support .content .contact-line .item:last-of-type {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .gh-support .content .contact-line .item .wrapper {
        display: block;
        width: 100%;
        padding-bottom: 20px
    }
}

.gh-support .content .contact-line .item .wrapper .icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .gh-support .content .contact-line .item .wrapper .icon {
        width: 12px;
        height: 12px
    }
}

.gh-support .content .contact-line .item .wrapper .info {
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle
}

.gh-support .image-wrapper {
    border-radius: 4px;
    overflow: hidden;
    max-width: 370px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .gh-support .image-wrapper {
        height: 290px
    }
}

.gh-support .image-wrapper .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08);
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.09), 0 3px 5px 0 rgba(22, 53, 135, 0.08)
}

.gh-support .content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
    padding-left: 12%
}

@media screen and (max-width: 991px) {
    .gh-support .content {
        padding-left: 30px
    }
}

@media screen and (max-width: 767px) {
    .gh-support .content {
        padding: 0
    }
}

.how-it-works-container--redeem .header .content .title {
    font-size: 48px
}

.re-cupon-form {
    margin-top: 35px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .re-cupon-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px
    }
}

.re-input,
.re-submit {
    height: 45px;
    font-size: 14px;
    display: block
}

.re-input {
    padding: 0 20px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    max-width: 320px;
    width: 100%;
    outline: none;
    border: none
}

@media screen and (max-width: 767px) {
    .re-input {
        max-width: none;
        margin-bottom: 20px;
        border-radius: 4px
    }
}

.re-input::-webkit-input-placeholder {
    color: #82899d
}

.re-input:-ms-input-placeholder {
    color: #82899d
}

.re-input::placeholder {
    color: #82899d
}

.re-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100px;
    background-color: #1b3f9e;
    border-radius: 0 4px 4px 0;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .re-submit {
        width: 100%;
        border-radius: 4px
    }
}

.how-it-works-container--redeem .header .h-decoration7 {
    left: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

.how-it-works-container--redeem .header .h-decoration8 {
    -webkit-transform: translateY(35%);
    transform: translateY(35%)
}

.how-it-works-container--redeem .header .h-decoration3 {
    bottom: -85px
}

.how-it-works-container--redeem .we-deliver-your-box {
    background-color: #f3f6ff;
    overflow: hidden
}

.re-deliver-decoration {
    max-width: 230px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.how-it-works-container--redeem .cook-like-a-top-chef {
    background-color: #fff
}

.how-it-works-container--redeem .cook-like-a-top-chef .decoration11 {
    position: absolute;
    width: 150px;
    top: 40%;
    left: -60px
}

@media screen and (max-width: 767px) {
    .how-it-works-container--redeem .cook-like-a-top-chef .decoration11 {
        left: -70px
    }
}

.how-it-works-container--redeem .cook-like-a-top-chef .decoration13 {
    position: absolute;
    width: 130px;
    top: 254px;
    right: 108px
}

@media screen and (max-width: 991px) {
    .how-it-works-container--redeem .cook-like-a-top-chef .decoration13 {
        top: 170px
    }
}

@media screen and (max-width: 767px) {
    .how-it-works-container--redeem .cook-like-a-top-chef .decoration13 {
        top: 80px;
        right: 0
    }
}

.content--redeem-register .content-wrapper {
    margin-top: 0 !important
}

.registration-message,
.plans-bottom-message {
    max-width: 770px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    background-color: #fff;
    margin-top: 50px;
    padding: 30px 16%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left bottom, 160% 100%;
    background-size: contain, 50%;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 #e5eaf9;
    box-shadow: 0 1px 2px 0 #e5eaf9;
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    color: #373f53
}

.registration-message span,
.plans-bottom-message span {
    color: #1b3f9e
}

.cupon-message {
    display: block;
    position: absolute;
    top: 33px;
    right: 0;
    z-index: 10;
    background-color: #fff;
    -webkit-box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.16);
    box-shadow: 0 30px 80px 0 rgba(62, 83, 128, 0.16);
    padding: 20px 40px 20px 25px
}

@media screen and (max-width: 460px) {
    .cupon-message {
        width: calc(100% - 20px)
    }
}

.cupon-message-text {
    display: inline-block;
    vertical-align: middle;
    font-family: ProximaNova;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    text-align: left;
    color: #373f53;
    text-align: center
}

.cupon-message-text span {
    color: #1b3f9e
}

.cupon-message-text::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background-image: url("../images/icon-gift-small.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.received-gift-nav {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 30px 0
}

@media screen and (max-width: 767px) {
    .received-gift-nav {
        padding: 25px 20px 0
    }
}

.received-gift-nav__logo {
    display: block;
    width: 80px
}

.received-gift-nav__logo img {
    width: 100%
}

.received-gift-nav-list {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 460px) {
    .received-gift-nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.received-gift-nav-list__item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #1b3f9e
}

.received-gift-nav-list__item:first-of-type {
    margin-right: 15px
}

@media screen and (max-width: 460px) {
    .received-gift-nav-list__item:first-of-type {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.received-gift-nav-list__item::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-right: 15px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.received-gift-nav-list__item.--phone::before {
    background-image: url("../images/icon-phone.svg")
}

.content--received-gift .content-wrapper {
    margin-bottom: 40px !important
}

.gift-form-header {
    padding-bottom: 50px;
    border-bottom: 1px solid #e9ebf0;
    margin-bottom: 35px
}

.gift-form-header__icon-wrapper {
    width: 90px;
    height: 90px;
    background-color: #f3f6ff;
    border-radius: 50%;
    margin: 0 auto 35px
}

.gift-form__icon {
    width: 120px;
    height: 110px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    top: -30px;
    left: -18px
}

.gift-form__title {
    font-family: Lora;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #373f53;
    margin-bottom: 20px;
    line-height: 1.4
}

.gift-form__description {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #82899d;
    margin-bottom: 40px
}

.gift-form__submit {
    border: none;
    border-radius: 4px;
    outline: none;
    background-color: #1b3f9e;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    text-align: center;
    display: block;
    width: 235px;
    margin: 0 auto;
    padding: 14px 0;
    cursor: pointer
}

.gift-form-footer {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 560px) {
    .gift-form-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.gift-form-footer__col {
    width: 50%
}

@media screen and (max-width: 560px) {
    .gift-form-footer__col {
        width: 100%
    }
}

.gift-form-footer__col:first-of-type {
    margin-right: 15px
}

@media screen and (max-width: 560px) {
    .gift-form-footer__col:first-of-type {
        margin-right: 0
    }
}

.gift-form-field {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.gift-form-field__label {
    width: 80px;
    margin-right: 10px;
    font-size: 14px;
    color: #82899d
}

@media screen and (max-width: 560px) {
    .gift-form-field__label {
        width: auto
    }
}

.gift-form-field__input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #373f53
}

.gift-form-bottom-message {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #82899d
}

.gift-form-bottom-message a {
    color: #1b3f9e
}

.select-plan-container--select-gift .title {
    max-width: 600px
}

.plan__head {
    padding: 25px 0 15px;
    border-bottom: 1px solid #ebebed
}

.plan__icon {
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 auto 15px
}

.plan__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    color: #373f53
}

.plan__bottom {
    margin-top: 20px;
    padding: 25px 45px 20px;
    border-top: 1px solid #ebebed
}

.plan__bottom-description {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #82899d
}

.plans-wrapper.--choose-gift .plan .content-wrapper {
    height: 100%
}

.plans-bottom-message {
    max-width: none;
    margin: 30px auto 0;
    width: calc(100% - 100px - 5%);
    position: relative
}

@media screen and (max-width: 767px) {
    .plans-bottom-message {
        max-width: 370px;
        width: calc(100% - 40px)
    }
}

.plans-bottom-message::before {
    display: block;
    content: '';
    width: 60px;
    height: 30px;
    background-image: url("../images/gift-leaf1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.plans-bottom-message::after {
    display: block;
    content: '';
    width: 60px;
    height: 30px;
    background-image: url("../images/gift-leaf2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.plans-bottom-message__price {
    font-family: Lora;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    color: #373f53;
    margin-bottom: 5px
}

.plans-bottom-message__text {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.67;
    text-align: center;
    color: #373f53
}

.send-gift-form {
    max-width: 970px;
    width: 100%;
    margin: 50px auto 0
}

@media screen and (max-width: 991px) {
    .send-gift-form {
        max-width: calc(100% - 40px)
    }
}

.send-gift-form-radios {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .send-gift-form-radios {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.send-gift-form__radio-wrapper {
    width: 50%;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #d7def2;
    box-shadow: 0 1px 2px 0 #d7def2;
    padding: 20px 25px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .send-gift-form__radio-wrapper {
        width: 100%
    }
}

.send-gift-form__radio-wrapper:first-of-type {
    margin-right: 30px
}

@media screen and (max-width: 767px) {
    .send-gift-form__radio-wrapper:first-of-type {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.send-gift-form__radio-wrapper label {
    min-width: 20px;
    height: 20px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    border-radius: 50%;
    margin-right: 25px;
    cursor: pointer
}

.send-gift-form__radio-wrapper input:checked+label {
    position: relative
}

.send-gift-form__radio-wrapper input:checked+label::after {
    display: block;
    content: '';
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #1b3f9e;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.send-gift-form__radio-name {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    margin-bottom: 4px
}

.send-gift-form__radio-description {
    font-size: 14px;
    color: #82899d
}

.send-gift-form-information {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 #d7def2;
    box-shadow: 0 1px 2px 0 #d7def2;
    padding: 30px 35px 115px
}

@media screen and (max-width: 991px) {
    .send-gift-form-information {
        padding: 30px 35px 35px
    }
}

.sfi-wrapper:not(:last-of-type) {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9edfa;
    margin-bottom: 30px
}

.sfi-title {
    font-family: Lora;
    font-size: 16px;
    font-weight: 700;
    color: #373f53;
    margin-bottom: 30px
}

.sfi-line:not(:last-of-type) {
    margin-bottom: 30px
}

.sfi-line--cols {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .sfi-line--cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.sfi-line--cols .sfi-input-wrapper:not(:last-of-type) {
    margin-right: 30px
}

@media screen and (max-width: 767px) {
    .sfi-line--cols .sfi-input-wrapper:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.sfi-line--cols .sfi-input-wrapper:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px
}

@media screen and (max-width: 767px) {
    .sfi-line--cols .sfi-input-wrapper:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.sfi-line--cols .sfi-input-wrapper:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px
}

@media screen and (max-width: 767px) {
    .sfi-line--cols .sfi-input-wrapper:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.sfi-line--cols .sfi-input-wrapper:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 435px;
    flex: 1 1 435px
}

@media screen and (max-width: 767px) {
    .sfi-line--cols .sfi-input-wrapper:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.sfi-label {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    display: block;
    margin-bottom: 10px
}

.sfi-input {
    border: none;
    outline: none;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #f3f6ff;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    box-shadow: inset 0 1px 2px 0 rgba(166, 176, 200, 0.22);
    padding: 10px 15px
}

.sfi-input--textarea {
    display: block;
    width: 100%;
    height: 90px;
    resize: none
}

@media screen and (min-width: 992px) {
    .buttons-wrapper--gift {
        padding: 0 !important;
        max-width: 900px;
        width: 100%;
        margin: 0 auto;
        margin-top: 0 !important;
        position: relative;
        top: -35px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .buttons-wrapper--gift a {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .buttons-wrapper--gift {
        padding: 0 !important
    }
    .buttons-wrapper--gift a {
        max-width: none !important;
        width: calc(100% - 40px) !important;
        margin: 0 auto !important
    }
    .buttons-wrapper--gift a:not(:first-of-type) {
        margin-bottom: 10px !important
    }
}

@media screen and (max-width: 991px) {
    .header.--send-gift .decoration {
        display: none
    }
}

.redeem-checkout__signin {
    font-size: 14px;
    line-height: 1.43;
    color: #82899d;
    margin-top: 20px
}

.redeem-checkout__signin a {
    color: #1b3f9e
}

.redeem-checkout__form .wrapper--fullwidth {
    width: 100% !important
}

.redeem-checkout__form .card .wrapper {
    width: 33.33% !important
}

@media screen and (max-width: 767px) {
    .redeem-checkout__form .card .wrapper {
        width: 100% !important
    }
}

.redeem-checkout__form .card .wrapper.big {
    width: 66.66% !important
}

@media screen and (max-width: 767px) {
    .redeem-checkout__form .card .wrapper.big {
        width: 100% !important
    }
}

.redeem-checkout__form .card .wrapper.big .wrapper {
    width: 50% !important
}

@media screen and (max-width: 767px) {
    .redeem-checkout__form .card .wrapper.big .wrapper {
        width: 100% !important
    }
}

@media screen and (max-width: 767px) {
    .summary--redeem-checkout textarea {
        min-height: 110px
    }
}

.name--bold {
    font-weight: 600;
    color: #373f53
}

.redeem-checkout__form-terms {
    margin-top: 35px;
    border-top: 1px solid #ebebed;
    padding-top: 30px
}

.redeem-checkout__form-terms-title {
    font-size: 14px;
    font-weight: 600;
    color: #373f53;
    margin-bottom: 10px
}

.redeem-checkout__form-terms-text {
    font-size: 14px;
    line-height: 1.43;
    color: #82899d
}

.redeem-checkout__form-terms-text a {
    color: #1b3f9e
}

.content-wrapper--redeem-checkout {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.content-wrapper--redeem-checkout .button {
    width: 170px
}

.confirmation-recipient {
    margin-top: 17px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ebebed;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #82899d
}

.confirmation-recipient a {
    font-weight: 600;
    color: #1b3f9e
}

.gifting .woocommerce-error {
    margin: 0;
    margin-bottom: 25px;
}

a.added_to_cart.wc-forward {
    display: none;
}

.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart .loading-text,
.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart .added-text {
    display: none;
}

.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.loading .main-text {
    display: none;
}

.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.loading .loading-text {
    display: block;
    position: relative;
    height: 17px;
}

.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added .loading-text,
.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added .main-text {
    display: none;
}

.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added .added-text{
    display:block;
}

.menu-container .main.product-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.loading .loading-text::after {
    content: "";
    position: absolute;
    margin-top: -2px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 3px solid white;
    border-top-color: #384f98;
    animation: loading 2s linear infinite;
}
.kosherbanner {
    max-width: 50vw;
    margin: 0 auto;
    left: 0;
    position: relative;
    border-radius: 5px;
    padding: 40px 20px;
    overflow: hidden;
}
.kosherbanner img {border-radius: 10px;}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.buttonlogos img{
    margin-left:20px;
}
.buttonlogos img.miami-image{
    margin-top:20px;
}
.buttonlogos {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-shop h1 span {
    display: block;
    font-weight: 500;
    font-size: 23px;
}
predictive-search.display-block{
    display: none;
}
.index-container .header .content .title, .index-container .header .content .sub-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.index-container .header .content .row.bottomlogo {
    text-align: center;
}
/* @media screen and (max-width: 1300px) {
    .kosherbanner {
        left: 46px;
        margin-top: -120px;
        max-width: 60vw;
    }
}
*/
@media screen and (max-width: 1023px) {
    .kosherbanner {
        max-width: 95vw;
        margin: 0 auto;
        left: 0;
        position: relative;
        border-radius: 5px;
        padding: 20px 0;
        overflow: hidden;
    }
}
/*
@media screen and (max-width: 768px) {
    .kosherbanner {
        margin-top: -100px;
        max-width: 80vw;
    }
}
@media screen and (max-width: 767px) {
    .kosherbanner {
        max-width: calc(100% - 40px);
        left: 0;
        margin: auto;
        margin-top: -180px;
    }
} */
@media screen and (max-width: 991px) {
    /*.navigation {*/
    /*    display: none*/
    /*}*/
    .navigation .left {
        float: left;
    }
    .navigation .right .register,
    .navigation .right .login,
    .navigation .left .items-wrapper {
        display:none;
    }
    .header .navigation {
        padding: 0 20px;
        padding-bottom: 8px;
        height: 57px;
    }
    .navigation .logo {
        width: 75px;
        position: absolute;
        height: 35px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 0px);
    }
    .navigation .left .active .items-wrapper {
        display: block;
        margin-left: 0;
    }
    .navigation .left .items-wrapper .item:not(:first-of-type) {
        margin-left: 0;
    }
    .navigation .right {
        float: right;
    }
    .hamburger.hamburger--spin {
        padding: 9px;
        margin: -9px;
        margin-top: 0px !important;
    }
    .navigation {
        padding: 0;
    }
    .home .navigation.responsive-navigation {
        padding: 0;
    }
}
.hamburger.hamburger--spin {
    display:none;
}
@media (max-width: 480px) {
    .index-container .header {
        height: 810px;
    }
}
@media (max-width: 991px) {
    .hamburger.hamburger--spin {
        display:block;
    }
}