/* Настройки шаблона */

@font-face {
    font-family: 'Furore';
    src: url("../fonts/Furore.otf") format("opentype");
	font-weight: 700;
    line-height: 100%;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat.ttf') format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf') format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format("truetype");
    font-weight: 700;
}



:root {
	--light: #ffffff;
	--dark: #000000;
	--contrast: #6EFF00;
}

:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */

html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: "Montserrat", sans-serif; color: var(--light); outline: 1px solid var(--light); overflow-x: hidden; background-color: var(--dark);}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1296px) {.container {max-width: 1296px;}}
@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}

.header-title {font-size: 5rem; font-family: "Furore", sans-serif; text-transform: uppercase; line-height: 100%;}
h1, .h1 {font-size: 3.45rem; font-family: "Furore", sans-serif; text-transform: uppercase;}
h2, .h2 {font-size: 1.875rem; font-family: "Montserrat-Bold", sans-serif; text-transform: uppercase;}
h3, .h3 {font-size: 1.5rem; font-family: "Montserrat", sans-serif;}
h4, .h4 {font-size: 1.25rem; font-family: "Montserrat", sans-serif;}
h5, .h5 {font-size: 1.125rem; font-family: "Montserrat", sans-serif;}
h6, .h6 {font-size: 1rem; font-family: "Montserrat-Bold", sans-serif;}

a {text-decoration: none; color: var(--light);}
a:hover {color: var(--contrast);}

.btn a {text-decoration: none; color: inherit!important;}
.btn a:hover {text-decoration: none; color: inherit!important;}

.rounded-middle{border-radius: 1.25rem;}

.fw-700 {font-family: "Montserrat-Bold", sans-serif;}
.fw-500 {font-family: "Montserrat", sans-serif;}

.bg-green {background-color: var(--contrast) !important;}
.border-green {border-color: var(--contrast) !important;}

.text-green {color: var(--contrast);}
.text-dark {color: var(--dark)!important;}

.contrast {color: var(--light);transition: color 1.25s ease-in-out;}
.contrast.animate {color: var(--contrast);}

.moduletable {position: relative;}

.navbar-toggler:focus {box-shadow: none;}

.swiper-button-next, .swiper-button-prev {position: static!important; margin-top: 0!important; color: transparent;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '';}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: '';}

.img-glow {filter: drop-shadow(0 0 5rem rgb(110, 255, 0, .6))}
.img-custom-glow {position: relative;}
.img-custom-glow::before {content: ""; position: absolute; top: 25%; left: 50%; width: 25rem; height: 30rem; transform: translate(-50%, -50%); background: var(--contrast); opacity: .4; border-radius: 100%; pointer-events: none; z-index: -1; filter: blur(8rem);}

.smaller img {max-height: 35rem!important;}
.standart img {max-height: 40rem!important;}
.bigger img {max-height: 50rem!important;}

.icon {width: 2.25rem;height: 2.25rem;}

.full-img {position: absolute; max-width: 1920px; width: 100vw; transform: translate(-50%, -50%);}
.full-banner {position: absolute; max-width: 1920px; min-width: 720px; width: 100vw; transform: translate(-50%, -50%);}
.full-banner img {width: 100%;}

.reverse {transform: scaleX(-1);}

.z-b {z-index: -1;}

.indent {margin-bottom: 30rem}

.lazy-line {visibility: hidden;}

.gradient-letter {background: linear-gradient(to right, var(--contrast), transparent);-webkit-background-clip: text;color: transparent;display: inline-block;}

.banner-content {margin-top: 10rem;}
.banner-marquee {max-height: 16rem;}
.banner-marquee .banner-text {position: absolute; white-space: nowrap; visibility: hidden; line-height: 1; font-size: clamp(1rem, 16rem, 16rem); font-family: "Furore", sans-serif; text-transform: uppercase; height: 100%; opacity: .45; filter: blur(.15rem);}

.glow-one::before{content: ""; position: absolute; top: 30%; left: -40%; width: 25rem; height: 40rem; transform: rotate(120deg); background: var(--contrast); opacity: .4; border-radius: 100%; pointer-events: none; z-index: -1; filter: blur(8rem);}
.glow-two::after{content: ""; position: absolute; top: -10%; left: -40%; width: 20rem; height: 25rem; background: var(--light); opacity: .5; border-radius: 100%; pointer-events: none; z-index: -1; filter: blur(6rem);}

#line_001 svg .svg-elem-1 { stroke-dashoffset: 2804.82470703125px; stroke-dasharray: 2804.82470703125px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
#line_001 svg.active .svg-elem-1 {stroke-dashoffset: 5609.6494140625px;}

#line_002 svg .svg-elem-1 {stroke-dashoffset: 2808.9658203125px;stroke-dasharray: 2808.9658203125px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
#line_002 svg.active .svg-elem-1 {stroke-dashoffset: 5617.931640625px;}

/* Bootstrap */

.btn-success {--bs-btn-color: var(--dark);--bs-btn-bg: var(--contrast);--bs-btn-border-color: var(--contrast);--bs-btn-hover-color: var(--dark);--bs-btn-hover-bg: var(--contrast);--bs-btn-hover-border-color: var(--contrast);--bs-btn-focus-shadow-rgb: 110, 255, 0;--bs-btn-active-color: var(--dark);--bs-btn-active-bg: var(--contrast);--bs-btn-active-border-color: var(--contrast);--bs-btn-active-shadow: inset 0 3px 5px rgba(110, 255, 0, 1);;--bs-btn-disabled-color: var(--dark);--bs-btn-disabled-bg: var(--contrast);--bs-btn-disabled-border-color: var(--contrast);}
.btn.btn-success:hover {box-shadow: 0px 0px 18.3px 0px rgba(110, 255, 0, 1); transition: all .15s ease-in-out;}

.btn-dark {--bs-btn-color: var(--contrast);--bs-btn-bg: var(--dark);--bs-btn-border-color: var(--dark);--bs-btn-hover-color: var(--contrast);--bs-btn-hover-bg: var(--dark);--bs-btn-hover-border-color: var(--dark);--bs-btn-focus-shadow-rgb: 255, 255, 255;--bs-btn-active-color: var(--contrast);--bs-btn-active-bg: var(--dark);--bs-btn-active-border-color: var(--dark);--bs-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 1);;--bs-btn-disabled-color: var(--contrast);--bs-btn-disabled-bg: var(--dark);--bs-btn-disabled-border-color: var(--dark);}
.btn.btn-dark:hover {box-shadow: 0px 0px 38.3px 0px rgba(255, 255, 255, 1); transition: all .15s ease-in-out;}

/* Меню */

header .nav .default {width: 55%; text-align: center;}

/* Подвал */

footer .mod-menu-footer.nav .default, footer .mod-menu-footer.nav .nav-item.item-108 {display: none;}
footer .mod-menu-footer  {display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto); column-gap: 3rem; row-gap: 1rem;}

/* Баннер */

.mod-banner .banner-img {top: 60%; left: 60%;}
.mod-banner .banner-pic {bottom: -10%; right: -10%;}

.mod-banner-main .banner-main-pic {transform: translate(30%, -50%); position: absolute; top: 100%; right: 0;}
.mod-banner-main .banner-main-pic::before {content: ""; position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 25rem; height: 50%; background: var(--contrast); opacity: .7; border-radius: 100%; pointer-events: none; z-index: -2; filter: blur(8rem);}
.mod-banner-main .banner-main-pic::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%); z-index: 1;}
.mod-banner-main .banner-main-pic .banner-main {max-height: 45rem; position: relative}
.mod-banner-main .banner-main-svg {transform: translateY(-50%); left: -90%;}

.mod-banner .banner-invest {max-width: 1480px!important;}

.mod-banner .banner-stocks {max-width: 1200px !important; width: 100%; right: -30%; top: 20% !important; left: unset !important; transform: none !important;}
.mod-banner .banner-stocks img {max-height: 60rem; width: 100%;}

.mod-banner-main .banner-item .img-wrap {max-height: 12rem; width: 12rem;}

.mod-banner-main .banner-item.item-0 {top: 22%; left: 45%; transform: rotate(-16deg); filter: blur(.15rem); opacity: .7;}
.mod-banner-main .banner-item.item-1 {top: 30%; left: 53%;}
.mod-banner-main .banner-item.item-2 {top: 3%; left: 53%; transform: rotate(12deg) scale(1.2); opacity: .8;}
.mod-banner-main .banner-item.item-3 {top: -4%; left: 36%; transform: rotate(-33deg) scale(.9); filter: blur(.1rem);}
.mod-banner-main .banner-item.item-4 {top: 19%; left: 29%; transform: rotate(10deg); opacity: .7;}

/* Эксперты */

.mod-expert .expert-item {background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(.5rem);}
.mod-expert .expert-banner {opacity: .4;}

/* Услуги */

.mod-services .services-banner {opacity: .7; z-index: -2;}
.mod-services .services-banner::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 1) 100%); z-index: 0;}
.mod-services .service-item {height: 20rem; width: 20rem; margin-bottom: 15rem;}
.mod-services .service-content {transform: translate(-50%, -50%);}
.mod-services .service-plug {max-width: 35rem;}
.mod-services .service-bottom {top: 65%; transform: translateX(-50%);}

.mod-services .swiper-slide .service-border {transform: translate(-50%, -50%) scale(1.2);}
.mod-services .swiper-slide .service-btn, .mod-services .swiper-slide .service-border {visibility: hidden; transition: all .2s ease-in-out;}
.mod-services .swiper-slide.swiper-slide-active .service-btn, .mod-services .swiper-slide.swiper-slide-active .service-border  {visibility: visible; transition: all .2s ease-in-out;}
.mod-services .swiper-slide .service-btn {transform: translateX(-50%); bottom: 5%;}

/* Текст в центре */

.mod-centered .centered-img {opacity: .5;}

/* Текст слева */

.mod-left .left-img {position: absolute; max-width: max-content; width: 100vw; top: 50%; left: 60%; transform: translate(-50%, -50%);}
.mod-left .left-img img {max-height: 40rem;}

/* Текст справа */

.mod-right .right-img {position: absolute; max-width: max-content; width: 100vw; top: 50%; left: 35%; transform: translate(-50%, -50%);}
.mod-right .right-img img {max-height: 40rem;}

.mod-right .right-banner {left: 100%; top: 50%;}

/* Трансформация */

.mod-transformation .transformation-img {position: absolute; max-width: max-content; width: 100vw; top: 65%; left: 60%; transform: translate(-50%, -50%);}
.mod-transformation .transformation-img::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 20%);z-index: 0;}
.mod-transformation .transformation-img .img-up-cap {top: -15%;}
.mod-transformation .transformation-item {transform: translateX(-50%); top: -7%;}
.mod-transformation .transformation-item img {max-height: 10rem!important;}
.mod-transformation .transformation-mobile::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 20%);z-index: 0;}

/* Инвестиции */

.mod-investment .img-glow {filter: drop-shadow(0 0 5rem rgb(110, 255, 0))}
.mod-investment .investment-img {top: 100%; left: 50%;}

/* Пакет */

.mod-packet .packet-content {transform: translateY(-50%); padding: 6rem; pointer-events: all;}
.mod-packet .svg-line {left: 85%;}

.mod-packet .packet-tapes img:nth-child(1) {position: absolute; top: 90%; left: -40%; transform: translateY(-50%) scale(0.5);}
.mod-packet .packet-tapes img:nth-child(2) {position: absolute; top: 10%; left: 90%; transform: translate(-50%, -50%) scale(0.5) rotate(180deg);}

/* Обо мне */

.mod-about .about-line {transform: translate(-50%, -50%); top: 57rem !important; left: 40rem !important;}

/* Инструменты */

.mod-instruments .item:nth-child(odd) .instrument-item .img-glow {filter: drop-shadow(0 0 5rem rgb(255, 255, 255, .6))}
.mod-instruments .item:nth-child(odd) .instrument-item .intrusment-back {filter: grayscale(1);}
.mod-instruments .instrument-item {margin-bottom: 8rem;}
.mod-instruments .instrument-item .instrument-content {bottom: 5%;}
.mod-instruments .instrument-item .instrument-content > a {font-size: 0.9rem;}
.mod-instruments .instrument-item .img-wrap {max-height: 38rem;}
.mod-instruments .intrusment-back {bottom: 20%; transform: translateY(50%); max-height: 35rem;}
.mod-instruments .instruments-circle {left: -40%; width: auto; animation: rotate 20s linear infinite; transform-origin: center center;}
@keyframes rotate {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

/* Технический анализ */

.mod-analysis .analysis-banner {opacity: .3; top: 60%;}

/* Трейдинг */

.mod-trading .trading-mask {left: 30%;}
.mod-trading .trading-vid {max-height: 55rem; position: absolute; top: 50%; transform: translateY(-50%);}

/* Криптовалюта */

.mod-crypto .crypto-item {transform: translateX(-50%); top: -20%;}
.mod-crypto .crypto-item img {max-height: 15rem;}

/* Контакты */

.mod-contacts .contacts-wrap {background-color: var(--contrast);}
.mod-contacts .contacts-wrap a {color: var(--dark)!important;}
.mod-contacts .contacts-wrap a:hover {color: var(--light)!important;}
.mod-contacts .contacts-wrap .icon {filter: brightness(0);}
.mod-contacts .contacts-video {position: relative; max-width: 1920px; width: 100vw; transform: translateX(-50%);}


/* Рассылка рекламы */
.body_advertising, .body_advertising td, .body_advertising th {  border: 3px solid #fff;}
.advertising .page-header {display: none;}

/* Адаптация */

@media screen and (max-width: 1199px) {
    
    .header-title {font-size: 3.25rem; font-family: "Furore", sans-serif; text-transform: uppercase; line-height: 100%;}
    h1, .h1 {font-size: 2.75rem; font-family: "Furore", sans-serif; text-transform: uppercase;}
    h2, .h2 {font-size: 2.25rem; font-family: "Montserrat-Bold", sans-serif; text-transform: uppercase;}
    h3, .h3 {font-size: 1.5rem; font-family: "Montserrat", sans-serif;}
    h4, .h4 {font-size: 1.25rem; font-family: "Montserrat", sans-serif;}
    h5, .h5 {font-size: 1.125rem; font-family: "Montserrat", sans-serif;}
    h6, .h6 {font-size: 1rem; font-family: "Montserrat-Bold", sans-serif;}

    .smaller img {max-height: 25rem!important;}
    .standart img {max-height: 25rem!important;}
    .bigger img {max-height: 35rem!important;}

    .icon {width: 1.75rem;height: 1.75rem;}

    .full-img {position: relative; max-width: unset; width: auto; transform: unset;}
    .full-banner {opacity: .6;}

    .indent {margin-bottom: 0rem}

    .banner-content {margin-top: 0rem;}

    #logo img {height: 5rem;}

    .glow-one::before{content: ""; position: absolute; top: 30%; left: -50%; width: 25rem; height: 40rem; transform: rotate(120deg); background: var(--contrast); opacity: .4; border-radius: 100%; pointer-events: none; z-index: -1; filter: blur(8rem);}

    /* Меню */

    header .nav .default {display: none;}
    header .nav .nav-item.item-108 {order: 1;}

    /* Подвал */

    footer .mod-menu-footer.nav .default, footer .mod-menu-footer.nav .nav-item.item-108 {display: none;}
    footer .mod-menu-footer  {display: flex; flex-direction: column; text-align: center;}

    /* Баннер */

    .mod-banner-main .banner-main-pic {transform: unset; position: relative; top: unset; right: unset;}
    .mod-banner-main .banner-item .img-wrap {max-height: 8rem; width: 8rem;}

    .mod-banner .banner-stocks img {max-height: 50rem; width: 100%;}

    /* Текст слева */

    .mod-left .left-img {position: relative; max-width: unset; width: auto; top: unset; left: unset; transform: unset;}
    .mod-left .left-img img {max-height: 30rem;}

    /* Текст справа */

    .mod-right .right-img {position: relative; max-width: unset; width: auto; top: unset; left: unset; transform: unset;}
    .mod-right .right-img img {max-height: 30rem;}

    .mod-right .right-banner {left: unset; top: unset;}

    /* Инвестиции */

    .mod-investment .investment-img {top: unset; left: unset;}

    /* Трансформация */

    .mod-transformation .transformation-img {position: relative; max-width: unset; width: auto; top: unset; left: unset; transform: unset;}
    .mod-transformation .transformation-item {transform: translateX(-50%); top: -9%;}
    .mod-transformation .transformation-item img {max-height: 6rem!important;}

    /* Криптовалюта */

    .mod-crypto .crypto-item {top: -10%;}

    /* Технический анализ */

    .mod-analysis .analysis-content {text-align: center;}

    /* Трейдинг */

    .mod-trading .trading-mask {left: 30%;}
}

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}