/*global*/
html {
    font-family: 'Lato', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

.scroll-to-form {
    cursor: pointer;
    color: inherit;
}


.pointer {
    cursor: pointer;
}

.justify {
    text-align: justify
}

.no-margin {
    margin: 0px
}

.noscroll {
    overflow: hidden;
}

.center-margin {
    margin: 0px auto !important;
}

.stop-scrolling {
    overflow-x: hidden;
}

.uppercase {
    text-transform: uppercase;
}

.clr-back-darkgrey {
    background-color: #404040 !important
}

.clr-back-lightpink {
    background-color: #fbd2d6 !important
}

.clr-back-pink {
    background-color: #d28480 !important
}

::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #404040;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #404040;
}

::-webkit-scrollbar-thumb:active {
    background: #404040;
}

::-webkit-scrollbar-track {
    background: #e6e6e6;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-track:hover {
    background: #a8a8a8;
}

::-webkit-scrollbar-track:active {
    background: #cfcfcf;
}

::-webkit-scrollbar-corner {
    background: transparent;
}


@media only screen and (min-width: 1200px) {
    /*med desktop*/
    .container {
        width: 80%
    }
}

@media only screen and (max-width: 600px) {
    /*small mobile*/
    .container {
        width: 95%
    }
}

:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

@font-face {
    font-family: 'FancyHand';
    src: url('fonts/streamster-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.linear-wipe {
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ff9292), color-stop(40%, #f50004), color-stop(60%, #f50004), color-stop(80%, #ff9292));
    background: linear-gradient(to right, #ff9292 20%, #f50004 40%, #f50004 60%, #ff9292 80%);
    background-size: 200% auto;
    color: #f50004;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 1s linear infinite;
    animation: shine 1s linear infinite;
}

@-webkit-keyframes shine {
    to {
        background-position: 200% center;
    }
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/*header + divider*/
.main-header {
    padding: 20px 0px;
    font-weight: 400;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.main-header.leftalign {
    justify-content: end;
    width: 100%
}

.main-header.leftalign .fancy-text {
    text-align: left
}

.main-header h4 {
    color: #2b3747;
    font-size: 35px;
    font-weight: 600;
    margin: 0px;
}

.main-header img {
    width: 100%;
    max-width: 200px;
    position: absolute;
}

.main-header dd {
    margin: 0px;
    display: inline
}

.fancy-text {
    font-family: 'FancyHand', cursive;
    font-size: 28px;
    color: #0280f9;
    display: block;
    width: 100%;
}

.main-text {
    color: #848388;
    font-size: 18px;
    text-align: center;
    display: block
}

.main-text.leftalign {
    text-align: left;
}

.main-text.withpadding {
    padding: 0px 10vw;
}

@media only screen and (min-width: 1201px) {
    .main-text.withpadding {
        padding: 0px 20vw;
    }
}

@media only screen and (max-width: 992px) {
    .main-text.withpadding {
        text-align: left;
        font-size: 16px;
        padding: 0px !important
    }
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .main-header h4 {
        font-size: 26px
    }

    .main-header span {
        font-size: 16px;
    }

    .main-header.leftalign {
        justify-content: center;
        width: 100%
    }

    .main-header.leftalign .fancy-text {
        text-align: center
    }

    .main-text.leftalign {
        text-align: center;
    }
}


/*nav*/
.navbar-fixed.is-top, .navbar-fixed, nav, .navbar-fixed.is-top .logo-desktop img, .logo-desktop img, .nav-wrapper ul {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

nav ul a {
    color: black
}

nav ul a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #0280f9;
}

.navbar-fixed .collection, .navbar-fixed ul {
    text-transform: uppercase;
    font-weight: bold;
}


@media only screen and (min-width: 993px) {
    /*desktop*/
    nav {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-fixed nav {
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .nav-wrapper ul {
        display: flex;
        justify-content: center;
    }
}


.logo-desktop {
    display: flex;
    justify-content: center;
}

.navbar-fixed {
    height: 40px
}

.navbar-fixed nav {
    height: 40px;
}

.navbar-fixed .nav-wrapper ul {
    line-height: 40px;
}

.navbar-fixed .logo-desktop img {
    width: 100px;
}


.navbar-fixed.is-top nav {
    height: 100px;
}

.navbar-fixed.is-top .nav-wrapper ul {
    line-height: 100px;
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .navbar-fixed.is-top .nav-wrapper ul {
        line-height: 40px;
    }
}

.navbar-fixed.is-top .logo-desktop img {
    width: 220px;
}

/*mobile nav*/
nav .sidenav-trigger {
    height: 40px;
}

.mobile-logo {
    height: 45px;
    padding: 8px;
}

.sidenav-trigger svg {
    height: 40px;
    padding: 2px;
}

.navbar-fixed > .collapsible {
    margin: 0px;
}

.navbar-fixed .collapsible-header {
    display: none !important;
    line-height: 0px !important;
    border-bottom: 0px
}

#nav-mobile li.active {
    background-color: rgb(255 255 255 / 10%);
}

@media only screen and (min-width: 993px) {
    /*desktop*/
    #nav-mobile {
        display: none
    }


}

@media only screen and (max-width: 400px) {
    /*xs mobile*/
    .mobile-logo {
        height: 43px;
        padding: 10px;
    }


}


/*buttons*/
.btn-buy-row {
    display: flex;
    margin: 20px 0px 65px;
}

.btn-buy-nav {
    background-color: #0280f9;
    border: 2px solid #0280f9;
    border-radius: 20px;
}

.btn-buy-nav:hover {
    background-color: #fff
}

.btn-buy-nav a {
    color: white
}

.btn-buy-nav a:hover {
    background-color: transparent
}

@media only screen and (min-width: 993px) {
    /*desktop*/
    .btn-buy-nav {
        height: 36px;
        line-height: 32px;
        align-self: center;
    }
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .btn-buy-nav {
        border-radius: 20px;
        height: 33px;
        line-height: 28px;
        margin-top: 5px;
        margin-right: 5px;

    }

    nav {
        line-height: 40px;
    }

    .navbar-fixed nav {
        height: 44px;
    }
}


/*button main*/
.btn-main-row {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.btn-main {
    max-width: 300px;
    width: 100%;
    border-radius: 10px;
    background-color: #e3dc12;
    border: 2px solid #e3dc12;
    color: black;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

.btn-main:hover {
    background-color: #fff;
}

.btn-main,
.btn-main:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/*background*/
.background1 {
    background: url(images/back1.jpg) white;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    overflow: hidden;
    background-color: #f3f5f4;
    height: 990px;
}

.background1 .container {
    width: 100%
}

@media only screen and (max-width: 992px) {
    .background1 {
        background-size: contain;
        height: auto;

    }
}

@media only screen and (max-width: 600px) {
    .background1 {
        background-size: 180%;
        background-position-y: -13px;
    }
}


.background2 {
    background: url(images/back2.jpg) white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    overflow: hidden;
    padding: 30px 0px;
}

@media only screen and (max-width: 992px) {
    .background2 {
        background-position-x: 73%;
    }
}

.background3 {
    background: url(images/back3.jpg) white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;


}

@media only screen and (max-width: 992px) {
    .background3 {
        background-position-x: 50%;
    }
}

@media only screen and (max-width: 600px) {
    .background3 {
        background-position-x: 26%;
    }
}

.background4 {
    background: url(images/back4.jpg) white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 939px;


}

@media only screen and (max-width: 600px) {
    .background4 {
        background-position-x: 34%;
    }
}


.background5 {
    background: url(images/back5.jpg) white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;


}

@media only screen and (max-width: 992px) {
    .background5 {
        background-position-x: 73%;
    }
}

.background6 {
    background: url(images/back6.jpg) white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 1100px;


}

@media only screen and (max-width: 992px) {
    .background6 {
        background-position-x: 55%;

        height: auto;

    }
}

@media only screen and (max-width: 600px) {
    .background6 {
        background-position-x: 40%;
        background-position-y: 20%;
        background-size: 230%;
    }
}

.background-grey {
    background-color: #f3f5f4;
}

.background-skew {
    top: 0px;
    z-index: -1;
    background-color: white;
    position: absolute;
    transform: skew(15deg, 0deg) rotate(15deg);
    height: 500px;
    width: 98%
}

.margin-overlap {
    margin-top: -80px
}

@media only screen and (max-width: 992px) {
    .margin-overlap {
        margin-top: 0px
    }
}

/*home*/
.home-row {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: center;
}

@media only screen and (max-width: 992px) {
    .home-row {
        flex-wrap: wrap;
    }
}

/*home-product*/
.home-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 180px 0px 0px
}

.home-count {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.home-count .home-arr {
    position: absolute;
    top: -80px;
    z-index: 0
}

.home-product-img {
    margin-left: -40px;
}

.home-product-img img {
    width: 600px;
}


.home-price {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    top: -120px;
}

.product-prices {
    z-index: 99;
}

.home-price .home-arr {
    position: absolute;
    top: -134px;
    z-index: 0;
}

.home-price .pr-newprice {
    color: #fe0000;
    margin: -10px 0px;
}

.home-price .pr-saveprice {
    color: #000
}


/*home title*/
.home-title-col {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap
}

.home-title {
    font-size: 105px;
    line-height: 100px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

.home-title h2 {
    font-size: 100%;
    line-height: 100%;
    text-align: left;
    color: white;
    text-shadow: 3px 1px 4px black;
}

.home-title h2 span {
    font-weight: 300
}

.home-title h2 b {
    display: block;
    font-weight: 800;
    margin-left: -20px
}

.home-title.hidedesktop {
    display: block;
    margin-left: 40px;
    margin-top: 15px;
}

.home-title.hidedesktop h2 {
    margin-top: 10px;
}


@media only screen and (min-width: 1020px) {
    .home-title {
        line-height: 86%;
        margin-left: 65px;
        margin-top: 90px;
    }
}

/*home mobile*/
@media only screen and (max-width: 992px) {
    .home-product {
        margin-top: 10%;
        margin-bottom: 0px
    }

    .home-product-img {
        margin-left: -25px;
    }

    .home-product-img img {
        width: 380px;
    }

    .home-price .home-arr {
        position: absolute;
        top: -111px;
        z-index: 0;
        width: 277px;
    }

    .home-price {
        top: -70px;
        right: -17px;
        transform: scale(0.85);
    }

    .home-count {
        top: 13px;
        transform: scale(0.85);
    }

    .home-count .countdown-text {
        color: white;
        text-shadow: -1px 1px 3px black;
    }

    .home-count .countdown-box span:last-child {
        color: white;
        text-shadow: 1px 1px 3px black;
    }

    .home-count .home-arr {
        position: absolute;
        top: -44px;
        left: -30px;
        z-index: 0;
        width: 291px;
    }

    .home-title-col {
        margin-top: -80px;
    }

    .home-title h2 {
        font-size: 35%;
    }

}

@media only screen and (max-width: 600px) {
    .home-product {
        margin-top: 20%;
    }
}

@media only screen and (max-width: 460px) {
    .home-product {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 992px) {
    .home-product-img img {
        width: 320px;
    }
}

/*countdown*/
.countdown-box-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 99;
}

.countdown-text {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
}

.countdown-box {
    text-align: center;
    font-size: 15px;
}

.count-box {
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 5px;
    background-color: white;
    font-size: 35px;
    min-width: 60px;
    font-weight: bold;
    color: #f7000b
}

.counter-divider {
    margin: 0px 5px;
    font-size: 34px;
    color: white;
    font-weight: bold;
}

@media only screen and (max-width: 992px) {
    .countdown-box {
        font-size: 12px;
    }

    .count-box {
        font-size: 23px;
        min-width: 48px;
    }

    .counter-divider {
        font-size: 21px;
        margin: 0px 2px;
    }
}

/*prices box*/
.product-prices {
    text-align: center;
    font-size: 20px
}

.pr-oldprice {
    position: relative;
    font-weight: bold;
    color: black;
    display: block;
    font-size: 90%;
    text-decoration: line-through;
}

.pr-oldprice::after {
    /*content: "";*/
    /*position: absolute;*/
    /*width: 54px;*/
    /*left: 50%;*/
    /*border-bottom: 2px solid #000;*/
    /*transform: rotate(-11deg) translate(-50%, 3px);*/
}

.pr-newprice {
    color: yellow;
    font-weight: 600;
    display: block;
    font-size: 150%
}

@media (max-width: 400px) {
    .pr-newprice {
        font-size: 24px;
    }
}

.pr-saveprice {
    color: white;
    font-weight: bold;
    display: block;
    font-size: 60%
}

/*about*/


@media only screen and (max-width: 800px) {
    /*S mobile*/
    #about .ingr-with-img {
        width: 100%
    }
}


/*ingredients*/
.sepp-blue {
    background: #047cff;
    height: 2px;
    width: 30px;
    display: block;
    position: relative;
    margin: 10px auto;
}

.sepp-blue:after {
    content: '';
    background: #047cff;
    height: 2px;
    width: 3px;
    display: block;
    position: absolute;
    right: -6px
}

.ingr-with-img-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0px;
}

.ingr-with-img {
    text-align: center;
    width: 25%;
    padding: 10px;
}

.ingrimg {
    margin: 10px auto;
    width: 100%;
    max-width: 282px;
}

.ingrimg2 {
    margin: 10px auto;
    width: 100%;
    max-width: 130px;
}

.ingrimgtitle {
    font-weight: 900;
    text-transform: normal;
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}

.ingrimgtitle2 {
    font-weight: 900;
    color: black;
    text-transform: lowercase;
    font-size: 20px;
    display: block;
}

.ingrimgtext {
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    color: #9c9d9f;
}


@media only screen and (max-width: 400px) {
    /*XS mobile*/
    .ingrimgtitle, .ingrimgtitle2 {
        font-size: 16px;
        line-height: 15px
    }

    .ingrimgtext {
        font-size: 13px;
        font-weight: 400
    }

    .ingrimg {
        max-width: 250px;
    }

    .ingrimg2 {
        max-width: 80px;
    }
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .ingr-with-img-row {
        flex-wrap: wrap;
        margin: 0px !important;
    }

    .ingr-with-img {
        width: 50%;
    }
}

@media only screen and (min-width: 993px) {
    /*desktop*/
    .ingr-with-img {
        min-height: 420px;
    }
}


/*photo frame*/
.picture-frame {
    padding: 8px;
    background: white;
    transform: scale(1.07);
    max-width: 500px
}

.picture-frame img {
    width: 100%;
}


@media only screen and (max-width: 992px) {
    /*mobile*/
    .picture-frame {
        margin: 20px auto;
        max-width: 300px
    }
}

/*feature*/
.feature-row {
    display: flex;
    justify-content: center;
    align-content: center;
}

@media only screen and (min-width: 993px) {
    .feature-row {
        margin-top: 150px
    }
}

.feature-col-1 {
    width: 400px
}

.feature-col-2 {
    width: 400px;
    display: flex;
    justify-content: center;
    margin-top: -125px;
}

.feature-col-3 {
    width: 400px
}

.feature-col-2 img {
    width: 600px;
}

@media only screen and (max-width: 992px) {
    .feature-col-1 {
        margin-right: -200px;
        width: 200px
    }

    .feature-col-2 {
        width: initial;
        align-content: center;
        flex-wrap: wrap;
        margin-top: -45px;
    }

    .feature-col-3 {
        margin-left: -200px;
        width: 200px
    }

    .feature-col-2 img {
        width: 500px;
    }
}

@media only screen and (max-width: 500px) {
    .feature-col-2 img {
        width: 450px;
    }
}


.feature-box {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 60px
}

.feature-box:first-child {
    margin-right: -40px;
}

.feature-box.reverse:first-child {
    margin-left: -45px;
    margin-right: 0px
}

.feature-box-text {
    font-size: 16px;
    text-align: right;
    align-self: center;
    margin-right: 10px;
}

.feature-box-text b {
    display: block;
    color: black;
}

.feature-box-text span {
    color: #8a8a8c
}

.feature-box-img {
    display: flex;
    align-items: center;
}

.feature-box-img img {
    width: 100px;
}

.feature-box.reverse {
    flex-direction: row-reverse;
}

.feature-box.reverse .feature-box-text {
    text-align: left;
    margin-left: 10px;
    margin-right: 0px
}

.feature-box:last-child {
    margin-bottom: 0px;
}

.feature-col-2 img.hide-on-med-and-down {
    margin-top: 50px;
}

@media only screen and (max-width: 992px) {
    .feature-box:first-child {
        margin-right: 0px;
        height: 170px;
    }

    .feature-box.reverse:first-child {
        margin-left: 5px;
        margin-right: 0px
    }

    .feature-box {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        margin-bottom: 280px;
    }

    .feature-box.reverse {
        flex-direction: column-reverse;
        flex-wrap: wrap
    }

    .feature-box-text, .feature-box.reverse .feature-box-text {
        font-size: 15px;
        text-align: center;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px
    }

    .feature-box-text span {
    }

    .feature-box-img img {
        max-width: 70px;
        margin-bottom: 10px
    }

    .feature-box-img {
        justify-content: center;
    }

    .feature-box-text b {
        font-size: 13px;
        line-height: 13px;
    }

}

/*how to*/
.how-row {
    margin-top: 25px
}

.how-box {
    display: flex;
    justify-content: center;
    align-content: center;
}

.how-box-text {
    font-size: 18px;
    text-align: right;
    align-self: center;
    margin-right: 20px;
    margin-top: -70px;
    width: 170px
}

.how-box-text b {
    display: block;
    color: black;
}

.how-box-text span {
    color: #8a8a8c
}

.how-box-img img {
    width: 100%;
    max-width: 130px
}

.how-box-img:after {
    content: '';
    height: 50px;
    background-color: #22649e;
    width: 3px;
    display: block;
    margin: 8px auto;

}

.how-box:last-child .how-box-text {
    margin-top: 0px;
}

.how-box:last-child .how-box-img:after {
    height: 0px;
}


@media only screen and (min-width: 993px) {

}

@media only screen and (max-width: 992px) {
    .how-box-text {
        font-size: 15px;
        margin-top: -35px;
    }

    .how-box-text span {
        color: black
    }

    .how-box-img img {
        max-width: 90px
    }

    .how-box-img:after {
        content: '';
        height: 20px;
        margin: 3px auto;
    }
}

/*product row*/


.product-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);

}

.product-row-img {
    max-width: 600px;
    width: 100%;
}

.product-row-back {
    text-align: center;
    background-color: #f5f6fb;
    display: block;
    width: 100%;
    position: relative;
    max-width: 430px;
}

.product-row-back:before {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    height: 100%;
    background: #f5f6fb;
    left: -70%;
    z-index: -1;
}


.product-row-angle {
    text-align: center;
    padding: 15px 0px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 24% 57%);
    background: rgb(249, 0, 0);
    background: -moz-linear-gradient(56deg, rgba(249, 0, 0, 1) 70%, rgba(86, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(56deg, rgba(249, 0, 0, 1) 70%, rgba(86, 0, 0, 1) 100%);
    background: linear-gradient(56deg, rgba(249, 0, 0, 1) 70%, rgba(86, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f90000", endColorstr="#560000", GradientType=1);
}


@media only screen and (min-width: 1201px) {
    .product-container {
        margin-left: 11%;
    }

    .product-row-angle {
        background: rgb(249, 0, 0);
        background: -moz-linear-gradient(56deg, rgba(249, 0, 0, 1) 50%, rgba(86, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(56deg, rgba(249, 0, 0, 1) 50%, rgba(86, 0, 0, 1) 100%);
        background: linear-gradient(56deg, rgba(249, 0, 0, 1) 50%, rgba(86, 0, 0, 1) 100%);
    }
}

@media only screen and (max-width: 1200px) {
    .product-container {
        width: 100%
    }

    .product-row {
        background-color: #f5f6fb;
        clip-path: none;
        flex-wrap: wrap;
    }

    .product-row-img {
        margin: 10px auto;
        max-width: 320px;
    }

    .product-row-back {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }

    .product-row-angle {
        width: 50%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%, 14% 57%)
    }

    .product-row .btn-main-row {
        width: 100%;
        margin: 20px 0px
    }

}

@media only screen and (max-width: 600px) {
    .product-row-angle {
        width: 80%;
    }
}

@media only screen and (max-width: 992px) {
    #photo .main-text {
        text-align: center !important;
    }
}


/*photo2*/
.photo2-row {
    margin-top: 25px;
}

.photo2-text {
    display: flex;
    justify-content: end;
    flex-wrap: wrap
}

.photo2-text .main-text {
    margin-top: 0px;
    text-align: left
}


.picture-frame2 img {
    width: 100%;
    max-width: 500px;
    border: 8px solid white
}

@media only screen and (max-width: 992px) {
    .photo2-text .main-text {
        margin-top: 20px;
        font-size: 16px
    }

    .photo2-row, .photo2-col1, .photo2-col2 {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-content: center;
    }
}


/*man & woman*/
.mw-row {
    display: flex;
    justify-content: center;
    align-content: center
}

.mw-box {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    width: 300px;
}

.mw-box-text {
    font-size: 18px;
    color: black;
    text-align: center
}


@media only screen and (max-width: 600px) {
    .mw-box {
        width: 100%;
        padding: 0px 20px;
    }

    .mw-box-text {
        background: rgb(255 255 255 / 54%);
        padding: 20px;
        border-radius: 30px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

/*reviews*/
.review-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 30px 0px
}

.review-box {
    min-height: 800px;
    margin-right: 10px;
    max-width: 320px;
    background-color: #f5f6fb;
    text-align: center;
    border-radius: 40px;
    border-top-right-radius: 0px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
    /* mobile*/
    .review-box {
        margin: 0px auto;
        margin-right: auto !important;
    }
}


.review-box:last-child {
    margin-right: 0px
}

.review-box-inner {
    padding: 20px
}

.review-smallimg {
    display: block;
    text-align: center;
    position: relative;
}

.review-smallimg img {
    border-radius: 100%;
    display: block;
    width: 80px;
    margin: 0px auto;
    position: relative;
    z-index: 9;
}


.review-smallimg:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    background: #2d5781;
    z-index: 0;
}


.review-smallimg:before {
    content: '';
    background: url(data:image/png;base64,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UmVhZHlxyWU8AAADZWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4REJCOEY3MTFDMjRGRkFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1OTUzQkU1NTczQTExRUJBMTZEQUIxRkM1Q0VFOERGIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1OTUzQkU0NTczQTExRUJBMTZEQUIxRkM1Q0VFOERGIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RTQ5Njc4NDU3MzMxMUVCQjgwNUJENjc2MUJGOEQ2QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RTQ5Njc4NTU3MzMxMUVCQjgwNUJENjc2MUJGOEQ2QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqqu7xkAAAIrSURBVHjaYmxoaGDABQR1D8oBqSggdgRiLSAWBeLfQPwEiB8C8QEgXvn+sv19XGaw4DG4A4jDgJgZTZodiDWg2B2IW4HqVwLpCqBFj9DNYsJiuB+QugLEkVgMxwaYoGqvAvVG4rUAqCAfSK0HYl4G0gEPEC8FmlGI1QKgRDiQ6sfmKxIAIxD3Qs1CWAAN8zlQBZQCkBlzoGbCXdsO9SK1AMisTrBtE9c6ygPpe+hBw8clwaAkZc3Azgqx9/rDnQyfvr3AKY4F/ANiJVAyjcAW7lHOsxnYWLnhfHPNeIYFO6JwimOxBGRmBBM0E6EAGVEDFENgQFPeHas4H7cErqByBFmgw0A7oAOyQARd9OevL1hV//z9hVQLRLGm+dcf7zDce34UQ/zNx7tYxfEBUCS/AWJpdIktx2tRIlyEXxmvOA7wGuSDq/hUgJIjzJBPX18QFEcDV0A+2AfEbhgpA5jeXU3KGaRF9MH8p28uwvMBNnEcYD/IByuhmQIj6cEMAYX97jOdeMVxZLSVjKAKB1huLIdmOJQgEBVQAacoUKQTEscCVgDrh0hYhVMOxD7I5REoST55fQFrUsUmjga+QM2EFBHQmigViP9TIXOBzEiF1W7wfAAUWAGkCrHFB4mGl0LNwqzRgBITgVQgEH8mw3BQsMQAzejFWycDFWyClk8riPTNP6habaDeZUS1KqDhFwlMXeVIzRZtIBaDKnkFzaD7gXgVUP09XLYDBBgA4qHNL89vltsAAAAASUVORK5CYII=);
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    left: 53%;
    position: absolute;
    z-index: 91;
}

.review-text {
    color: #96969e;
    font-size: 18px;
    font-style: italic;
    display: block;
    margin: 15px 0px 20px;
}

.review-name {
    font-size: 20px;
    font-weight: 500;
    display: block
}

.review-ver {
    font-size: 20px;
    font-weight: 300;
    display: block
}

.review-ver img {
    max-width: 100px;
    width: 100%;
    display: block;
    margin: 10px auto
}

.review-bigimage {
    width: 100%;
    margin-bottom: -15px;
    object-fit: cover;
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    left: 0px;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 90px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: 1;
    color: #e6f2ff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #2970c8;
}

/*shipping icons*/
.expert-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0px
}

.expert-doctor-col {
    margin: 10px 0px;
    max-width: 400px;
    padding: 10px;
    font-size: 18px;
    text-align: center;
    background-color: white;
    border-radius: 30px;
    border-top-right-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.expert-doctor-col img {
    margin-right: -20px;
    transform: scale(1.1);
    max-width: 300px;
    width: 100%
}

.expert-doctor-col b {
    font-weight: 700;
    color: #1e63c2;
    margin: 20px 0px 10px;
    width: 100%
}

.expert-doctor-col span {
    color: #9c9d9f;
    width: 100%
}

.expert-text-col {
    max-width: 422px;
    display: block;
    font-size: 20px;
    color: #9c9d9f;
    position: relative;
}

.expert-text-col span:before {
    left: -10px;
    margin-top: 20px;
    position: absolute;
    content: '"';
    width: 100%;
    display: block;
    font-size: 75px;
    line-height: 0px;
    color: #1e63c2;
    font-family: 'FancyHand';
    text-align: left
}

.expert-text-col span:after {
    right: 40px;
    margin-top: 40px;
    position: absolute;
    content: '"';
    width: 100%;
    display: block;
    font-size: 75px;
    line-height: 0px;
    color: #1e63c2;
    font-family: 'FancyHand';
    text-align: right
}


.expert-cert-col .cert-img {
}

.expert-cert-col .cert-img img {
    max-width: 250px
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .expert-doctor-col {
        padding-bottom: 100px
    }

    .expert-cert-col {
        text-align: center;
        margin-top: -100px;
    }

    .expert-doctor-col img {
        transform: scale(1.0)
    }
}


#materialbox-overlay {
    background-color: rgb(64 64 64);
}

.material-placeholder {
    font-size: 0px
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: rgb(236 70 87 / 25%);
    cursor: pointer;
}

/*shipping icons*/
.ship-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.ship-box {
    margin-right: 15px;
    text-align: center;
    width: 20%;
    padding: 10px;
    background-color: #f3f5f4;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 20px
}

.ship-box:last-child {
    margin-right: 0px;
}

.ship-box img {
    max-width: 150px;
    width: 100%;
    margin: 0px auto
}

.ship-box span {
    color: #9c9d9f;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .ship-box {
        width: 80%;
        margin-bottom: 10px;
        margin-right: 0px
    }

}


/*form*/
.section-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-text-box {
    background-color: rgb(255 255 255 / 65%);
    text-align: left;
    color: black;
    padding: 20px;
    border-radius: 20px;
    border-top-right-radius: 0px;
}

.form-text-box .main-text {
    text-align: left !important;
    color: black
}

.form-text-box h3 {
    font-weight: 900;
    font-size: 25px;
    margin: 0px;
    margin-bottom: 20px
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    .form-text-box {
        margin-bottom: 150px;
        background-color: transparent
    }

}


/*numbers on desktop above footer*/
.numbox-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.numbox {
    text-align: center;
    font-size: 30px;
    margin-right: 20px;
    min-width: 200px;
}

.numbox:last-child {
    margin-right: 0px
}

.numbox span {
    font-weight: 600;
    display: block;
    font-size: 120%
}

.numbox i {
    color: #0280f8;
    font-size: 50%;
    margin-top: -5px;
    display: block;
}

/*footer*/

footer ul li a {
    cursor: pointer
}

footer ul li:hover a {
    text-decoration: underline
}

footer ul li:hover, footer ul li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer h5 {
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: black;
    padding: 10px 0px 0px;
    position: relative;
    z-index: 99
}

footer li a, footer p {
    font-size: 16px
}

footer .socialsvg {
    margin-right: 5px
}

footer .socialsvg svg {
    width: 40px;
}

.footer-btm-text {
    padding: 0px 15px;
}

@media only screen and (min-width: 993px) {
    /*mobile*/
    footer .row {
        display: flex;
        align-items: center;
    }

    .footer-btm-text {
        padding-top: 10px;
        width: 70%;
        margin: 0px auto;
    }
}

@media only screen and (max-width: 992px) {
    /*mobile*/
    footer .col.s12 {
        text-align: center;
    }

    footer .container {
        width: 100%;
    }

    footer h5, footer ul, footer p {
        padding-left: 0px !important
    }
}