:root {
    --background-color: #000000;
    --buttonColor: #ff1f2d;
    --primary-text-color: #fff;
    --secondary-text-color: #909090;
}
@font-face
{
    font-family:'Montserrat Medium';
    src:url("../fonts/Montserrat-Medium.woff2");
    font-weight:400
}
@font-face
{
    font-family:'Montserrat Medium';
    src:url("/fonts/Coco-Gothic-Pro-Bold.woff");
    font-weight:600
}
@font-face
{
    font-family:'Montserrat Medium';
    src:url("../fonts/Montserrat-Regular.woff2");
    font-weight:400
}
@font-face
{
    font-family:'Montserrat Medium';
    src:url("../fonts/Montserrat-SemiBold.woff2");
    font-weight:600
}

@keyframes lines-effect-mobile
{
    0%
    {
        background-position:center 0
    }
    100%
    {
        background-position:center -1072px
    }

}
*
{
    box-sizing:border-box
}
html
{
    font-size:10px
}
body
{
    color:var(--primary-text-color);
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    font-weight:400;
    min-width:320px;
    position:relative;
    margin:0
}
a
{
    transition-duration:.25s;
    transition-property:color,background-color,opacity,transform,filter;
    outline:none
}
.hide-mobile
{
    display:none !important
}
.no-scroll
{
    position:fixed;
    overflow:hidden
}
.no-scroll #wrap
{
    overflow:hidden
}
.icon.contact-icon
{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    float:left;
    height:62px;
    width:62px
}
.icon.contact-icon.skype
{
    background:url("/images/svg/sprite.svg") 99.73451327% 80% no-repeat
}
.icon.contact-icon.mail
{
    background:url("/images/svg/sprite.svg") 81.44542773% 60% no-repeat
}
.icon.contact-icon.tel
{
    background:url("/images/svg/sprite.svg") 54.86725664% 80% no-repeat
}
.btn
{
    background-color:rgba(255,255,255,0);
    border-color:#fff;
    border-radius:100px;
    border-style:solid;
    border-width:2px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    font-weight:600;
    height:60px;
    line-height:2px;
    padding:28px 15px 0;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition-duration:.25s;
    transition-property:color,background-color,opacity,transform,box-shadow,filter;
    vertical-align:middle;
    white-space:nowrap
}
.btn:hover
{
    background-color:#fff;
    box-shadow:0 0 15px rgba(0,0,0,0.1);
    color:#36373b
}
.btn.btn-green
{
    background-color:var(--buttonColor);
    border-width:0;
    line-height:2px;
    padding:30px 15px 0
}
.btn.btn-green:hover
{
    background-color:#96ab3a;
    color:#f7f7f7
}
.btn.btn-blue
{
    background-color:#5b56be;
    border-width:0;
    line-height:2px;
    padding:30px 15px 0
}
.btn.btn-blue:focus,.btn.btn-blue:hover
{
    background-color:#4843ae;
    color:#f7f7f7
}
.btn.btn-gray
{
    background-color:#eeeff2;
    border-width:0;
    color:#969aae;
    line-height:2px;
    padding:30px 15px 0
}
.btn.btn-gray:focus,.btn.btn-gray:hover
{
    background-color:#e0e1e7;
    color:#888ca3
}
.btn.btn-small-tgray
{
    border-color:#969aae;
    color:#969aae;
    height:44px;
    padding:20px 15px 0;
    width:181px
}
.btn.btn-small-tgray:hover
{
    background-color:rgba(255,255,255,0);
    border-color:#797e98;
    color:#797e98
}
.btn.btn-small-green
{
    background-color:#aac148;
    border-width:0;
    font-weight:400;
    height:40px;
    line-height:2px;
    padding:19px 35px 0
}
.btn.btn-small-green:hover
{
    background-color:#b3c75b;
    color:white
}
button.btn,input.btn
{
    line-height:1 !important;
    padding-bottom:0 !important;
    padding-top:0 !important
}
@keyframes animation-tf-invalid-style-1
{
    0%
    {
        border-color:#fff
    }
    50%
    {
        border-color:#ffd200
    }
    100%
    {
        border-color:#fff
    }

}
.tf-wrap
{
    position:relative
}
.tf-wrap.tf-wrap-required::before
{
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    content:'*';
    pointer-events:none;
    position:absolute;
    right:0;
    top:11px
}
.text-field
{
    position:relative
}
.text-field.tf-style-1
{
    background-color:rgba(255,255,255,0);
    border-color:#fff;
    border-radius:0;
    border-style:solid;
    border-width:0 0 2px 0;
    color:#fff;
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    font-weight:400;
    height:40px;
    outline:none;
    padding-left:15px;
    padding-right:15px;
    transition:border-color .25s;
    width:100%
}
.text-field.tf-style-1:invalid
{
    box-shadow:none
}
.text-field.tf-style-1.tf-invalid
{
    animation:animation-tf-invalid-style-1;
    animation-duration:1s;
    animation-iteration-count:2
}
.text-field.tf-style-1:-ms-input-placeholder
{
    color:#fff;
    opacity:.8
}
.text-field.tf-style-1::-ms-input-placeholder
{
    color:#fff;
    opacity:.8
}
.text-field.tf-style-1::-webkit-input-placeholder
{
    color:#fff;
    opacity:.8
}
.text-field.tf-style-1::-moz-placeholder
{
    color:#fff;
    opacity:.8
}
.os
{
    float:right
}
.os .app-os
{
    border-radius:50%;
    float:left;
    height:62px;
    margin-left:20px;
    transition-duration:.25s;
    vertical-align:middle;
    width:62px
}
.os .app-os:first-of-type
{
    margin-left:0
}
.os .app-os.ios
{
    background:url("/images/svg/sprite.svg") 36.57817109% 60% no-repeat
}
.os .app-os.ios-i
{
    background:url("/images/svg/sprite.svg") 36.57817109% 80% no-repeat
}
.os .app-os.android
{
    background:url("/images/svg/sprite.svg") 63.15634218% 20% no-repeat
}
.os .app-os.windows
{
    background:url("/images/svg/sprite.svg") 70.76696165% 100% no-repeat
}
.os .app-os:not(span):hover
{
    filter:drop-shadow(0 0 10px rgba(0,0,0,0.17))
}
header,nav,section
{
    display:block
}
button,input
{
    -webkit-appearance:none;
    -moz-appearance:none;
    outline:none
}
.cf:after,.cf:before
{
    content:'';
    display:table
}
.cf:after
{
    clear:both
}
.fixed
{
    position:fixed;
    z-index:10
}
.fixed#main-logo
{
    color:#fff;
    font-family:'Montserrat Medium',sans-serif;
    font-size:3.2rem;
    font-weight:600;
    left:44px;
    line-height:2rem;
    text-decoration:none;
    text-transform:uppercase;
    top:47px;
    transition-duration:.1s
}
.fixed#menu-toggle
{
    cursor:pointer;
    height:27px;
    right:40px;
    top:44px;
    transition-duration:.5s;
    transition-property:opacity;
    width:35px
}
.fixed#menu-toggle.mobile
{
    background-color:rgba(0,0,0,0.15);
    height:47px;
    padding:10px 0 0 10px;
    transform:translate(10px, -10px);
    width:55px
}
.fixed#menu-toggle:hover
{
    opacity:.8
}
.fixed#nav-dots
{
    right:46px;
    top:50%;
    transform:translateY(-50%)
}
.fixed#nav-dots .dot
{
    background-color:#fff;
    border-radius:50%;
    display:block;
    height:12px;
    margin-bottom:32px;
    position:relative;
    transition:background-color .1s,opacity .5s;
    width:12px
}
.fixed#nav-dots .dot:hover
{
    opacity:.8
}
.fixed#nav-dots .dot .circle
{
    border:2px solid #fff;
    border-radius:50%;
    display:block;
    height:24px;
    left:50%;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    transition-duration:.1s;
    transition-property:opacity,border-color;
    width:24px
}
.fixed#nav-dots .dot:last-of-type
{
    margin-bottom:0
}
.fixed#nav-dots .dot.active .circle
{
    opacity:1
}
.fixed#arrow-top
{
    border-color:rgba(255,255,255,0) rgba(255,255,255,0) #fff;
    border-style:solid;
    border-width:0 17.5px 27px 17.5px;
    bottom:44px;
    display:none;
    height:0;
    right:40px;
    transition:background-color .1s,opacity .5s;
    width:0
}
.fixed#arrow-top:hover
{
    opacity:.8
}
#wrap
{
    overflow-x:hidden;
    position:relative
}
#wrap #lines-effect
{
    height:calc(100vh - 140px);
    left:50%;
    position:fixed;
    top:0;
    transform:translateX(-50%) translateZ(0);
    width:1245px;
    z-index:4
}
#wrap #lines-effect.desktop
{
    background-image:url('/images/lines-effect/line-1.png'),url('/images/lines-effect/line-2.png'),url('/images/lines-effect/line-3.png'),url('/images/lines-effect/line-4.png'),url('/images/lines-effect/line-5.png');
    background-position:0 0,25% 0,50% 0,75% 0,100% 0;
    background-repeat:repeat-y
}
#wrap #lines-effect.mobile
{
    animation-name:lines-effect-mobile;
    animation-duration:20s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    background-image:url(../images/circles-bg.png);
    background-position:center 0;
    background-repeat:repeat-y
}
#wrap #top-menu
{
    font-family:'Montserrat Medium',sans-serif;
    line-height:44px;
    position:absolute;
    top:36px;
    right:115px
}
@media (max-width:1439px)
{
    #wrap #top-menu
    {
        right:95px
    }

}
@media (max-width:1279px)
{
    #wrap #top-menu
    {
        right:105px
    }

}
#wrap #top-menu ul
{
    list-style-type:none;
    margin:0;
    padding:0
}
#wrap #top-menu ul li
{
    float:left;
    margin-left:40px
}
@media (max-width:1439px)
{
    #wrap #top-menu ul li
    {
        margin-left:20px
    }

}
@media (max-width:1279px)
{
    #wrap #top-menu ul li
    {
        display:none
    }
    #wrap #top-menu ul li.enter
    {
        display:block;
        margin:0
    }
    #wrap #top-menu ul li.enter .menu-btn
    {
        display:block
    }

}
#wrap #top-menu ul li:first-of-type
{
    margin-left:0
}
#wrap #top-menu ul li.lang-switch
{
    font-weight:600
}
#wrap #top-menu ul li.lang-switch a,#wrap #top-menu ul li.lang-switch span
{
    display:inline-block
}
#wrap #top-menu ul li.lang-switch span>span
{
    font-weight:400;
    opacity:.2
}
#wrap #top-menu ul li.lang-switch>span
{
    margin-left:12px;
    padding-left:14px;
    position:relative
}
#wrap #top-menu ul li.lang-switch>span:not(:first-child)::before
{
    background-color:#ffd200;
    content:'';
    height:24px;
    left:-2px;
    opacity:1;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:2px
}
#wrap #top-menu ul li a
{
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
#wrap #top-menu ul li a:hover
{
    color:#ffd200
}
#wrap #top-menu ul li .menu-btn
{
    background-color:rgba(255,255,255,0);
    border:2px solid #fff;
    border-radius:100px;
    color:#fff;
    display:inline-block;
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    font-weight:600;
    height:44px;
    line-height:2px;
    padding:20px 35px 0;
    text-transform:uppercase
}
#wrap #top-menu ul li .menu-btn:hover
{
    background-color:#fff;
    color:#5B56BE
}
#wrap #top-menu ul li .menu-btn.register
{
    border-color:#ffd200;
    color:#ffd200
}
#wrap #top-menu ul li .menu-btn.register:hover
{
    background-color:#ffd200;
    color:#5B56BE
}
#wrap #side-menu
{
    background-color:#5b56bd;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(255,255,255,0));
    background-size:calc(100% - 16px) 480px;
    background-position:8px 8px;
    background-repeat:no-repeat;
    color:#fff;
    font-family:'Montserrat Medium',sans-serif;
    height:100%;
    min-height:100%;
    -ms-overflow-style:none;
    padding:45px 0 0;
    position:fixed;
    right:-320px;
    text-align:right;
    text-transform:uppercase;
    top:0;
    transition-duration:.5s;
    transition-property:transform,box-shadow;
    width:320px;
    z-index:12
}
#wrap #side-menu .close
{
    background:url("/images/svg/sprite.svg") 49.46236559% 36.1516035% no-repeat;
    display:block;
    float:right;
    height:29px;
    margin-bottom:40px;
    margin-right:45px;
    width:29px
}
#wrap #side-menu .close:hover
{
    opacity:.8;
    transform:rotate(90deg)
}
#wrap #side-menu .lang-switch
{
    float:left;
    font-weight:600;
    line-height:3rem;
    margin-left:45px;
    list-style-type:none;
}
#wrap #side-menu .lang-switch a,#wrap #side-menu .lang-switch span
{
    display:inline-block
}
#wrap #side-menu .lang-switch a
{
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
#wrap #side-menu .lang-switch a:hover
{
    color:#ffd200
}
#wrap #side-menu .lang-switch span>span
{
    font-weight:400;
    opacity:.2
}
#wrap #side-menu .lang-switch>span
{
    margin-left:12px;
    padding-left:14px;
    position:relative
}
#wrap #side-menu .lang-switch>span:not(:first-child)::before
{
    background-color:#ffd200;
    content:'';
    height:24px;
    left:-2px;
    opacity:1;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:2px
}
#wrap #side-menu .sign-in-links
{
    clear:both;
    margin:0 8px 30px;
    position:relative;
    overflow:hidden;
    white-space:nowrap
}
#wrap #side-menu .sign-in-links .link
{
    color:#fff;
    display:inline-block;
    float:left;
    font-weight:600;
    padding:15px 0;
    text-align:center;
    text-decoration:none
}
#wrap #side-menu .sign-in-links .links-wrap
{
    width:608px
}
#wrap #side-menu .sign-in-links .sign-up
{
    background-color:rgba(0,0,0,0.1);
    color:#ffd200;
    width:182px
}
#wrap #side-menu .sign-in-links .sign-up:hover
{
    opacity:.85
}
#wrap #side-menu .sign-in-links .sign-in
{
    background-color:rgba(0,0,0,0.2);
    width:122px
}
#wrap #side-menu .sign-in-links .sign-in:hover
{
    opacity:.85
}
#wrap #side-menu nav
{
    clear:both;
    height:calc(100vh - 180px);
    margin-right:-8px;
    padding:2px 53px 100px 8px;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:none;
    overflow-x:visible;
    overflow-y:auto
}
#wrap #side-menu nav::-webkit-scrollbar
{
    display:none
}
#wrap #side-menu ul
{
    clear:both;
    list-style-type:none;
    margin:0;
    padding:0
}
#wrap #side-menu ul li
{
    margin-bottom:47px;
    padding:0 45px 0 0;
    position:relative
}
#wrap #side-menu ul li:last-of-type
{
    margin-bottom:0
}
#wrap #side-menu ul li::before
{
    background-color:#fff;
    border-radius:50%;
    content:'';
    height:10px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    transition-duration:.25s;
    width:10px
}
#wrap #side-menu ul li::after
{
    border:2px solid #ffd200;
    border-radius:50%;
    content:'';
    height:20px;
    opacity:0;
    position:absolute;
    right:-7px;
    top:50%;
    transform:translateY(-50%);
    transition-duration:.25s;
    width:20px
}
#wrap #side-menu ul li a
{
    color:#fff;
    display:inline-block;
    font-weight:400;
    position:relative;
    text-decoration:none
}
#wrap #side-menu ul li a::before
{
    background-color:#fff;
    bottom:-8px;
    content:'';
    height:3px;
    position:absolute;
    transition-duration:.25s;
    right:0;
    width:30px
}
#wrap #side-menu ul li a:hover
{
    color:#ffd200
}
#wrap #side-menu ul li a:hover::before
{
    background-color:#ffd200;
    width:100%
}
#wrap #side-menu ul li.active::before
{
    background-color:#ffd200
}
#wrap #side-menu ul li.active::after
{
    opacity:1
}
#wrap #side-menu ul li.active a
{
    color:#ffd200;
    font-weight:600
}
#wrap #side-menu ul li.active a::before
{
    background-color:#ffd200;
    width:75%
}
#wrap #screen-dim
{
    background-color:#151332;
    display:none;
    height:100%;
    opacity:.65;
    position:fixed;
    width:100%;
    z-index:11
}
#wrap>header,#wrap>section
{
    align-items:center;
    display:flex;
    justify-content:center;
    min-height:100vh;
    overflow-y:hidden;
    padding:0 90px;
    position:relative
}
#wrap>header .content,#wrap>section .content
{
    height:560px;
    margin:100px 0;
    max-width:1205px;
    position:relative;
    width:100%;
    z-index:5
}
#wrap #section-2,#wrap #section-4,#wrap .formats-section
{
    overflow:hidden
}
#wrap #section-2 .waves-effect,#wrap #section-4 .waves-effect,#wrap .formats-section .waves-effect
{
    background-image:url("/images/waves-bg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    bottom:0;
    height:561px;
    left:-100px;
    min-width:1920px;
    position:absolute;
    width:calc(100vw + 200px)
}
#wrap #section-3,#wrap #section-7
{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(255,255,255,0));
    background-size:calc(100% - 16px) 300px;
    background-position:8px 8px;
    background-repeat:no-repeat
}
#wrap #section-2
{
    background-attachment:scroll;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(255,255,255,0));
    background-size:calc(100% - 16px) 300px;
    background-position:8px 8px;
    background-repeat:no-repeat
}
#wrap #section-4
{
    background-image:url('/images/circle-bg.png');
    background-size:auto auto;
    background-position:left center;
    background-repeat:no-repeat
}
#wrap header#section-1
{
    background-color:#5757a5;
    background-image:url("../images/s1-bg.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    overflow:hidden;
    position:relative;
    text-align:center;
    z-index:5
}
#wrap header#section-1>.background-video
{
    height:auto;
    left:0;
    min-height:100%;
    min-width:100%;
    position:absolute;
    top:0;
    width:auto
}
#wrap header#section-1>.video-filter
{
    background-color:rgba(82,81,159,0.9);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
#wrap header#section-1 .content
{
    font-family:'Montserrat Medium',sans-serif;
    position:relative
}
#wrap header#section-1 .content h1
{
    color:#ffd200;
    font-size:14.4rem;
    font-weight:600;
    line-height:1;
    margin:-4px 0 20px;
    text-transform:uppercase
}
#wrap header#section-1 .content h1+p
{
    font-size:2.4rem;
    font-weight:600;
    line-height:1.2;
    margin:0 0 265px;
    position:relative;
    text-transform:uppercase;
    z-index:5
}
#wrap header#section-1 .content h1+p span
{
    display:block
}
#wrap header#section-1 .content .a-w
{
    position:relative;
    width:100%;
    z-index:5
}
#wrap header#section-1 .content .a-w .aaa
{
    width:255px
}
#wrap header#section-1 .content .a-w .www
{
    margin-left:214px;
    width:255px
}
#wrap #section-2
{
    overflow:hidden
}
#wrap #section-2 .content
{
    color:#969aae;
    font-family:'Montserrat Medium',sans-serif;
    font-weight:400;
    position:relative
}
#wrap #section-2 .content .title-description-button
{
    padding-right:510px
}
#wrap #section-2 .content .title-description-button .title
{
    font-family:'Montserrat Medium',sans-serif;
    font-size:4.8rem;
    font-weight:600;
    line-height:1;
    margin:-6px 0 43px -3px;
    text-transform:uppercase
}
#wrap #section-2 .content .title-description-button .title span
{
    color:#36373b
}
#wrap #section-2 .content .title-description-button .title .m
{
    display:none
}
#wrap #section-2 .content .title-description-button .description
{
    line-height:3rem;
    margin:0 0 49px;
    text-align:justify
}
#wrap #section-2 .content .title-description-button .contact-apps
{
    margin-bottom:90px
}
#wrap #section-2 .content .title-description-button .contact-apps .contact
{
    padding-left:42px;
    padding-right:42px
}
#wrap #section-2 .content .title-description-button .contact-apps .os
{
    padding-right:4px
}
#wrap #section-2 .content .cols
{
    display:flex;
    justify-content:space-between;
    padding-right:510px
}
#wrap #section-2 .content .cols>.advertisers,#wrap #section-2 .content .cols>.webmasters
{
    text-align:justify;
    width:280px
}
#wrap #section-2 .content .cols>.advertisers h4,#wrap #section-2 .content .cols>.webmasters h4
{
    color:#36373b;
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.8rem;
    font-weight:600;
    line-height:1;
    margin:0 0 30px;
    text-transform:uppercase
}
#wrap #section-2 .content .cols>.advertisers .description,#wrap #section-2 .content .cols>.webmasters .description
{
    line-height:30px;
    margin:0 0 30px
}
#wrap #section-2 .content .cols>.advertisers .more,#wrap #section-2 .content .cols>.webmasters .more
{
    margin-right:-15px;
    text-align:right
}
#wrap #section-2 .content .cols>.advertisers .more a,#wrap #section-2 .content .cols>.webmasters .more a
{
    display:inline-block;
    color:#36373b;
    font-weight:600;
    padding-right:40px;
    position:relative;
    text-decoration:none;
    text-transform:uppercase
}
#wrap #section-2 .content .cols>.advertisers .more a::before,#wrap #section-2 .content .cols>.webmasters .more a::before
{
    background-image:url("../images/s2-more-arrow.png");
    background-position:center;
    background-repeat:no-repeat;
    content:'';
    height:100%;
    position:absolute;
    right:16px;
    top:0;
    transition-duration:.25s;
    transition-property:transform;
    width:7px
}
#wrap #section-2 .content .cols>.advertisers .more a:hover,#wrap #section-2 .content .cols>.webmasters .more a:hover
{
    color:#5b5c63;
    transform:translateX(3px)
}
#wrap #section-2 .content .os.m
{
    display:none
}
#wrap #section-2 .content .phone
{
    bottom:-222px;
    position:absolute;
    right:-70px
}
#wrap #section-2 .content .phone img
{
    display:block
}
#wrap #section-2 .content .phone .screen
{
    height:auto;
    position:absolute;
    top:62px;
    left:66px;
    width:299px
}
#wrap #section-3
{
    background-color:#5b56be;
    color:#fff;
    overflow:hidden;
    position:relative;
    transition-duration:.5s;
    transition-property:background-color;
    width:100%
}
#wrap #section-3 .content
{
    position:relative
}
#wrap #section-3 .content .m
{
    display:none
}
#wrap #section-3 .content .decoration-circle
{
    border:18px solid #fff;
    border-radius:50%;
    height:1019px;
    left:50%;
    opacity:.1;
    position:absolute;
    top:50%;
    transition-duration:.5s;
    transform:translate(-100%, -50%);
    width:1019px
}
#wrap #section-3 .content .advantage
{
    height:60px;
    line-height:3rem;
    max-width:300px
}
#wrap #section-3 .content .advantage:not(:last-of-type)
{
    margin-bottom:85px
}
#wrap #section-3 .content .advantage .icon
{
    display:block;
    float:left;
    margin-right:15px
}
#wrap #section-3 .content .title
{
    cursor:pointer;
    display:inline-block;
    font-family:'Montserrat Medium',sans-serif;
    font-size:3.6rem;
    font-weight:600;
    line-height:1;
    margin:0;
    opacity:.3;
    position:absolute;
    text-transform:uppercase;
    transition-duration:.25s;
    transition-property:all;
    top:5px
}
#wrap #section-3 .content .title::before
{
    background-color:#fff;
    content:'';
    position:absolute;
    bottom:-12px;
    height:2px;
    transition-duration:.25s;
    transition-property:all;
    width:75%
}
#wrap #section-3 .content .title:hover
{
    opacity:1
}
#wrap #section-3 .content .title:hover::before
{
    width:100%
}
#wrap #section-3 .content .title.active
{
    cursor:default;
    font-size:4.8rem;
    line-height:1;
    top:0;
    opacity:1
}
#wrap #section-3 .content .title.active::before
{
    bottom:-18px;
    height:6px;
    width:85%
}
#wrap #section-3 .content .title.active:hover::before
{
    width:85%
}
#wrap #section-3 .content .left
{
    float:left;
    padding-top:185px;
    position:relative;
    width:290px;
    z-index:6
}
#wrap #section-3 .content .left .title
{
    left:0;
    position:absolute
}
#wrap #section-3 .content .left .title .option::before
{
    left:0
}
#wrap #section-3 .content .right
{
    float:right;
    padding-top:185px;
    position:relative;
    text-align:right;
    width:290px;
    z-index:6
}
#wrap #section-3 .content .right .title
{
    position:absolute;
    right:0
}
#wrap #section-3 .content .right .title .option::before
{
    right:0
}
#wrap #section-3 .content .right .advantage
{
    text-align:left
}
#wrap #section-3 .content .right .advantage:last-of-type
{
    margin-bottom:83px
}
#wrap #section-3 .content .right .advantage.web:last-of-type
{
    margin-bottom:85px
}
#wrap #section-3 .content .right .contact
{
    margin-right:70px;
    padding-left:50px;
    padding-right:50px
}
#wrap #section-3 .content .demonstration
{
    height:756px;
    left:50%;
    position:absolute;
    top:65px;
    transform:translate(-50%, 0);
    width:266px
}
#wrap #section-3 .content .demonstration .hand
{
    display:block;
    height:756px;
    margin-left:-109px;
    width:742px
}
#wrap #section-4
{
    background-color:#ffd200
}
#wrap #section-4 .content>.title
{
    color:#fff;
    font-family:'Montserrat Medium',sans-serif;
    font-size:4.8rem;
    font-weight:600;
    line-height:1;
    margin:-5px 0 14px;
    text-transform:uppercase
}
#wrap #section-4 .content .title+p
{
    color:#52481c;
    font-family:'Montserrat Medium',sans-serif;
    font-size:2.4rem;
    font-weight:600;
    line-height:1.2;
    margin:0 0 102px;
    text-transform:uppercase
}
#wrap #section-4 .content .possibilities
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
#wrap #section-4 .content .possibilities .br
{
    display:block;
    width:100%
}
#wrap #section-4 .content .possibilities .possibility
{
    display:inline-block;
    text-align:center;
    white-space:nowrap;
    width:110px
}
#wrap #section-4 .content .possibilities .possibility:nth-of-type(-n + 5)
{
    margin-bottom:115px
}
#wrap #section-4 .content .possibilities .possibility:first-of-type,#wrap #section-4 .content .possibilities .possibility:last-of-type,#wrap #section-4 .content .possibilities .possibility:nth-of-type(5),#wrap #section-4 .content .possibilities .possibility:nth-of-type(6)
{
    width:120px
}
#wrap #section-4 .content .possibilities .possibility .icon
{
    display:block;
    margin:0 auto 15px
}
#wrap #section-4 .content .possibilities .possibility span
{
    display:block;
    margin-left:-40px;
    width:190px
}
#wrap #section-5
{
    background-color:#2d2e31;
    color:#fff;
    overflow:hidden
}
#wrap #section-5 .content
{
    position:relative
}
#wrap #section-5 .content .title-description
{
    width:645px
}
#wrap #section-5 .content .title-description .title
{
    font-family:'Montserrat Medium',sans-serif;
    font-size:4.8rem;
    font-weight:600;
    line-height:1;
    margin:1px 0 25px;
    text-transform:uppercase
}
#wrap #section-5 .content .title-description .title span
{
    font-size:1.8rem
}
#wrap #section-5 .content .title-description .title span:first-of-type
{
    display:block;
    margin-bottom:15px
}
#wrap #section-5 .content .title-description p
{
    line-height:3rem;
    margin:0 0 60px
}
#wrap #section-5 .content .apps-devices
{
    position:absolute;
    right:0;
    top:0
}
#wrap #section-5 .content .apps-devices .os
{
    margin-bottom:35px;
    padding-top:3px
}
#wrap #section-5 .content .apps-devices .devices
{
    float:right;
    position:relative;
    width:571px
}
#wrap #section-5 .content .apps-devices .devices .types
{
    color:#75787f;
    display:flex;
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    font-weight:600;
    justify-content:space-around;
    line-height:1;
    margin:0 0 -9px 65px;
    text-transform:uppercase;
    width:444px
}
#wrap #section-5 .content .apps-devices .devices .ipad
{
    height:auto
}
#wrap #section-5 .content .apps-devices .devices .iphone,#wrap #section-5 .content .apps-devices .devices .nexus
{
    height:auto;
    position:absolute
}
#wrap #section-5 .content .apps-devices .devices .nexus
{
    bottom:20px;
    left:255px
}
#wrap #section-5 .content .apps-devices .devices .iphone
{
    bottom:10px;
    left:0
}
#wrap #section-5 .content .advantages-and-button
{
    width:640px
}
#wrap #section-5 .content .advantages-and-button .advantage
{
    float:left;
    height:60px;
    padding-left:80px;
    position:relative;
    line-height:3rem;
    margin:0 0 58px;
    padding-right:15px;
    width:50%
}
#wrap #section-5 .content .advantages-and-button .advantage .icon
{
    left:30px;
    position:absolute;
    top:0;
    transform:translateX(-50%)
}
#wrap #section-5 .content .advantages-and-button .examples
{
    margin-top:10px;
    padding-left:35px;
    padding-right:35px
}
#wrap #section-6
{
    background-color:#5b56be;
    color:#fff;
    overflow:hidden
}
#wrap #section-6 .content
{
    font-family:'Montserrat Medium',sans-serif;
    position:relative
}
#wrap #section-6 .content .left>.name
{
    color:#ffd200;
    font-size:9.6rem;
    font-weight:600;
    line-height:1;
    margin:-5px 0 17px -9px;
    text-transform:uppercase
}
#wrap #section-6 .content .left>.title
{
    color:#fff;
    font-size:4.8rem;
    line-height:1.2;
    margin:0 0 70px -5px;
    text-transform:uppercase
}
#wrap #section-6 .content .left .form
{
    position:relative;
    width:600px;
    z-index:5
}
#wrap #section-6 .content .left .form .tf-wrap p.help-block-error
 {
     color: red;
 }
#wrap #section-6 .content .left .form .input-group
{
    margin-bottom:30px
}
#wrap #section-6 .content .left .form .input-group .tf-wrap
{
    width:260px
}
#wrap #section-6 .content .left .form .input-group .tf-wrap:first-of-type
{
    float:left
}
#wrap #section-6 .content .left .form .input-group .tf-wrap:last-of-type
{
    float:right
}
#wrap #section-6 .content .left .form .message
{
    height:40px;
    margin:0 0 99px;
    width:100%
}
#wrap #section-6 .content .right
{
    max-width:395px;
    position:absolute;
    right:0;
    top:5px;
    width:100%
}
#wrap #section-6 .content .right .social
{
    display:flex;
    float:right;
    justify-content:space-between;
    margin-bottom:85px;
    position:relative;
    vertical-align:middle;
    width:360px;
    z-index:5
}
#wrap #section-6 .content .right .social .sn
{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:inline-block;
    height:62px;
    width:62px
}
#wrap #section-6 .content .right .social .sn.fb
{
    background:url("/images/svg/sprite.svg") 63.15634218% 40% no-repeat
}
#wrap #section-6 .content .right .social .sn.vk
{
    background:url("/images/svg/sprite.svg") 0 60% no-repeat
}
#wrap #section-6 .content .right .social .sn.tw
{
    background:url("/images/svg/sprite.svg") 99.73451327% 60% no-repeat
}
#wrap #section-6 .content .right .social .sn.gp
{
    background:url("/images/svg/sprite.svg") 18.28908555% 60% no-repeat
}
#wrap #section-6 .content .right .social .sn:hover
{
    filter:drop-shadow(0 0 10px rgba(0,0,0,0.5))
}
#wrap #section-6 .content .bottom
{
    display:flex;
    justify-content:space-between
}
#wrap #section-6 .content .bottom .send
{
    width:210px
}
#wrap #section-6 .content .bottom>span
{
    font-weight:600;
    line-height:6rem;
    margin:0 4% 0 20px;
    text-transform:uppercase
}
#wrap #section-6 .content .bottom .contact-types
{
    display:flex;
    justify-content:space-between;
    width:100%
}
#wrap #section-6 .content .bottom .contact-types .contact-type
{
    color:#fff;
    display:inline-block;
    font-family:'Montserrat Medium',sans-serif;
    font-weight:600;
    line-height:6rem;
    text-decoration:none;
    white-space:nowrap
}
#wrap #section-6 .content .bottom .contact-types .contact-type .icon
{
    margin-right:20px
}
#wrap #section-6 .content .bottom .contact-types .contact-type:hover
{
    filter:drop-shadow(0 0 10px rgba(0,0,0,0.5))
}
#wrap #section-6 .content .m-social
{
    display:none
}
footer
{
    background: var(--secondary-text-color);
    z-index: 100;
}
footer ul {
    padding: 0;
    margin: 0;
}

footer li {
    display: inline-block;
    margin: 10px 0;
}
footer li:first-child::after {
    content: '|';
    margin: 0 25px;
}
footer .footer-links
{
    text-align: center;
    padding: 15px;
    margin: auto;
    max-width: 1245px;
}
footer .footer-links a
{
    color: #ffffff;
    text-decoration: none;
    z-index: 100;
}
footer .footer-links a:hover
{
    color: #ffd200;
}
footer .copyright
{
    font-family: 'Montserrat Medium',sans-serif;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    z-index: 5;
    background: var(--background-color);
    padding: 10px;
    color: white;
}
.big-formats-wrap
{
    position:relative
}
.formats
{
    color:#969aae
}
.formats #main-logo.fixed
{
    color:#36373b;
    display:block !important
}
.formats #wrap #top-menu ul li a:not(.contact)
{
    color:#969aae
}
.formats #wrap #top-menu ul li a:not(.contact):hover
{
    color:#36373b
}
.formats #wrap #top-menu ul li .active
{
    color:#36373b;
    font-weight:600;
    text-transform:uppercase
}
.formats #wrap #top-menu ul li.lang-switch span:last-child::before
{
    background-color:#c0c2cb
}
.formats #wrap #top-menu ul li .menu-btn
{
    border-color:#969aae;
    color:#969aae
}
.formats #wrap #top-menu ul li .menu-btn:hover
{
    background-color:#969aae;
    color:#eee
}
.formats #wrap #top-menu ul li .menu-btn.enter:hover
{
    background-color:#969aae;
    color:#eeeeee
}
.formats #wrap #top-menu ul li .menu-btn.register
{
    border-color:#aac148;
    color:#aac148
}
.formats #wrap #top-menu ul li .menu-btn.register:hover
{
    background-color:#aac148;
    color:#eeeeee
}
.formats #wrap .formats-section
{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(255,255,255,0));
    background-size:calc(100% - 16px) 300px;
    background-position:8px 8px;
    background-repeat:no-repeat
}
.formats #wrap .formats-section .in-development
{
    clear:both;
    color:#aac148;
    display:block;
    text-transform:none
}
.formats #wrap .formats-section .content
{
    font-family:'Montserrat Medium',sans-serif
}
.formats #wrap .formats-section .content .left
{
    position:relative;
    width:680px;
    z-index:5
}
.formats #wrap .formats-section .content .left>.title
{
    font-size:4.8rem;
    font-weight:600;
    line-height:1;
    margin:-5px 0 30px;
    text-transform:uppercase
}
.formats #wrap .formats-section .content .left>.title span
{
    color:#36373b
}
.formats #wrap .formats-section .content .types-description .types
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:12px
}
.formats #wrap .formats-section .content .types-description .types .type
{
    margin-bottom:20px;
    width:33%
}
.formats #wrap .formats-section .content .types-description .types .type.active .btn-small-tgray
{
    border-color:#aac148;
    color:#aac148
}
.formats #wrap .formats-section .content .types-description .types .type.active .btn-small-tgray:hover
{
    border-color:#9cb33d;
    color:#9cb33d
}
.formats #wrap .formats-section .content .types-description .types .type:nth-of-type(3n - 1)
{
    text-align:center
}
.formats #wrap .formats-section .content .types-description .types .type:nth-of-type(3n)
{
    text-align:right
}
.formats #wrap .formats-section .content .types-description .types .type .mobile-description
{
    display:none
}
@media (min-width:768px)
{
    .formats #wrap .formats-section .content .types-description .types .type .mobile-description
    {
        display:none !important
    }

}
.formats #wrap .formats-section .content .types-description .separated-description
{
    font-family:'Montserrat Medium',sans-serif;
    margin-bottom:15px
}
.formats #wrap .formats-section .content .types-description .separated-description .name
{
    color:#aac148;
    clear:both;
    font-size:2.4rem;
    font-family:'Montserrat Medium',sans-serif;
    font-weight:600;
    line-height:1;
    margin-bottom:8px;
    padding-top:6px;
    text-transform:uppercase
}
.formats #wrap .formats-section .content .types-description .separated-description .name .demo
{
    display:none;
    margin-left:10px;
    margin-top:-6px
}
.formats #wrap .formats-section .content .types-description .separated-description .description,.formats #wrap .formats-section .content .types-description .separated-description .specifications
{
    float:left;
    line-height:3rem
}
.formats #wrap .formats-section .content .types-description .separated-description .description .title,.formats #wrap .formats-section .content .types-description .separated-description .specifications .title
{
    color:#36373b;
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.8rem;
    font-weight:600;
    margin-bottom:5px;
    text-transform:uppercase
}
.formats #wrap .formats-section .content .types-description .separated-description .specifications
{
    padding-right:30px;
    width:55%
}
.formats #wrap .formats-section .content .types-description .separated-description .specifications .spec
{
    display:inline-block;
    text-transform:uppercase;
    width:35%
}
.formats #wrap .formats-section .content .types-description .separated-description .specifications .spec .val
{
    color:#36373b;
    font-weight:600
}
.formats #wrap .formats-section .content .types-description .separated-description .description
{
    height:165px;
    text-align:justify;
    width:45%
}
.formats #wrap .formats-section .content .types-description .separated-description .close
{
    display:none
}
.formats #wrap .formats-section .content .ask-contact
{
    display:flex;
    justify-content:space-between
}
.formats #wrap .formats-section .content .ask-contact .btn
{
    width:210px
}
.formats #wrap .formats-section .content .phone
{
    height:791px;
    position:absolute;
    right:-51px;
    top:-72px;
    width:auto
}
.formats #wrap .formats-section .content .phone iframe
{
    border-radius:2px;
    border-width:0;
    height:535px;
    position:absolute;
    right:66px;
    top:82px;
    width:312px
}
.formats #wrap .formats-section .content .phone::before
{
    border-radius:2px;
    box-shadow:inset 0 0 3px #404040;
    content:'';
    height:535px;
    opacity:.3;
    pointer-events:none;
    position:absolute;
    right:66px;
    top:82px;
    width:312px;
    z-index:5
}
.formats #wrap .formats-section .content .phone img
{
    height:100%;
    display:block;
    width:auto
}
@media (max-height:900px) and (min-width:1280px)
{
    .formats #wrap .formats-section .content .phone
    {
        height:635px;
        right:30px;
        top:-4px
    }
    .formats #wrap .formats-section .content .phone::before,.formats #wrap .formats-section .content .phone iframe
    {
        height:429px;
        right:53px;
        top:66px;
        width:250px
    }

}
.formats #wrap .formats-section .copyright
{
    bottom:30px;
    left:0;
    opacity:.5;
    padding:0 15px;
    position:absolute;
    text-align:center;
    width:100%;
    z-index:5
}
.formats.tablet #wrap .formats-section .content .left
{
    width:100%
}
.formats.tablet #wrap .formats-section .content .left>.title
{
    font-size:4.8rem;
    margin:-5px 0 35px
}
.formats.tablet #wrap .formats-section .content .left .types-description
{
    margin-bottom:20px
}
.formats.tablet #wrap .formats-section .content .left .types-description .types
{
    border-right:1px solid #969aae;
    float:left;
    margin:0;
    padding-right:50px;
    width:54%
}
.formats.tablet #wrap .formats-section .content .left .types-description .types .type
{
    margin-bottom:30px;
    width:50%
}
.formats.tablet #wrap .formats-section .content .left .types-description .types .type:nth-of-type(2n-1)
{
    text-align:left
}
.formats.tablet #wrap .formats-section .content .left .types-description .types .type:nth-of-type(2n)
{
    text-align:right
}
.formats.tablet #wrap .formats-section .content .left .types-description .types .type:last-of-type,.formats.tablet #wrap .formats-section .content .left .types-description .types .type:nth-last-of-type(2)
{
    margin-bottom:0
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description
{
    float:left;
    margin:0;
    min-height:390px;
    padding-left:60px;
    width:46%
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .name
{
    margin-bottom:38px
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .name .demo
{
    display:inline-block;
    float:right
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .specifications,.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .description
{
    float:none;
    width:100%
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .specifications
{
    margin-bottom:50px
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .specifications .spec
{
    width:35%
}
.formats.tablet #wrap .formats-section .content .left .types-description .separated-description .description
{
    width:280px
}
.formats.tablet #wrap .formats-section .content .phone
{
    display:none
}
.page-formats-demo
{
    background-color:#fff;
    color:#36373b;
    cursor:pointer;
    font-family:'Montserrat Medium',sans-serif;
    font-size:16px;
    margin:0;
    min-width:0;
    -ms-overflow-style:none;
    width:100%
}
@media (max-width:311px)
{
    .page-formats-demo
    {
        font-size:14px
    }

}
.page-formats-demo::-webkit-scrollbar
{
    display:none
}
.page-formats-demo.grabbing,.page-formats-demo .grabbing
{
    cursor:-moz-grabbing !important;
    cursor:-webkit-grabbing !important;
    cursor:grabbing !important
}
.page-formats-demo .b-container
{
    display:block;
    left:0;
    width:100%;
    z-index:9999
}
.page-formats-demo .b-container .b-overflow-link
{
    cursor:pointer;
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:5
}
.page-formats-demo .b-container .b-window
{
    border:0;
    height:100%;
    width:100%
}
.page-formats-demo .b-container .b-close
{
    background:url("../images/svg/sprite.svg") 49.46236559% 36.1516035% no-repeat;
    cursor:pointer !important;
    display:block;
    height:29px;
    position:absolute;
    right:3px;
    top:3px;
    transform:scale(.75);
    width:29px;
    z-index:10
}
.page-formats-demo.p-under
{
    cursor:default !important;
    height:100%;
    overflow:hidden;
    width:100%
}
.page-formats-demo.p-under .p-under-video
{
    height:100%;
    margin-left:1px;
    width:100%
}
.page-formats-demo.notify.demo-open
{
    cursor:auto !important;
    overflow:hidden !important;
    position:fixed !important
}
@keyframes mbstr-appear
{
    from
    {
        opacity:0;
        transform:scale(.6) perspective(1px)
    }
    to
    {
        opacity:1;
        transform:scale(1) perspective(1px)
    }

}
@media (max-width:311px)
{
    @keyframes mbstr-appear
    {
        from
        {
            opacity:0;
            transform:scale(.6) perspective(1px)
        }
        to
        {
            opacity:1;
            transform:scale(.9) perspective(1px)
        }

    }
}

.page-formats-demo.footer-fixed .b-container
{
    bottom:0;
    height:35%;
    position:fixed
}
.page-formats-demo.footer-fixed .b-container .b-close
{
    transform:scale(.5)
}
.page-formats-demo.b-header .b-container
{
    top:0;
    height:35vh;
    position:relative
}
.page-formats-demo.b-header .b-container .b-close
{
    display:none
}
.page-formats-demo.b-header .b-container .b-window
{
    margin-bottom:-4px
}
.page-formats-demo .close-sticker .shadow
{
    background-image:linear-gradient(to right, rgba(143,145,155,0) 0, #8f919b 50%, rgba(143,145,155,0) 100%);
    display:block;
    height:20px;
    opacity:.4;
    position:absolute;
    right:0;
    top:0;
    width:72px;
    z-index:3
}
.page-formats-demo .close-sticker .circle
{
    border-radius:50%;
    background-color:#eeecec;
    cursor:pointer;
    display:block;
    position:absolute;
    right:0;
    top:calc(50% - 24px);
    width:48px;
    height:48px;
    transition:transform 250ms;
    z-index:10
}
.page-formats-demo .close-sticker .circle .arr-l
{
    border-radius:50%;
    width:6px;
    height:54%;
    background-color:#9395a2;
    position:absolute;
    top:23%;
    left:calc(44%);
    transform:rotate(45deg)
}
.page-formats-demo .close-sticker .circle .arr-r
{
    border-radius:50%;
    width:6px;
    height:54%;
    background-color:#9395a2;
    position:absolute;
    top:23%;
    left:calc(44%);
    transform:rotate(-45deg)
}
.page-formats-demo.sticker-bottom .b-close
{
    display:none
}
.page-formats-demo.sticker-bottom .close-sticker-bottom
{
    bottom:100%
}
.page-formats-demo.sticker-bottom .close-sticker-bottom .circle
{
    transform:rotate(180deg)
}
.page-formats-demo.sticker-bottom .b-container
{
    bottom:0;
    height:35%;
    position:fixed;
    transition:transform 250ms
}
.page-formats-demo.sticker-top
{
    padding-top:0
}
.page-formats-demo.sticker-top .b-close
{
    display:none
}
.page-formats-demo.sticker-top.b-hidden
{
    padding-top:0
}
@media (max-width:311px)
{
    .page-formats-demo.sticker-top
    {
        padding-top:0
    }

}
.page-formats-demo.sticker-top .b-container
{
    height:35%;
    position:fixed;
    top:0;
    transition:transform 250ms
}
.page-formats-demo.sticker-top .b-container .close-sticker-top
{
    top:100%
}
.page-formats-demo.full-screen .b-container
{
    height:100%;
    opacity:0;
    pointer-events:none;
    position:fixed;
    top:0
}
.page-formats-demo .no-touch
{
    pointer-events:none
}
.page-formats-demo.parallax .b-wrap
{
    height:100%;
    opacity:0;
    overflow-y:auto;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:opacity 300ms;
    width:100%;
    z-index:99
}
.page-formats-demo.parallax .b-wrap.visible
{
    opacity:1;
    pointer-events:auto
}
.page-formats-demo.parallax .b-wrap .b-container
{
    height:70vh;
    position:relative;
    margin:100vh 0;
    width:100vw
}
.page-formats-demo.parallax .b-wrap .b-container .b-close
{
    display:none
}
.page-formats-demo.lift-parallax .b-wrap
{
    height:100%;
    opacity:0;
    overflow-y:auto;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:opacity 300ms;
    width:100%;
    z-index:99
}
.page-formats-demo.lift-parallax .b-wrap.visible
{
    opacity:1;
    pointer-events:auto
}
.page-formats-demo.lift-parallax .b-wrap .b-container
{
    height:70vh;
    overflow:hidden;
    position:relative;
    margin:100vh 0;
    width:100vw
}
.page-formats-demo.lift-parallax .b-wrap .b-container .b-close
{
    display:none
}
.page-formats-demo.lift-parallax .b-wrap .b-container .b-window
{
    height:100vh;
    pointer-events:none
}
.page-formats-demo.lift-parallax .b-wrap .b-container .b-window.webkit
{
    position:fixed;
    top:0
}
.page-formats-demo .wrap
{
    overflow-x:hidden;
    margin:0 auto;
    max-width:312px;
    width:100%
}
.page-formats-demo footer,.page-formats-demo header,.page-formats-demo main
{
    display:block
}
.page-formats-demo header
{
    background-image:url("../images/page-formats/demo/bg.png");
    background-position:center top;
    background-size:auto 100%;
    background-repeat:no-repeat;
    color:#fff;
    font-weight:600;
    margin-bottom:55px;
    min-height:382px;
    padding:170px 15px 50px;
    position:relative;
    text-transform:uppercase
}
.page-formats-demo header::before
{
    background-color:#6361BE;
    bottom:20px;
    content:'';
    height:10px;
    left:-50%;
    position:absolute;
    transform:rotate(-8deg);
    width:200%
}
@media (max-width:311px)
{
    .page-formats-demo header
    {
        margin-bottom:45px;
        padding:175px 15px 50px
    }

}
.page-formats-demo header img
{
    display:block;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    top:20px
}
.page-formats-demo header .title
{
    color:#ffd200;
    font-family:'Montserrat Medium',sans-serif;
    font-size:41px;
    letter-spacing:-0.6px;
    line-height:1;
    margin:0 0 16px
}
@media (max-width:311px)
{
    .page-formats-demo header .title
    {
        font-size:32px
    }

}
.page-formats-demo header .description
{
    font-family:'Montserrat Medium',sans-serif;
    margin-bottom:16px
}
.page-formats-demo header .instruction
{
    font-weight:normal;
    opacity:.5;
    text-transform:none
}
.page-formats-demo main
{
    color:#969696;
    line-height:30px;
    margin-bottom:40px;
    padding:0 15px;
    text-align:justify
}
.page-formats-demo main .title
{
    color:#a8a8a8;
    font-family:'Montserrat Medium',sans-serif;
    font-size:24px;
    line-height:1;
    margin:20px 0;
    text-transform:uppercase
}
@media (max-width:311px)
{
    .page-formats-demo main .title
    {
        font-size:20px;
        letter-spacing:-0.6px
    }

}
.page-formats-demo main img+.title
{
    margin-top:25px
}
.page-formats-demo main p+img
{
    margin-top:25px
}
.page-formats-demo main h3+img
{
    margin-top:20px
}
.page-formats-demo main img
{
    display:block;
    height:auto;
    width:100%
}
.page-formats-demo footer
{
    border-bottom:1px solid #e4e4e4;
    color:#a8a8a8;
    font-family:'Montserrat Medium',sans-serif;
    font-size:30px;
    font-weight:600;
    line-height:1;
    margin:0 15px 50px;
    padding-bottom:40px;
    text-align:center;
    text-transform:uppercase
}
.sample-page
{
    align-items:center;
    background-color:#5b59bb;
    display:flex;
    height:100vh;
    justify-content:center;
    margin:0;
    min-width:0
}
@media (max-width:311px)
{
    .sample-page
    {
        transform:scale(.85)
    }

}
.sample-page .sample-content
{
    width:250px
}
.sample-page .sample-content img
{
    display:block;
    margin:0 auto
}
.sample-page .sample-content .redirected-text
{
    color:#fff;
    margin-bottom:15px;
    text-align:center
}
.sample-page .sample-content .title
{
    color:#ffd200;
    font-family:'Montserrat Medium',sans-serif;
    font-size:50px;
    font-weight:600;
    margin:-9px 0 0 -2px;
    text-align:center;
    text-transform:uppercase
}
.sample-page .sample-content .btn
{
    width:100%
}
body.formats.showing-demo-notify
{
    left:0;
    overflow:hidden;
    position:fixed;
    width:100%
}
.embedded-demo-wrap
{
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition-duration:.3s
}
.embedded-demo-wrap.this-showing
{
    opacity:1;
    pointer-events:auto;
    transition-property:opacity,transform
}
.embedded-demo-wrap.notify
{
    align-items:center;
    background-color:rgba(0,0,0,0.5);
    box-sizing:border-box;
    color:#36373b;
    font-family:sans-serif;
    display:flex;
    height:100%;
    left:0;
    min-height:100vh;
    min-width:100vw;
    justify-content:center;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999
}
@keyframes mbstr-appear
{
    from
    {
        opacity:0;
        transform:scale(.6) perspective(1px)
    }
    to
    {
        opacity:1;
        transform:scale(1) perspective(1px)
    }

}
@media (max-width:311px)
{
    @keyframes mbstr-appear
    {
        from
        {
            opacity:0;
            transform:scale(.6) perspective(1px)
        }
        to
        {
            opacity:1;
            transform:scale(.9) perspective(1px)
        }

    }
    .embedded-demo-wrap.notify .window
    {
        transform:scale(.9)
    }

}
.embedded-demo-wrap.notify *
{
    box-sizing:border-box
}
.embedded-demo-wrap.notify .window
{
    animation:mbstr-appear;
    animation-duration:500ms
}
.embedded-demo-wrap.notify .window .buttons a
{
    display:block;
    text-decoration:none;
    -webkit-appearance:none
}
.embedded-demo-wrap.notify .window.ios
{
    background-image:linear-gradient(to bottom, #fff, rgba(255,255,255,0.93));
    border-radius:13px;
    box-shadow:0 0 60px rgba(0,0,0,0.2);
    overflow:hidden;
    padding:20px 0 0;
    text-align:center;
    width:270px
}
.embedded-demo-wrap.notify .window.ios .icon
{
    display:none
}
.embedded-demo-wrap.notify .window.ios.i .icon
{
    background-image:linear-gradient(to right bottom, #f44, #4f4, #44f);
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-radius:13px;
    display:block;
    float:left;
    height:90px;
    margin:0 0 20px 20px;
    width:90px
}
.embedded-demo-wrap.notify .window.ios.i .description,.embedded-demo-wrap.notify .window.ios.i .title
{
    float:right;
    text-align:left;
    width:160px
}
.embedded-demo-wrap.notify .window.ios .title
{
    font-size:16px;
    font-weight:bold;
    letter-spacing:.2px;
    line-height:16px;
    margin-bottom:5px;
    padding:0 20px
}
.embedded-demo-wrap.notify .window.ios .description
{
    font-size:14px;
    line-height:16px;
    margin-bottom:20px;
    padding:0 20px
}
.embedded-demo-wrap.notify .window.ios .buttons
{
    clear:both
}
.embedded-demo-wrap.notify .window.ios .buttons a
{
    border-top:1px solid #dadade;
    color:#007aff;
    font-size:16px;
    letter-spacing:-0.1px;
    line-height:45px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-align:center;
    padding:0 10px
}
.embedded-demo-wrap.notify .window.ios .buttons a.confirm
{
    font-weight:bold
}
.embedded-demo-wrap.notify .window.ios .buttons a:focus,.embedded-demo-wrap.notify .window.ios .buttons a:hover
{
    background-color:rgba(0,0,0,0.05);
    outline:none
}
.embedded-demo-wrap.notify .window.ios.btn-h .buttons
{
    display:flex;
    justify-content:space-between
}
.embedded-demo-wrap.notify .window.ios.btn-h .buttons a
{
    width:50%
}
.embedded-demo-wrap.notify .window.ios.btn-h .buttons a:last-of-type
{
    border-left:1px solid #dadade
}
.embedded-demo-wrap.notify .window.android
{
    width:302px;
    background-color:#fff;
    border-radius:4px;
    color:#212121;
    font-size:15px;
    padding:27px 36px 25px
}
.embedded-demo-wrap.notify .window.android .icon
{
    display:none
}
.embedded-demo-wrap.notify .window.android.i .icon
{
    background-image:linear-gradient(to right bottom, #f44, #4f4, #44f);
    background-repeat:no-repeat;
    background-size:100% 100%;
    border-radius:4px;
    display:block;
    float:left;
    height:90px;
    margin:0 0 20px -15px;
    width:90px
}
.embedded-demo-wrap.notify .window.android.i .description,.embedded-demo-wrap.notify .window.android.i .title
{
    float:right;
    padding-left:20px;
    text-align:left;
    width:155px
}
.embedded-demo-wrap.notify .window.android.i .title
{
    margin-bottom:15px
}
.embedded-demo-wrap.notify .window.android .title
{
    color:#528cff;
    font-size:17px;
    font-weight:bold;
    line-height:22px;
    margin-bottom:22px
}
.embedded-demo-wrap.notify .window.android .description
{
    line-height:20px;
    margin-bottom:30px
}
.embedded-demo-wrap.notify .window.android .buttons
{
    clear:both;
    display:flex;
    justify-content:flex-end;
    margin-right:-15px;
    text-transform:uppercase
}
.embedded-demo-wrap.notify .window.android .buttons a
{
    line-height:16px
}
.embedded-demo-wrap.notify .window.android .buttons a:first-of-type
{
    color:#a1a1a1;
    margin-right:20px
}
.embedded-demo-wrap.notify .window.android .buttons a:first-of-type:focus,.embedded-demo-wrap.notify .window.android .buttons a:first-of-type:hover
{
    color:#888
}
.embedded-demo-wrap.notify .window.android .buttons a:last-of-type
{
    color:#528cff;
    font-weight:bold
}
.embedded-demo-wrap.notify .window.android .buttons a:last-of-type:focus,.embedded-demo-wrap.notify .window.android .buttons a:last-of-type:hover
{
    color:#1f6aff
}
.page-formats-device-demo .wrap
{
    padding:0 15px
}
.page-formats-device-demo .wrap img
{
    display:block;
    height:auto;
    max-width:100%
}
.page-formats-device-demo .wrap .header-wrap
{
    background-image:url("../images/waves-bg-light-2.png");
    background-position:center 50px;
    background-repeat:no-repeat;
    background-size:cover;
    margin:0 -15px;
    padding:0 15px;
    background-color:#5B59BB
}
.page-formats-device-demo .wrap .header-wrap header
{
    align-items:center;
    color:#fff;
    display:flex;
    justify-content:center;
    margin:0 auto;
    max-width:640px;
    padding:50px 0;
    position:relative;
    text-transform:uppercase
}
.page-formats-device-demo .wrap .header-wrap header .left
{
    padding-right:30px
}
.page-formats-device-demo .wrap .header-wrap header .title
{
    color:#ffd200;
    font-family:Coco Gothic,sans-serif;
    font-size:41px;
    letter-spacing:-0.6px;
    line-height:1;
    margin:0 0 16px
}
.page-formats-device-demo .wrap .header-wrap header .description
{
    font-family:Coco Gothic,sans-serif;
    margin-bottom:16px
}
.page-formats-device-demo .wrap .header-wrap header .instruction
{
    font-weight:400;
    opacity:.5;
    text-transform:none
}
@media (max-width:600px)
{
    .page-formats-device-demo .wrap .header-wrap header
    {
        display:block;
        max-width:320px
    }
    .page-formats-device-demo .wrap .header-wrap header .left
    {
        margin:0 auto;
        padding:0
    }
    .page-formats-device-demo .wrap .header-wrap header .left img
    {
        height:200px;
        margin:0 auto 30px
    }
    .page-formats-device-demo .wrap .header-wrap header .right
    {
        text-align:center
    }
    footer li {
        display: block;
    }

    footer li:first-child::after {
        content: '';
        margin: 0;
    }

}
.page-formats-device-demo .wrap main
{
    color:#969696;
    line-height:30px;
    margin:50px auto 0;
    max-width:640px;
    text-align:justify
}
.page-formats-device-demo .wrap main .title
{
    color:#a8a8a8;
    font-family:Coco Gothic,sans-serif;
    font-size:24px;
    line-height:1;
    margin:30px 0 16px;
    text-transform:uppercase
}
.page-formats-device-demo .wrap main img
{
    float:left;
    margin-right:15px;
    margin-top:5px
}
.page-formats-device-demo .wrap main img.img-right
{
    float:right;
    margin-left:15px;
    margin-right:0
}
@media (max-width:600px)
{
    .page-formats-device-demo .wrap main
    {
        max-width:320px
    }
    .page-formats-device-demo .wrap main img
    {
        float:none;
        margin:0 auto
    }
    .page-formats-device-demo .wrap main img.img-right
    {
        float:none;
        margin:0 auto
    }

}
.page-formats-device-demo .wrap footer
{
    border-top:1px solid #e4e4e4;
    color:#a8a8a8;
    clear:both;
    font-family:Coco Gothic,sans-serif;
    font-size:30px;
    font-weight:600;
    line-height:1;
    margin:50px auto 0;
    max-width:640px;
    padding:50px 0;
    text-align:center;
    text-transform:uppercase
}
@media (max-width:600px)
{
    .page-formats-device-demo .wrap footer
    {
        max-width:320px
    }

}
.side-modal
{
    align-items:center;
    background-color:#5A55BA;
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(255,255,255,0));
    background-size:calc(100% - 16px) 480px;
    background-position:8px 8px;
    background-repeat:no-repeat;
    color:#fff;
    display:flex;
    height:100vh;
    right:100%;
    position:fixed;
    top:0;
    transition-duration:.25s;
    transition-property:transform,box-shadow;
    width:430px;
    z-index:12
}
.side-modal .close,.side-modal .logo
{
    position:absolute
}
.side-modal .logo
{
    font-family:'Montserrat Medium',sans-serif;
    font-size:3.2rem;
    font-weight:600;
    left:45px;
    line-height:1;
    text-transform:uppercase;
    top:43px
}
.side-modal .close
{
    background:url("../images/svg/sprite.svg") 49.46236559% 36.1516035% no-repeat;
    display:block;
    height:29px;
    margin-bottom:40px;
    top:45px;
    right:45px;
    width:29px
}
.side-modal .close:hover
{
    opacity:.8;
    transform:rotate(90deg)
}
.side-modal .content-wrap
{
    -ms-overflow-style:none;
    padding:0 45px;
    width:100%
}
.side-modal .content-wrap::-webkit-scrollbar
{
    display:none
}
.side-modal .modal-content
{
    height:560px;
    width:100%
}
.side-modal .modal-content>.title
{
    color:#ffd200;
    font-size:3.4rem;
    font-weight:600;
    line-height:1;
    margin:-5px 0 5px;
    text-transform:uppercase
}
.side-modal .modal-content>.title+.description
{
    font-size:1.8rem;
    margin-bottom:30px
}
.side-modal .modal-content form .tf-wrap
{
    margin-bottom:30px
}
.side-modal .modal-content form .tf-wrap:last-of-type
{
    margin-bottom:0
}
.side-modal .modal-content form .btn
{
    margin:45px 0;
    width:210px
}
.side-modal .modal-content .contact-info
{
    padding-bottom:30px
}
.side-modal .modal-content .contact-info .type
{
    margin-bottom:20px
}
.side-modal .modal-content .contact-info .type span
{
    color:#ffd200;
    display:inline-block;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    width:35%
}
.side-modal .modal-content .contact-info .type a
{
    color:#fff;
    text-decoration:none
}
.side-modal .modal-content .contact-info .type a:hover
{
    opacity:.8
}
@media (max-width:767px)
{
    .side-modal
    {
        width:320px
    }
    .side-modal .logo
    {
        display:none
    }
    .side-modal .modal-content form .btn
    {
        display:block;
        margin:45px auto 40px;
        width:100%
    }
    .side-modal .modal-content .contact-info
    {
        display:flex;
        justify-content:space-between;
        margin:0 auto;
        width:100%
    }
    .side-modal .modal-content .contact-info .type span
    {
        display:none
    }
    .side-modal .modal-content .contact-info .type a
    {
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
        display:block;
        font-size:0;
        height:62px;
        overflow:hidden;
        text-indent:-999px;
        width:62px
    }
    .side-modal .modal-content .contact-info .type a.skype
    {
        background:url("../images/svg/sprite.svg") 99.73451327% 80% no-repeat
    }
    .side-modal .modal-content .contact-info .type a.mail
    {
        background:url("../images/svg/sprite.svg") 81.44542773% 60% no-repeat
    }
    .side-modal .modal-content .contact-info .type a.tel
    {
        background:url("../images/svg/sprite.svg") 54.86725664% 80% no-repeat
    }
    .side-modal .modal-content .contact-info .type a:hover
    {
        opacity:.8;
        transform:scale(.95)
    }

}
@media (max-height:740px)
{
    .side-modal
    {
        align-items:flex-start
    }
    .side-modal .content-wrap
    {
        height:calc(100vh - 100px);
        margin-top:100px;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        padding-top:1px
    }

}
@keyframes animation-auxiliary-bg
{
    0%
    {
        background-position:0 bottom,center 0
    }
    100%
    {
        background-position:1920px bottom,center -1072px
    }

}
@keyframes animation-auxiliary-bg-ie-edge
{
    0%
    {
        background-position:0 bottom,center 0
    }
    100%
    {
        background-position:0 bottom,center -1072px
    }

}
.auxiliary #main-logo.fixed
{
    position:absolute
}
.auxiliary #menu-toggle.fixed
{
    position:absolute
}
.auxiliary #wrap .auxiliary-section
{
    animation-duration:20s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    background-color: var(--background-color);
    background-position:center bottom,center 0;
    background-repeat:repeat-x,repeat-y;
    background-size:auto auto,auto;
    color:#fff;
    min-height:100vh;
    position:relative;
    transform:translateZ(0)
}
.auxiliary #wrap .auxiliary-section::before
{
    background-image:linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0));
    content:'';
    height:480px;
    left:8px;
    position:absolute;
    top:8px;
    width:calc(100vw - 16px)
}
.auxiliary #wrap .auxiliary-section .auxiliary-content
{
    margin:100px 0 0;
    padding-bottom:100px;
    position:relative;
    width:540px
}
.auxiliary #wrap .auxiliary-section .auxiliary-content>.title
{
    color:#ffd200;
    font-family:'Montserrat Medium',sans-serif;
    font-weight:600;
    line-height:1;
    text-transform:uppercase
}
.auxiliary #wrap .auxiliary-section .auxiliary-content>.title+.description
{
    font-size:2.4rem;
    font-weight:600;
    line-height:1;
    text-transform:uppercase
}
.auxiliary #wrap .auxiliary-section .auxiliary-content .message
{
    font-size:1.8rem;
    font-weight:600;
    margin:60px 0;
    text-align:center;
    text-transform:uppercase
}
.auxiliary #wrap .auxiliary-section .auxiliary-content .input-group
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.auxiliary #wrap .auxiliary-section .auxiliary-content .input-group .tf-wrap
{
    width:235px
}
.auxiliary #wrap .auxiliary-section .auxiliary-content .button-group
{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.auxiliary #wrap .auxiliary-section .auxiliary-content .button-group .btn
{
    width:210px
}
.auxiliary #wrap .auxiliary-section .auxiliary-content .button-group .or
{
    font-family:'Montserrat Medium',sans-serif;
    font-size:1.6rem;
    font-weight:600;
    text-transform:uppercase
}
@media (max-width:767px)
{
    .auxiliary #wrap .auxiliary-section
    {
        background-image:url('../images/waves-bg-light-2.png'),none
    }
    .auxiliary #wrap .auxiliary-section::before
    {
        left:0;
        top:0;
        width:100vw
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content
    {
        width:290px
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content>.title+.description
    {
        font-size:1.8rem
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content form .input-group
    {
        display:block;
        margin-bottom:45px
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content form .input-group .tf-wrap
    {
        margin-bottom:15px;
        width:100%
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content form .input-group .tf-wrap:last-of-type
    {
        margin-bottom:0
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content .button-group
    {
        display:block
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content .button-group .btn
    {
        display:block;
        margin-bottom:30px;
        width:100%
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content .button-group .btn:last-child
    {
        margin-bottom:0
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content .button-group>span
    {
        display:none
    }

}
.auxiliary.sign-in #wrap .auxiliary-content .title
{
    font-size:8rem;
    margin-bottom:8px
}
.auxiliary.sign-in #wrap .auxiliary-content .title img
{
    display: block;
    margin: auto;
    width: 50%;
}

.auxiliary.sign-in #wrap .auxiliary-content .description
{
    margin:0 0 40px 3px
}
.auxiliary.sign-in #wrap .auxiliary-content form .input-group
{
    margin-bottom:57px;
    text-align:right
}
.auxiliary.sign-in #wrap .auxiliary-content form .input-group .tf-wrap .text-field
{
    margin-bottom:8px
}
.auxiliary.sign-in #wrap .auxiliary-content form .input-group .tf-wrap a,.auxiliary.sign-in #wrap .auxiliary-content form .input-group .tf-wrap label
{
    color:#fff;
    cursor:pointer;
    opacity:.5;
    text-decoration:none;
    transition-duration:.25s;
    transition-property:opacity
}
.auxiliary.sign-in #wrap .auxiliary-content form .input-group .tf-wrap a:hover,.auxiliary.sign-in #wrap .auxiliary-content form .input-group .tf-wrap label:hover
{
    opacity:.75
}

@media (max-width:767px)
{
    .auxiliary.sign-in #wrap .auxiliary-content .title
    {
        font-size:4.6rem;
        margin-bottom:1px
    }
    .auxiliary.sign-in #wrap .auxiliary-content .title+.description
    {
        margin-bottom:30px
    }
}
.auxiliary.invite #wrap .auxiliary-content .auxiliary-title-img
{
    display:block;
    height:auto;
    margin:0 -15px;
    max-width:calc(100% + 30px);
    width:calc(100% + 30px)
}
.auxiliary.invite #wrap .auxiliary-content .message
{
    margin-top:0;
    position:relative;
    text-align:center;
    z-index:5
}
.auxiliary.invite #wrap .auxiliary-content .tf-wrap
{
    margin-bottom:25px
}
.auxiliary.invite #wrap .auxiliary-content form .input-group
{
    margin-bottom:57px;
    text-align:right
}
.auxiliary.invite #wrap .auxiliary-content form .input-group .tf-wrap .text-field
{
    margin-bottom:8px
}
.auxiliary.invite #wrap .auxiliary-content form .input-group .tf-wrap a,.auxiliary.invite #wrap .auxiliary-content form .input-group .tf-wrap label
{
    color:#fff;
    cursor:pointer;
    opacity:.5;
    text-decoration:none;
    transition-duration:.25s;
    transition-property:opacity
}
.auxiliary.invite #wrap .auxiliary-content form .input-group .tf-wrap a:hover,.auxiliary.invite #wrap .auxiliary-content form .input-group .tf-wrap label:hover
{
    opacity:.75
}
.auxiliary.invite #wrap .auxiliary-content form .button-group .social a
{
    display:inline-block
}
.auxiliary.invite #wrap .auxiliary-content form .button-group .social a:not(:first-of-type)
{
    margin-left:20px
}
.auxiliary.invite #wrap .auxiliary-content form .button-group .social a:hover
{
    filter:drop-shadow(0 0 10px rgba(0,0,0,0.4))
}
@media (max-width:767px)
{
    .auxiliary.invite #wrap .auxiliary-content .auxiliary-title-img
    {
        margin:0 -7px;
        max-width:calc(100% + 15px);
        width:calc(100% + 15px)
    }
    .auxiliary.invite #wrap .auxiliary-content .message
    {
        margin-bottom:35px
    }
    .auxiliary.invite #wrap .auxiliary-content form .button-group .social
    {
        display:flex;
        justify-content:space-between
    }

}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content>.title
{
    font-size:10.8rem;
    margin:0 0 5px -5px
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content>.title+.description
{
    margin-bottom:40px
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group>.sign-up-type
{
    width:235px
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .tf-wrap
{
    margin-bottom:35px;
    position:relative
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type
{
    height:24px;
    margin-bottom:60px;
    overflow:hidden;
    position:relative
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type input
{
    left:-100px;
    position:absolute;
    top:-100px
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type .radio-decoration
{
    border:2px solid #fff;
    border-radius:50%;
    cursor:pointer;
    display:inline-block;
    height:24px;
    position:relative;
    width:24px
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type .radio-decoration::before
{
    background-color:#fff;
    border-radius:12px;
    content:'';
    height:12px;
    left:calc(50% - 6px);
    opacity:0;
    position:absolute;
    top:calc(50% - 6px);
    transition-duration:.25s;
    transition-property:opacity;
    width:12px
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type input:checked+.radio-decoration::before
{
    opacity:1
}
.auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type .type
{
    display:inline-block;
    font-weight:600;
    height:24px;
    line-height:24px;
    margin-left:15px;
    text-transform:uppercase;
    vertical-align:top
}
@media (max-width:767px)
{
    .auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content .title
    {
        font-size:5.9rem;
        margin-left:-4px
    }
    .auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content .title+.description
    {
        font-size:2.4rem;
        margin-bottom:23px
    }
    .auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .tf-wrap
    {
        margin-bottom:23px
    }
    .auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .tf-wrap:nth-of-type(6)
    {
        margin-bottom:45px
    }
    .auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type
    {
        margin-bottom:30px
    }
    .auxiliary.sign-up #wrap .auxiliary-section .auxiliary-content form .input-group .sign-up-type:last-of-type
    {
        margin-bottom:0
    }

}
.auxiliary.sign-up-check #wrap .auxiliary-section .auxiliary-content>.title
{
    font-size:10.8rem;
    margin:0 0 5px -5px
}
.auxiliary.sign-up-check #wrap .auxiliary-section .auxiliary-content>.title+.description
{
    margin-bottom:40px
}
@media (max-width:767px)
{
    .auxiliary.sign-up-check #wrap .auxiliary-section .auxiliary-content .title
    {
        font-size:5.9rem;
        margin-left:-4px
    }
    .auxiliary.sign-up-check #wrap .auxiliary-section .auxiliary-content .title+.description
    {
        font-size:2.4rem;
        margin-bottom:23px
    }

}
.auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content>.title
{
    font-size:8.4rem;
    margin:0 0 5px -5px;
    text-align:right
}
.auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content>.title+.description
{
    margin-bottom:40px;
    text-align:right
}
.auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content .tf-wrap
{
    margin:60px 0;
    text-align:right
}
.auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content .tf-wrap .text-field
{
    margin-bottom:8px
}
.auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content .tf-wrap label
{
    color:#fff;
    cursor:pointer;
    opacity:.5;
    text-decoration:none;
    transition-duration:.25s;
    transition-property:opacity
}
.auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content .tf-wrap label:hover
{
    opacity:.75
}
@media (max-width:767px)
{
    .auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content .title
    {
        font-size:4.6rem;
        margin-left:-4px
    }
    .auxiliary.password-recovery #wrap .auxiliary-section .auxiliary-content .title+.description
    {
        font-size:1.8rem;
        margin-bottom:23px
    }
}
.auxiliary.password-recovery-check #wrap .auxiliary-section .auxiliary-content>.title
{
    font-size:8.4rem;
    margin:0 0 5px -5px;
    text-align:right
}
.auxiliary.password-recovery-check #wrap .auxiliary-section .auxiliary-content>.title+.description
{
    margin-bottom:40px;
    text-align:right
}
@media (max-width:767px)
{
    .auxiliary.password-recovery-check #wrap .auxiliary-section .auxiliary-content .title
    {
        font-size:4.6rem;
        margin-left:-4px
    }
    .auxiliary.password-recovery-check #wrap .auxiliary-section .auxiliary-content .title+.description
    {
        font-size:1.8rem;
        margin-bottom:23px
    }
}
.auxiliary.error-404 #wrap .auxiliary-section .auxiliary-content .auxiliary-title-img
{
    display:block;
    height:auto;
    width:100%
}
.auxiliary.error-404 #wrap .auxiliary-section .auxiliary-content .message
{
    margin:0 0 45px
}
@media (max-width:767px)
{
    .auxiliary.error-404 #wrap .auxiliary-section .auxiliary-content .auxiliary-title-img
    {
        margin-bottom:20px
    }

}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .went-wrong
{
    font-size:25px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase
}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .auxiliary-title-img
{
    display:block;
    height:auto;
    width:100%
}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .message
{
    font-size:4.2rem;
    margin:0 0 45px;
    position:relative;
    z-index:5
}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .message span
{
    display:block;
    font-size:1.8rem;
    margin-top:5px;
    text-align:center
}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .button-group .social a
{
    display:inline-block
}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .button-group .social a:not(:first-of-type)
{
    margin-left:20px
}
.auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .button-group .social a:hover
{
    filter:drop-shadow(0 0 10px rgba(0,0,0,0.4))
}
@media (max-width:767px)
{
    .auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .went-wrong
    {
        font-size:1.6rem;
        position:relative;
        z-index:5
    }
    .auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .auxiliary-title-img
    {
        margin-bottom:20px
    }
    .auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .message
    {
        font-size:3.2rem
    }
    .auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .message span
    {
        font-size:1.6rem
    }
    .auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .button-group .social
    {
        display:flex;
        justify-content:space-between
    }
    .auxiliary.error-undefined #wrap .auxiliary-section .auxiliary-content .button-group .social a:not(:first-of-type)
    {
        margin-left:0
    }

}
@media (max-width:1439px)
{
    #wrap #section-2
    {
        background-size:calc(100% - 16px) 300px
    }
    #wrap #section-4
    {
        background-size:auto auto
    }
    #wrap #section-5 .content .title-description
    {
        width:60%
    }
    #wrap #section-5 .content .apps-devices
    {
        width:40%
    }
    #wrap #section-5 .content .apps-devices .os
    {
        margin-bottom:85px
    }
    #wrap #section-5 .content .apps-devices .devices
    {
        width:440px
    }
    #wrap #section-5 .content .apps-devices .devices .types
    {
        margin-left:40px;
        width:calc(100% - 80px)
    }
    #wrap #section-5 .content .apps-devices .devices .ipad
    {
        width:100%
    }
    #wrap #section-5 .content .apps-devices .devices .nexus
    {
        bottom:14px;
        left:197px;
        width:213px
    }
    #wrap #section-5 .content .apps-devices .devices .iphone
    {
        bottom:8px;
        width:289px
    }
    #wrap #section-5 .content .advantages-and-button
    {
        width:60%
    }

}
@media (max-width:1279px)
{
    .fixed#main-logo
    {
        left:64px
    }
    .fixed#menu-toggle
    {
        right:60px;
        top:44px
    }
    .fixed#nav-dots
    {
        display:none
    }
    .fixed#arrow-top
    {
        bottom:30px;
        right:60px
    }
    #wrap #section-4
    {
        background-position:-200px center
    }
    #wrap>header,#wrap>section
    {
        padding:0 30px
    }
    #wrap>header .content,#wrap>section .content
    {
        margin:90px 0;
        max-width:900px
    }
    #wrap #top-menu
    {
        right:125px
    }
    #wrap header#section-1>.background-video
    {
        display:none
    }
    #wrap #section-2 .content .title-description-button
    {
        padding-right:290px
    }
    #wrap #section-2 .content .title-description-button .title
    {
        margin-bottom:32px
    }
    #wrap #section-2 .content .title-description-button .description
    {
        margin-bottom:60px
    }
    #wrap #section-2 .content .title-description-button .contact-apps .contact,#wrap #section-2 .content .title-description-button .contact-apps .os
    {
        float:left
    }
    #wrap #section-2 .content .title-description-button .contact-apps .contact
    {
        margin-right:50px
    }
    #wrap #section-2 .content .cols
    {
        padding-right:290px
    }
    #wrap #section-2 .content .phone
    {
        bottom:-80px;
        right:-80px;
        width:360px
    }
    #wrap #section-2 .content .phone img
    {
        height:auto;
        width:100%
    }
    #wrap #section-2 .content .phone .screen
    {
        height:auto;
        left:47px;
        top:42px;
        width:214px
    }
    #wrap #section-3 .content .left
    {
        width:280px
    }
    #wrap #section-3 .content .right
    {
        width:280px
    }
    #wrap #section-3 .content .right .advantage
    {
        padding:0 0 0 15px
    }
    #wrap #section-3 .content .right .contact
    {
        margin-right:0
    }
    #wrap #section-3 .content .demonstration
    {
        height:604px;
        top:215px;
        width:212px
    }
    #wrap #section-3 .content .demonstration .hand
    {
        height:auto;
        margin-left:-72px;
        width:593px
    }
    #wrap #section-5 .content .title-description
    {
        width:73%
    }
    #wrap #section-5 .content .apps-devices .os
    {
        margin-bottom:33px;
        width:60px
    }
    #wrap #section-5 .content .apps-devices .os .app-os
    {
        margin:0 0 20px
    }
    #wrap #section-5 .content .apps-devices .devices
    {
        width:342px
    }
    #wrap #section-5 .content .apps-devices .devices .types
    {
        font-size:1.4rem;
        margin-bottom:-8px
    }
    #wrap #section-5 .content .apps-devices .devices .nexus
    {
        bottom:12px;
        left:153px;
        width:166px
    }
    #wrap #section-5 .content .apps-devices .devices .iphone
    {
        width:225px
    }
    #wrap #section-5 .content .advantages-and-button
    {
        width:64%
    }
    #wrap #section-6 .content .left .form .message
    {
        margin-bottom:105px
    }
    #wrap #section-6 .content .right .social
    {
        margin-bottom:90px
    }
    #wrap #section-6 .content .bottom>span
    {
        display:none
    }
    #wrap #section-6 .content .bottom .contact-types
    {
        width:285px
    }
    #wrap #section-6 .content .bottom .contact-types .contact-type .icon
    {
        margin-right:0
    }
    #wrap #section-6 .content .bottom .contact-types .contact-type span:last-of-type
    {
        display:none
    }
    #wrap #section-6 .content .bottom .contact-types .contact-type:hover
    {
        transform:scale(.8)
    }
    footer .footer-links
    {
        padding: 15px;
    }
    .formats #wrap .formats-section .content .left
    {
        width:585px
    }
    .formats #wrap .formats-section .content .left>.title
    {
        font-size:3.6rem;
        margin:-5px 0 42px
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description .specifications
    {
        padding-right:15px;
        width:50%
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description .specifications .spec
    {
        width:45%
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description .description
    {
        width:50%
    }
    .formats #wrap .formats-section .content .phone
    {
        height:635px;
        right:-45px;
        top:-4px
    }
    .formats #wrap .formats-section .content .phone::before,.formats #wrap .formats-section .content .phone iframe
    {
        height:429px;
        right:53px;
        top:66px;
        width:250px
    }

}
@media (max-width:1023px)
{
    .fixed
    {
        position:fixed
    }
    .fixed#main-logo
    {
        left:115px;
        position:absolute
    }
    .fixed#menu-toggle
    {
        right:115px;
        top:44px
    }
    .fixed#arrow-top
    {
        bottom:30px;
        right:115px
    }
    #wrap #section-4
    {
        background-image:none
    }
    #wrap>header,#wrap>section
    {
        padding:0 30px
    }
    #wrap>header .content,#wrap>section .content
    {
        height:auto;
        max-width:540px
    }
    #wrap #top-menu
    {
        right:176px
    }
    #wrap header#section-1 .content h1
    {
        font-size:10.8rem;
        margin:13px 0 25px
    }
    #wrap header#section-1 .content .a-w .aaa,#wrap header#section-1 .content .a-w .www
    {
        display:block;
        margin:0 auto
    }
    #wrap header#section-1 .content .a-w .aaa
    {
        margin-bottom:30px
    }
    #wrap #section-2 .content .title-description-button
    {
        padding-right:0
    }
    #wrap #section-2 .content .title-description-button .title
    {
        font-size:3.6rem;
        margin-bottom:40px
    }
    #wrap #section-2 .content .title-description-button .description
    {
        margin-bottom:50px
    }
    #wrap #section-2 .content .title-description-button .contact-apps
    {
        margin-bottom:60px
    }
    #wrap #section-2 .content .cols
    {
        display:block;
        min-height:455px
    }
    #wrap #section-2 .content .cols .advertisers
    {
        margin-bottom:40px
    }
    #wrap #section-2 .content .phone
    {
        bottom:-100px;
        right:-80px
    }
    #wrap #section-3 .content .title
    {
        font-size:2.4rem;
        top:75px
    }
    #wrap #section-3 .content .title.active
    {
        font-size:3.6rem
    }
    #wrap #section-3 .content .title.active::before
    {
        height:3px
    }
    #wrap #section-3 .content .left,#wrap #section-3 .content .right
    {
        width:270px;
        white-space:nowrap
    }
    #wrap #section-3 .content .left
    {
        padding-top:160px
    }
    #wrap #section-3 .content .left .advantage
    {
        margin-bottom:30px
    }
    #wrap #section-3 .content .left .m
    {
        display:block
    }
    #wrap #section-3 .content .left .contact
    {
        margin-top:55px;
        padding-left:50px;
        padding-right:50px
    }
    #wrap #section-3 .content .right
    {
        padding:0
    }
    #wrap #section-3 .content .right .advantage
    {
        display:none
    }
    #wrap #section-3 .content .right .contact
    {
        display:none
    }
    #wrap #section-3 .content .demonstration
    {
        height:529px;
        left:425px;
        top:370px;
        width:188px
    }
    #wrap #section-3 .content .demonstration .hand
    {
        margin-left:-62px;
        width:520px
    }
    #wrap #section-4 .content .title
    {
        font-size:3.6rem
    }
    #wrap #section-4 .content .title+p
    {
        font-size:1.8rem;
        margin:0 0 60px
    }
    #wrap #section-4 .content .possibilities
    {
        display:block;
        font-size:0;
        text-align:center
    }
    #wrap #section-4 .content .possibilities .br
    {
        display:none
    }
    #wrap #section-4 .content .possibilities .possibility
    {
        font-size:1.6rem;
        height:115px;
        width:calc(33.333333% + 15px)
    }
    #wrap #section-4 .content .possibilities .possibility:first-of-type,#wrap #section-4 .content .possibilities .possibility:last-of-type,#wrap #section-4 .content .possibilities .possibility:nth-of-type(5),#wrap #section-4 .content .possibilities .possibility:nth-of-type(6)
    {
        width:calc(33.333333% + 15px)
    }
    #wrap #section-4 .content .possibilities .possibility:nth-of-type(-n+9)
    {
        margin-bottom:68px
    }
    #wrap #section-4 .content .possibilities .possibility:nth-of-type(3n - 5)
    {
        margin-left:-45px
    }
    #wrap #section-4 .content .possibilities .possibility:nth-of-type(3n)
    {
        margin-right:-45px
    }
    #wrap #section-4 .content .possibilities .possibility span
    {
        margin-left:0;
        width:100%
    }
    #wrap #section-5 .content .title-description
    {
        width:100%
    }
    #wrap #section-5 .content .title-description .title
    {
        font-size:2.6rem
    }
    #wrap #section-5 .content .title-description .title span:first-of-type
    {
        margin-bottom:7px
    }
    #wrap #section-5 .content .title-description p
    {
        margin-bottom:40px
    }
    #wrap #section-5 .content .apps-devices
    {
        margin-bottom:55px;
        position:relative;
        width:100%
    }
    #wrap #section-5 .content .apps-devices .os
    {
        display:flex;
        justify-content:space-between;
        height:60px;
        margin:75px 5px 0 0;
        padding:0;
        width:250px
    }
    #wrap #section-5 .content .apps-devices .os .app-os
    {
        margin:0
    }
    #wrap #section-5 .content .apps-devices .breaker
    {
        display:none
    }
    #wrap #section-5 .content .apps-devices .devices
    {
        float:left;
        margin-left:20px;
        position:relative;
        width:229px
    }
    #wrap #section-5 .content .apps-devices .devices .types
    {
        font-size:1rem;
        left:28px;
        margin:0;
        position:absolute;
        top:-5px;
        width:175px
    }
    #wrap #section-5 .content .apps-devices .devices .nexus
    {
        bottom:10px;
        left:103px;
        width:110px
    }
    #wrap #section-5 .content .apps-devices .devices .iphone
    {
        width:150px;
        bottom:6px
    }
    #wrap #section-5 .content .advantages-and-button
    {
        width:100%
    }
    #wrap #section-5 .content .advantages-and-button .advantage
    {
        padding-right:5px
    }
    #wrap #section-5 .content .advantages-and-button .advantage:nth-of-type(2n)
    {
        padding-left:95px
    }
    #wrap #section-5 .content .advantages-and-button .advantage:nth-of-type(2n) img
    {
        left:45px
    }
    #wrap #section-6 .content
    {
        padding-bottom:165px
    }
    #wrap #section-6 .content .left .name
    {
        margin-bottom:7px
    }
    #wrap #section-6 .content .left .title
    {
        font-size:3.6rem;
        margin:0 0 30px
    }
    #wrap #section-6 .content .left .title br
    {
        display:none
    }
    #wrap #section-6 .content .left .form
    {
        width:100%
    }
    #wrap #section-6 .content .left .form .input-group .tf-wrap
    {
        width:235px
    }
    #wrap #section-6 .content .left .form .message
    {
        margin-bottom:55px
    }
    #wrap #section-6 .content .right
    {
        background-color:rgba(0,0,0,0.28);
        bottom:auto;
        height:100vh;
        left:50%;
        margin-left:-51vw;
        margin-top:-130px;
        max-width:none;
        padding:35px 0;
        top:100%;
        width:101vw
    }
    #wrap #section-6 .content .right .social
    {
        float:none;
        margin:0 auto;
        max-width:540px;
        width:100%
    }
    .formats #wrap .formats-section .content .left
    {
        width:100%
    }
    .formats #wrap .formats-section .content .left>.title
    {
        margin:-5px 0 25px
    }
    .formats #wrap .formats-section .content .left .types-description .types
    {
        margin-bottom:22px
    }
    .formats #wrap .formats-section .content .left .types-description .types .type
    {
        width:50%
    }
    .formats #wrap .formats-section .content .left .types-description .types .type:nth-of-type(2n - 1)
    {
        text-align:left
    }
    .formats #wrap .formats-section .content .left .types-description .types .type:nth-of-type(2n)
    {
        text-align:right
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description
    {
        margin-bottom:48px
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description .name
    {
        margin-bottom:28px
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description .name .demo
    {
        display:inline-block
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description .description
    {
        height:auto
    }
    .formats #wrap .formats-section .content .phone
    {
        display:none
    }

}
@media (max-width:767px)
{
    .fixed
    {
        position:fixed
    }
    .fixed#main-logo
    {
        display:none !important;
        left:55px
    }
    .fixed#menu-toggle
    {
        right:55px;
        top:44px
    }
    .fixed#arrow-top
    {
        display:none !important
    }
    #wrap #lines-effect
    {
        display:none
    }
    #wrap #section-3,#wrap #section-6
    {
        background-size:100% 300px;
        background-position:0 0
    }
    #wrap #section-2
    {
        background-size:100% 300px,auto auto;
        background-position:0 0,center bottom
    }
    #wrap>header,#wrap>section
    {
        padding:0 15px
    }
    #wrap>header .content,#wrap>section .content
    {
        margin:100px 0;
        max-width:300px
    }
    #wrap #top-menu
    {
        right:115px
    }
    #wrap header#section-1 #top-menu ul li.lang-switch
    {
        display:none
    }
    #wrap header#section-1 .content h1
    {
        font-size:5.7rem;
        margin:35px 0 20px
    }
    #wrap header#section-1 .content h1+p
    {
        font-size:1.8rem;
        margin:0 0 235px
    }
    #wrap header#section-1 .content h1+p br
    {
        display:none
    }
    #wrap #section-2 .content .title-description-button .title
    {
        font-size:2.4rem;
        line-height:1.2;
        margin-bottom:30px
    }
    #wrap #section-2 .content .title-description-button .title .m
    {
        display:block
    }
    #wrap #section-2 .content .title-description-button .description
    {
        margin-bottom:25px
    }
    #wrap #section-2 .content .title-description-button .contact-apps
    {
        margin-bottom:35px;
        text-align:center
    }
    #wrap #section-2 .content .title-description-button .contact-apps .contact
    {
        display:inline-block;
        float:none;
        margin:0
    }
    #wrap #section-2 .content .title-description-button .contact-apps .os
    {
        display:none
    }
    #wrap #section-2 .content .cols
    {
        padding:0
    }
    #wrap #section-2 .content .cols .advertisers,#wrap #section-2 .content .cols .webmasters
    {
        width:100%
    }
    #wrap #section-2 .content .os.m
    {
        display:flex;
        float:none;
        justify-content:space-between;
        margin:25px auto 55px;
        width:220px
    }
    #wrap #section-2 .content .os.m .app-os
    {
        float:none
    }
    #wrap #section-2 .content .phone
    {
        bottom:0;
        margin:0 0 -100px -10px;
        position:relative;
        right:auto
    }
    #wrap #section-3 .content .title.active
    {
        font-size:2.4rem;
        padding-top:5px
    }
    #wrap #section-3 .content .title.active::before
    {
        bottom:-11px;
        height:2px
    }
    #wrap #section-3 .content .left
    {
        padding-top:140px;
        width:100%
    }
    #wrap #section-3 .content .left .title
    {
        top:50px
    }
    #wrap #section-3 .content .left .contact.m
    {
        display:block;
        margin:50px auto 0;
        width:200px
    }
    #wrap #section-3 .content .right
    {
        position:absolute;
        top:0;
        right:0
    }
    #wrap #section-3 .content .right .title
    {
        left:0;
        position:relative;
        top:0
    }
    #wrap #section-3 .content .demonstration
    {
        display:none
    }
    #wrap #section-4 .content .title
    {
        font-size:2.4rem;
        margin:0 0 5px;
        text-align:center
    }
    #wrap #section-4 .content .title+p
    {
        margin:0 0 65px;
        text-align:center
    }
    #wrap #section-4 .content .possibilities .possibility
    {
        display:block
    }
    #wrap #section-4 .content .possibilities .possibility:nth-of-type(1n)
    {
        margin:0 auto;
        width:100%
    }
    #wrap #section-4 .content .possibilities .possibility:nth-of-type(1n) span
    {
        width:100%
    }
    #wrap #section-4 .content .possibilities .possibility:not(:last-of-type)
    {
        margin-bottom:50px
    }
    #wrap #section-5 .content .title-description .title
    {
        margin:0 0 50px
    }
    #wrap #section-5 .content .title-description .title+p
    {
        text-align:justify
    }
    #wrap #section-5 .content .apps-devices
    {
        margin-bottom:50px;
        padding-bottom:75px
    }
    #wrap #section-5 .content .apps-devices .os
    {
        bottom:0;
        justify-content:space-around;
        left:0;
        margin:0;
        position:absolute;
        width:100%
    }
    #wrap #section-5 .content .advantages-and-button .advantage
    {
        float:none;
        margin:0 0 43px;
        padding-right:0;
        width:100%
    }
    #wrap #section-5 .content .advantages-and-button .advantage:nth-of-type(n)
    {
        padding-left:80px
    }
    #wrap #section-5 .content .advantages-and-button .advantage:nth-of-type(n) img
    {
        left:30px
    }
    #wrap #section-5 .content .advantages-and-button .examples
    {
        display:block;
        margin:0 auto;
        width:256px
    }
    #wrap #section-6 .content
    {
        padding-bottom:155px
    }
    #wrap #section-6 .content .left .name
    {
        font-size:5.7rem;
        margin-left:-2px
    }
    #wrap #section-6 .content .left .title
    {
        font-size:2.4rem;
        margin:0 0 40px
    }
    #wrap #section-6 .content .left .form .input-group
    {
        margin-bottom:0
    }
    #wrap #section-6 .content .left .form .input-group .tf-wrap
    {
        float:none;
        margin-bottom:15px;
        width:100%
    }
    #wrap #section-6 .content .left .form .message
    {
        margin-bottom:40px
    }
    #wrap #section-6 .content .bottom
    {
        display:block
    }
    #wrap #section-6 .content .bottom .send
    {
        display:block;
        margin:0 auto 30px;
        width:210px
    }
    #wrap #section-6 .content .bottom .contact-types
    {
        width:100%
    }
    #wrap #section-6 .content .right
    {
        padding:25px 0
    }
    #wrap #section-6 .content .right .social
    {
        max-width:290px
    }
    .formats #wrap .formats-section
    {
        background-size:100% 300px;
        background-position:0 0
    }
    .formats #wrap .formats-section #top-menu
    {
        display:none
    }
    .formats #wrap .formats-section .content .left>.title
    {
        font-size:2.8rem;
        line-height:3.2rem;
        margin:3px 0 46px;
        text-align:center
    }
    .formats #wrap .formats-section .content .left .types-description .types
    {
        justify-content:center
    }
    .formats #wrap .formats-section .content .left .types-description .types .type
    {
        width:100%
    }
    .formats #wrap .formats-section .content .left .types-description .types .type:nth-of-type(n)
    {
        text-align:center
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description
    {
        background-image:linear-gradient(to bottom, #fff, rgba(255,255,255,0));
        background-position:0 0;
        background-repeat:no-repeat;
        background-size:100% 100%;
        font-family:'Montserrat Medium',sans-serif;
        margin:22px 10px 45px 10px;
        padding:14px 20px 35px;
        position:relative;
        text-align:left
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .name
    {
        margin-bottom:15px
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .name>span
    {
        color:#aac148;
        display:block;
        font-size:2.4rem;
        font-weight:600;
        letter-spacing:1px;
        margin-bottom:15px;
        text-transform:uppercase
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .specifications .title,.formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .description .title
    {
        font-size:1.8rem;
        font-weight:600;
        margin-bottom:5px;
        text-transform:uppercase
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .specifications
    {
        margin-bottom:30px;
        text-transform:uppercase
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .specifications .spec
    {
        float:left;
        line-height:3rem;
        width:50%
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .specifications .spec:nth-of-type(2n)
    {
        padding-left:2px
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .description
    {
        clear:both;
        line-height:3rem
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .close
    {
        background-image:url(/images/page-formats/close-mobile-description.png);
        background-position:center;
        background-repeat:no-repeat;
        border:1px solid #eeeff2;
        border-radius:50%;
        bottom:-24px;
        cursor:pointer;
        height:48px;
        left:50%;
        margin-left:-24px;
        position:absolute;
        width:48px
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .close::before,.formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .close::after
    {
        background-color:#eeeff2;
        content:'';
        cursor:default;
        height:1px;
        position:absolute;
        top:50%;
        width:105px
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .close::before
    {
        right:100%
    }
    .formats #wrap .formats-section .content .left .types-description .types .type .mobile-description .close::after
    {
        left:100%
    }
    .formats #wrap .formats-section .content .left .types-description .separated-description
    {
        display:none
    }
    .formats #wrap .formats-section .content .left .ask-contact
    {
        display:block;
        text-align:center
    }
    .formats #wrap .formats-section .content .left .ask-contact .btn:first-of-type
    {
        margin-bottom:22px
    }

}
@media (max-width:400px)
{
    #main-logo.fixed
    {
        left:25px
    }
    #menu-toggle.fixed
    {
        right:25px
    }
    #wrap #top-menu
    {
        right:85px
    }
    #wrap #top-menu .enter
    {
        margin:0
    }

}
@media (min-height:1081px)
{
    #wrap>header,#wrap>section
    {
        min-height:0
    }

}
@media (max-height:560px)
{
    #nav-dots
    {
        display:none
    }

}
@media (max-height:767px)
{
    #wrap #side-menu
    {
        padding:38px 0 0
    }
    #wrap #side-menu .close
    {
        margin-bottom:30px
    }
    #wrap #side-menu ul li:not(:last-of-type)
    {
        margin-bottom:30px
    }

}
@media (min-width:1024px)
{
    #wrap #section-3 .content .m
    {
        display:none !important
    }

}
@media (max-width:1023px)
{
    #wrap #section-3 .content .right .advantage
    {
        display:none !important
    }

}
@supports (-ms-ime-align:auto)
{
    #lines-effect
    {
        transition-duration:500ms;
        transition-property:background-position
    }
    .auxiliary #wrap .auxiliary-section
    {
        animation-name:animation-auxiliary-bg-ie-edge
    }

}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active)
{
    #lines-effect
    {
        transition-duration:500ms;
        transition-property:background-position
    }
    a img
    {
        border:none
    }
    #wrap>header,#wrap>section
    {
        min-height:0
    }
    #wrap>#section-6 .content .bottom>span
    {
        margin:0 30px
    }
    #wrap>#section-6 .content .bottom .contact-types
    {
        width:auto
    }
    #wrap>#section-6 .content .bottom .contact-types .contact-type:not(:first-of-type)
    {
        margin-left:30px
    }
    .formats #wrap .formats-section .content .phone::before
    {
        display:none
    }
    .auxiliary #wrap .auxiliary-section
    {
        animation-name:animation-auxiliary-bg-ie-edge;
        padding-top:100px
    }
    .auxiliary #wrap .auxiliary-section .auxiliary-content
    {
        margin-top:15vh
    }

}
@media (max-width:767px)
{
    .rb-wrap
    {
        flex-direction: column
    }

}
#wrap #section-6 .content .left .form .message
{
    margin-bottom: 70px
}
#wrap #section-6 .content .button-block
{
    margin-bottom: 30px
}
#wrap #section-6 .content .bottom
{
    justify-content: flex-start
}
#wrap #section-6 .content .bottom .switch
{
    font-weight: 600;
    margin: 0 30px 0 0;
    text-transform: uppercase
}
#wrap #section-6 .content .bottom .switch a
{
    color: #fff;
    display: block;
    line-height: 31px;
    opacity: .5;
    -webkit-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
    white-space: nowrap
}
#wrap #section-6 .content .bottom .switch a:hover
{
    opacity: .75
}
#wrap #section-6 .content .bottom .switch a.active
{
    opacity: 1
}
#wrap #section-6 .content .bottom .contact-types.inactive
{
    display: none
}
#wrap #section-6 .content .bottom .contact-types
{
    justify-content: flex-start;
    margin: 0 -15px
}
#wrap #section-6 .content .bottom .contact-types .contact-type
{
    padding: 0 15px
}
.icon.contact-icon.icq
{
    background: url("/images/svg/icon-icq.svg") 0 0 no-repeat;
    background-size: cover
}
.icon.contact-icon.telegram
{
    background: url("/images/svg/icon-telegram.svg") 0 0 no-repeat;
    background-size: cover
}
@media (max-width: 1279px)
{
    #wrap #section-6 .content .bottom .contact-types
    {
        width: auto
    }

}
/*/@media (max-width: 1279px)*/@media (max-width: 1023px)
{
    #wrap #section-6 .content .bottom
    {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #wrap #section-6 .content .bottom .switch
    {
        margin: 0 0 15px 0;
        width: 100%
    }
    #wrap #section-6 .content .bottom .contact-types
    {
        justify-content: space-between;
        margin: 0;
        width: 100%
    }
    #wrap #section-6 .content .bottom .contact-types .contact-type
    {
        padding: 0
    }

}
/*/@media (max-width: 1023px)*/@media (max-width: 767px)
{
    #wrap #section-6 .content .bottom .contact-types
    {
        width: 290px
    }

}
/*/@media (max-width: 767px)*/