.align-center {
    align-items: center !important;
}

.margin-bottom-large {
    margin-bottom: 40px !important;
}

.d-sm-up {
    display: none !important;
}

.d-xs-only {
    display: block !important;
}

@media only screen and (min-width: 768px) {
    .d-sm-up {
        display: block !important;
    }

    .d-xs-only {
        display: none !important;
    }
}

.slider {
    margin: 0 auto;
    padding: 75px 0 25px;
    font-family: 'Lato', sans-serif;
}

@media only screen and (min-width: 1024px) {
    .slider {
        padding: 150px 0 25px;
    }
}

.slider h1 {
    padding: 0;
}

.slide-container {
    padding: 25px 0;
}

.slide-container.has-min-height {
    min-height: 600px;
}

.position-absolute.pos {
    position: absolute;
    top: 0;
    left: 0;
}

.slick-list {
    overflow: visible !important;
}

.slide-container h2 {
    font-family: 'Lato', sans-serif;
}

.display-flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.display-flex.pos .left-block {
    position: relative;
    margin: 90px;
    width: 60%;
}

.display-flex.branded-app .left-block {
    position: relative;
    width: 40%;
}

.display-flex.branded-app h2 {
    font-size: 50px;
    font-weight: 400;
}

section.banner .display-flex .button-wrap a {
    width: auto;
    display: inline;
    font-size: 22px;
}

.display-flex.branded-app .right-block {
    display: flex;
    flex-direction: row-reverse;
    width: 55%;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (min-width: 768px) {
    .display-flex {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1368px) {
    .display-flex {
        justify-content: center;
    }
}

.display-flex.free-trial .left-block {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .display-flex.free-trial .left-block {
        max-width: 55%;
    }
}

@media only screen and (min-width: 1024px) {
    .display-flex.free-trial .left-block {
        max-width: 45%;
    }
}

@media only screen and (min-width: 1368px) {
    .display-flex.free-trial .left-block {
        padding-right: 30px;
        max-width: 46%;
    }
}

@media only screen and (min-width: 1900px) {
    .display-flex.free-trial .left-block {
        max-width: 38%;
    }
}

.display-flex.christmas .left-block {
    min-width: 100%;
    padding: 15px;
}

.display-flex.appt .left-block {
    min-width: 100%;
    padding: 15px;
}

@media only screen and (min-width: 1368px) {
    .display-flex.christmas {
       align-items: center;
    }

    .display-flex.appt {
        align-items: center;
    }
}

@media only screen and (min-width: 768px) {
    .display-flex.christmas .left-block {
        min-width: 50%;
        padding: 15px;
    }

    .display-flex.appt .left-block {
        min-width: 50%;
        padding: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .display-flex.christmas .left-block {
        min-width: 55%;
        padding: 15px;
    }

    .display-flex.appt .left-block {
        min-width: 55%;
        padding: 15px;
    }
}

@media only screen and (min-width: 1368px) {
    .display-flex.christmas .left-block {
        padding-right: 45px;
        max-width: 46%;
    }

    .display-flex.appt .left-block {
        padding-right: 45px;
        max-width: 46%;
    }
}

@media only screen and (min-width: 1900px) {
    .display-flex.christmas .left-block {
        min-width: 38%;
    }

    .display-flex.appt .left-block {
        min-width: 38%;
    }
}

.display-flex.christmas .left-block p.text-small {
    margin-top: 10px;
    color: #fff;
    font-style: italic;
}


.display-flex.free-trial .left-block .image-wrap,
.display-flex.free-trial .left-block .image-wrap img,
.display-flex.christmas .left-block .image-wrap,
.display-flex.christmas .left-block .image-wrap img,
.display-flex.appt .left-block .image-wrap,
.display-flex.appt .left-block .image-wrap img {
    width: 100%;
    height: auto;
}

.display-flex.free-trial .right-block {
    padding: 0 15px;
    width: 100%;
    text-align: center;
}

.display-flex.christmas .right-block {
    padding: 0 15px;
    width: 100%;
    text-align: center;
}

.display-flex.appt .right-block {
    padding: 0 15px;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .display-flex.free-trial .right-block,
    .display-flex.christmas .right-block,
    .display-flex.appt .right-block {
        text-align: left;
    }
}

@media only screen and (min-width: 1368px) {
    .display-flex.free-trial .right-block {
        padding: 0 20px 0 0;
        width: 29%;
    }

    .display-flex.christmas .right-block {
        padding: 0 20px 0 0;
        width: 29%;
    }

    .display-flex.appt .right-block {
        padding: 0 20px 0 0;
        width: 29%;
    }
}

@media only screen and (min-width: 1900px) {
    .display-flex.free-trial .right-block {
        width: 23%;
    }

    .display-flex.christmas .right-block {
        width: 23%;
    }

    .display-flex.appt .right-block {
        width: 23%;
    }
}

.display-flex .right-block h1 {
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
}


@media only screen and (min-width: 1368px) {
    .display-flex .right-block h1 {
        font-size: 40px;
        line-height: 48px;
    }
}

.display-flex.christmas h1 {
    color: #fff;
    font-weight: 700;
}

@media only screen and (min-width: 1600px) {
    .display-flex .right-block h1 {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 38px;
    }

    .display-flex.christmas .right-block h1 {
        font-size: 43px;
        line-height: 48px;
    }
}

.display-flex.free-trial .right-block h1 span {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    font-style: italic;
}

.display-flex.christmas .right-block h1 span.blue {
    display: block;
    margin-top: 20px;
    font-size: 29px;
    color: #6bdeff;
    font-style: italic;
}

.display-flex.christmas .right-block h1 span.yellow {
    color: #faf200;
}

@media only screen and (min-width: 1600px) {
    .display-flex.free-trial .right-block h1 span {
        margin-top: 30px;
        font-size: 34px;
    }

    .display-flex.christmas .right-block h1 span {
        margin-top: 30px;
        font-size: 36px;
    }
}

.display-flex.free-trial .right-block p,
.display-flex.christmas .right-block p {
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 22px;
}

@media only screen and (min-width: 1600px) {
    .display-flex.free-trial .right-block p,
    .display-flex.christmas .right-block p {
        padding-bottom: 35px;
        font-size: 26px;
        line-height: 32px;
    }
}

.slide-containerr .image-wrap {
    width: 25%;
}

.image-wrap img.pos-phone {
    position: absolute;
    right: 40px;
    top: 110px;
}

.image-wrap img.pos-popup {
    position: absolute;
    left: 55px;
    right: 0;
    top: -65px;
}

.display-flex.pos .right-block h2 {
    font-size: 52px;
    font-weight: 400;
}

@media only screen and (min-width: 1024px) {
    .display-flex.skills {
        justify-content: center;
    }
}

.display-flex.skills .left-block {
    margin-right: 30px;
    position: relative;
}

.display-flex.skills .left-block .image-wrap {
    position: relative;
    right: 0;
    width: 370px !important;
    height: 325px !important;
}

@media only screen and (min-width: 1024px) {
    .display-flex.skills .left-block .image-wrap {
        position: relative;
        right: 0;
        width: 450px !important;
        height: 395px !important;
    }
}

@media only screen and (min-width: 1368px) {
    .display-flex.skills .left-block .image-wrap {
        position: relative;
        right: 0;
        width: 515px !important;
        height: 452px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .display-flex.skills .left-block .image-wrap {
        position: relative;
        right: 0;
        width: 575px !important;
        height: 504px !important;
    }
}


@media only screen and (min-width: 1900px) {
    .display-flex.skills .left-block .image-wrap {
        position: relative;
        right: 0;
        width: 600px !important;
        height: 526px !important;
    }
}

.display-flex.skills .left-block .image-wrap.absolute {
    position: absolute;
    top: 0;
    left: 0;
}

.display-flex.skills .right-block {
    padding: 20px 15px;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .display-flex.skills .right-block {
        text-align: left;
    }
}

@media only screen and (min-width: 1024px) {
    .display-flex.skills .right-block {
        width: 45%;
    }
}

@media only screen and (min-width: 1368px) {
    .display-flex.skills .right-block {
        padding: 0 20px 0 0;
    }
}

@media only screen and (min-width: 1700px) {
    .display-flex.skills .right-block {
        padding: 0 20px 0 0;
        width: 30%;
    }
}

@media only screen and (min-width: 1900px) {
    .display-flex.skills .right-block {
        padding: 0;
        width: 25%;
    }
}

.display-flex.skills .right-block h1 span {
    color: #F3B731;
}

.display-flex.skills ul.list-skills-features {
    margin: 0 0 50px;
    padding: 0;
    list-style-type: none;
}

.display-flex.skills ul.list-skills-features li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.display-flex.skills ul.list-skills-features li .icon {
    margin-right: 15px;
    width: 30px;
}
@media only screen and (min-width: 1368px) {
    .display-flex.skills ul.list-skills-features li .icon {
        margin-right: 25px;
        width: 50px;
    }
}


.display-flex.skills ul.list-skills-features li .text {
    font-size: 20px;
}

@media only screen and (min-width: 1368px) {
    .display-flex.skills ul.list-skills-features li .text {
        font-size: 24px;
    }
}

.premium-slide-wrap {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 15px;
}

.premium-slide-wrap .image-wrap {
    margin: 0 auto;
    max-width: 450px;
}

@media only screen and (min-width: 1600px) {
    .premium-slide-wrap .image-wrap {
        max-width: 750px;
    }
}

.premium-slide-wrap .button-wrap {
    margin: 0 auto;
    max-width: 300px;
}

section.banner .premium-slide-wrap .button-wrap a {
    font-size: 22px;
}

.premium-slide-wrap .content p {
    margin: 3% 0;
    font-size: 30px;
    line-height: 38px;
    font-style: italic;
}

@media only screen and (min-width: 1368px) {
    .premium-slide-wrap .content p {
        font-size: 32px;
        line-height: 50px;
    }
}

.premium-slide-wrap ul.list-premium-features {
    margin: 0 0 3%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
}

@media only screen and (min-width: 1368px) {
    .premium-slide-wrap ul.list-premium-features {
        justify-content: flex-end;
    }
}

.premium-slide-wrap ul.list-premium-features li {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .premium-slide-wrap ul.list-premium-features li {
        margin-bottom: 20px;
        width: 48%;
    }
}

@media only screen and (min-width: 1024px) {
    .premium-slide-wrap ul.list-premium-features li {
        width: 42%;
    }
}

.premium-slide-wrap ul.list-premium-features li .icon-wrap {
    margin-right: 25px;
    width: 50px;
}

@media only screen and (min-width: 1024px) {
    .premium-slide-wrap ul.list-premium-features li .icon-wrap {
        width: 100px;
    }
}

.premium-slide-wrap ul.list-premium-features li .text {
    font-size: 22px;
}