main{display: block}

p{margin: 0}

a{background-color: transparent}

b,strong{font-weight: bolder}

img{border-style: none}

button,input,optgroup,select,textarea{font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0}

button,input{overflow: visible}

button,select{text-transform: none}

[type=button],[type=reset],[type=submit],button{-webkit-appearance: button}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style: none;
    padding: 0}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline: 1px dotted ButtonText}

body,html{box-sizing: border-box;
    margin: 0;
    padding: 0}

body{background-color: #fff;
    font-family: Raleway,sans-serif;
    font-size: 16px;
    font-weight: 400}

.container{box-sizing: border-box;
    margin: 0 auto;
    width: 81.25%}

.row{display: flex;
    justify-content: space-between}

.section-head{margin: 0 auto 80px;
    text-align: center;
    max-width: 750px}

.section-head p{line-height: 1.6875;
    text-align: center}

.button{box-sizing: border-box;
    background-color: #fff;
    border-radius: 40px;
    border: 0;
    color: #5d4c69;
    cursor: pointer;
    font-size: 20px;
    font-family: Raleway,sans-serif;
    font-weight: 700;
    margin-top: 40px;
    text-decoration: none;
    text-align: center;
    transition: .2s ease;
    min-width: 200px;
    box-shadow: 2px 6px 18px 0 rgba(0,0,0,.3);
    height: auto;
    line-height: 130%;
    padding: 16px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto}

.button.purple{background-color: #4b1474;
    color: #fff}

.button.purple:hover{background-color: #330058;
    color: #eed8ff}

.button.light-purple{background-color: #eed8ff;
    color: #330058}

.button.light-purple:hover{background-color: #330058;
    color: #eed8ff}

.button.red{background-color: #ff4352;
    color: #fff}

.button.red:hover,.button:hover{background-color: #330058;
    color: #eed8ff}

.button.button--with-icon .animatable-icon{width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    flex-shrink: 0}

.button.button--with-icon .animatable-icon img{width: 100%;
    height: 100%}

.button.button--with-icon .animatable-icon .icon-default{opacity: 1}

.button.button--with-icon .animatable-icon .icon-hover{opacity: 0}

.button.button--with-icon span{text-align: left}

.button.button--with-icon:hover .animatable-icon .icon-default{opacity: 0}

.button.button--with-icon:hover .animatable-icon .icon-hover{opacity: 1}

h1{font-family: IBM Plex Sans,sans-serif;
    font-size: 130px;
    line-height: .94;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 600}

h2{font-size: 100px;
    font-weight: 700;
    line-height: 1}

h2,h3{font-family: IBM Plex Sans,sans-serif;
    margin: 0 0 15px;
    padding: 0}

h3{display: block;
    font-size: 75px;
    line-height: 105%;
    font-weight: 600}

h4{font-size: 30px}

h4,h5{font-family: IBM Plex Sans,sans-serif;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 600}

h6,ul{margin: 0;
    padding: 0}

ul{list-style-type: none}

p{color: #5d4c69;
    font-family: Raleway,sans-serif;
    font-size: 20px;
    line-height: 1.5}

p.body-s{font-size: 14px}

p.body-m{font-size: 16px}

p.body-l{font-size: 18px}

p strong{font-weight: 700}

a{text-decoration: none}

.c-checkbox input[type=checkbox]{display: none}

.c-checkbox input[type=checkbox]+label span{box-sizing: border-box;
    background: #fff;
    border: 2px solid #4b1474;
    border-radius: 10px;
    display: inline-block;
    height: 30px;
    margin: -5px 10px 0 0;
    width: 30px;
    vertical-align: middle;
    cursor: pointer}

.c-checkbox input[type=checkbox]:checked+label span{background: #4b1474}

.c-checkbox p{display: inline-block}

.pagination .row{align-items: center;
    justify-content: space-between}

.pagination li{border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 75px;
    vertical-align: top;
    width: 75px;
    color: #4b1474;
    transition: all .2s ease}

.pagination li.current,.pagination li.current:hover{background-color: #4b1474;
    color: #fff}

.pagination li.fold:hover{cursor: default;
    background: transparent}

.pagination li:hover{background: #eed8ff}

.subscribe-section h4{margin-bottom: 40px}

.subscribe-section .container{box-sizing: border-box;
    padding: 0 120px}

.subscribe-section .row{align-items: center;
    flex-wrap: wrap;
    justify-content: space-between}

.subscribe-section .wrap h4{color: #4b1474;
    font-size: 50px;
    font-weight: 700}

.subscribe-section .button{margin-top: 0}

.support-form .head h3{color: #4b1474;
    font-size: 50px}

.support-form .form-wrap input[type=email],.support-form .form-wrap input[type=password],.support-form .form-wrap input[type=text]{box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 40px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 25px;
    padding: 0 30px;
    width: 100%}



@-webkit-keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}.lazy-loader-wrapper .loader-ripple div{position: absolute;
    border: 4px solid;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;
    animation: lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}

.lazy-loader-wrapper .loader-ripple div:nth-child(2){-webkit-animation-delay: -.5s;
    animation-delay: -.5s}

.lazy-loader-wrapper img{-webkit-animation: anim-fade-in 1s ease-out;
    animation: anim-fade-in 1s ease-out}



@-webkit-keyframes anim-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes anim-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}.menu-dropdown-widget .menu-dropdown__trigger-text span{font-size: 16px;
    color: inherit;
    display: inline-block;
    vertical-align: middle}

.menu-dropdown-widget .menu-dropdown__trigger-text .animatable-icon{display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 15px;
    margin-bottom: 2px;
    margin-left: 4px;
    transition: .2s ease}

.menu-dropdown-widget .menu-dropdown__dropdown a{display: inline-block;
    color: #5d4c69!important;
    line-height: 130%;
    margin-bottom: 12px}

.menu-dropdown-widget .menu-dropdown__dropdown a .animatable-icon{display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 15px;
    margin-bottom: 1px;
    margin-right: 6px;
    transition: .2s ease}

.menu-dropdown-widget .menu-dropdown__dropdown a .animatable-icon .icon-dark{opacity: 1!important}

.menu-dropdown-widget .menu-dropdown__dropdown a span{display: inline-block;
    vertical-align: middle;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit}

.menu-dropdown-widget .menu-dropdown__dropdown a:hover{color: #ff4352!important}

.menu-dropdown-widget .menu-dropdown__dropdown a:hover .animatable-icon .icon-dark{opacity: 0!important}

.menu-dropdown-widget .menu-dropdown__dropdown a:hover .animatable-icon .icon-red{opacity: 1!important}

.menu-dropdown-widget .menu-dropdown__dropdown a:last-child{margin-bottom: 0}

.animatable-icon{position: relative}

.animatable-icon img{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: inherit}

menu{width: 100%;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    text-align: center;
    transition: .2s ease;
    z-index: 11;
    font-size: 0}

menu .menu__inner{display: inline-block;
    width: 81.25%;
    max-width: 1600px;
    padding: 20px 0;
    transition: inherit}

menu .menu__inner .menu__logo.animatable-icon{float: left;
    position: relative;
    z-index: 9}

menu .menu__inner .menu__logo.animatable-icon img{width: 60px;
    height: auto}

menu .menu__inner .menu__logo.animatable-icon .icon-white{opacity: 1}

menu .menu__inner .menu__logo.animatable-icon .icon-red{opacity: 0}

menu .menu__inner nav.menu__desktop{float: right;
    display: inline-block;
    position: relative;
    z-index: 9}

menu .menu__inner nav.menu__desktop ul,menu .menu__inner nav.menu__desktop ul li{display: inline-block;
    vertical-align: middle}

menu .menu__inner nav.menu__desktop ul li{color: #fff;
    margin: 0 20px;
    padding: 20px 0;
    line-height: 100%;
    font-family: Raleway,sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .2s ease}

menu .menu__inner nav.menu__desktop ul li .menu__link-item{color: inherit;
    transition: .2s ease}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget{font-size: 0}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget span{font-size: 16px}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget .menu-dropdown__dropdown{text-align: left}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget .menu-dropdown__dropdown a{display: block}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget .menu-dropdown__trigger-icon.animatable-icon .icon-dark{opacity: 0}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget .menu-dropdown__trigger-icon.animatable-icon .icon-white{opacity: 1}

menu .menu__inner nav.menu__desktop ul li.menu-dropdown-widget .menu-dropdown__trigger-icon.animatable-icon .icon-red{opacity: 0}

menu .menu__inner nav.menu__desktop ul li:hover{color: #ff4352!important}

menu .menu__inner nav.menu__desktop ul li:hover .menu-dropdown__trigger-icon.animatable-icon .icon-dark,menu .menu__inner nav.menu__desktop ul li:hover .menu-dropdown__trigger-icon.animatable-icon .icon-white{opacity: 0}

menu .menu__inner nav.menu__desktop ul li:hover .menu-dropdown__trigger-icon.animatable-icon .icon-red{opacity: 1!important}

menu .menu__inner nav.menu__desktop ul li:last-child{margin-right: 0}

menu .menu__inner nav.menu__mobile{display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding: 40px 10px;
    background: #4b1474;
    background: linear-gradient(180deg,#4b1474,#330058);
    box-sizing: border-box;
    overflow-y: scroll}

menu .menu__inner nav.menu__mobile ul{width: 100%;
    box-sizing: border-box;
    display: block;
    max-width: 380px;
    margin: 0 auto 50px}

menu .menu__inner nav.menu__mobile ul li{display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 10px 0;
    line-height: 100%;
    font-family: Raleway,sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .2s ease;
    text-align: left;
    color: #fff;
    cursor: pointer}

menu .menu__inner nav.menu__mobile ul li a{color: inherit;
    width: 100%;
    display: inline-block;
    transition: inherit}

menu .menu__inner nav.menu__mobile ul li .animatable-icon,menu .menu__inner nav.menu__mobile ul li span{display: inline-block;
    vertical-align: middle;
    transition: inherit}

menu .menu__inner nav.menu__mobile ul li .animatable-icon{width: 20px;
    height: 20px;
    margin-right: 8px}

menu .menu__inner nav.menu__mobile ul li .animatable-icon img{width: inherit;
    height: inherit}

menu .menu__inner nav.menu__mobile ul li .animatable-icon .icon-white{opacity: 1;
    transition: inherit}

menu .menu__inner nav.menu__mobile ul li .animatable-icon .icon-red{opacity: 0;
    transition: inherit}

menu .menu__inner nav.menu__mobile ul li:hover a,menu .menu__inner nav.menu__mobile ul li:hover span{color: #ff4352}

menu .menu__inner nav.menu__mobile ul li:hover .animatable-icon .icon-white{opacity: 0}

menu .menu__inner nav.menu__mobile ul li:hover .animatable-icon .icon-red{opacity: 1}

menu .menu__inner .menu__download-button-wrapper{display: inline-block;
    vertical-align: middle;
    margin-left: 40px}

menu .menu__inner .menu__download-button{display: inline-block;
    vertical-align: middle;
    background-color: #ff4352;
    color: #fff;
    cursor: pointer;
    line-height: 55px;
    padding: 0 30px;
    margin-top: 0;
    border-radius: 40px;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Raleway,sans-serif;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    transition: .2s ease-in-out}

menu .menu__inner .menu__download-button:hover{background-color: #330058;
    color: #eed8ff}

menu .menu__inner .menu__open-icon{display: none;
    z-index: 9;
    cursor: pointer;
    width: 30px;
    height: 20px;
    margin: 10px 0;
    position: relative;
    float: right;
    vertical-align: middle}

menu .menu__inner .menu__open-icon .line{position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: #fff;
    transition: .3s ease}

menu .menu__inner .menu__open-icon .line:first-child{top: 0;
    left: 0}

menu .menu__inner .menu__open-icon .line:nth-child(2){top: 8px;
    left: 0}

menu .menu__inner .menu__open-icon .line:nth-child(3){top: 16px;
    left: 0}

menu.menu--open .menu__inner .line:first-child{top: 8px;
    transform: rotate(45deg);
    -webkit-animation: menu-open-button-animation-line-1 .5s ease;
    animation: menu-open-button-animation-line-1 .5s ease}

menu.menu--open .menu__inner .line:nth-child(2){top: 8px;
    transform: rotate(45deg);
    -webkit-animation: menu-open-button-animation-line-2 .5s ease;
    animation: menu-open-button-animation-line-2 .5s ease}

menu.menu--open .menu__inner .line:nth-child(3){top: 8px;
    transform: rotate(-45deg);
    -webkit-animation: menu-open-button-animation-line-3 .5s ease;
    animation: menu-open-button-animation-line-3 .5s ease}



@-webkit-keyframes menu-open-button-animation-line-1 {
    0% {
        top: 0;
        transform: rotate(0deg)
    }

    50% {
        top: 8px;
        transform: rotate(0deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@keyframes menu-open-button-animation-line-1 {
    0% {
        top: 0;
        transform: rotate(0deg)
    }

    50% {
        top: 8px;
        transform: rotate(0deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@-webkit-keyframes menu-open-button-animation-line-2 {
    0% {
        top: 8px;
        transform: rotate(0deg)
    }

    50% {
        top: 8px;
        transform: rotate(0deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@keyframes menu-open-button-animation-line-2 {
    0% {
        top: 8px;
        transform: rotate(0deg)
    }

    50% {
        top: 8px;
        transform: rotate(0deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@-webkit-keyframes menu-open-button-animation-line-3 {
    0% {
        top: 16px;
        transform: rotate(0deg)
    }

    50% {
        top: 8px;
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-45deg)
    }
}

@keyframes menu-open-button-animation-line-3 {
    0% {
        top: 16px;
        transform: rotate(0deg)
    }

    50% {
        top: 8px;
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-45deg)
    }
}menu.menu--transparent{background: transparent}

menu.menu--transparent .menu__inner .menu__logo.animatable-icon .icon-white{opacity: 0}

menu.menu--transparent .menu__inner .menu__logo.animatable-icon .icon-red{opacity: 1}

menu.menu--transparent .menu__inner nav.menu__desktop ul>li{color: #330058}

menu.menu--transparent .menu__inner nav.menu__desktop ul>li.menu-dropdown-widget .menu-dropdown__trigger-icon.animatable-icon .icon-dark{opacity: 1}

menu.menu--transparent .menu__inner nav.menu__desktop ul>li.menu-dropdown-widget .menu-dropdown__trigger-icon.animatable-icon .icon-red,menu.menu--transparent .menu__inner nav.menu__desktop ul>li.menu-dropdown-widget .menu-dropdown__trigger-icon.animatable-icon .icon-white,menu.menu--transparent .menu__inner nav.menu__desktop ul>li.menu-dropdown-widget:hover .menu-dropdown__trigger-icon.animatable-icon .icon-dark,menu.menu--transparent .menu__inner nav.menu__desktop ul>li.menu-dropdown-widget:hover .menu-dropdown__trigger-icon.animatable-icon .icon-white{opacity: 0}

menu.menu--transparent .menu__inner nav.menu__desktop ul>li.menu-dropdown-widget:hover .menu-dropdown__trigger-icon.animatable-icon .icon-red{opacity: 1}

menu.menu--scrolled,menu.menu--scrolled.menu--transparent{background: #421266}

menu.menu--scrolled.menu--transparent .menu__inner,menu.menu--scrolled .menu__inner{padding: 15px 0}

menu.menu--scrolled.menu--transparent .menu__inner .menu__logo.animatable-icon .icon-red,menu.menu--scrolled .menu__inner .menu__logo.animatable-icon .icon-red{opacity: 0}

menu.menu--scrolled.menu--transparent .menu__inner .menu__logo.animatable-icon .icon-white,menu.menu--scrolled .menu__inner .menu__logo.animatable-icon .icon-white{opacity: 1}

menu.menu--scrolled.menu--transparent .menu__inner nav.menu__desktop ul>li,menu.menu--scrolled .menu__inner nav.menu__desktop ul>li{color: #fff}

menu.menu--scrolled.menu--transparent .menu__inner nav.menu__desktop ul>li .menu-dropdown__trigger-icon.animatable-icon .icon-dark,menu.menu--scrolled.menu--transparent .menu__inner nav.menu__desktop ul>li .menu-dropdown__trigger-icon.animatable-icon .icon-red,menu.menu--scrolled .menu__inner nav.menu__desktop ul>li .menu-dropdown__trigger-icon.animatable-icon .icon-dark,menu.menu--scrolled .menu__inner nav.menu__desktop ul>li .menu-dropdown__trigger-icon.animatable-icon .icon-red{opacity: 0}

menu.menu--scrolled.menu--transparent .menu__inner nav.menu__desktop ul>li .menu-dropdown__trigger-icon.animatable-icon .icon-white,menu.menu--scrolled .menu__inner nav.menu__desktop ul>li .menu-dropdown__trigger-icon.animatable-icon .icon-white{opacity: 1}

footer{box-sizing: border-box;
    background-color: #2a0844;
    color: #fff;
    padding: 80px 0;
    width: 100%}

footer .container{max-width: 1600px;
    padding-bottom: 40px;
    border-bottom: 1px solid hsla(0,0%,100%,.18823529411764706)}

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

footer .left{display: block;
    width: 100%}

footer .left .footer__logo-image{display: inline-block;
    vertical-align: middle}

footer .left .footer__logo-image img{width: 62px}

footer .left .footer__logo-text{display: inline-block;
    vertical-align: middle;
    margin-left: 30px}

footer .left .footer__logo-text p{color: #fff}

footer .left .footer__language-select{display: inline-block;
    position: relative;
    margin-top: 30px}

footer .left .footer__language-select select{cursor: pointer;
    min-width: 140px;
    width: auto;
    height: auto;
    line-height: 130%;
    background: #fff;
    border-radius: 100px;
    padding: 15px 20px;
    box-sizing: content-box;
    font-size: 16px;
    font-weight: 400;
    font-family: Raleway,sans-serif;
    -webkit-appearance: none!important}

footer .left .footer__language-select:after{content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
    background: url(/img/icons/chevron-dark.svg) no-repeat;
    pointer-events: none}

footer .right{width: auto;
    min-width: 380px;
    margin-left: 0;
    margin-bottom: 30px}

footer .right .button{margin-top: 0}

footer .right .footer__navigation{display: flex;
    flex-direction: row;
    justify-content: space-evenly}

footer .right .footer__navigation .footer__navigation-subclass p{color: #eed8ff;
    line-height: 100%;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px}

footer .right .footer__navigation .footer__navigation-subclass ul{display: flex;
    flex-direction: column}

footer .right .footer__navigation .footer__navigation-subclass ul li{width: auto;
    margin-right: 40px;
    margin-bottom: 12px;
    cursor: pointer}

footer .right .footer__navigation .footer__navigation-subclass ul li a{color: #fff;
    line-height: 100%;
    transition: .2s ease;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase}

.link-style{cursor: pointer;
    color: inherit;
    border-bottom: 1px dashed}

.link-style.vibrant-purple{color: #8123bb}

.link-style:hover{border-bottom: 1px solid}

.hero-section{box-sizing: border-box;
    background: #411164;
    background: linear-gradient(45deg,#411164,#5c1689);
    height: 100vh;
    min-height: 800px;
    padding: 0}

.hero-section .container{display: flex;
    height: calc(100% - 49px);
    padding-bottom: 100px;
    padding-top: 200px;
    max-width: 1560px}

.hero-section .mobile-hero-image{display: none}

.hero-section .row{align-items: center}

.hero-section .intro-text{box-sizing: border-box;
    margin-bottom: 60px;
    margin-left: 140px;
    max-width: 600px;
    position: relative;
    z-index: 10;
    margin-right: 20px;}

.hero-section .intro-text h1{color: #fff;
    letter-spacing: 1.5pt;
    margin-bottom: 30px}

.hero-section .intro-text .new-gen{font-size: 18px;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    margin: -10px 0 10px;}

.hero-section .intro-text p{color: #fff;
    max-width: 590px;
    width: 100%}

.hero-section .intro-text p.new-gen{background: #ff4452;
    display: inline;
    padding: 5px 12px;}

.hero-section .intro-text .learn-more{color: #282828;
    font-size: 16px;
    line-height: 54px;
    margin-left: 20px}

.hero-section .intro-text .intro-text__button-wrapper .hero-button-text{color: #fff;
    /* margin-left: 30px; */
    font-size: 20px;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    transition: .2s ease;
    display: inline-block;
    margin-top: 35px}

.hero-section .intro-text .intro-text__button-wrapper .hero-button-text:hover{color: #eed8ff}

.hero-section .image{width: 48%}

.hero-section .image img{display: block;
    width: 100%}

.hero-section .scroll-down{background: url(/img/icons/scroll-down-icon-white.svg) 50% no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 49px;
    display: block;
    margin: 0 auto;
    width: 128px;
    z-index: 5;
    transition: .2s ease}

section .section-head{max-width: 880px;
    display: block;
    margin: 0 auto;
    width: 96%;
    padding: 0 2%;
    text-align: center}

section .section-head h2{text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #4b1474;
    line-height: 110%}

section .section-head p{max-width: 740px;
    color: #5d4c69;
    margin: 0 auto;
    line-height: 150%}

section .section-head.white h2,section .section-head.white p{color: #fff}

.platform__actions-wrapper .platform__actions{display: none}

.platform__actions-wrapper.android .android__actions,.platform__actions-wrapper.android .windows__actions,.platform__actions-wrapper.chrome-extension .chrome-extension__actions,.platform__actions-wrapper.default .default__actions,.platform__actions-wrapper.iphone .iphone__actions,.platform__actions-wrapper.iphone .mac__actions,.platform__actions-wrapper.mac .mac__actions,.platform__actions-wrapper.web .web__actions,.platform__actions-wrapper.windows .windows__actions{display: block}

.landing-what-section{box-sizing: border-box;
    padding-top: 100px;
    padding-bottom: 40px}

.about-section{box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 80px;}

.about-section .row{align-items: center}

.about-section .row.right-aligned{direction: rtl}

.about-section .row.right-aligned .description{direction: ltr}

.about-section .col{width: 50%}

.about-section .description{max-width: 590px;
    padding-bottom: 20px}

.about-section .description h3{color: #4b1474}

.about-section .description p{color: #5d4c69;
    padding-top: 15px}

.about-section .image img{display: block;
    width: 100%}

.extensions-section .section-head{padding-bottom: 80px}

.extensions-section .container{max-width: 1400px}

.extensions-section .row{align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center}

.extensions-section h2{text-align: center;
    padding-bottom: 60px;
    padding-top: 20px;
    color: #4b1474}

.extensions-section .block{width: 100%;
    max-width: 480px;
    margin: 0 30px 30px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 70px;
    box-shadow: 0 0 40px rgba(91,26,139,.2);
    padding: 60px 30px 30px;
    text-align: center}

.extensions-section .block .icon{margin-bottom: 40px}

.extensions-section .block .icon img{max-height: 126px}

.extensions-section .block p.heading{color: #4b1474;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: IBM Plex Sans,sans-serif;
    font-weight: 600}

.extensions-section .block p{line-height: 130%;
    color: #5d4c69}

.extensions-section .block .button{background-color: #4b1474;
    color: #fff;
    width: 100%}

.extensions-section .block .buttons-wrap{display: flex}

.extensions-section .block .buttons-wrap .button{display: block;
    min-width: auto;
    width: 50%}

.extensions-section .block .buttons-wrap .button.btn-ios{background: url(/img/icons/btn_ios.svg) 50% no-repeat #421266;
    background-size: 70% auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 75px}

.extensions-section .block .buttons-wrap .button.btn-android{background: url(/img/icons/btn_android.svg) 50% no-repeat #4b1474;
    background-size: 70% auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 75px}

.extensions-section .block .app-download-button{margin-top: 40px;
    background: #4b1474;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    flex-direction: row}

.extensions-section .block .app-download-button .app-download-button__inner{width: 100%;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    transition: all .2s ease;
    padding: 20px 30px;
    color: #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: center}

.extensions-section .block .app-download-button .app-download-button__inner:hover{background: #330058}

.extensions-section .block .app-download-button .app-download-button__inner:hover .app-download-button__text{color: #eed8ff}

.extensions-section .block .app-download-button .app-download-button__inner img{height: 24px;
    width: auto;
    padding-right: 10px}

.extensions-section .block .app-download-button .app-download-button__inner .app-download-button__text{text-align: left;
    transition: all .2s ease}

.extensions-section .block .app-download-button .app-download-button__inner .app-download-button__text .app-download-button__title{display: block;
    font-size: 18px;
    font-family: Raleway,sans-serif;
    font-weight: 700}

.extensions-section .block .app-download-button.app-download-button--download-for .app-download-button__inner{border-radius: 100px}

.extensions-section .block .app-download-button.app-download-button--download-for .app-download-button__inner .app-download-button__text .app-download-button__superscript-title{display: block;
    font-size: 13px;
    font-family: Raleway,sans-serif;
    font-weight: 500}

.extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner{display: flex;
    flex-direction: row;
    width: 50%;
    box-sizing: border-box;
    transition: all .2s ease}

.extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner:first-child{padding: 20px 15px 20px 30px;
    background: #421266;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0}

.extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner:nth-child(2){padding: 20px 30px 20px 15px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0}

.how-does-it-work{margin-bottom: 120px;
    padding: 120px 0 100px;
    position: relative;
    z-index: 1}

.how-does-it-work .section-head h2,.how-does-it-work .section-head p{color: #fff}

.how-does-it-work:before{box-sizing: border-box;
    background: #411164;
    background: linear-gradient(45deg,#411164,#5c1689);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: -1}

.how-does-it-work .container{max-width: 1400px}

.how-does-it-work .row{padding-top: 80px}

.how-does-it-work .block{box-sizing: border-box;
    background-color: #fff;
    border-radius: 70px;
    box-shadow: 0 0 40px rgba(91,26,139,.2);
    padding: 60px 30px 30px;
    text-align: center;
    width: calc(33.3333% - 25px)}

.how-does-it-work .block h4{color: #330058;
    margin-bottom: 15px}

.how-does-it-work .block p{line-height: 130%;
    color: #5d4c69}

.how-does-it-work .block .icon{margin-bottom: 30px}

.unique-features-section .container{max-width: 1550px}

.unique-features-section .row{padding-top: 80px;
    flex-wrap: wrap}

.unique-features-section .row .col{width: calc(33.3333% - 10px)}

.unique-features-section .col:nth-child(3n+1) .block{margin-left: 0}

.unique-features-section .block{box-sizing: border-box;
    margin-bottom: 100px;
    padding-left: 70px;
    margin-left: 20px;
    position: relative}

.unique-features-section .block .icon{position: absolute;
    top: 0;
    left: 0}

.unique-features-section .block .icon img{width: 50px}

.unique-features-section .block h3{color: #4b1474}

.unique-features-section .block p.heading{color: #4b1474;
    font-size: 30px;
    font-family: IBM Plex Sans,sans-serif;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 600}

.our-apps-section .container{max-width: 1540px}

.our-apps-section .section-head{margin-bottom: 100px}

.our-apps-section .section-head h2,.our-apps-section .section-head p{color: #fff}

.our-apps-section h3{color: #fff;
    margin-bottom: 90px;
    text-align: center}

.our-apps-section h4{color: #fff;
    margin-bottom: 20px}

.our-apps-section p{color: #fff}

.our-apps-section p a{font-weight: 700}

.our-apps-section .row{align-items: center;
    flex-wrap: wrap;
    margin-bottom: 150px}

.our-apps-section .row .col{width: calc(50% - 60px)}

.our-apps-section .gallery img{display: block;
    width: 100%}

.our-apps-section .statistics ul{display: flex}

.our-apps-section .statistics ul li{color: #fff;
    align-items: center;
    display: flex;
    font-size: 20px;
    line-height: 40px;
    margin-right: 20px;
    padding-right: 20px;
    position: relative}

.our-apps-section .statistics ul li:before{box-sizing: border-box;
    background: #865aa3;
    content: "";
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px}

.our-apps-section .statistics ul li:last-child:before{display: none}

.our-apps-section .statistics ul li .stars{margin-right: 10px}

.our-apps-section .statistics ul li .stars img{width: 15px}

.testimonials-section .head .row{padding-top: 60px;
    padding-bottom: 40px;
    align-items: flex-end}

.testimonials-section .head p{align-items: flex-end;
    color: #4b1474;
    display: flex}

.testimonials-section .head strong{font-family: Raleway,sans-serif;
    font-weight: 400;
    font-size: 150px;
    line-height: 1}

.testimonials-section .head .compound-rating img{display: block;
    width: 630px}

.testimonials-section .swiper-slide .col{width: calc(50% - 20px)}

.testimonials-section .block{box-sizing: border-box;
    box-shadow: 0 0 50px rgba(91,26,139,.2);
    border-radius: 50px;
    overflow: hidden}

.testimonials-section .author .row{align-items: center}

.testimonials-section .author .rating .title{color: #fff;
    font-family: Raleway,sans-serif;
    font-size: 30px;
    margin-bottom: 10px}

.testimonials-section .author .rating img{height: 30px;
    width: 30px}



@-webkit-keyframes anim-blink {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes anim-blink {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes anim-heartbeat {
    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(.8)
    }

    80% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes anim-heartbeat {
    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(.8)
    }

    80% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes anim-float-vertical {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes anim-float-vertical {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes anim-float-horizontal {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-30px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes anim-float-horizontal {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-30px)
    }

    to {
        transform: translateX(0)
    }
}.download-buttons .button{margin-top: 15px}

.download-buttons .button .animatable-icon{width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle}

.download-buttons .button .animatable-icon .icon-default{opacity: 1}

.download-buttons .button .animatable-icon .icon-hover{opacity: 0}

.download-buttons .button .animatable-icon img{width: 100%;
    height: 100%}

.download-buttons .button span{display: inline-block;
    vertical-align: middle}

.download-buttons .button:hover .animatable-icon .icon-default{opacity: 0}

.download-buttons .button:hover .animatable-icon .icon-hover{opacity: 1}

.download-buttons .button.download__primary{margin-right: 10px}

.download-buttons .hero-button-text{color: #330058}

.download-buttons .hero-button-text:hover{color: #5d4c69}

.inner-page .hero-section{background: #fff}

.inner-page .hero-section .container{display: block}

.inner-page .hero-section .row{border-bottom: none;
    flex-wrap: wrap;
    height: 100%}

.inner-page .hero-section .intro-text{margin-left: 0;
    max-width: 50%}

.inner-page .hero-section .intro-text h1{color: #330058;
    font-weight: 400}

.inner-page .hero-section .intro-text h2{color: #330058;
    font-weight: 700}

.inner-page .hero-section .intro-text h3{color: #330058;
    font-weight: 400}

.inner-page .hero-section .intro-text h4{color: #330058;
    font-weight: 400;
    margin-bottom: 0}

.inner-page .hero-section .intro-text p{color: #5d4c69;
    line-height: 150%}

.inner-page .hero-section .intro-text .tabs{display: flex;
    margin-bottom: 50px}

.inner-page .hero-section .intro-text .tabs li{cursor: pointer;
    display: flex;
    height: 65px;
    width: 65px}

.inner-page .hero-section .intro-text .tabs li.current{box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 4px 14px rgba(0,0,0,.25);
    border-radius: 50%}

.inner-page .hero-section .intro-text .tabs li svg{margin: auto}

.inner-page .hero-section .tab-content{display: none}

.inner-page .hero-section .tab-content.current{display: inherit}

.inner-page .hero-section .scroll-down{background: url(/img/icons/scroll-down-icon-purple.svg) 50% no-repeat}

.product-page .hero-section .intro-text{margin-bottom: 0}

.product-page .hero-section .intro-text p{padding-top: 15px}

.product-page .hero-section .intro-text h1{font-size: 100px;
    margin-bottom: 0;
    color: #330058;
    font-weight: 700}

.support-page .section-head{color: #fff;
    padding-bottom: 60px}

.support-page .section-head h1{margin-bottom: 60px}

.support-page .section-head p{color: #fff}

.product-page .product-info-section .section-head{padding-bottom: 80px}

.product-page .product-info-section .section-head h2,.product-page .product-info-section .section-head p{color: #fff}

.product-page .product-info-section .product-info-section__rating .rating__text h4{margin-bottom: 5px}

.product-page .product-info-section .product-info-section__rating .rating__stars img{width: 35px;
    height: 35px;
    margin: 0 2px}

.product-android .hero-section .hero-image{position: relative}

.product-android .hero-section .hero-image .android-illustration{position: absolute;
    width: 100%;
    height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none}

.product-android .hero-section .hero-image .android-illustration .android-illustration__background{position: absolute;
    top: calc(50% - 300px);
    left: calc(50% - 300px);
    width: 600px;
    height: 600px}

.product-android .hero-section .hero-image .android-illustration .android-illustration__floating-bubble{position: absolute;
    padding: 14px 22px;
    background: #fff;
    font-family: IBM Plex Sans,sans-serif;
    font-size: 0;
    font-weight: 400;
    color: #4b1474;
    text-align: center;
    border-radius: 60px;
    z-index: 4;
    box-shadow: 4px 12px 20px 0 rgba(0,0,0,.2)}

.product-android .hero-section .hero-image .android-illustration .android-illustration__floating-bubble img{width: 21px;
    height: 21px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle}

.product-android .hero-section .hero-image .android-illustration .android-illustration__floating-bubble span{display: inline-block;
    vertical-align: middle;
    font-size: 16px}

.product-android .hero-section .hero-image .android-illustration .android-illustration__floating-bubble span strong{font-weight: 600}

.product-android .hero-section .hero-image .android-illustration .android-illustration__downloads{top: calc(50% - 135px);
    left: 20px;
    min-width: 210px;
    -webkit-animation: anim-float-vertical 10s ease-in-out 2s infinite;
    animation: anim-float-vertical 10s ease-in-out 2s infinite}

.product-android .hero-section .hero-image .android-illustration .android-illustration__rating{top: calc(50% + 60px);
    left: calc(50% - 50px);
    min-width: 210px;
    -webkit-animation: anim-float-vertical 10s ease-in-out infinite;
    animation: anim-float-vertical 10s ease-in-out infinite}

.product-android .hero-section .hero-image .android-illustration .android-illustration__phone{position: absolute;
    top: calc(50% - 225px);
    left: 160px;
    width: 210px;
    height: 450px;
    transform: rotate(5deg)}

.product-android .hero-section .hero-image .android-illustration .android-illustration__phone .shadow{background: #000;
    width: 200px;
    height: 440px;
    position: absolute;
    display: block;
    top: calc(50% - 220px);
    left: calc(50% - 100px);
    border-radius: 26px;
    box-shadow: 4px 12px 20px 0 rgba(0,0,0,.3);
    z-index: 1}

.product-android .hero-section .hero-image .android-illustration .android-illustration__phone .phone{width: 100%;
    height: 100%;
    position: relative;
    z-index: 2}

.product-android .hero-section .hero-image .android-illustration .android-illustration__phone .heart{position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    z-index: 3;
    -webkit-animation: anim-heartbeat 1s ease-out .3s infinite;
    animation: anim-heartbeat 1s ease-out .3s infinite}

.product-android .hero-section .hero-image .android-illustration .android-illustration__phone .counter{position: absolute;
    top: calc(50% + 18px);
    left: 0;
    width: 100%;
    height: auto;
    color: #330058;
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    font-family: IBM Plex Sans,sans-serif;
    z-index: 3}

.product-android .product-info-section .android-privacy__illustration-wrapper .illustration-privacy .illustration-privacy__lock img{width: 100%;
    height: 100%}

.product-android .product-info-section .android-privacy__illustration-wrapper .illustration-privacy .illustration-privacy__text-item img{width: 35px;
    height: 35px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle}

.product-android .product-info-section .android-privacy__illustration-wrapper .illustration-privacy .illustration-privacy__text-item span{height: auto;
    font-weight: 400;
    font-size: 20px;
    font-family: Raleway,sans-serif;
    color: #4b1474}

.product-android .product-info-section .illustration-network .illustration-network__user .illustration-network__likes-gained span{display: inline-block;
    vertical-align: middle;
    color: #4b1474;
    font-family: IBM Plex Sans,sans-serif;
    font-size: 16px;
    font-weight: 600}

.product-android .product-info-section .illustration-network .illustration-network__user .illustration-network__likes-gained img{display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin-left: 3px}

.product-android .product-info-section .illustration-network .illustration-network__edge .line{position: relative;
    height: 2px;
    width: 100%!important;
    background: #fff;
    display: inline-block;
    opacity: .2;
    z-index: 1;
    transition: all .5s ease}

.product-android .product-info-section .illustration-network .illustration-network__edge .heart img{position: relative;
    z-index: 3;
    width: 100%;
    height: 100%}

.product-android .product-info-section .illustration-network .edge-1-to-2 .line{width: 100%}

.product-android .product-info-section .illustration-network .edge-1-to-2 .heart>img{transform: rotate(-21.7deg)}

.product-android .product-info-section .illustration-network .edge-1-to-3 .line{width: 154px}

.product-android .product-info-section .illustration-network .edge-1-to-3 .heart>img{transform: rotate(-99deg)}

.product-android .product-info-section .illustration-network .edge-1-to-4 .line{width: 230px}

.product-android .product-info-section .illustration-network .edge-1-to-4 .heart>img{transform: rotate(-57.2deg)}

.product-android .product-info-section .illustration-network .edge-2-to-3 .line{width: 192px}

.product-android .product-info-section .illustration-network .edge-2-to-3 .heart>img{transform: rotate(-144.5deg)}

.product-android .product-info-section .illustration-network .edge-2-to-4 .line{width: 100px}

.product-android .product-info-section .illustration-network .edge-2-to-4 .heart>img{transform: rotate(-95.5deg)}

.product-android .product-info-section .illustration-network .edge-3-to-4 .line{width: 122px}

.product-android .product-info-section .illustration-network .edge-3-to-4 .heart>img{transform: rotate(-7.5deg)}

.product-android .product-info-section .illustration-network.illustration-network--user-1-receiving .edge-1-to-2 .line,.product-android .product-info-section .illustration-network.illustration-network--user-1-receiving .edge-1-to-3 .line,.product-android .product-info-section .illustration-network.illustration-network--user-1-receiving .edge-1-to-4 .line{opacity: .8}

.product-android .product-info-section .illustration-network.illustration-network--user-2-receiving .edge-1-to-2 .line,.product-android .product-info-section .illustration-network.illustration-network--user-2-receiving .edge-2-to-4 .line{opacity: .8}

.product-android .product-info-section .illustration-network.illustration-network--user-3-receiving .edge-1-to-3 .line,.product-android .product-info-section .illustration-network.illustration-network--user-3-receiving .edge-2-to-3 .line,.product-android .product-info-section .illustration-network.illustration-network--user-3-receiving .edge-3-to-4 .line{opacity: .8}

.product-android .product-info-section .illustration-network.illustration-network--user-4-receiving .edge-1-to-4 .line,.product-android .product-info-section .illustration-network.illustration-network--user-4-receiving .edge-3-to-4 .line{opacity: .8}



@-webkit-keyframes anim-network-heart-right-to-left {
    0% {
        opacity: 0;
        left: 100%
    }

    15% {
        opacity: 0;
        transform: scale(.5)
    }

    20% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        left: 0
    }
}

@keyframes anim-network-heart-right-to-left {
    0% {
        opacity: 0;
        left: 100%
    }

    15% {
        opacity: 0;
        transform: scale(.5)
    }

    20% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        left: 0
    }
}

@-webkit-keyframes anim-network-heart-left-to-right {
    0% {
        opacity: 0;
        left: 0
    }

    15% {
        opacity: 0;
        transform: scale(.5)
    }

    20% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        left: 100%
    }
}

@keyframes anim-network-heart-left-to-right {
    0% {
        opacity: 0;
        left: 0
    }

    15% {
        opacity: 0;
        transform: scale(.5)
    }

    20% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes anim-network-fade-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    25% {
        opacity: 1;
        transform: translateY(0)
    }

    75% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes anim-network-fade-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    25% {
        opacity: 1;
        transform: translateY(0)
    }

    75% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}.product-desktop .intro-text .download-buttons .button.download__primary{margin-right: 25px;
    display: inline-block;
    vertical-align: middle}

.product-desktop .intro-text .intro-text__button-wrapper .hero-button-text{display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
    margin-left: 0;
    color: #4b1474}

.product-desktop .intro-text .intro-text__button-wrapper .hero-button-text:hover{color: #330058}

.product-desktop .hero-section .hero-image{position: relative}

.product-desktop .hero-section .hero-image .laptop-illustration{position: absolute;
    top: -250px;
    left: 0;
    width: auto;
    height: 500px}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__wireframe{height: 100%;
    width: auto;
    position: relative;
    z-index: 3}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__screen{position: absolute;
    top: 43px;
    left: 114px;
    z-index: 2;
    width: 643px;
    height: 387px;
    background-color: #436198;
    background: url(/img/partials/desktop-screen-background-2.jpg) no-repeat;
    background-size: cover}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__desktop-app{position: absolute;
    top: 83px;
    left: 199px;
    z-index: 3;
    width: 220px;
    height: auto;
    border-radius: 6px;
    box-shadow: 10px 18px 30px 0 rgba(0,0,0,.3)}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__instagram-inside-chrome{position: absolute;
    height: 285px;
    width: auto;
    left: 263px;
    top: 129px;
    z-index: 2;
    border-radius: 6px;
    box-shadow: 10px 18px 30px 0 rgba(0,0,0,.3)}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__like-popup{position: absolute;
    height: auto;
    width: 90px;
    left: 590px;
    top: 361px;
    z-index: 2}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__like-popup .shadow{width: 100%;
    height: 78%;
    border-radius: 20%;
    background: transparent;
    position: absolute;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.3);
    top: 0;
    left: 0;
    z-index: 1}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__like-popup img{position: relative;
    z-index: 2}

.product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__like-popup span{position: absolute;
    top: 10px;
    left: 41px;
    font-size: 21px;
    font-family: IBM Plex Sans,sans-serif;
    color: #fff;
    line-height: 1;
    z-index: 2}

.product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step img{width: 35px;
    height: 35px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle}

.product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step span{height: auto;
    font-weight: 400;
    font-size: 20px;
    font-family: Raleway,sans-serif;
    color: #330058}

.product-desktop .product-info-section .desktop-secure-illustration .desktop-secure-illustration__item img{width: 100%;
    height: 100%}

.product-desktop .product-info-section .desktop-secure-illustration .desktop-secure-illustration__item.item-key img{transform: rotate(-35deg)}

.product-extension .hero-section .hero-image{position: relative}

.product-extension .hero-section .hero-image .extension-illustration{position: absolute;
    top: calc(50% - 175px);
    left: 80px;
    width: auto;
    height: 350px}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__background{position: absolute;
    width: 600px;
    height: auto;
    top: calc(50% - 300px);
    left: -80px;
    z-index: 1}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__chrome{position: relative;
    z-index: 2;
    width: auto;
    height: 100%;
    border-radius: 8px;
    box-shadow: 4px 12px 20px 0 rgba(0,0,0,.3)}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__extension-pin{position: absolute;
    right: 40px;
    top: 29px;
    z-index: 3;
    height: 13px;
    width: 13px;
    padding: 3px;
    border-radius: 20px;
    background: #ffd2d2}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__extension-pin img{width: 100%;
    height: 100%}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__extension{position: absolute;
    right: 40px;
    top: 56px;
    z-index: 3;
    width: 260px;
    height: auto;
    box-shadow: 2px 6px 10px 0 rgba(0,0,0,.25)}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper{position: absolute;
    top: -40px;
    left: -50px;
    z-index: 4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification{position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    border-radius: 200px;
    padding: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 4px 12px 20px 0 rgba(0,0,0,.3);
    opacity: 0}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification .notification__icon-wrapper{width: 16px;
    height: 16px;
    padding: 10px;
    background: #f2f2f2;
    border-radius: 40px;
    margin-right: 14px}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification .notification__icon-wrapper img{width: 100%;
    height: 100%}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification span{font-family: Raleway,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #5d4c69}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification span strong{font-weight: 700}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:first-child{-webkit-animation: anim-extension-notification 8s linear infinite;
    animation: anim-extension-notification 8s linear infinite}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(2){-webkit-animation: anim-extension-notification 8s linear 1.6s infinite;
    animation: anim-extension-notification 8s linear 1.6s infinite}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(3){-webkit-animation: anim-extension-notification 8s linear 3.2s infinite;
    animation: anim-extension-notification 8s linear 3.2s infinite}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(4){-webkit-animation: anim-extension-notification 8s linear 4.8s infinite;
    animation: anim-extension-notification 8s linear 4.8s infinite}

.product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(5){-webkit-animation: anim-extension-notification 8s linear 6.4s infinite;
    animation: anim-extension-notification 8s linear 6.4s infinite}



@-webkit-keyframes anim-extension-notification {
    0% {
        opacity: 0;
        transform: translateX(280px) translateY(0)
    }

    5% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: translateX(0) translateY(380px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateY(380px)
    }
}

@keyframes anim-extension-notification {
    0% {
        opacity: 0;
        transform: translateX(280px) translateY(0)
    }

    5% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: translateX(0) translateY(380px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateY(380px)
    }
}

@-webkit-keyframes anim-extension-notification-shorter {
    0% {
        opacity: 0;
        transform: translateX(280px) translateY(0)
    }

    5% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: translateX(0) translateY(320px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateY(320px)
    }
}

@keyframes anim-extension-notification-shorter {
    0% {
        opacity: 0;
        transform: translateX(280px) translateY(0)
    }

    5% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }

    60% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: translateX(0) translateY(320px)
    }

    to {
        opacity: 0;
        transform: translateX(0) translateY(320px)
    }
}.product-extension .product-info-section .extension-free-real__illustration-wrapper .illustration-likes-gained__user img{width: 100%;
    height: 100%}

.product-extension .product-info-section .extension-free-real__illustration-wrapper .illustration-likes-gained__hearts .heart img{width: 100%;
    height: 100%}

.product-extension .product-info-section .extension-free-real__illustration-wrapper .illustration-likes-gained__counter span{font-family: inherit;
    font-size: inherit}

.product-extension .product-info-section .extension-free-real__illustration-wrapper .illustration-likes-gained__counter img{width: 16px;
    height: 16px;
    margin-left: 6px}

.product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__transfer-wrapper .illustration-encrypted__transfer-edge .line{position: relative;
    height: 2px;
    width: 100%;
    background: #fff;
    display: inline-block;
    opacity: .8;
    z-index: 1;
    transition: all .5s ease}

.product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__transfer-wrapper .illustration-encrypted__transfer-edge .heart img{width: 100%;
    height: 100%}

.product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__text-card img{width: 30px;
    height: 30px;
    margin-right: 10px}

.product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__text-card span{height: auto;
    font-weight: 400;
    font-size: 20px;
    font-family: Raleway,sans-serif;
    color: #4b1474}



@-webkit-keyframes anim-encrypted-heart {
    0% {
        opacity: 0;
        left: 0
    }

    10% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0;
        left: calc(100% - 32px)
    }
}

@keyframes anim-encrypted-heart {
    0% {
        opacity: 0;
        left: 0
    }

    10% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 0;
        left: calc(100% - 32px)
    }
}

@-webkit-keyframes anim-gained-heart {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        transform: translateY(0) translateX(0) scale(1.2)
    }
}

@keyframes anim-gained-heart {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    to {
        transform: translateY(0) translateX(0) scale(1.2)
    }
}.product-info-section p{color: #fff;
    padding-top: 15px}

.product-info-section .container{max-width: 1440px}

.product-info-section .row{align-items: center;
    padding: 60px 0}

.product-info-section .col{width: 50%}

.product-info-section .col.col--centered{text-align: center;
    margin: 0 auto}

.product-info-section .gallery .card img{display: block;
    margin: auto;
    width: 100%}

.product-info-section .description{color: #fff}

.faq-section .container{max-width: 942px}

.faq-section h3{color: #fff;
    margin-bottom: 60px;
    text-align: center}

.faq-section .faq-section__list .list-item.list-item--open .list-item__icon .line:first-child,.faq-section .faq-section__list .list-item.list-item--open .list-item__icon .line:nth-child(2){transform: rotate(180deg)}

.faq-section .faq-section__list .list-item__icon .line{position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 12px);
    width: 24px;
    height: 4px;
    border-radius: 10px;
    background: #fff;
    transition: all .5s ease-out}

.faq-section .faq-section__list .list-item__icon .line:nth-child(2){transform: rotate(90deg)}

.faq-section .faq-section__list .list-item__header h4{color: #330058;
    margin-bottom: 0;
    line-height: 130%;
    max-width: 640px;
    padding-right: 20px}

.faq-section .faq-list .faq-question h4{color: #4b1474;
    margin-bottom: 0}

.faq-section .faq-list .faq-question .icon{background: #4b1474;
    border-radius: 50%;
    height: 76px;
    position: absolute;
    top: -20px;
    left: -110px;
    width: 76px}

.faq-section .faq-list .faq-question .icon .line{background-color: #fff;
    content: "";
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    width: 20px}

.faq-section .faq-list .faq-question .icon .line+.line{background-color: #fff;
    content: "";
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -2px;
    width: 4px}

.faq-section .faq-list .faq-question.active .icon .line{opacity: 1}

.faq-section .faq-list .faq-question.active .icon .line+.line{opacity: 0}

.blog-article .blog-article__inner .blog-article__header h1{font-size: 90px;
    color: #4b1474;
    line-height: 100%;
    padding-bottom: 20px}

.blog-article .blog-article__inner .blog-article__header img{width: 100%;
    border-radius: 60px;
    box-shadow: 4px 12px 40px rgba(0,0,0,.1)}

.blog-article .blog-article__inner .blog-article__body b,.blog-article .blog-article__inner .blog-article__body strong{font-weight: 700}

.blog-article .blog-article__inner .blog-article__body a{color: #8123bb;
    cursor: pointer;
    border-bottom: 1px dashed;
    transition: color .3s ease}

.blog-article .blog-article__inner .blog-article__body a:hover{color: #4b1474;
    border-bottom: 1px solid}

.blog-article .blog-article__inner .blog-article__body h2{margin: 0;
    padding: 20px 0;
    color: #330058;
    font-size: 60px}

.blog-article .blog-article__inner .blog-article__body h3{margin: 0;
    padding: 20px 0;
    color: #330058;
    font-size: 50px}

.blog-article .blog-article__inner .blog-article__body h4,.blog-article .blog-article__inner .blog-article__body h5,.blog-article .blog-article__inner .blog-article__body h6{margin: 0;
    padding: 15px 0;
    color: #330058;
    font-size: 40px}

.blog-article .blog-article__inner .blog-article__body p{padding-bottom: 10px;
    font-weight: 400;
    color: #5d4c69;
    font-family: Raleway,sans-serif;
    font-size: 20px;
    line-height: 150%}

.blog-article .blog-article__inner .blog-article__body p b,.blog-article .blog-article__inner .blog-article__body p strong{font-weight: 700}

.blog-article .blog-article__inner .blog-article__body p i{font-style: italic}

.blog-article .blog-article__inner .blog-article__body img{width: 100%;
    border-radius: 40px;
    box-shadow: 4px 12px 40px rgba(0,0,0,.1);
    margin-top: 30px;
    margin-bottom: 40px}

.blog-article .blog-article__inner .blog-article__body ul{list-style-type: disc}

.blog-article .blog-article__inner .blog-article__body ol,.blog-article .blog-article__inner .blog-article__body ul{padding: 15px 0 15px 30px;
    margin: 0;
    color: #5d4c69}

.blog-article .blog-article__inner .blog-article__body ol li,.blog-article .blog-article__inner .blog-article__body ul li{display: list-item;
    font-weight: 400;
    font-family: Raleway,sans-serif;
    font-size: 20px;
    line-height: 150%;
    padding-bottom: 10px}

.blog-article .blog-article__inner .blog-article__link-out h2{margin-bottom: 40px;
    line-height: 1;
    font-size: 56px;
    color: #330058}

.blog-article .blog-article__inner .blog-article__link-out a.link-style.vibrant-purple{transition: color .3s ease}

.blog-article .blog-article__inner .blog-article__link-out a.link-style.vibrant-purple:hover{color: #330058}

.blog-page .blog-page-head h1{color: #4b1474;
    font-weight: 700;
    margin-bottom: 60px}

.blog-page .blog-page-head span{max-width: 740px;
    color: #5d4c69;
    margin: 0 auto;
    line-height: 150%}

.blog-page .top-post .row{display: flex;
    justify-content: space-between}

.blog-page .top-post .col{width: 50%}

.blog-page .top-post .info h2{color: #4b1474;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1}

.blog-page .top-post .info h2:hover{text-decoration: underline;
    color: #330058}

.blog-page .posts-list .row{flex-wrap: wrap;
    align-items: stretch}

.blog-page .posts-list .row:after{content: "";
    flex: auto}

.blog-page .posts-list .row .col{margin-bottom: 40px;
    width: calc(33.3333% - 20px);
    padding-right: 30px}

.blog-page .posts-list .row .col:nth-child(3n){padding-right: 0}

.blog-page .posts-list a{color: inherit;
    text-decoration: none}

.blog-page .posts-list .post .info h4{color: #4b1474;
    font-weight: 700;
    margin-bottom: 25px}

.blog-page .posts-list .post:hover .info h4{text-decoration: underline;
    color: #330058}



@media screen and (max-width: 1440px) {
    h2 {
        font-size:78px
    }

    h3 {
        font-size: 66px
    }

    .container,menu .menu__inner {
        width: 90%
    }

    .hero-section .intro-text {
        margin-left: 0
    }

    /*.how-does-it-work:before,.our-apps-section:before {
        width: 98%
    }*/

    .our-apps-section .statistics {
        margin-top: 20px
    }

    .our-apps-section .statistics ul li {
        font-size: 14px
    }

    .testimonials-section {
        margin-bottom: 60px
    }

    .faq-section:before {
        width: 98%
    }

    .product-desktop .intro-text .download-buttons {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: 360px
    }

    .product-desktop .intro-text .download-buttons .button.download__primary {
        width: 100%;
        margin-right: 0;
        display: inline-block;
        vertical-align: middle
    }

    .product-desktop .intro-text .intro-text__button-wrapper .hero-button-text {
        width: 100%;
        text-align: center;
        margin-top: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0;
        color: #4b1474
    }

    .product-desktop .intro-text .intro-text__button-wrapper .hero-button-text:hover {
        color: #330058
    }
}

@media screen and (max-width: 1280px) {
    .blog-page .posts-list .row .col {
        width:calc(50% - 10px)
    }

    .blog-page .posts-list .row .col:nth-child(2n),.blog-page .posts-list .row .col:nth-child(3n) {
        padding-right: 0
    }

    .blog-page .posts-list .row .col:nth-child(odd) {
        padding-right: 20px
    }

    .testimonials-section .head .row {
        display: block;
        padding-bottom: 20px
    }

    .testimonials-section .head .col {
        margin-bottom: 10px
    }

    .testimonials-section .head .compound-rating {
        padding-right: 0
    }

    .testimonials-section .head .compound-rating img {
        margin: 0 auto
    }

    .testimonials-section .head .testimonials-section__rating {
        margin-bottom: 30px
    }

    .testimonials-section .head .testimonials-section__rating p {
        justify-content: center
    }

    .testimonials-section .head strong {
        font-size: 80px
    }
}

@media screen and (max-width: 1180px) {
    .extensions-section .row .block {
        max-width:420px;
        margin: 0 20px 20px
    }

    .unique-features-section .row .col {
        width: 50%
    }

    .unique-features-section .col:nth-child(3n+1) .block {
        margin-left: 20px
    }

    .unique-features-section .col:nth-child(odd) .block {
        margin-left: 0
    }

    .unique-features-section .block {
        margin-left: 20px;
        padding-left: 80px
    }
}

@media screen and (max-width: 1024px) {
    .product-page .hero-section {
        min-height:768px
    }

    .product-page .hero-section .container,.unique-features-section {
        padding-bottom: 0
    }

    .extensions-section .block {
        border-radius: 40px;
        padding: 30px 20px 20px
    }

    .how-does-it-work .block {
        padding: 20px;
        border-radius: 40px
    }

    .faq-section:before {
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding:0 15px;
        max-width: 100%;
        width: 100%
    }

    .section-head {
        margin-bottom: 40px
    }

    .section-head p {
        margin: 0 auto;
        max-width: 500px
    }

    footer {
        padding: 80px 0 40px;
        text-align: center
    }

    footer .container {
        display: flex;
        align-items: center
    }

    footer .container .row {
        flex-direction: column-reverse;
        text-align: left;
        margin: 0 auto
    }

    footer .container .left {
        text-align: center;
        margin-top: 20px;
        display: block
    }

    footer .container .left .footer__logo a {
        display: inline-block;
        margin: 0 auto 20px
    }

    footer .container .left .footer__logo .footer__logo-text {
        display: block;
        vertical-align: middle;
        margin: 0
    }

    footer .container .right {
        margin-left: 0;
        margin-bottom: 30px;
        width: 100%
    }

    .landing .extensions-section .row .block,.product-page .extensions-section .row .block {
        max-width: 480px;
        margin: 0 auto 20px
    }

    .landing .hero-section .intro-text {
        width: 100%
    }

    .landing .hero-section .intro-text h1 {
        font-size: 120px
    }

    .landing .hero-section .image {
        width: 90%;
        max-width: 460px
    }

    .hero-section {
        height: auto;
        min-height: inherit
    }

    .hero-section .container {
        display: block;
        padding-top: 120px;
        padding-bottom: 40px
    }

    .hero-section .row {
        flex-direction: column-reverse
    }

    .hero-section .intro-text {
        margin: 40px auto 40px;
        text-align: center
    }

    .hero-section .intro-text p {
        line-height: 150%
    }

    .hero-section .scroll-down {
        display: none
    }

    .download-buttons .button.download__primary {
        margin-right: 0
    }

    .download-buttons .button.download__secondary {
        margin: 15px 10px 0
    }

    .about-section {
        padding-top: 60px
    }

    .about-section .row {
        flex-direction: column-reverse
    }

    .about-section .col {
        width: 100%
    }

    .about-section .about-section__first {
        padding-bottom: 60px
    }

    .about-section .about-section__image {
        max-width: 540px
    }

    .about-section .about-section__text {
        padding-top: 40px
    }

    .about-section .description {
        margin: 0 auto;
        text-align: center;
        max-width: 600px
    }

    .extensions-section .app-download-button {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }

    .extensions-section .row {
        display: block
    }

    .extensions-section .block {
        border-radius: 20px;
        margin: 0 auto 20px;
        padding: 60px 20px 40px;
        max-width: 560px;
        width: 100%
    }

    .extensions-section .block .icon {
        margin-bottom: 20px
    }

    .extensions-section .block .buttons-wrap .button {
        background-size: 50% auto!important
    }

    .how-does-it-work {
        margin-bottom: 60px;
        padding: 80px 0 80px
    }

    .how-does-it-work:before {
        /*border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;*/
        left: 0;
        width: 100%
    }

    .how-does-it-work .row {
        display: block
    }

    .how-does-it-work .block {
        box-sizing: border-box;
        border-radius: 40px;
        margin: 0 auto 20px;
        padding: 60px 20px 40px;
        max-width: 560px;
        width: 100%
    }

    .how-does-it-work .block .icon {
        margin-bottom: 20px
    }

    .unique-features-section {
        padding-bottom: 60px
    }

    .unique-features-section .row {
        padding-top: 60px
    }

    .unique-features-section .row .col {
        width: 100%
    }

    .unique-features-section .block {
        margin: 0 auto 80px!important;
        padding-left: 0;
        text-align: center;
        max-width: 600px
    }

    .unique-features-section .block .icon {
        margin-bottom: 20px;
        position: relative
    }

    .our-apps-section {
        margin-bottom: 60px;
        padding: 60px 0 1px
    }

    .our-apps-section:before {
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        width: 100%
    }

    .our-apps-section .section-head {
        margin-bottom: 80px
    }

    .our-apps-section h3 {
        margin-bottom: 30px
    }

    .our-apps-section .row {
        margin-bottom: 100px
    }

    .our-apps-section .row.row__reverse-on-fold {
        flex-direction: column-reverse
    }

    .our-apps-section .row .col {
        width: 100%
    }

    .our-apps-section .gallery {
        margin: 0 auto 40px;
        max-width: 600px
    }

    .our-apps-section .description {
        margin: 0 auto;
        text-align: center;
        max-width: 600px
    }

    .our-apps-section .statistics ul {
        justify-content: center
    }

    .our-apps-section .button {
        display: inline-block;
        margin: 20px auto 0;
        width: auto
    }

    .testimonials-section .head .row {
        display: block;
        padding-bottom: 20px
    }

    .testimonials-section .head .col {
        margin-bottom: 10px
    }

    .testimonials-section .head .compound-rating {
        padding-right: 0
    }

    .testimonials-section .head .compound-rating img {
        margin: 0 auto
    }

    .testimonials-section .head .testimonials-section__rating {
        margin-bottom: 30px
    }

    .testimonials-section .head .testimonials-section__rating p {
        justify-content: center
    }

    .testimonials-section .head strong {
        font-size: 80px
    }

    .testimonials-section .swiper-container {
        padding: 50px 15px
    }

    .testimonials-section .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .testimonials-section .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        margin: 0 5px;
        width: 10px
    }

    .testimonials-section .feedback {
        padding: 40px
    }

    .testimonials-section .block {
        border-radius: 20px
    }

    .testimonials-section .author {
        padding: 20px
    }

    .testimonials-section .author .row {
        align-items: flex-start
    }

    .testimonials-section .author .rating .title {
        font-size: 18px
    }

    .testimonials-section .author .rating img {
        height: 15px;
        width: 15px
    }

    .testimonials-section .author .user {
        align-items: flex-start
    }

    .testimonials-section .author .user .name {
        font-size: 14px
    }

    .testimonials-section .author .user .date {
        font-size: 10px
    }

    .pagination {
        align-items: center;
        margin: 40px 0;
        text-align: center
    }

    .pagination .next-page,.pagination .prev-page {
        display: none
    }

    .pagination ul {
        margin: auto
    }

    .pagination li {
        height: 50px;
        line-height: 50px;
        width: 50px
    }

    .subscribe-section .wrap {
        padding: 40px
    }

    .subscribe-section .container {
        padding: 0 15px
    }

    .subscribe-section .row {
        display: block
    }

    .subscribe-section .f-group {
        margin-bottom: 0;
        width: 100%
    }

    .subscribe-section .license-agreement {
        position: relative
    }

    .subscribe-section .license-agreement:before {
        display: none
    }

    .inner-page .hero-section {
        min-height: inherit;
        padding-bottom: 60px
    }

    .inner-page .hero-section .intro-text {
        margin: 0 auto;
        max-width: 100%;
        width: 100%
    }

    .inner-page .hero-section .intro-text .tabs {
        margin: 140px auto 20px;
        max-width: 260px
    }

    .product-info-section {
        padding: 60px 0
    }

    .product-info-section .row {
        display: block
    }

    .product-info-section .col,.product-info-section .gallery .card img {
        width: 100%
    }

    .product-info-section .description {
        box-sizing: border-box;
        padding: 40px 0 0
    }

    .product-page .hero-section {
        padding-bottom: 120px
    }

    .product-page .hero-section .row {
        display: flex;
        flex-direction: column-reverse
    }

    .product-page .hero-section .intro-text {
        display: block;
        position: relative;
        padding-top: 40px
    }

    .product-page .hero-section .intro-text h1 {
        font-size: 80px
    }

    .product-page .hero-section .intro-text p {
        margin: 0 auto
    }

    .product-page .hero-image {
        display: block;
        position: relative;
        height: 400px;
        width: 100%
    }

    .product-desktop .intro-text .download-buttons {
        max-width: 420px;
        margin: 0 auto
    }

    .product-desktop .hero-section .hero-image {
        display: block;
        position: relative;
        height: 400px;
        width: 100%
    }

    .product-desktop .hero-section .hero-image .laptop-illustration {
        position: absolute;
        top: 0;
        left: calc(50% - 350px);
        width: 700px;
        height: auto
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__screen {
        top: 33px;
        left: 90px;
        width: 516px;
        height: 311px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__desktop-app {
        top: 63px;
        left: 102px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__instagram-inside-chrome {
        left: 119px;
        top: 35px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__like-popup {
        left: 451px;
        top: 265px
    }

    .product-page .product-info-section {
        text-align: center
    }

    .product-android .hero-section .hero-image {
        display: block;
        position: relative;
        height: 380px;
        width: 100%
    }

    .product-android .hero-section .hero-image .android-illustration {
        height: 100%
    }

    .product-android .hero-section .hero-image .android-illustration .android-illustration__phone {
        position: absolute;
        top: calc(50% - 225px);
        left: calc(50% - 105px);
        width: 210px;
        height: 450px;
        transform: rotate(5deg) scale(.8)
    }

    .product-android .hero-section .hero-image .android-illustration .android-illustration__downloads {
        left: calc(50% - 250px)
    }

    .product-android .hero-section .hero-image .android-illustration .android-illustration__rating {
        left: calc(50% + 50px)
    }

    .product-desktop .product-info-section .desktop-free-automatic {
        display: flex;
        flex-direction: column-reverse
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration {
        position: absolute;
        top: 0;
        left: calc(50% - 230px);
        width: 460px;
        height: 0
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__background {
        position: absolute;
        top: 0;
        left: 20px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-1 {
        top: 60px;
        left: 0
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-2 {
        top: 180px;
        left: 80px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-3 {
        top: 300px;
        left: 160px
    }

    .product-desktop .product-info-section .desktop-free-automatic__illustration-wrapper {
        position: relative;
        height: 460px
    }

    .product-desktop .product-info-section .desktop-secure__illustration-wrapper {
        height: 450px
    }

    .product-android .product-info-section .android-real-people {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0
    }

    .product-android .product-info-section .android-real-people .android-real-people__illustration-wrapper {
        height: 360px;
        margin-bottom: 20px
    }

    .product-extension .hero-section .hero-image .extension-illustration {
        left: calc(50% - 300px)
    }

    .product-extension .product-info-section .extension-free-real {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0
    }

    .product-extension .product-info-section .extension-free-real .extension-free-real__illustration-wrapper {
        height: 220px;
        margin-top: 180px
    }

    .product-extension .product-info-section .extension-password .extension-password__illustration-wrapper {
        height: 140px;
        margin-top: 200px
    }

    .faq-section {
        padding: 200px 0 60px
    }

    .faq-section:before {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        width: 100%
    }

    .faq-section:after {
        display: none
    }

    .faq-section .faq-list .faq-item {
        border-radius: 20px;
        padding-left: 60px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .faq-section .faq-list .faq-question .icon {
        height: 40px;
        left: -50px;
        top: -10px;
        width: 40px
    }

    .faq-section .faq-list .faq-answer p {
        font-size: 12px
    }

    .support-page .faq-section {
        padding-top: 140px
    }

    .support-page .section-head h1 {
        font-size: 100px
    }

    .blog-page {
        padding-top: 140px
    }

    .blog-page .blog-page-head h1 {
        font-size: 100px
    }

    .blog-page .top-post {
        margin-bottom: 40px
    }

    .blog-page .top-post .row {
        display: block
    }

    .blog-page .top-post .info {
        padding: 40px
    }

    .blog-page .top-post .info h1 {
        font-size: 32px
    }

    .blog-page .top-post .mobile-photo {
        background-position: 50%;
        background-size: cover;
        height: 200px;
        margin: 0 0 20px;
        width: 100%
    }

    .blog-page .top-post .col {
        width: 100%
    }

    .blog-article .blog-article__inner {
        width: 90%
    }

    .blog-article .blog-article__inner .blog-article__header h1 {
        font-size: 70px
    }

    .blog-article .blog-article__inner .blog-article__body {
        width: 100%;
        max-width: auto;
        padding: 60px 0;
        border-bottom: 1px solid #eee;
        margin-bottom: 60px
    }

    .blog-article .blog-article__inner .blog-article__link-out {
        padding: 50px 40px 40px
    }
}

@media screen and (max-width: 880px) {
    .announcement .announcement__padding {
        height:60px
    }

    .blog-article {
        padding-top: 100px
    }

    .blog-article .blog-article__inner,menu.menu--scrolled.menu--transparent .menu__inner,menu.menu--scrolled .menu__inner,menu .menu__inner {
        padding: 10px 15px;
        width: 100%;
        box-sizing: border-box
    }

    menu.menu--scrolled.menu--transparent .menu__inner .menu__logo.animatable-icon,menu.menu--scrolled .menu__inner .menu__logo.animatable-icon,menu .menu__inner .menu__logo.animatable-icon {
        width: 50px;
        height: 40px;
        display: inline-block;
        vertical-align: middle
    }

    menu.menu--scrolled.menu--transparent .menu__inner .menu__logo.animatable-icon img,menu.menu--scrolled .menu__inner .menu__logo.animatable-icon img,menu .menu__inner .menu__logo.animatable-icon img {
        width: auto;
        height: 40px
    }

    menu.menu--scrolled.menu--transparent .menu__inner nav.menu__desktop,menu.menu--scrolled .menu__inner nav.menu__desktop,menu .menu__inner nav.menu__desktop {
        display: none
    }

    menu.menu--scrolled.menu--transparent .menu__inner .menu__open-icon,menu.menu--scrolled .menu__inner .menu__open-icon,menu .menu__inner .menu__open-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center
    }

    menu.menu--scrolled.menu--transparent .menu__inner .menu__open-icon .line,menu.menu--scrolled .menu__inner .menu__open-icon .line,menu .menu__inner .menu__open-icon .line {
        background: #fff
    }

    menu.menu--transparent .menu__inner .menu__open-icon .line {
        background: #5d4c69
    }

    menu.menu--open {
        background: #330058
    }

    menu.menu--open .menu__inner .menu__logo.animatable-icon .icon-red {
        opacity: 0
    }

    menu.menu--open .menu__inner .menu__logo.animatable-icon .icon-white {
        opacity: 1
    }

    menu.menu--open .menu__inner .menu__open-icon .line {
        background: #fff
    }

    menu.menu--open .menu__inner nav.menu__mobile {
        display: block
    }
}

@media screen and (max-width: 800px) {
    .blog-page .posts-list .row .col {
        border-radius:25px;
        width: 100%;
        padding-right: 0!important
    }
}

@media screen and (max-width: 730px) {
    .product-desktop .hero-section .hero-image .laptop-illustration {
        left:0
    }

    .product-extension .hero-section .hero-image .extension-illustration {
        left: 40px
    }

    .blog-page .top-post .info h2 {
        font-size: 42px
    }

    .blog-article .blog-article__inner .blog-article__header h1 {
        font-size: 60px
    }

    .blog-article .blog-article__inner .blog-article__header img {
        border-radius: 30px
    }

    .blog-article .blog-article__inner .blog-article__body {
        padding: 40px 0;
        margin-bottom: 40px
    }

    .blog-article .blog-article__inner .blog-article__body p {
        font-size: 18px
    }

    .blog-article .blog-article__inner .blog-article__body h2 {
        font-size: 40px
    }

    .blog-article .blog-article__inner .blog-article__body h3 {
        font-size: 32px
    }

    .blog-article .blog-article__inner .blog-article__body h4,.blog-article .blog-article__inner .blog-article__body h5,.blog-article .blog-article__inner .blog-article__body h6 {
        font-size: 24px
    }

    .blog-article .blog-article__inner .blog-article__body img {
        border-radius: 30px
    }

    .blog-article .blog-article__inner .blog-article__link-out {
        padding: 30px 20px 20px;
        border-radius: 30px
    }

    .blog-article .blog-article__inner .blog-article__link-out h2 {
        font-size: 30px;
        margin-bottom: 20px
    }

    .blog-article .blog-article__inner .blog-article__link-out p {
        font-size: 18px
    }
}

@media screen and (max-width: 600px) {
    .testimonials-section .head .compound-rating img {
        width:100%
    }

    .landing .hero-section .intro-text h1 {
        font-size: 100px
    }

    .landing .hero-section .intro-text__button-wrapper .button {
        display: block;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto
    }

    .landing .hero-section .intro-text__button-wrapper .hero-button-text {
        display: inline-block;
        margin: 30px 0 0
    }

    .product-android .hero-section .hero-image .android-illustration .android-illustration__downloads {
        left: calc(50% - 180px);
        top: calc(50% - 165px)
    }

    .product-android .hero-section .hero-image .android-illustration .android-illustration__rating {
        left: calc(50% - 80px);
        top: calc(50% + 110px)
    }

    .product-android .product-info-section .android-privacy__illustration-wrapper .illustration-privacy {
        height: 430px
    }

    .product-android .product-info-section .android-privacy__illustration-wrapper .illustration-privacy .illustration-privacy__text-item.item__data,.product-android .product-info-section .android-privacy__illustration-wrapper .illustration-privacy .illustration-privacy__text-item.item__encrypted {
        left: calc(50% - 120px)
    }
}

@media screen and (max-width: 540px) {
    .product-extension .hero-section .hero-image {
        height:300px
    }

    .product-extension .hero-section .hero-image .extension-illustration {
        top: 10px;
        height: 300px
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification {
        width: 200px;
        padding: 8px
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification .notification__icon-wrapper {
        padding: 6px
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification span {
        font-size: 12px
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:first-child {
        -webkit-animation: anim-extension-notification-shorter 8s linear infinite;
        animation: anim-extension-notification-shorter 8s linear infinite
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(2) {
        -webkit-animation: anim-extension-notification-shorter 8s linear 1.6s infinite;
        animation: anim-extension-notification-shorter 8s linear 1.6s infinite
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(3) {
        -webkit-animation: anim-extension-notification-shorter 8s linear 3.2s infinite;
        animation: anim-extension-notification-shorter 8s linear 3.2s infinite
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(4) {
        -webkit-animation: anim-extension-notification-shorter 8s linear 4.8s infinite;
        animation: anim-extension-notification-shorter 8s linear 4.8s infinite
    }

    .product-extension .hero-section .hero-image .extension-illustration .extension-illustration__notifications-wrapper .notification:nth-child(5) {
        -webkit-animation: anim-extension-notification-shorter 8s linear 6.4s infinite;
        animation: anim-extension-notification-shorter 8s linear 6.4s infinite
    }

    .product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__transfer-wrapper .illustration-encrypted__transfer-node.client {
        left: calc(50% - 150px)
    }

    .product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__transfer-wrapper .illustration-encrypted__transfer-node.instagram {
        left: calc(50% + 65px)
    }

    .product-extension .product-info-section .extension-password__illustration-wrapper .illustration-encrypted__transfer-wrapper .illustration-encrypted__transfer-edge {
        left: calc(50% - 150px);
        width: 300px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-1 {
        left: 40px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-3 {
        left: 120px
    }

    .product-desktop .product-info-section .desktop-secure-illustration .desktop-secure-illustration__item.item-human {
        top: calc(50% - 220px);
        right: calc(50% - 100px)
    }

    .product-desktop .product-info-section .desktop-secure-illustration .desktop-secure-illustration__item.item-key {
        bottom: calc(50% - 180px);
        right: calc(50% + 100px)
    }

    .blog-page .top-post .post {
        border-radius: 20px
    }

    .blog-page .top-post .info {
        padding: 30px 20px
    }

    .blog-page .top-post .info h2 {
        font-size: 32px
    }

    .blog-page .top-post .info .button {
        width: 100%
    }
}

@media screen and (max-width: 520px) {
    h1 {
        font-size:52px
    }

    h2 {
        font-size: 46px
    }

    h3 {
        font-size: 42px
    }

    h4,h5 {
        font-size: 28px
    }

    .button,p {
        font-size: 18px
    }

    .blog-page .blog-page-head h1,.support-page .section-head h1 {
        font-size: 80px
    }

    .blog-page .blog-page-head p {
        font-size: 18px
    }

    .blog-page .posts-list .post {
        border-radius: 30px
    }

    .blog-page .posts-list .post .photo {
        height: 250px
    }

    .blog-page .posts-list .post .info {
        padding: 20px 30px 30px
    }

    .hero-section .container {
        padding-top: 100px
    }

    .landing .hero-section .intro-text h1 {
        font-size: 80px
    }

    .landing .hero-section .intro-text__button-wrapper .hero-button-text {
        font-size: 18px
    }

    .landing-what-section {
        padding-top: 80px
    }

    .extensions-section {
        padding-top: 40px
    }

    .extensions-section h2 {
        padding-bottom: 40px
    }

    .product-page .hero-section .intro-text h1 {
        font-size: 54px
    }

    .product-desktop .hero-section .hero-image {
        height: 287px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration {
        width: 500px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__screen {
        top: 23px;
        left: 64px;
        width: 370px;
        height: 225px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__instagram-inside-chrome {
        left: 96px;
        top: 45px;
        height: 198px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__like-popup {
        left: 259px;
        top: 187px
    }

    .product-desktop .hero-section .hero-image .laptop-illustration .laptop-illustration__desktop-app {
        top: 33px;
        left: 73px;
        width: 164px
    }

    .product-extension .product-info-section .row.extension-free-real,.product-extension .product-info-section .row.extension-password {
        padding: 0
    }

    footer .right .footer__navigation {
        justify-content: space-between
    }

    footer .right .footer__navigation .footer__navigation-subclass ul li {
        margin-right: 20px
    }

    .testimonials-section .head .compound-rating {
        display: none
    }

    .testimonials-section .head .row {
        padding-top: 20px;
        padding-bottom: 0
    }

    .testimonials-section .head .testimonials-section__rating {
        margin-bottom: 0
    }

    .unique-features-section {
        padding-bottom: 0
    }

    .unique-features-section .row {
        padding-top: 20px
    }

    .our-apps-section .section-head {
        margin-bottom: 20px
    }

    .faq-section .faq-section__list .list-item {
        border-radius: 30px
    }

    .faq-section .faq-section__list .list-item__icon {
        width: 40px;
        height: 40px;
        margin-right: 15px
    }

    .faq-section .faq-section__list .list-item__icon .line {
        left: calc(50% - 10px);
        width: 20px
    }

    .faq-section .faq-section__list .list-item__header {
        padding: 15px
    }

    .faq-section .faq-section__list .list-item__body {
        padding: 15px 0 40px;
        margin: 0 15px
    }
}

@media screen and (max-width: 440px) {
    .our-apps-section .statistics ul li .stars {
        font-size:0
    }

    .our-apps-section .statistics ul li .stars img {
        width: 15px;
        display: inline-block;
        vertical-align: middle
    }

    .extensions-section .block {
        padding: 40px 10px 20px
    }

    .extensions-section .block .app-download-button .app-download-button__inner img {
        padding-right: 8px
    }

    .extensions-section .block .app-download-button.app-download-button--download-for .app-download-button__inner .app-download-button__text .app-download-button__superscript-title {
        font-size: 12px
    }

    .extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner:first-child {
        padding: 20px 5px 20px 10px
    }

    .extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner:nth-child(2) {
        padding: 20px 10px 20px 5px
    }

    .landing .hero-section .intro-text h1 {
        font-size: 72px
    }
}

@media screen and (max-width: 420px) {
    .hero-section .container {
        padding-top:90px
    }

    .landing .hero-section .image {
        width: 80%
    }

    .extensions-section .block,.how-does-it-work .block {
        padding: 40px 10px 20px
    }

    .extensions-section .block .app-download-button.app-download-button--download-for .app-download-button__inner .app-download-button__text .app-download-button__superscript-title {
        font-size: 12px
    }

    .extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner:first-child {
        padding: 20px 10px 20px 20px
    }

    .extensions-section .block .app-download-button.app-download-button--split .app-download-button__inner:nth-child(2) {
        padding: 20px 20px 20px 10px
    }

    footer .right {
        min-width: auto
    }

    footer .right .footer__navigation .footer__navigation-subclass ul li {
        margin-right: 40px
    }
}

@media screen and (max-width: 380px) {
    .landing .hero-section .intro-text h1 {
        margin-bottom:20px
    }

    .hero-section .intro-text .intro-text__button-wrapper {
        padding-top: 20px
    }

    .landing .hero-section .intro-text .intro-text__button-wrapper {
        padding-top: 0
    }

    .extensions-section .block .app-download-button {
        margin-top: 25px
    }

    .product-page .product-info-section {
        margin-bottom: 80px
    }

    .product-page .product-info-section .row {
        align-items: center;
        padding: 40px 0
    }

    .product-page .extensions-section {
        padding-top: 80px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-1 {
        left: 60px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-2 {
        left: 80px
    }

    .product-desktop .product-info-section .desktop-free-automatic-illustration .desktop-free-automatic-illustration__step.step-3 {
        left: 100px
    }

    .product-desktop .product-info-section .desktop-secure-illustration .desktop-secure-illustration__item.item-human {
        top: calc(50% - 200px);
        right: calc(50% - 100px)
    }

    .product-desktop .product-info-section .desktop-secure-illustration .desktop-secure-illustration__item.item-key {
        bottom: calc(50% - 180px);
        right: calc(50% + 60px)
    }
}

@media screen and (max-width: 370px) {
    h1 {
        font-size:60px
    }

    h2 {
        font-size: 54px
    }

    h3 {
        font-size: 38px
    }

    h4,h5 {
        font-size: 24px
    }

    p {
        line-height: 140%
    }

    .button,.hero-section .intro-text .intro-text__button-wrapper .hero-button-text,p {
        font-size: 16px
    }

    .blog-page .blog-page-head h1 {
        font-size: 60px
    }

    .blog-page .blog-page-head p {
        line-height: 140%;
        font-size: 16px
    }

    .landing .hero-section .intro-text h1 {
        font-size: 60px
    }

    .landing .hero-section .intro-text__button-wrapper .hero-button-text {
        font-size: 16px
    }

    .landing-what-section {
        padding-top: 40px
    }

    .about-section {
        padding-top: 0
    }

    .our-apps-section .statistics ul li {
        margin-right: 10px;
        padding-right: 10px
    }

    .our-apps-section .statistics ul li:last-child {
        padding-right: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 360px) {
    footer .right .footer__navigation .footer__navigation-subclass ul li {
        margin-right:0
    }
}

@-webkit-keyframes cyber-text-animation {
    0%,40% {
        color: #000
    }

    10% {
        text-shadow: 1px 1px 0 #29c1d1,-1px -1px 0 red
    }

    20% {
        text-shadow: 1px -1px 0 #29c1d1,-1px 1px 0 red
    }

    30% {
        text-shadow: -1px 1px 0 #29c1d1,1px -1px 0 red
    }

    40% {
        text-shadow: 1px 1px 0 #29c1d1,-1px -1px 0 red
    }
}

@keyframes cyber-text-animation {
    0%,40% {
        color: #000
    }

    10% {
        text-shadow: 1px 1px 0 #29c1d1,-1px -1px 0 red
    }

    20% {
        text-shadow: 1px -1px 0 #29c1d1,-1px 1px 0 red
    }

    30% {
        text-shadow: -1px 1px 0 #29c1d1,1px -1px 0 red
    }

    40% {
        text-shadow: 1px 1px 0 #29c1d1,-1px -1px 0 red
    }
}/* Hero form override */
.hero-image .hero-form{background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    display: grid;
    gap: 12px;
    border: 1px solid #e2e6ef;}

.hero-image .hero-form h3{margin: 0 0 4px;
    color: #4b0f7f;
    font-size: 22px;}

.hero-image .hero-form .field{display: grid;
    gap: 6px;}

.hero-image .hero-form label{font-weight: 700;
    color: #1c1d2a;}

.hero-image .hero-form input{padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e2e6ef;
    background: #f5f6fb;
    font-size: 15px;
    font-family: inherit;
    color: #1c1d2a;}

.hero-image .hero-form input:focus{outline: none;
    border-color: #5e1aa0;
    box-shadow: 0 0 0 3px rgba(94,26,160,0.12);}

.hero-image .hero-form .button{justify-content: center;
    width: 100%;}

.hero-image .hero-form .error-text{color: #d32f2f;
    font-size: 13px;
    margin: 4px 0 0;}

.w100{width: 100%;}

.modal{align-items: center;
    background: rgba(0,0,0,.6);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;}

.modal.is-open{display: flex;}

.modal__overlay{position: absolute;
    inset: 0;}

.modal__dialog{background: #fff;
    border-radius: 20px;
    box-shadow: 0 16px 40px rgba(0,0,0,.35);
    color: #330058;
    max-width: 420px;
    padding: 30px 30px 26px;
    position: relative;
    text-align: left;
    width: 100%;}

.modal__dialog h3{font-size: 36px;
    line-height: 1.1;
    margin: 0 0 12px;}

.modal__dialog p{color: #5d4c69;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;}

.modal__close{background: transparent;
    border: 0;
    color: #4b1474;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    padding: 6px 10px;
    position: absolute;
    right: 8px;
    top: 8px;}

@media (max-width: 576px){.modal__dialog{padding: 24px 22px 20px;}
    .modal__dialog h3{font-size: 28px;}
    .modal__dialog p{font-size: 16px;}}
   
/* Hide the default outline for non-keyboard focus */
*:focus:not(:focus-visible) {
  outline: none;
}

/* Or, apply custom styles for keyboard focus */
*:focus-visible {
  outline: none /* Example: a custom blue outline */
  /* Add other custom styles as needed */
}