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

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes borderflash {
    0% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }

    50% {
        border: rgba(255, 84, 94, 0.5) 1px solid;
    }

    100% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }
}

@-moz-keyframes borderflash {
    0% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }

    50% {
        border: rgba(255, 84, 94, 0.5) 1px solid;
    }

    100% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }
}

@-o-keyframes borderflash {
    0% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }

    50% {
        border: rgba(255, 84, 94, 0.5) 1px solid;
    }

    100% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }
}

@keyframes borderflash {
    0% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }

    50% {
        border: rgba(255, 84, 94, 0.5) 1px solid;
    }

    100% {
        border: rgba(255, 84, 94, 0) 1px solid;
    }
}

@-webkit-keyframes levitation {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(25px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-moz-keyframes levitation {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(25px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-o-keyframes levitation {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(25px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes levitation {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(25px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulsetwo {
    0% {
        box-shadow: inset 0 0 0 5px rgb(255 255 255 / 40%), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 5px rgb(255 255 255 / 40%), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
    }

    100% {
        box-shadow: inset 0 0 0 0px rgb(117 117 255 / 20%), 0 0 0 10px transparent, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 0px rgb(117 117 255 / 20%), 0 0 0 10px transparent, 0 20px 40px #437eef40;
    }
}

@-moz-keyframes pulsetwo {
    0% {
        box-shadow: inset 0 0 0 5px rgb(255 255 255 / 40%), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 5px rgb(255 255 255 / 40%), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
    }

    100% {
        box-shadow: inset 0 0 0 0px rgb(117 117 255 / 20%), 0 0 0 10px transparent, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 0px rgb(117 117 255 / 20%), 0 0 0 10px transparent, 0 20px 40px #437eef40;
    }
}

@-ms-keyframes pulsetwo {
    0% {
        box-shadow: inset 0 0 0 5px rgb(255 255 255 / 40%), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 5px rgb(255 255 255 / 40%), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
    }

    100% {
        box-shadow: inset 0 0 0 0px rgb(117 117 255 / 20%), 0 0 0 10px transparent, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 px rgb(117 117 255 / 20%), 0 0 0 10px transparent, 0 20px 40px #437eef40;
    }
}

@keyframes pulsetwo {
    0% {
        box-shadow: inset 0 0 0 5px rgba(255, 132, 132, 0.8), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 5px rgba(255, 132, 132, 0.8), 0 0 0 0 #FF5B56, 0 20px 40px #437eef40;
    }

    100% {
        box-shadow: inset 0 0 0 0px rgba(255, 201, 201, 0.6), 0 0 0 10px transparent, 0 20px 40px #437eef40;
        -webkit-box-shadow: inset 0 0 0 0px rgba(255, 201, 201, 0.6), 0 0 0 10px transparent, 0 20px 40px #437eef40;
    }
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 35%; opacity: 1}
}

@keyframes slides {
    0% {content: url(../img/tst.png);}
    100% {content: url(../img/tst2.png);}
}

#notebook {
    content: url(../img/tst.png);
    background: transparent url(../img/notebook.png) no-repeat;
    padding: 20px 85px 85px 85px;

    animation: slides 2000ms infinite linear;
    animation-name: slides;
}

.google-button {
    background: transparent url(../img/google.svg) no-repeat;
    background-size: 40px 40px;
    background-color: #5FCE6A;
    background-position-y: center;
    background-position-x: 10%;
    
    cursor: pointer;

    outline: 4px solid rgba(95,206,106,0.5);
    border: none;

    border-radius: 4px;

    font-family: 'Proxima Nova Semibold'; 
    font-size: 23px; 
    color: #E5FFE8;

    text-shadow: 1px 1px 4px black;

    text-align: left;
    padding-left: 25%;
}

.google-button:hover {
    opacity: 0.8;
    background-position-x: 9%;

    font-size: 21px; 
}

.discord-button {
    background: transparent url(../img/discord.svg) no-repeat;
    background-size: 45px 45px;
    background-color: #5C6BC0;
    background-position-y: center;
    background-position-x: 10%;
    
    cursor: pointer;

    outline: 4px solid rgba(92,107,192,0.5);
    border: none;

    border-radius: 4px;

    font-family: 'Proxima Nova Semibold'; 
    font-size: 23px; 
    color: #EBEEFF;

    text-shadow: 1px 1px 4px black;

    text-align: left;
    padding-left: 25%;
}

.discord-button:hover {
    opacity: 0.8;
    background-position-x: 9%;

    font-size: 21px; 
}

.yandex-button {
    background: transparent url(../img/yandex.svg) no-repeat;
    background-size: 37px 37px;
    background-color: #FFC122;
    background-position-y: center;
    background-position-x: 10%;
    
    cursor: pointer;

    outline: 4px solid rgba(255,193,34,0.5);
    border: none;

    border-radius: 4px;

    font-family: 'Proxima Nova Semibold'; 
    font-size: 23px; 
    color: #FFF8E4;

    text-shadow: 1px 1px 4px black;

    text-align: left;
    padding-left: 25%;
}

.yandex-button:hover {
    opacity: 0.8;
    background-position-x: 9%;

    font-size: 21px; 
}

.vk-id-button {
    background: transparent url(../img/vk.svg) no-repeat;
    background-size: 46px 42px;
    background-color: #2D89F3;
    background-position-y: center;
    background-position-x: 10%;
    
    cursor: pointer;

    outline: 4px solid rgba(49,145,255,0.5);
    border: none;

    border-radius: 4px;

    font-family: 'Proxima Nova Semibold'; 
    font-size: 23px; 
    color: #E5F1FF;

    text-shadow: 1px 1px 4px black;

    text-align: left;
    padding-left: 25%;
}

.vk-id-button:hover {
    opacity: 0.8;
    background-position-x: 9%;

    font-size: 21px; 
}

.promo {
    width: 100%;
    height: 108px;

    background-color: rgba(254, 189, 85, 0.7);

    border: 2px solid #CB3541;
    border-radius: 6px;

    margin-bottom: 20px;

    display: flex;
    flex-direction: row;
    align-items: center;

    padding-left: 47px;

    box-shadow: 0px 0px 12px rgba(207, 0, 0, 0.5);
}

input[type="checkbox"]:checked, 
input[type="checkbox"]:not(:checked) {
    position: absolute;
    z-index: -1;
}

input[type="checkbox"]:checked + label, 
input[type="checkbox"]:not(:checked) + label  {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    border: 1px solid #dddddd;
    background-color: #ffffff;

    border-radius: 5px;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    left: 5px;
    top: 7px;
    width: 20px;
    height: 10px;
    border-radius: 1px;
    border-left: 4px solid #FF545E;
    border-bottom: 4px solid #FF545E;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

.accordion-container {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat-Regular';
    color: #222531;
    display: flex;
}

.container {
    margin: 0 auto;
    padding: 4rem;
    width: 48rem;
}
.accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #FF5B57;
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 24px;
    border: none;
    background: none;
    outline: none;
}
.accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: #FF5B57;
}
.accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: #FF5B57;
    border: 1px solid #FF5B57;
}
.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}
.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}
.accordion button[aria-expanded='true'] {
    color: #FF5B57;
}
.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 15em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content p {
    font-size: 22px;
    margin: 2em 0;
}

.products-block {
    transition: all 0.25s ease-in-out;
}

.products-block img:hover {
    scale: 0.9;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;

    border-radius: 10px;

    top: 35%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.error {
    width: 100%;

    background-color: rgba(200, 0, 0, 0.7);

    border: 4px solid rgba(207, 0, 0, 1);
    border-radius: 6px;

    margin-bottom: 20px;

    display: flex;
    flex-direction: row;
    align-items: center;

    padding-left: 47px;
}

.success {
    width: 100%;

    background-color: rgba(0, 200, 0, 0.7);

    border: 4px solid rgba(0, 207, 0, 1);
    border-radius: 6px;

    margin-bottom: 20px;

    display: flex;
    flex-direction: row;
    align-items: center;

    padding-left: 47px;
}

.terms {
    margin-top: 5%;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 5%;
    background: rgba(255, 255, 255, 1);

    border: 2px solid #EFF2F5;
    border-radius: 6px;
}

.terms-inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 50%;

    margin-top: 5%;
    margin-bottom: 5%;

    text-align: center;
}

.tfont {
    font-family: "Montserrat-Regular";

    padding-top: 0px;
    padding-bottom: 0px;

    margin-top: 0px;
    margin-bottom: 0px;
}
.tfont.large {
    font-size: 28px;
    color: #58667E;
}
.tfont.small {
    font-size: 17px;
    color: rgba(88, 102, 126, 0.8);
}

.restorepassword-window {
    position: absolute;

    width: 100%;
    height: 100%;

    top: 0px;
    left: 0px;

    background: rgba(10, 10, 10, 0.6);

    z-index: 1;
    opacity: 0;
    display: none;
}

.restorepassword-window-inner {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

    width: 432px;
    height: 272px;

    background: #FAFBFE;
    border-radius: 6px;
}

.restorepassword-window-separator {
    position: absolute;

    width: 438px;
    height: 1px;

    top: 93px;

    background: rgba(88, 102, 126, 0.5);
}

#email-restore {
    position: absolute;

    top: 127px;
    left: 36px;

    width: 353px;
    height: 46px;

    text-align: center;

    font-family: "Montserrat-Regular";
    font-size: 15px;

    background: #E7E9EB;
    border-radius: 4px;

    outline: none;
    border: none;
}

.restorebutton {
    position: absolute;

    width: 172px;
    height: 50px;

    font-family: "Montserrat-Semibold";
    font-size: 15px;

    color: #FFEBEB;

    border-radius: 4px;

    border: none;

    cursor: pointer;
}

.restorebutton.send {
    top: 188px;
    left: 221px;

    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF6050 91.25%);

    transition: all 0.25s ease-in-out;
}

.restorebutton.cancel {
    top: 188px;
    left: 36px;

    background: linear-gradient(168.02deg, rgba(255, 84, 94, 0.5) -54.97%, rgba(255, 96, 80, 0.5) 91.25%);

    transition: all 0.25s ease-in-out;
}

.restorebutton.send:hover {
    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF545E 91.25%);
}

.restorebutton.cancel:hover {
    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF6050 91.25%);
}

.restorepassword-window-title {
    position: absolute;

    top: 37px;
    left: 143px;

    font-family: "Montserrat-Regular";
    font-size: 20px;

    color: #58667E;
}

.authcard {
    position: absolute;

    width: 100%;
    height: 100%;

    top: 0px;
    left: 0px;

    background: rgba(10, 10, 10, 0.5);

    opacity: 0;
    display: none;
}

.auth-window {
    width: 679px;
    height: 405px;

    background: #FAFBFE;

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

    border-radius: 4px;

    z-index: 1;
}

.auth-window-separator {
    position: absolute;

    width: 7px;
    height: 405px;

    left: 48%;

    background: #E7E9EB;
}

.auth-window-left {
    position: absolute;

    width: 323px;
    height: 403px;
}

.auth-window-right {
    position: absolute;

    width: 344px;
    height: 403px;

    left: 334px;
}

#authweapon {
    position: absolute;

    top: 48px;
    left: 62px;
}

#authagentcolored {
    position: absolute;

    top: 276px;
    left: 125px;
}

#authagentcolored-mirrored {
    position: absolute;

    left: 9px;
    top: 332px;

    transform: scale(-1, 1);

    opacity: 0;
}

#authagent {
    position: absolute;

    top: 180px;
    left: 141px;
}

#acceptrules {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#acceptrules+label {
    display: flex;
    user-select: none;
}

#acceptrules+label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;

    border-radius: 2px;

    margin-right: 7px;

    background-color: #E7E9EB;

    -webkit-animation: borderflash 2s infinite linear;
    -moz-animation: borderflash 2s infinite linear;
    -o-animation: borderflash 2s infinite linear;
    animation: borderflash 2s infinite linear;
}

#acceptrules:checked+label::before {
    background-color: #FF545E;
}

#acceptrules:not(:disabled):not(:checked)+label:hover::before {
    background-color: rgba(255, 84, 94, 0.5);
}

.authcard-radiogroup {
    position: absolute;

    top: 22px;
    left: 355px;

    display: flex;
    flex-direction: row;

    z-index: 1;
}

.authcard-radiogroup-itemline {
    width: 151px;
    height: 1px;

    background: rgba(88, 102, 126, 0.5);
    border-radius: 1px;

    margin-top: 15px;
}

.authcard-radiogroup-item {
    text-align: center;
}

.authcard-radiogroup-item input[type=radio] {
    display: none;
}

.authcard-radiogroup-item label {
    transition: all 0.25s ease-in-out;

    font-family: "Montserrat-Regular";
    font-size: 15px;

    color: rgba(88, 102, 126, 0.8);

    cursor: pointer;
}

.authcard-radiogroup-item label:hover {
    color: #58667E;
}

.authcard-radiogroup-item label:hover+.authcard-radiogroup-itemline {
    background: #58667E;
}

.authcard-radiogroup-item input[type=radio]:checked+label {
    color: #FF545E;
}

.authcard-radiogroup-item input[type=radio]:checked+label+.authcard-radiogroup-itemline {
    background: #FF545E;
}

.registration-form input[type="text"], input[type="email"], input[type="password"] {
    width: 286px;
    height: 46px;

    font-family: "Montserrat-Regular";
    font-size: 15px;

    background: #E7E9EB;
    border-radius: 4px;

    outline: none;
    border: none;

    padding-left: 15px;
}

.login-form input[type="text"], input[type="email"], input[type="password"] {
    width: 286px;
    height: 46px;

    font-family: "Montserrat-Regular";
    font-size: 15px;

    background: #E7E9EB;
    border-radius: 4px;

    outline: none;
    border: none;

    padding-left: 15px;
}

#loginreg {
    top: 118px;
}

.authsubmit,
.regsubmit {
    width: 303px;
    height: 50px;

    font-family: "Montserrat-Regular";
    font-size: 20px;

    color: #FFEBEB;

    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF6050 91.25%);

    border: none;
    border-radius: 8px;

    transition: all 0.25s ease-in-out;
    
    text-shadow: 1px 1px 2px black;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 

    cursor: pointer;
}

.regsubmit:not(:disabled) {
    cursor: pointer;
}

.regsubmit:disabled {
    opacity: 0.5;
}

.authsubmit:hover {
    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF545E 91.25%);
}

.restorepassword {
    position: absolute;

    top: 358px;
    left: 121px;

    font-family: "Montserrat-Regular";
    font-size: 14px;

    color: rgba(88, 102, 126, 0.8);

    cursor: pointer;
}

.restorepassword:hover {
    color: #58667E;
}

#acceptrules {
}

.acceptrulestext {
    font-family: "Montserrat-Regular";
    font-size: 13px;

    letter-spacing: 0.01em;

    color: rgba(88, 102, 126, 0.8);
}

.acceptrulestext a {
    color: #56AFF6;
}

.tooltiptext {
    padding-top: 5px;
    padding-bottom: 5px;

    padding-left: 6px;
    padding-right: 6px;

    width: auto;

    font-family: "Montserrat-Light";
    font-size: 18px;

    color: #FFFFFF;
    text-align: center;

    border-radius: 5px;

    position: absolute;
    z-index: 0;
}

.tooltiptext.autoheight {
    height: auto;
}

.tooltiptext.gray {
    background-color: #89909C;
}

.tooltiptext.red {
    background-color: #FF545E;
}

.tooltiptext.violet {
    background-color: #B169DE;
}

.bottom-arrow.visible .tooltiptext.gray::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #89909C transparent transparent transparent;
}

.bottom-arrow.visible.red .tooltiptext.red::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FF545E transparent transparent transparent;
}

.bottom-arrow.visible.red .tooltiptext.violet::after {
    content: " ";
    position: absolute;
    top: 100%;
    /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #B169DE transparent transparent transparent;
}

.benefit {
    display: block;
    position: absolute;

    top: 1590px;
    right: 86%;

    opacity: 1;

    pointer-events: none;
}

.benefit .firstline {
    display: flex;

    margin-top: -70px;
    margin-left: 10px;

    /*justify-content: center;*/
}

.benefit .secondline {
    display: flex;

    margin-top: 10px;
    margin-left: 10px;

    /*justify-content: center;*/
}

.pulse {
    animation: pulsetwo 1000ms infinite ease-out;
    animation-duration: 1200ms;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: pulsetwo;
}

* {
    transition: all .25s ease-out;
}

a {
    text-decoration: none;
}

body {
    background: #FAFBFE;
    margin: 0px;
    zoom: 0.9;
}

header {
    background: #FAFBFE;
}

nav {
    display: flex;
    justify-content: flex-start;

    margin-left: 15%;
    margin-right: 15%;
}

nav .nav-inner {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    /*padding-left: 15px;*/
    margin-right: 20px;

    pointer-events: none;
}

nav .nav-inner p {
    margin-top: 15px;
    margin-left: 5px;
}

nav .nav-inner.right {
    margin-left: auto;
    margin-right: 0px;

    pointer-events: all;
}

.headertext {
    font-family: "Montserrat-Semibold";
    font-size: 12px;
}

.headertext.black {
    color: #58667E;
}

.headertext.red {
    color: #FF545E;
}

.mainknife {
    position: absolute;

    top: 195px;
    right: 19%;

    width: 25%;
}

.subknife1 {
    position: absolute;

    top: 170px;
    right: 29%;

    width: 5%;
}

.subknife2 {
    position: absolute;

    right: 18%;
    top: 300px;

    width: 9%;
}

.subknife3 {
    position: absolute;

    right: 23%;
    top: 380px;

    width: 9%;
}

/*Стилизация выпадающего списка с выбором языка*/
select {
    padding: 5px 35px 5px 5px;

    font-family: "Montserrat-Semibold";
    font-size: 13px;

    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/selectarrow.png") 73% / 8% no-repeat rgba(0, 0, 0, 0);
}

select::-ms-expand {
    display: none;
    /* Убираем дефолтную стрелку в Internet Explorer 10 и Internet Explorer 11 */
}

.subheader {
    background: #FFFFFF;
    border: 1px solid #EFF2F5;

    padding-top: 23px;
    padding-bottom: 16px;
}

.subheaderinner {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;

    margin-left: 15%;
}

#loaderImage {
    transition: 0s;

    margin-top: -10px;
    transform: scale(0.5);
}

.subheaderlogo {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;

    cursor: pointer;
}

.subheaderlogo.scaled-to-footer {
    transform: scale(0.8);
}

.subheaderlogo.scaled-to-footer .componenticons {
    margin-top: 20px;
    flex-direction: row;

    pointer-events: all;
}

.subheaderlogo.scaled-to-footer .componenticons img {
    opacity: 0.5;
    margin-right: 21px;
}

.subheaderlogo.scaled-to-footer .componenticons img:hover {
    cursor: pointer;
    opacity: 1;
}

.subheaderinner.right {
    margin-left: auto;
    margin-right: 17%;
}

.subheaderinner.right * {
    margin-right: 15px;
}

.subheaderfont {
    font-family: "Montserrat-Regular";
}

.subheaderfont.largeblack {
    font-family: "Montserrat-Semibold";
    font-size: 30px;
    color: #222531;
}

.subheaderfont.largered {
    font-family: "Montserrat-Semibold";
    font-size: 30px;
    color: #FF545E;
}

.subheaderfont.small {
    font-size: 13px;
    color: #89909C;
}

.subheaderfont.rectangled {
    font-size: 14px;
    letter-spacing: 0.02em;

    color: #FFFFFF;

    background-color: #FF545E;
    border-radius: 4px;

    padding-top: 6px;
    padding-bottom: 5px;

    padding-left: 6px;
    padding-right: 4px;
}

.subheaderfont.auth {
    font-size: 17px;
    color: #89909C;

    padding-right: 20px;

    cursor: pointer;
}

.buybutton {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    color: #FFFFFF;

    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF6050 91.25%);

    border: none;
    border-radius: 4px;

    cursor: pointer;

    padding-top: 12px;
    padding-bottom: 12px;

    padding-left: 15px;
    padding-right: 15px;
}

.buybutton:hover {
    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF545E 91.25%);
}

.content {
    background: #FAFBFE;

    margin-top: 40px;
    /*margin-bottom: 2%;*/
}

.contentinner {
    display: flex;
    flex-direction: column;

    margin-left: 15%;
    margin-right: 15%;
}

.contentdesc {
    display: flex;
    flex-direction: column;

    pointer-events: none;
}

.contentfontregular {
    font-family: "Montserrat-Regular";
}

.contentfontregular.large {
    font-size: 49px;
    color: #222531;
}

.contentfontregular.small {
    font-size: 23px;
}

.contentfontregular.small.red {
    color: #FF545E;
}

.contentfontregular.small.black {
    color: #58667E;
}

.contentdesc-fields {
    margin-top: 5px;
    margin-bottom: 15px;
}

.contentknives {
    margin-left: 12%;
}

.buysection {
    display: flex;
    flex-direction: row;
    align-items: center;

    margin-left: 15%;
    margin-right: 15%;
}

.buysection.cost {
    justify-content: space-between;
    margin-top: 10px;
}

.buysection.prevcost {
    display: none;
    justify-content: space-between;
}

.minimum-cost p {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    letter-spacing: 0.04em;

    color: #58667E;
}

.buybutton-large {
    display: inline-flex;
    align-items: center;
    flex-direction: row;

    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF6050 91.25%);

    border: none;
    border-radius: 4px;

    cursor: pointer;

    padding-top: 20px;
    padding-bottom: 20px;

    padding-left: 50px;
    padding-right: 50px;

    margin-right: 25px;
}

.buybutton-large:hover img {
    transform: translateX(5px);
    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF545E 91.25%);
}

.buybutton-large-label {
    font-family: "Montserrat-Regular";
    font-size: 20px;
    color: #FFEBEB;
}

.buybutton-large img {
    margin-top: 5px;
    margin-left: 15px;
}

.tryfreefont {
    font-family: "Montserrat-Semibold";
    font-size: 16px;

    color: rgba(255, 84, 94, 0.5);
}

.tryfreefont:hover {
    color: rgba(255, 84, 94, 1)
}

.benefitdesc-font {
    font-family: "Montserrat-Regular";
    font-size: 16px;
    letter-spacing: 0.02em;
}

.benefitdesc-font.yellow {
    padding-top: 4px;
    padding-left: 5px;
    color: #FFF970;
}

.benefitdesc-font.red {
    padding-top: 4px;
    padding-left: 5px;
    color: #FF8A91;
}

.benefitdesc-font.green {
    color: #69DD9C;
}

.benefitdesc-font.orange {
    padding-top: 4px;
    padding-left: 5px;
    color: #FFAE35;
}

.benefitdesc-font.white {
    color: #EDEDED;
}

footer {
    background: #FFFFFF;
    border: 1px solid #EFF2F5;
}

footer .inner {
    display: flex;

    margin-left: 15%;
    margin-right: 15%;

    margin-top: 35px;
}

.infobar {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 15px;

    margin-left: 20%;
    margin-right: 20%;
}

.label {
    font-family: "Montserrat-Regular";
    font-size: 13px;

    color: rgba(255, 84, 94, 0.5);

    margin-left: 3%;
    margin-right: 3%;
}

.label:hover {
    color: #FF545E;
}

.label.coopyright {
    color: rgba(137, 144, 156, 0.7);
}

.label.social {
    color: rgba(137, 144, 156, 0.7);

    margin-left: 7%;
    margin-right: -8%;
}

footer .footer-urlblock {
    padding-left: 5%;
    padding-top: 1%;

    display: flex;
    flex-direction: column;
}

footer .footer-urlblock a {
    font-family: "Montserrat-Regular";
    font-size: 17px;
    letter-spacing: 0.04em;

    color: rgba(88, 102, 126, 0.8);

    margin-bottom: 3px;
}

footer .footer-urlblock a:hover {
    color: rgba(88, 102, 126, 1);
    cursor: pointer;
}

footer .social {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-left: 21%;
}

footer .social .icons {
    display: flex;
    flex-direction: row;
}

footer .tg-social {
    display: flex;

    cursor: pointer;

    background: #00A2F3;
    border-radius: 6px;

    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 36px;
    padding-right: 37px;

    align-items: center;
    justify-content: center;
}

footer .vk-social {
    display: flex;

    margin-left: 10%;

    cursor: pointer;

    background: #4680C2;
    border-radius: 6px;

    padding-top: 17px;
    padding-bottom: 16px;
    padding-left: 35px;
    padding-right: 35px;

    align-items: center;
    justify-content: center;
}

footer .tg-social:hover {
    background: #0097E2;
}

footer .vk-social:hover {
    background: #3B7CC7;
}

footer .tg-social:hover img,
footer .vk-social:hover img {
    transform: scale(1.2);
}

/* страница покупки */
.default-agent {
    align-items: center;
    margin-right: 10%;
    margin-top: -105px;

    pointer-events: none;
}

.default-agent .bottom-arrow.visible {
    position: relative;

    right: 50px;
    top: 120px;
}

.agent-main {
    position: relative;

    right: 25%;
    top: 110px;
}

.agent-one {
    position: relative;

    right: 35%;
    top: 360px;
}

.agent-two {
    position: relative;

    left: 40%;
    bottom: 50px;
}

.weapon-one {
    position: relative;

    right: 10%;
    bottom: 300px;
}

.premium-agent {
    position: relative;
    align-items: center;

    margin-top: -105px;

    pointer-events: none;
}

.premium-agent .bottom-arrow.visible.red {
    position: relative;

    left: 60px;

    -webkit-animation: levitation 4s infinite ease-in-out;
    -moz-animation: levitation 4s infinite ease-in-out;
    -o-animation: levitation 4s infinite ease-in-out;
    animation: levitation 4s infinite ease-in-out;
}

.premium-agent-main {
    position: relative;

    right: 25%;
    bottom: 200px;
}

@keyframes shadow {
    0% {
        box-shadow: 0 0 125px 45px #B169DE;
    }

    50% {
        box-shadow: 0 0 125px 68px #B169DE;
    }

    100% {
        box-shadow: 0 0 125px 45px #B169DE;
    }
}

.violetshadow {
    position: relative;
    right: -22%;
    top: 100px;

    width: 30px;
    height: 150px;

    -moz-box-shadow: 0 0 125px 50px #B169DE;
    -webkit-box-shadow: 0 0 125px 50px #B169DE;
    box-shadow: 0 0 125px 50px #B169DE;

    background-color: #B169DE;

    animation: shadow 4s infinite ease-in-out;

    opacity: 0;
}

.premium-agent-one {
    position: relative;

    top: 425px;
    right: 10%;
}

.premium-agent-two {
    position: relative;

    bottom: 550px;
    left: 32%;
}

.premium-weapon-one {
    position: relative;

    right: 40%;
    bottom: 690px;
}

.buyselector-row {
    display: flex;
    flex-direction: row;

    margin-left: 15%;
    margin-right: 15%;

    height: 500px;
}

.buyselector {
    display: flex;
    flex-direction: column;

    margin-right: 15%;
}

.buycard {
    background: #FFFFFF;

    border-top: 2px solid #EFF2F5;
    border-left: 2px solid #EFF2F5;
    border-right: 2px solid #EFF2F5;

    border-radius: 10px 10px 0 0;

    display: flex;
    flex-direction: column;

    width: 471px;
}

.buycontent-font {
    font-family: "Montserrat-Regular";
}

.buycontent-font.large {
    font-size: 40px;
    color: #222531;
}

.buycontent-font.small {
    font-size: 22px;
}

.buycontent-font.small.black {
    color: #58667E;
}

.buycontent-font.small.red {
    color: #FF545E;
}

.features {
    margin-top: 25px;
    margin-left: 5%;
}

.features-item {
    margin-bottom: 20px;
    pointer-events: none;

    display: flex;
    align-items: center;
}

.features-item img {
    margin-right: 10px;
}

.features-font {
    font-family: "Montserrat-Regular";

    font-size: 21px;
    letter-spacing: 0.02em;

    color: rgba(88, 102, 126, 0.7);
}

.cost {
    font-family: "Montserrat-Semibold";
    font-size: 30px;
    letter-spacing: 0.02em;

    color: #424242;

    transition: all 0.5s ease-in-out !important;

    pointer-events: none;
}

.prevcost {
    font-family: "Montserrat-Semibold";
    font-size: 22px;
    letter-spacing: 0.02em;

    color: rgba(66, 66, 66, 0.6);

    opacity: 0;
    display: none;

    text-decoration: none;

    position: relative;

    pointer-events: none;
}

.prevcost:before {
    content: "";
    border-bottom: 3px solid #FF6050;
    position: absolute;
    width: 120%;
    height: 50%;
    transform: rotate(-12deg);
    margin-left: -10%;
}

.buysection-buypage {
    display: flex;
    justify-content: space-evenly;
    align-items: center;

    margin-top: 50px;

    margin-bottom: 5%;
}

.buybutton.buypage {
    padding-left: 10%;
    padding-right: 10%;
}

.popular {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    background: #FFD954;

    border: 4px solid #FFD954;
    border-radius: 0 0 4px 4px;

    height: 27px;

    pointer-events: none;
}

.popularword {
    font-family: "Montserrat-Regular";

    font-size: 18px;
    letter-spacing: 0.05em;

    color: #F9F1E6;

    align-items: center;
}

/*радиокнопки на странице покупки*/
.form_radio_group {
    display: flex;
    flex-direction: row;
    justify-content: center;

    margin-top: 21px;

    padding-left: 7%;
    padding-right: 6%;
}

.form_radio_group-item {
    float: left;
}

.form_radio_group input[type=radio] {
    display: none;
}

.form_radio_group label {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 34px;
    border-right: none;
    user-select: none;

    font-family: "Montserrat-Regular";
    font-size: 15px;

    color: #89909C;

    background: #EFF2F5;
}

.form_radio_group .form_radio_group-item:first-child label {
    border-radius: 10px 0 0 10px;
}

.form_radio_group .form_radio_group-item:last-child label {
    border-radius: 0 10px 10px 0;
}

/* Выбрал */
.form_radio_group input[type=radio]:checked+label {
    color: #FFEBEB;
    background: linear-gradient(168.02deg, #FF545E -54.97%, #FF6050 91.25%);
}

/* Навёлся */
.form_radio_group label:hover {
    color: #FFE1E3;
    background: linear-gradient(168.02deg, rgba(255, 84, 94, 0.4) -54.97%, rgba(255, 85, 93, 0.4) -45.83%, rgba(255, 96, 80, 0.4) 91.25%);
}

/* Выбрал vio */
.form_radio_group input[type=radio]:checked+label.violet {
    color: #FFFEFF;
    background: #B169DE;
}

/* Навёлся vio */
.form_radio_group label.violet:hover {
    color: #FFFEFF;
    background: #b876e0;
}

/* Выключена */
.form_radio_group input[type=radio]:disabled+label {
    background: #efefef;
    color: #666;
}

/*настройки слайдера*/
.slick-prev:before {
    transition: all .5s ease-out !important;
    color: rgba(255, 84, 94, 0.5) !important;
}

.slick-next:before {
    transition: all .5s ease-out !important;
    color: rgba(255, 84, 94, 0.5) !important;
}

.slick-prev:hover:before {
    color: rgba(255, 84, 94, 1) !important;
}

.slick-next:hover:before {
    color: rgba(255, 84, 94, 1) !important;
}

.info-slider * {
    transition: all .0s ease-out;
}

.info-slider {
    margin-left: 20%;
    margin-right: 20%;
}

.slider-card {
    background: #FFFFFF;

    border: 1px solid #EFF2F5;
    border-radius: 4px;

    margin: 20px;

    position: relative;

    height: 200px !important;
}

.slider-header {
    display: flex;
    flex-direction: row;
    align-items: center;

    padding-left: 11%;
    padding-top: 6%;

    padding-right: 30%;
}

.slider-header-font {
    font-family: "Montserrat-Regular";
    font-size: 16px;

    color: #EFC943;

    margin-left: 17px;
}

.slider-footer {
    padding-top: 4%;
    padding-left: 10%;
    padding-right: 5%;
    padding-bottom: 25px;
}

.slider-footer-font {
    width: 100%;

    display: flex;
    justify-content: center;

    font-family: "Montserrat-Regular";
    font-size: 16px;

    color: rgba(88, 102, 126, 0.7);
}

/*Media-запросы*/
@media (max-width: 1560px) {
    .default-agent {
        transform: translateX(-40px);
    }

    .premium-agent {
        transform: translateX(-170px);
    }
}

@media (max-width: 1368px) {

    .slider-header,
    .slider-footer {
        transform: scale(0.85);
    }

    .content {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .contentknives {
        /*display: none;*/
        width: 398px;
        /*height: 320px;*/
    }

    .contentfontregular.large {
        font-size: 40px;
    }

    .buycontent-font.large {
        font-size: 30px;
    }

    .buyselector {
        /*transform: scale(0.9);
        padding-left: 0%;*/
    }

    .contentfontregular.small,
    .buycontent-font.small {
        font-size: 14px;
    }

    .subheaderfont.auth {
        font-size: 13px;
    }

    .buybutton {
        font-size: 14px;
    }

    .subheaderfont.largeblack,
    .subheaderfont.largered {
        font-size: 25px;
    }

    .tryfreefont {
        font-size: 11px;
    }

    .label.social {
        /*font-size: 10px;*/
        margin-left: 1%;
        margin-right: -17%;
    }

    .premium-agent {
        transform: translateX(20px);
    }

    .default-agent {
        display: none;
    }

    .benefit {
        transform: scale(0.7);

        top: 670px;
        right: 83%;
    }
}

@media (max-width: 1074px) {
    .info-slider {
        margin-top: 50px;
    }

    .content {
        margin-top: 10px;
        margin-bottom: 3%;
    }

    .buysection.cost {
        padding-left: 0px;
        padding-right: 60px;
    }

    .contentknives {
        display: none;
    }

    .subheaderinner.right {
        padding-left: 10px;
    }

    .buysection {
        flex-direction: column;
    }

    .tryfreefont {
        margin-top: 4%;
        padding-right: 20px;
    }

    /*.form_radio_group {
        flex-direction: column;
        align-items: center;
    }

    .form_radio_group .form_radio_group-item:first-child label {
        border-radius: 4px;
    }
    .form_radio_group .form_radio_group-item:last-child label {
        border-radius: 4px;
    }
    .form_radio_group .form_radio_group-item label {
        border-radius: 4px;
    }

    .features {
        display:none;
    }

    .buycard {
        height: 277px;
        padding-bottom: 60px;
    }*/

    footer .social {
        align-items: center;
        justify-content: center;
        margin-left: 0%;
        transform: scale(0.5);
    }

    footer .subheaderlogo.scaled-to-footer {
        display: none;
    }

    footer .inner {
        flex-direction: column;

        margin-top: 10px;
    }

    footer .footer-urlblock {
        flex-direction: row;
        justify-content: space-around;
    }

    footer .footer-urlblock a {
        padding-right: 5%;
    }

    footer .infobar {
        margin-top: 5px;
    }

    footer .infobar .label {
        font-size: 10px;
    }

    .label.social {
        display: none;
    }

    #video {
        display: none !important;
    }
}

@media (max-width: 1050px) {
    .premium-agent {
        display: none;
    }

    .buyselector-row {
        margin-bottom: 10%;
    }

    .promo {
        zoom: 0.5;
    }
}

@media (max-width: 950px) {
    .benefit {
        display: none;
    }
}

@media (max-width: 728px) {
    .slider.info-slider {
        display: none;
    }

    footer {
        margin-top: 5%;
    }

    footer .inner {
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    /*.buycard {
        width: 100%;
    }*/
}

@media (max-width: 660px) {
    .buyselector {
        /*transform: scale(0.8);*/
    }

    .buycard {
        width: 300px;
    }

    .form_radio_group {
        /*transform: scale(0.9);*/
    }

    .form_radio_group label {
        font-size: 10px;
        padding: 0px 10px;
    }

    .features-font {
        font-size: 14px;
    }

    .buysection-buypage {
        margin-top: 0px;
    }

    .cost {
        font-size: 18px;
        margin-top: 0px;
    }

    .prevcost {
        font-size: 14px;
    }

    .prevcost:before {
        height: 50%;
        border-bottom: 1px solid red;
    }
}

@media (max-width: 630px) {
    .auth-window {
        zoom: 0.8;
    }
}

@media (max-width: 605px) {
    footer .footer-urlblock a {
        font-size: 14px;
    }
}

@media (max-width: 520px) {
    #language {
        display: none;
    }

    .buybutton {
        margin-top: 10px;
    }

    .subheaderinner.right {
        margin-left: 10px;
        flex-direction: column;
    }

    .subheaderfont.auth {
        padding-right: 0px;
    }

    .auth-window {
        zoom: 0.6;
    }

    .promotext {
        font-size: 24px;
    }
}

@media (max-width: 465px) {
    #contentinner-wrapper {
        transform: scale(0.85);
    }

    .subheaderinner {
        transform: scale(0.85);
        margin-left: 12%;
    }

    .subheaderinner.right {
        margin-left: 0px;
        flex-direction: column;

        transform: scale(0.85);
    }

    .buycard {
        width: 270px;
    }
}