@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

main > .container {
  padding: 80px 15px 0;
}
   
.navbar-toggler {
    padding: 0.15rem 0.25rem !important;
}

.navbar-toggler:focus {
    outline: none !important;
    box-shadow: 0 0 0 0 !important;
   
}

.dropdown-caret-none::after {
    display:none;
}

@media (max-width: 767.98px) {  

    .navbar-expand-md > .container {
/*    padding-right: 15px;
    padding-left: 15px;*/
}

.navbar-brand {
    
    margin-left: 1rem;
    -ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}

    main > .container {
  padding: 110px 15px 0;
    }
}

@media (max-width: 414px) { 
    
/*    #sfs-account-menu-container {
        width: 100%;
    }

    main > .container {
  padding: 110px 15px 0;
}*/

/*#sfs_chat_btn {
    top: 35.5% !important;
}*/
    
}
  
@media (min-width: 1200px) { 
    
    header .navbar-nav .nav-link, .sfs-footer-menu .nav-item .nav-link {
   border-bottom: 1px solid transparent;
}

header .navbar-nav .nav-link:hover, .sfs-footer-menu .nav-item .nav-link:hover {
   border-color: #146c43;
}
    
    
}

.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E"));
}


#page_loading {   
    display: none;
    cursor: wait;
    z-index: 999999;
}

.payments_item {
    width: 110px;
    margin: 5px 0 0 5px;
}

.payments_input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.payments_label {
    font-size: 14px;
    line-height: 2;
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 10px 10px;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
    text-align: center;
    color: #93918e;
    border: 1px solid #e0dedb;
    border-radius: 4px;
}

.payments_input:checked + .payments_label::before {
    opacity: 0;
}

.payments_input:checked + .payments_label::after {
    opacity: 1;
}

.payments_label::after {
    opacity: 0;
}

.payments_label.cards::before {
    background-position: -848px -35px;
}

.payments_label.cards::after {
    background-position: -848px 0px;
}

.payments_label.webmoney::before {
    background-position: -32px -35px;
}

.payments_label.webmoney::after {
    background-position: -32px 0px;   
}

.payments_label.yoomoney::before {
    background-position: -988px -35px;
    width: 50px;
    left: calc(50% - 27px);
}

.payments_label.yoomoney::after {
    background-position: -988px 0px;
    width: 50px;
    left: calc(50% - 27px);
}

.payments_label.qiwi::before {
    background-position: -66px -35px;
}

.payments_label.qiwi::after {
    background-position: -66px 0px;
}

.payments_label.payeer::before {
    background-position: -137px -35px;
}

.payments_label.payeer::after {
    background-position: -137px 0px;
}

.payments_input:checked + .payments_label::before, .payments_input:checked + .payments_label::after {
    top: 14px;
}

.payments_label::before, .payments_label::after {
    position: absolute;
    top: 15px;
    left: calc(50% - 17px);
    display: block;
    width: 35px;
    height: 35px;
    content: '';
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
     background-image: url(/img/payment-sprite.png);
    background-repeat: no-repeat;
}

.payments_label.azvox::after {
    
     background-image: url(/img/azvox.png);
    
}

.payments_label.azvox::before {
    
     background-image: url(/img/azvox_gray.png);
    
}

.payments_label.azvox::after {
    background-position: 0px 0px;
    
}

.payments_label.azvox::before {
    background-position: 0px 0px;
    
}

.payments_icon {
    display: block;
    width: 35px;
    height: 35px;
    content: '';
    background-image: url(/img/payment-sprite.png);
    background-repeat: no-repeat;
}

.payments_icon.azvox {
    
    background-image: url(/img/azvox.png);
    
}

 .payments_icon.webmoney {
    background-position: -32px 0px;   
}

.payments_icon.yoomoney {
    background-position: -988px 0px;
    width: 50px;
    left: calc(50% - 27px);
}

.payments_icon.qiwi {
    background-position: -66px 0px;
}

.payments_icon.payeer {
    background-position: -137px 0px;
}

.payments_icon.azvox {
    background-position: 0px 0px;
}

@font-face
 {
     font-family:fa-brands;
     font-style:normal;
     font-weight:400;
     src:url("/font/fa-brands-400.eot") format("embedded-opentype"),url("/font/fa-brands-400.woff2") format("woff2"),url("/font/fa-brands-400.woff") format("woff"),url("/font/fa-brands-400.ttf") format("truetype"),url("/font/fa-brands-400.svg") format("svg")
 }
 
.social-block {
 margin-top:20px
}
.social-block .title {
 color:#004767;
 padding-bottom:10px;
 text-shadow:0 1px 1px rgba(255,255,255,.2);
     text-align: center;
}

.social-block .social-list a {
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 background:#3178a8;
 border:1px solid #1797e0;
 border-radius:50%;
 -webkit-box-shadow:0 0 1px 1px rgba(255,255,255,.2),0 1px 1px 1px rgba(255,255,255,.2);
 box-shadow:0 0 1px 1px rgba(255,255,255,.2),0 1px 1px 1px rgba(255,255,255,.2);
 color:#bcdcf1;
 display:-webkit-inline-box;
 display:-webkit-inline-flex;
 display:-ms-inline-flexbox;
 display:inline-flex;
 font-size:20px;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 height:40px;
 line-height:40px;
 text-decoration:none;
 width:40px
}
 .social-block .social-list a.odnoklassniki:before,
.social-block .social-list a.yandex:before, 
.social-block .social-list a.steam:before, 
.social-block .social-list a.vkontakte:before, 
.social-block .social-list a.instagram:before, 
.social-block .social-list a.facebook:before, 
.social-block .social-list a.youtube:before {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 display:inline-block;
 font-family:fa-brands;
 text-rendering:auto
}
.social-block .social-list a:hover, .social-block .social-list a.activate {
 -webkit-box-shadow:0 0 5px 3px rgba(255,255,255,.2),0 1px 5px 3px rgba(255,255,255,.2);
 box-shadow:0 0 5px 3px rgba(255,255,255,.2),0 1px 5px 3px rgba(255,255,255,.2);
 color:#fff;
 opacity:1!important
}
.social-block .social-list a.vkontakte:before  {
 content:""
}
.social-block .social-list a.vkontakte:hover, .social-block .social-list a.vkontakte.activate {
 background:#527fb8
}

 .social-block .social-list a.instagram:before {
 content:""
}
.social-block .social-list a.instagram:hover, .social-block .social-list a.instagram.activate {
 background:#ad0d3d
}
.social-block .social-list a.facebook:before {
 content:""
}
.social-block .social-list a.facebook:hover, .social-block .social-list a.facebook.activate {
 background:#315aa1
}
.social-block .social-list a.youtube:before {
 content:""
}
.social-block .social-list a.youtube:hover, .social-block .social-list a.youtube.activate {
 background:#e52d27
}
.social-block .social-list a.odnoklassniki:before {
 content:""
}
.social-block .social-list a.odnoklassniki:hover, .social-block .social-list a.odnoklassniki.activate {
 background:#ef7c01
}
.social-block .social-list a.yandex:before {
 content:""
}
.social-block .social-list a.yandex:hover, .social-block .social-list a.yandex.activate {
 background:#e92100
}
.social-block .social-list a.steam:before {
 content:"";
 font-size:30px
}
.social-block .social-list a.steam:hover, .social-block .social-list a.steam.activate {
 background:#000
}

.cursor-pointer {
   cursor: pointer; 
}

.cursor-default {
   cursor: default; 
}

.geo-input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.geo-item {
    cursor: pointer; 
}

.geo-item img {
    /*border: 2px solid #CCC;*/ 
}

.geo-input:checked + .geo-item {
    background-color: #6699ff;
    /*font-weight: bold;*/
}

ul.dropdown2 {
    line-height: 0 !important;
    position: absolute; 
    left: 10px; 
    top: 5px;
}

@media (max-width: 576px) {  
    ul.dropdown2 { top: 2px; }
    
}

ul.dropdown2 li { position: relative; }
		ul.dropdown2, ul.dropdown-inside {
			list-style-type: none;
			padding: 0;
			}
		ul.dropdown-inside {
			position: absolute;
			left: -9999px;
			}
		ul.dropdown2 li.dropdown-top {
			display: inline;
			float: left;
			margin: 0 1px 0 0;
			}
		ul.dropdown2 li.dropdown-top a {
			padding: 3px 10px 4px;
			display: block;
			}
		ul.dropdown2 a.dropdown-top { background: 		#efefef; }
		ul.dropdown2 a.dropdown-top:hover { padding: 	3px 10px 4px; }
		ul.dropdown2 li.dropdown-top:hover .dropdown-inside {
			display: block;
			left: 0;
			}
		/*ul.dropdown .dropdown-inside { background: 		#fff; }*/
		ul.dropdown2 .dropdown-inside a:hover { background: #efefef; }
		
                html {
    height: auto !important;
}
                
                body {
    top: 0 !important;
    position: static !important;
    min-height: 100vh !important;
}

.skiptranslate {
    display: none !important;
}

.goog-text-highlight {
    background-color: inherit;
    box-shadow: none;
    box-sizing: inherit;
}
                
		.language__img {
    margin: 2px;
    cursor: pointer;
    border: 1px solid black;
    /*opacity: .5;*/
}

.language__img_std {
    margin: 2px;
}

.language__img:hover {
    border: 1px solid white;
    overflow: hidden;
}

.language__img:hover,
.language__img_active {
    opacity: 1;
}

.language__hide {
    display: none;
}

body #support {
    background-color: #e9ecef;
    color: #80bdff;
    width: 200px;
    height: 38px;
    line-height: 33px;
    border-bottom: none;
    position: fixed;
    z-index: 999;
    right: -82px;
    top: 35%;
    border-radius: 5px 5px 0 0;
    border: 1px solid #f0ffff;
    text-align: center;
    font-weight: bold;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    cursor: pointer;
}

.dropdown-item.active {
    
    background-color: #198754;
}

/* Стили для alert-ов Bootstrap */
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    color: #000;
    background-color: #f8f9fa;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-info {
    color: #055160;
    background-color: #d1ecf1;
    border-color: #b6effb;
}

/* Убедимся, что текст виден */
.alert div {
    color: inherit;
}

.alert i {
    color: inherit;
}

/* Стили для кнопки закрытия */
.alert .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

/* ===== НЕОН КИБЕРПАНК ДИЗАЙН ===== */

/* CSS переменные для неон цветов */
:root {
    --neon-cyan: #00ffff;
    --neon-pink: #ff00ff;
    --neon-green: #00ff00;
    --neon-blue: #0080ff;
    --neon-purple: #8000ff;
    --neon-orange: #ff8000;
    --neon-red: #ff0040;
    --neon-yellow: #ffff00;
    --neon-white: #ffffff;
    --neon-black: #000000;
    --neon-dark: #0a0a0a;
    --neon-gray: #1a1a1a;
}

/* Основные стили для киберпанк секций */
.cyber-hero-section {
    background: linear-gradient(135deg, var(--neon-dark) 0%, var(--neon-gray) 100%);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.cyber-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(0, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 0, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(0, 255, 0, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

.cyber-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.cyber-grid-item {
    background: rgba(26, 26, 26, 0.8);
    border: 1px solid var(--neon-cyan);
    border-radius: 10px;
    padding: 2rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.cyber-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 10px 30px rgba(0, 255, 255, 0.3),
        0 0 20px rgba(0, 255, 255, 0.2);
    border-color: var(--neon-pink);
}

.cyber-icon {
    font-size: 3rem;
    color: var(--neon-cyan);
    margin-bottom: 1rem;
    text-align: center;
    text-shadow: 0 0 10px var(--neon-cyan);
}

.cyber-title {
    color: var(--neon-cyan);
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
    text-shadow: 0 0 10px var(--neon-cyan);
    letter-spacing: 2px;
}

.cyber-description {
    color: var(--neon-white);
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.cyber-glow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent, rgba(0, 255, 255, 0.1), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cyber-grid-item:hover .cyber-glow {
    opacity: 1;
}

.cyber-main-title {
    text-align: center;
    margin-bottom: 3rem;
}

.cyber-text-gradient {
    background: linear-gradient(45deg, var(--neon-cyan), var(--neon-pink), var(--neon-green));
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 1rem;
    animation: gradient-shift 3s ease-in-out infinite;
    text-shadow: 0 0 30px rgba(0, 255, 255, 0.5);
}

@keyframes gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.cyber-subtitle {
    color: var(--neon-white);
    font-size: 1.2rem;
    letter-spacing: 3px;
    margin-bottom: 1rem;
}

.cyber-line {
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));
    margin: 0 auto;
    box-shadow: 0 0 10px var(--neon-cyan);
}

.cyber-content-section {
    background: rgba(26, 26, 26, 0.6);
    border: 1px solid var(--neon-cyan);
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.cyber-content-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.cyber-content-section:hover::before {
    left: 100%;
}

.cyber-section-title {
    color: var(--neon-cyan);
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-shadow: 0 0 10px var(--neon-cyan);
    letter-spacing: 1px;
}

.cyber-section-text {
    color: var(--neon-white);
    line-height: 1.6;
    margin-bottom: 1rem;
}

/* Стили для форм в киберпанк стиле */
.cyber-form {
    background: rgba(26, 26, 26, 0.8);
    border: 1px solid var(--neon-cyan);
    border-radius: 10px;
    padding: 2rem;
    position: relative;
    overflow: hidden;
}

.cyber-form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(0, 255, 255, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 0, 255, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

.cyber-form .form-control {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--neon-cyan);
    color: var(--neon-white);
    border-radius: 5px;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.cyber-form .form-control:focus {
    background: rgba(0, 0, 0, 0.7);
    border-color: var(--neon-pink);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
    color: var(--neon-white);
}

.cyber-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.cyber-form .btn {
    background: linear-gradient(45deg, var(--neon-cyan), var(--neon-pink));
    border: none;
    color: var(--neon-black);
    font-weight: bold;
    padding: 0.75rem 2rem;
    border-radius: 5px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cyber-form .btn:hover {
    background: linear-gradient(45deg, var(--neon-pink), var(--neon-cyan));
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
    transform: translateY(-2px);
}



/* Адаптивность */
@media (max-width: 768px) {
    .cyber-text-gradient {
        font-size: 2.5rem;
    }
    
    .cyber-grid {
        grid-template-columns: 1fr;
    }
    
    .cyber-grid-item {
        padding: 1.5rem;
    }
    
    .cyber-content-section {
        padding: 1.5rem;
    }
    
    .cyber-nav-link {
        padding: 0.75rem 1rem !important;
    }
    
    .cyber-form-grid {
        grid-template-columns: 1fr;
    }
    
    .cyber-section-title {
        font-size: 1.5rem;
    }
    
    .cyber-account-section,
    .cyber-referals-section,
    .cyber-webmaster-section {
        padding: 1.5rem;
    }
    
    .cyber-referral-link-container {
        flex-direction: column;
        align-items: stretch;
    }
    
    .cyber-copy-btn {
        width: 100%;
        justify-content: center;
    }
}