@font-face {
font-family: "MuseoSansRegular";
src: url("/test2/static/fonts/MuseoSansRegular/MuseoSansRegular.eot");
src: url("/test2/static/fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansRegular/MuseoSansRegular.woff")
format("woff"),
url("/test2/static/fonts/MuseoSansRegular/MuseoSansRegular.ttf")
format("truetype");
font-style: normal;
font-weight: normal;
}
/* font-family: "MuseoSansBold"; */
@font-face {
font-family: "MuseoSansRegular";
src: url("/test2/static/fonts/MuseoSansBold/MuseoSansBold.eot");
src: url("/test2/static/fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
url("/test2/static/fonts/MuseoSansBold/MuseoSansBold.ttf")
format("truetype");
font-style: normal;
font-weight: 700;
}
/* font-family: "MuseoSansLight"; */
@font-face {
font-family: "MuseoSansRegular";
src: url("/test2/static/fonts/MuseoSansLight/MuseoSansLight.eot");
src: url("/test2/static/fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
url("/test2/static/fonts/MuseoSansLight/MuseoSansLight.ttf")
format("truetype");
font-style: normal;
font-weight: 300;
}
/* font-family: "MuseoSansMedium"; */
@font-face {
font-family: "MuseoSansRegular";
src: url("/test2/static/fonts/MuseoSansMedium/MuseoSansMedium.eot");
src: url("/test2/static/fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansMedium/MuseoSansMedium.woff")
format("woff"),
url("/test2/static/fonts/MuseoSansMedium/MuseoSansMedium.ttf")
format("truetype");
font-style: normal;
font-weight: 500;
}

/* PARTIALS */
@font-face {
font-family: "MuseoSansCyrlBold";
src: url("/test2/static/fonts/MuseoSansCyrl_500.eot");
src: url("/test2/static/fonts/MuseoSansCyrl_500.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansCyrl_500.woff") format("woff"),
url("/test2/static/fonts/MuseoSansCyrl_500.ttf") format("truetype"),
url("/test2/static/fonts/MuseoSansCyrl_500.svg#MuseoSansCyrl_500")
format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "MuseoSansCyrl";
src: url("/test2/static/fonts/MuseoSansCyrl_300.eot");
src: url("/test2/static/fonts/MuseoSansCyrl_300.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansCyrl_300.woff") format("woff"),
url("/test2/static/fonts/MuseoSansCyrl_300.ttf") format("truetype"),
url("/test2/static/fonts/MuseoSansCyrl_300.svg#MuseoSansCyrl_300")
format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MuseoSansCyrlSuperBold";
src: url("/test2/static/fonts/MuseoSansCyrl_700.eot");
src: url("/test2/static/fonts/MuseoSansCyrl_700.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/MuseoSansCyrl_700.woff") format("woff"),
url("/test2/static/fonts/MuseoSansCyrl_700.ttf") format("truetype"),
url("/test2/static/fonts/MuseoSansCyrl_700.svg#MuseoSansCyrl_700")
format("svg");
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: "Als-Rubl";
src: url("/test2/static/fonts/AlsRubl/alsrubl-webfont.eot");
src: url("/test2/static/fonts/AlsRubl/alsrubl-webfont.eot?#iefix")
format("embedded-opentype"),
url("/test2/static/fonts/AlsRubl/alsrubl-webfont.woff") format("woff"),
url("/test2/static/fonts/AlsRubl/alsrubl-webfont.ttf") format("truetype");
font-style: normal;
font-weight: normal;
font-display: swap;
}
body {
background: #1f282c;
color: white;
font-family: "MuseoSansCyrl";
}
div {
box-sizing: border-box;
}
p {
margin: 0;
}
h2 {
font-family: "MuseoSansCyrlBold";
font-size: 42px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 24px;
margin-top:0;
}
h2 + p {
margin-bottom: 0px;
font-family: "MuseoSansCyrl";
font-size: 20px;
font-style: normal;
font-weight: 400;
}
.block-scheme_section {
padding-top: 85px;
padding-bottom:40px;
}
.block-scheme_section .container {
max-width: 1160px;
margin: 0px auto;
}
.block-scheme_row {
background-image:
url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM4OCIgaGVpZ2h0PSIxOTEiIHZpZXdCb3g9IjAgMCAxMzg4IDE5MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNNC41MTA5OSAxOTAuNVY3Mi41MzAzQzQuNTEwOTkgMzUuMjM0MSAzNC43NDU1IDQuOTk5NTEgNzIuMDQxNyA0Ljk5OTUxSDEzMTYuMzFDMTM1My42IDQuOTk5NTEgMTM4My44NCAzNS4yMzQxIDEzODMuODQgNzIuNTMwM1YxOTAuNSIgc3Ryb2tlPSIjNjA2ODZCIiBzdHJva2Utd2lkdGg9IjguMTAzNjkiLz4KPC9zdmc+Cg==),
url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM4OCIgaGVpZ2h0PSIyMzIiIHZpZXdCb3g9IjAgMCAxMzg4IDIzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNMTM4My40OSAwLjU2MTUzN1YxNTkuOTM0QzEzODMuNDkgMTk3LjIzIDEzNTMuMjUgMjI3LjQ2NSAxMzE1Ljk2IDIyNy40NjVINzIuMDQxOEMzNC43NDU2IDIyNy40NjUgNC41MTA5NiAxOTcuMjMgNC41MTA5NiAxNTkuOTM0VjAuNTYxNTM3IiBzdHJva2U9IiM2MDY4NkIiIHN0cm9rZS13aWR0aD0iOC4xMDM2OSIvPgo8L3N2Zz4K);
height: 620px;
background-repeat: no-repeat;
background-size: 90%;
padding-left: 50px;
margin-left: -50px;
background-position: left 50px top, left 50px bottom;
/* width: 1520px; */
width: 100em;
}
.block-scheme_section-blue .block-scheme_row {
background-image:
url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMyIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAxNDAzIDIwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxOTUpIiBmaWxsPSIjRTVFREYzIiBzdHJva2U9IiNFNUVERjMiIHN0cm9rZS13aWR0aD0iNyIvPgo8cGF0aCBkPSJNMTM4NyAxOTEuNDM4VjcxLjk2ODJDMTM4NyAzNC42NzIgMTM1Ni43NyA0LjQzNzUgMTMxOS40NyA0LjQzNzVINzUuNTMwOEMzOC4yMzQ2IDQuNDM3NSA4IDM0LjY3MiA4IDcxLjk2ODJWMTc4LjQzOCIgc3Ryb2tlPSIjRTVFREYzIiBzdHJva2Utd2lkdGg9IjguMTAzNjkiLz4KPHBhdGggZD0iTTE0MDAgMTgwLjQzOEwxMzg3IDE5My40MzhMMTM3NCAxODAuNDM4IiBzdHJva2U9IiNFNUVERjMiIHN0cm9rZS13aWR0aD0iOCIvPgo8L3N2Zz4K),url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMyIgaGVpZ2h0PSIyMjkiIHZpZXdCb3g9IjAgMCAxNDAzIDIyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDguNDM3NVYxNTYuOTA3QzE2IDE5NC4yMDMgNDYuMjM0NSAyMjQuNDM4IDgzLjUzMDcgMjI0LjQzOEgxMzI3LjQ3QzEzNjQuNzcgMjI0LjQzOCAxMzk1IDE5NC4yMDMgMTM5NSAxNTYuOTA3VjMzLjQzNzUiIHN0cm9rZT0iI0U1RURGMyIgc3Ryb2tlLXdpZHRoPSI4LjEwMzY5Ii8+CjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI0LjUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDEzODcgMzUpIiBmaWxsPSIjRTVFREYzIiBzdHJva2U9IiNFNUVERjMiIHN0cm9rZS13aWR0aD0iNyIvPgo8cGF0aCBkPSJNMjkgMTkuNDM3NUwxNiA2LjQzNzVMMyAxOS40Mzc1IiBzdHJva2U9IiNFNUVERjMiIHN0cm9rZS13aWR0aD0iOCIvPgo8L3N2Zz4K);
/* width: 100em; */
}
.block-scheme {
overflow-x: auto;
padding-left: 60px;
margin-left: -50px;
padding-bottom: 10px;
}
.block-scheme::-webkit-scrollbar {
width: 2px;
height: 4px;
}
.block-scheme_card {
cursor:pointer;}
.block-scheme::-webkit-scrollbar-track {
/* -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;*/
background-color: transparent;
border-radius: 2px;
margin-top: 5px;

margin-bottom: 5px;
}

.block-scheme_row {
cursor: grab;
}
.block-scheme::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #575757;

}

.block-scheme_card {
border-radius: 11.487px;
padding: 13.8px;
background: #364044;
display: block;
margin-bottom: 11.49px;
box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 1px 1px;

transition: filter 0.3s, transform 0.3s;
}

.block-scheme_card-img,
.block-scheme_card svg {
margin-bottom: 8px;
width: 27.5px;
}
.popup .fancybox-close-small svg path {
fill:#fff!important;
}
.block-scheme_card-title {
color: #fff;
font-family: "MuseoSansCyrl";
font-size: 13.326px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 15.992rem */
letter-spacing: -0.133px;
margin: 0;
}
.block-scheme_col {
display: flex;
flex-direction: column;
}
.block-scheme_col-1 {
padding-top: 210px;
margin-left: -50px;
margin-right: 90px;
}
.block-scheme_col-2,
.block-scheme_col-5,
.block-scheme_col-6 {
padding-top: 210px;
margin-right: 65px;
}
.block-scheme_col-3 {
padding-top: 100px;
margin-right: 76px;
}
.block-scheme_col-4 {
padding-top: 53px;
margin-right: 53px;
}
.block-scheme_col-5 {
margin-right: 80px;
}
.block-scheme_col-6 {
margin-right: 78px;
}
.block-scheme_col-7 {
padding-top: 210px;
margin-right: 95px;
}
.block-scheme_col-8 {
padding-top: 210px;
}
.block-scheme_subcard-title {
color: #fff;
font-family: "MuseoSansCyrl";
font-size: 9.799px;
font-style: normal;
font-weight: 600;
line-height: 112%; /* 10.975rem */
letter-spacing: -0.098px;
}
.block-scheme_subcard {
border-radius: 6.892px;
background: linear-gradient(180deg, #ab54e1 9.77%, #9238c9 78.51%);
box-shadow: 0px 11.487295150756836px 22.974590301513672px 0px
rgba(0, 0, 0, 0.3);
padding: 9.19px;
}
.block-scheme_wrapper {
background: url(dots1.png) repeat;
padding-top: 30px;
padding-bottom: 20px;
position: relative;
box-shadow: inset 0 -100px 200px 50px rgba(31, 40, 44, 0.9),
inset 0 0px 100px 50px rgba(31, 40, 44, 0.9);
}
.block-scheme_col {
position: relative;
}
.block-scheme_arrows {
position: absolute;
z-index: 0;
display: flex;
flex-direction: column;
z-index: -1;
}
.block-scheme_item {
display: inline-block;
position: relative;
z-index: 1;
}
.block-scheme_row {
display: flex;
padding-left: 50px;
margin-left: -50px;
}
.block-scheme_subcard-title a {
text-decoration: none;
color: white;
}
/*#popup {
border-radius: 12px;
background: #364044;
box-shadow: 0px 8.669656753540039px 17.339313507080078px 0px
rgba(0, 0, 0, 0.3);
border: 1.73px solid;
width: 300px;
height: 300px;
border-image: linear-gradient(
247.53deg,
#87daf0 6.02%,
rgba(95, 128, 242, 0.3) 53.53%,
#c27eeb 96.24%
);
}*/
/*.popup-wrapper {
position: relative;
width: 200px;
height: 60px;
margin: 30px;
border-radius: 30px;
background: #fff;
text-align: center;
}
.popup-wrapper::before {
content: "";
position: absolute;
top: -2px;
bottom: -2px;
left: -2px;
right: -2px;
background: linear-gradient(35deg, red, green);
border-radius: 34px;
z-index: -1;
}*/
.fancybox-stage .popup {
align-items: center;
background-color: #364044;
z-index: unset;
background: #364044;
box-shadow: 0px 8.669656753540039px 17.339313507080078px 0px
rgba(0, 0, 0, 0.3);
width: 90%;
margin: auto;
max-width: 275px;
position: relative;
box-sizing: border-box;
height: auto;
overflow: visible;
color: #fff;
background: #364044;
background-clip: padding-box;
border: solid 2px transparent;
border-radius: 12px;
padding: 24px !important;
opacity: 1;
visibility: visible;
}
.popup:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
margin: -2px; /* !importanté */
border-radius: inherit; /* !importanté */
/* background: linear-gradient(to right, red, orange);*/
background: linear-gradient(
247.53deg,
#87daf0 6.02%,
rgba(95, 128, 242, 0.3) 53.53%,
#c27eeb 96.24%
);
}
.popup .fancybox-close-small {
position: absolute;
right: -50px;
top: -15px;
}
.popup-wrapper h3 {
color: #fff;
font-family: MuseoSansCyrlBold;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
letter-spacing: 0.4px;
text-transform: uppercase;
margin-top: 0;
opacity: 0.6;
margin-bottom:24px;
}
.popup-content ul {
list-style: none;
padding-left: 0;
margin: 0;
}
a,
a:hover {
text-decoration: none;
}
.popup-content a {
font-family: MuseoSansCyrl;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 112.5% */
display: block;
margin-bottom: 15px;
color: white;
text-decoration: none;
display: flex;
align-items: center;
}
.popup-content a svg {
margin-right: 10px;
flex-shrink: 0;
}
.popup-content li:last-child a {
margin-bottom: 0;
}
.block-scheme_section-blue .block-scheme_wrapper .container{
/* max-width: 1560px; */
/* width: 100%; */
width: 100em;
}
.block-scheme_section-blue .block-scheme {
margin-left:0;
}
@media screen and (max-width: 1500px) {
.block-scheme_section-blue .block-scheme_wrapper .container{

}

}
@media screen and (max-width: 1200px) {
.block-scheme {
margin-left:0;
}
}
@media screen and (min-width: 960px) {
#marketing-tasks .swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
transition-duration: 50ms!important;
}

}
.block-scheme_section-blue .block-scheme::-webkit-scrollbar {
position: absolute!important;
left:16px!important;
}
.block-scheme_section-blue .block-scheme::-webkit-scrollbar-thumb {
border-radius: 5px;
background: red;
border-left:16px solid transparent;
}
.block-scheme_section-blue .block-scheme {
transition: all linear .5s;}
.block-scheme_section-blue .block-scheme.zoomed {
transform: scale(1.2);
margin-top: 70px;
margin-bottom: 70px;
padding-left: 100px;
}
@media screen and (max-width: 960px) {
.block-scheme_section-blue .block-scheme.zoomed {
transform: scale(1.2);
margin-top: 70px;
margin-bottom: 70px;
padding-left: 120px;
}
.zoomed .block-scheme_row {
width: 1560px;
}
}