/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* BASE */
.lp-fullwidth { overflow: hidden; }
.lp-container { width: 100%; max-width: 1280px; margin: 0 auto; position: relative; padding: 0 40px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
sub, sup { font-size: 40%; top: -1.2em; }
.lp-container img { max-width: 100%; }
.lp-desktop {}
.lp-mobile { display: none; }

/* BUTTON */
.lp-btn { display: inline-block; font: 500 16px/24px 'Graphik-Medium-Cy', sans-serif; padding: 12px 24px; box-sizing: border-box; color:#fff; text-align: center; cursor: pointer; border-radius: 6px; -webkit-transition: 0.25s; transition: 0.25s; text-decoration: none; width: 100%; }
.lp-btn--blue { background-color: #378BE7; }
.lp-btn--blue:hover { background-color: #327ED1; }
.lp-btn--blue:active { background-color: #2865A7; }
.lp-btn--pink { background-color: #ed5aae; }
.lp-btn--pink:hover { background-color: #ff5bb9; }
.lp-btn--pink:active { background-color: #ff5bb9; }
.lp-btn--white { background-color: #fff; color: #242424; }
.lp-btn--white:hover { background-color: #fff; opacity: .85; }
.lp-btn--white:active { background-color: #fff; }
.lp-btn--black { background-color: #000; }
.lp-btn--black:hover { background-color: #333; }

/* SPECIAL */
.lp-special { }
.lp-special__cover { background-color: #F6F6F6; }
.lp-special__cover img { max-width: 600px; margin: 0 auto; }
.lp-special__wrapper { max-width: 610px; margin: 60px auto; }
.lp-special__title { font: 500 38px/90% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.33px; }
.lp-special__descr { margin: 12px 0 20px; font: 500 22px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.77px; }
.lp-special__descr-2 { max-width: 390px; margin: 20px 0 24px; font: 400 18px/100% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.45px; }
.lp-special__descr-2 span { color: #FF5CB9; }

/* FOOTERNOTE */
.lp-footernote { margin: 30px auto 0; color: #000; font: 400 14px/110% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.35px; }
.lp-footernote a { color: #000; text-decoration: underline; }
.lp-footernote__btnlink { text-decoration: underline; }


@media only screen and (max-width: 1024px) {
    /* BASE */
    .lp-container { padding: 0 20px; }
}

@media only screen and (max-width: 680px) {
    /* BASE */
    .lp-container { padding: 0 12px; }
    /* SPECIAL */
    .lp-special__wrapper { margin: 40px auto; }
    .lp-special__title { font: 500 30px/95% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -1.05px; }
    .lp-special__descr { font: 500 18px/100% 'Graphik-Medium-Cy', sans-serif; letter-spacing: -0.45px; }
    .lp-special__descr-2 { font: 400 16px/110% 'Graphik-Regular-Cy', sans-serif; letter-spacing: -0.4px; }
}