@font-face {
    font-family: 'HelveticaNeueCyr-Bold';
    src: url("/style/fonts/HelveticaNeueCyr-Bold.eot");
    src: url("/style/fonts/HelveticaNeueCyr-Bold.eot") format("embedded-opentype"), url("/style/fonts/HelveticaNeueCyr-Bold.woff") format("woff"), url("/style/fonts/HelveticaNeueCyr-Bold.ttf") format("truetype"), url("/style/fonts/HelveticaNeueCyr-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal; }


body {
    background: url('/style/img/psp/background.jpg') center top no-repeat fixed #ebebeb;
    background-size: cover;       /* розтягнути на весь екран */
    background-position: center;  /* центр зображення */
    background-repeat: no-repeat; /* не повторювати */
    background-attachment: fixed; /* зафіксувати від прокручування */
}
#button_1 tspan:hover {
    color: green;
}
.psp_price_btn {
    cursor: pointer;
    transition: 1s;
    user-select: none;
}
.psp_price_track {
    transition: 1s;
}
.psp_title {
    color: gray;
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 18px;
    margin-bottom: 35px;
}
.psp_contacts_form--block---border {
    width: 50%;
    background: url('/style/img/psp/steel.jpg') center top / cover;
    margin: 25px auto;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #00DDFD;
}
.psp_contacts_form--block {
    background-color: #00DDFD;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ffffff;
}
.psp_contacts-form--input {
    background-color: #fff !important;
    border-radius: 5px !important;
    border-top: 2px solid #009CE4 !important;
    border-bottom: 3px solid #FFEDCE !important;
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 14px;
}
.psp_contacts-form-button--border {
    width: 50%;
    background: url('/style/img/psp/steel2.jpg') center top / cover;
    border-radius: 10px !important;
    padding: 3px;
    margin: 25px auto;
}
.psp_contacts-form-button--border:first-of-type {
    width: 25%;
}
.psp_contacts-form-button {
    width: 100% !important;
    background-color: #f5f5f5;
    border-radius: 10px !important;
    padding: 5px;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
    border-bottom: 2px solid #fff !important;
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 16px;
    color: gray;
}
#payButtonBorder .psp_contacts-form-button {
    background-color: #33ff00;
    color: #000;
}
.psp_contacts-form-button:hover {
    background-color: #fff;
}
.psp__main-section {
    margin-bottom: 80px;
}
.psp__main-section:first-of-type {
    margin-top: 40px;
}
.psp_section2--text {
    font-family: 'HelveticaNeueCyr-Bold';
    font-size: 14px;
    color: gray;
    text-align: justify;
}
.psp_section2--text p{
    text-indent: 3%;
}
.psp__section2-background {
    width: 80%;
    background-color: #00DDFD;
    border-radius: 15px;
    padding: 0.7%;
    margin: 0.7% auto;
    position: relative;
}
.psp__section2-block {
    background-color: #fff;
    border-radius: 15px;
    padding: 4.6%;
    padding-left: 5%;
    -webkit-box-shadow: -6px 10px 20px 1px rgba(0,0,0,0.5); 
    box-shadow: -6px 10px 20px 1px rgba(0,0,0,0.5);
}
.psp__section2-image {
    width: 9%;
    position: absolute;
    left: -5%;
    top: -2%;
}
.psp__main-logo {
    display: inline-block;
    margin: 25px auto;
    z-index: 5;
    margin-top: -59%;
    width: 30%;
}
.psp__main-spider {
    display: inline-block;
    margin: auto;
    margin-top: 11%;
    z-index: 1;
    margin-bottom: -7%;
    width: 78%;
}
.psp__section1--buttons---block {
    width: 91%;
    margin-top: -57%;
    display: inline-block;
    margin-left: -1%;
}
.psp__section1--points---block {
    width: 91%;
    text-align: center;
    margin-top: 3.5%;
    margin-left: 2.5%;
}
.psp__section1-point {
    width: 25%;
    margin-left: 53%;
}
.psp__section2-1--text {
    width: 80%;
    text-align: justify;
    background-color: #fff;
    padding: 10px;
    border: 5px solid #00DDFD;
    border-radius: 15px;
    margin: auto;
    font-weight: bold;
    color: gray;
    font-size: 16px;
}
.psp__section2-1--text p {
    text-indent: 3%;
}
.psp__section2-1--text a {
    color: #00DDFD;
}
.overlay-ai-modal {
    display: none;
}
.overlay-ai-modal-active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.7);
}
.psp__pr-code--input---border {
    width: 50%;
    padding: 2px;
    border-radius: 500px;
    background: linear-gradient(to bottom, rgb(166 166 169) 0%, rgb(223 221 221) 100%) center top / cover;
    margin: 15px auto;
    margin-top: 60px;
}
.psp__pr-code--input {
    border-radius: 500px !important;
    background: linear-gradient(to bottom, rgba(250,250,250) 0%, rgba(250,250,250) 100%) center top / cover;
    border: transparent !important;
    display: block;
    margin: 0 !important;
    height: 25px !important;
    text-align: center;
    width: 100%;
}
.psp__price_v2_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.psp__price_block_v2 {
    background: url(/style/img/psp/price.png) center top / cover;
    width: 22%;
    z-index: 5;
    padding-bottom: 4.5%;
    cursor: pointer;
    user-select: none;
}
.psp__price_block_v2--hover {
    background: url(/style/img/psp/price_hover.png) center top / cover;
}
.psp__price_block_v2--active {
    background: url(/style/img/psp/price_active.png) center top / cover;
}
.psp__price_line_v2 {
    background-color: #ebebeb;
    width: 2.5%;
    height: 23px;
    margin-left: -16px;
    z-index: 1;
    border-top: 2px solid grey;
    border-bottom: 1px solid grey;
}
.psp__price_line_v2--active {
    background-color: #00DEFF;
}
.psp__price_v2_term, 
.psp__price_v2_price, 
.psp__price_v2_old_price {
    color: #808183;
    font-weight: bold;
}
.psp__price_v2_term {
    font-size: 15px;
    margin-top: 17%;
    margin-left: -16%;
}
.psp__price_v2_price {
    margin-top: 7%;
    margin-left: -15%;
    display: inline-block;
}
.psp__price_v2_old_price {
    display: inline-block;
    position: relative;
}
.psp__price_line_v2:last-of-type {
    display: none;
}
.psp__price_v2_old_price:before,
.psp__price_v2_old_price:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 70%;
    height: 3px;
    background-color: #F7921C;
    transform: rotate(45deg);
  } 
  .psp__price_v2_old_price:before {
    transform: rotate(-45deg);
  }
.login-modal, .register-modal {
    display: none;
    position: fixed;
    z-index: 5000;
    width: 50%;
    left: 25%;
    padding: 1%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    border: 3px solid #40bbea;
    border-radius: 5px;
    top: 25px;
}
.alert-info {
    background-color: #40bbea;
    border-color: #40bbea;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 97px;
}
.alert-danger {
    background-color: #ec1b21;
    border-color: #ec1b21;
    color: #fff;
}
.alert {
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
    z-index: 28;
}
div.alert.alert-danger {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 50000;
}
 .alert-danger {
     position: absolute;
     right: 30px;
     top: 25px;
     color: #fff;
     border: 1px solid;
     padding: 10px;
     z-index: 999;
 }

.alert-success {
    position: absolute;
    right: 30px;
    top: 25px;
    color: #fff;
    border: 1px solid;
    padding: 10px;
    background-color: #8dc63f;
    border-color: #8dc63f;
    color: #fff;
    z-index: 999;
}
.psp__big-button--grey---border {
    /* width: 45%; */
    padding: 5px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 500px;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(215,215,215) 100%) center top / cover;
    z-index: 1;
    position: relative;
    transition: 1s;
    /* display: inline-block; */
}
.psp__big-button--grey {
    border-radius: 500px;
    background-color: #ebebeb;
    border: transparent !important;
    display: inline-block;
    text-align: center;
    padding: 3px;
    padding-bottom: 0px;
    color: #808183;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    transition: 0.5s;
    width: 100%;
    user-select: none;
}
.psp__main--header {
    margin: 15px auto;
}
.psp__main--header .row {
    margin: 15px 0;
}
.psp__main-header--second-btns-block {
    margin-top: 50px !important;
    margin-bottom: -50px !important;
}
.psp__main--header .psp__search-title--border {
    margin-bottom: 0;
}
.psp__profile--title {
    cursor: pointer;
    user-select: none;
    padding: 5px;
    padding-left: 0;
    font-weight: 500;
    text-align: center;
}
.psp__profile--title i {
    padding-right: 2px;
}
.profile-modal {
    display: none;
    position: absolute;
}
.profile-modal--active {
    display: block;
    border: 1px solid #40bbea;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
    background-color: #fff;
    padding: 5px;
    color: grey;
}
.psp__big-button--grey---border---active {
    background: linear-gradient(to bottom, #01f5ff 0%, #00bdff 100%) center top / cover;
    transition: 0.5s;
}
.psp__big-button--grey---border---active .psp__big-button--grey {
    background-color: #00DEFF;
    color: #000;
}
.psp_profile {
    color: #40bbea;
    background-color: #fff;
    border: 1px solid #40bbea;
    border-radius: 500px;
}
.psp_profile--active {
    position: relative;
    background-color: #40bbea;
    color: #fff;
    border-radius: 5px;
    z-index: 500;
}
.profile-modal-item {
    padding: 5px;
    cursor: pointer;
    user-select: none;
}
.profile-modal-item:hover {
    background-color: #40bbea;
    color: white;
    border-radius: 5px;
}
/* input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default) {
    border-radius: 500px;
    
    margin: 15px auto;
    border-color: #00deff;
    background-color: #fff;
} */
.modal-input {
    border-radius: 500px !important;
    max-width: 500px !important;
    margin: 15px auto !important;
    border-color: #00deff !important;
    background-color: #fff !important;
}
label {
    font-size: 16px;
    color: #9e9e9e;
}
.login-button-submit, .register-button-submit {
    border-radius: 500px;
    text-align: center;
    color: #00deff;
    border-color: #00deff;
    padding: 3px 18px;
}

.login-button-submit:hover, .register-button-submit:hover {
    background-color: #00deff;
    color: #fff;
    border-color: #00deff;
}
.register-button-submit {
    display: none;
}
label[for=check2] a {
    color: #00DEFF;
}
.footer-row {
    margin: 25px auto;
}
.footer-container {
    background-color: #fdfdfd;
    color: grey;
}   
.static-text p, .static-text {
    text-align: justify;
}
.static-text .indent {
    text-indent: 2%;
}
.static-text .center {
    text-align: center;
    font-weight: 500;
}
.footer-container a {
    color: #00deff;
    font-weight: bold;
}
.footer-container a:hover {
    color: #00deff;
}
.footer-line {
    background-color: grey;
    height: 1px;
    width: 100%;
}
.footer-line2 {
    background-color: #00deff;
    width: 100%;
    min-height: 10px;
}
.static-title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.psp__admin--table---row [type="checkbox"]:not(:checked), .psp__admin--table---row [type="checkbox"]:checked {
    position: absolute;
    opacity: unset;
    pointer-events: auto;
    box-shadow: inset 0 0 0 2px #eee !important;
}
.main-buttons-row .psp__search-title--border {
    width: 36%;
    margin: 40px 10px;
    display: inline-block;
    box-shadow: none;
    transition: 0.25s;
}
/* .main-buttons-row .psp__search-title--border:hover {
    box-shadow: -5px 5px 8px 0px #00525f70;
} */
.s1v2-spider img,
.s1v2-lines img
{
    max-width: 100%;
}
.s1v2-logo img {
    max-width: 40%;
}
.s1v2-btns img,
.s1v2-counters img,
.s1v2-titles img
{
    max-width: 20%;
}
.s1v2-logo {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}
.s1v2-spider {
    margin-top: -11%;
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
}
.s1v2-lines {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
}
.s1v2-btns {
    margin: auto;
    margin-top: -14.5%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
}
.s1v2-titles .psp_title {
    font-size: 14px;
}
.s1v2-titles span {
    min-width: 10.1%;
}
.s1v2-btns img {
    cursor: pointer;
    transition: 0.5s;
}
.s1v2-btn
{
    width: 192px;
    max-width: 20%;
}
.s1v2-counters {
    margin: auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    text-align: center;
}
.s1v2-titles {
    margin: auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
    text-align: center;
}
.s1v2-counters-texts {
    margin: auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.s1v2-btn {
    display: inline-block;
}
.main-search-block {
    transition: all 0.3s ease;
}
.main-search-focused {
    box-shadow: -5px 5px 15px 0px #00525f70;
    width: 100%;
}
@media (max-width: 1600px) {
    .s1v2-titles {
        margin: 15px -11%;
    }
    .s1v2-btns {
        margin-top: -20%;
    }
}
@media (max-width: 1024px) {
    .psp_contacts-form-button--border, 
    .psp_contacts_form--block---border, 
    .psp_contacts-form-button--border:first-of-type, 
    .psp__section2-background, 
    .psp__section2-1--text,
    .psp__pr-code--input---border
    {
        width: 95%;
    }
    .psp__price_line_v2, 
    .s1v2-spider img, 
    .s1v2-lines img, 
    .s1v2-btns,
    .s1v2-counters,
    .s1v2-lines,
    .s1v2-titles
    {
        display: none;
    }
    .psp__price_block_v2 {
        width: 33%;
        z-index: 5;
        padding-bottom: 6.5%;
    }
    .psp__price_v2_box {
        flex-direction: column;
    }
    .main-buttons-row .psp__search-title--border,
    .psp__filter-block,
    .m_free-block
    {
        width: 100%;
        display: block;
    }
    .s1v2-logo img, .psp__section2-1--text {
        max-width: 100%;
    }
    .psp_section2--text, .psp__section2-1--text {
        font-size: 12px;
    }
    .psp__section2-1--text iframe {
        width: 200px !important;
    }
    .psp__big-button--grey---border {
        margin-top: 5px;
    }
    .m_count {
        left: 50%;
    }
    .login-modal, .register-modal {
        width: 100%;
        left: 0;
        padding: 8%;
        top: 0;
    }
}
@media (max-width: 425px) {
    .psp__price_block_v2 {
        width: 76%;
        z-index: 5;
        padding-bottom: 18.5%;
    }
}