/*
Theme Name: Digital Theme
Theme URI: https://kroex.ru
Author: Digital
Author URI: https://kroex.ru
Description: Digital WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digital-theme
*/
@charset "UTF-8"; 
@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('fonts/Simple-Line-Icons.eot');
	src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Simple-Line-Icons.woff') format('woff'),
		url('fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'font-icons';
    src: url('fonts/font-icons.eot');
    src: url('fonts/font-icons.eot') format('embedded-opentype'), url('fonts/font-icons.woff') format('woff'), url('fonts/font-icons.ttf') format('truetype'), url('fonts/font-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
/*@font-face {
  font-family: 'Tektur';
  src: url('https://kroex.ru/fonts/Tektur/Tektur-Variable.ttf') format('truetype');
  font-weight: 100 900; 
  font-stretch: 75% 125%; 
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('https://kroex.ru/fonts/Rubik/Rubik-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('https://kroex.ru/fonts/Rubik/Rubik-Italic-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}*/
@keyframes menu-up-in {
    from {opacity: 0; transform: translateY(20px); filter: brightness(75%);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes menu-down-out {
    from {opacity: 1; transform: translateY(0px);}
    to {opacity: 0; transform: translateY(20px); filter: brightness(75%);}
}
@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fade-down {
    from {opacity: 0; transform: translateY(-40px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes fade-up-out {
    from {opacity: 1; transform: translateY(0px);}
    to {opacity: 0; transform: translateY(-40px);}
}
@keyframes fade-up {
    from {opacity: 0; transform: translateY(40px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes zoom-in {
  from {opacity: 0; transform: scale(0.5);}
  to {opacity: 1; transform: scale(1);}
}
@keyframes zoom-out {
  from {opacity: 0; transform: scale(1.5);}
  to {opacity: 1; transform: scale(1);}
}
@keyframes brightness {0% { filter:brightness(1);} 20%{filter:brightness(1);} 50%{filter:brightness(1.2);} 80%{filter:brightness(1);} 100% {filter:brightness(1);} }
:root{
--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--box-shadow1:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
}
div[data-animate="fade"].animate, div[data-animate="fade"] .animate, .fade {animation: fade 1s ease forwards;}
div[data-animate="fade-up"].animate, div[data-animate="fade-up"] .animate, .fade-up{animation: fade-up 1s ease forwards;}
div[data-animate="fade-down"].animate, div[data-animate="fade-down"] .animate, .fade-down {animation: fade-down 1s ease forwards;}
div[data-animate="zoom-out"].animate, div[data-animate="zoom-out"] .animate, .zoom-out {animation: zoom-out 1s ease forwards;}
div[data-animate="zoom-in"].animate, div[data-animate="zoom-in"] .animate, .zoom-in {animation: zoom-in 1s ease forwards;}
div[data-animhover="flip-left"], div[data-animhover="flip-right"], div[data-animhover="flip-up"], div[data-animhover="flip-down"], div[data-animhover="zoom-in-hover"],
.flip-left, .flip-right, .flip-up, .flip-down, .zoom-in-hover {transition: transform 0.7s ease;}
div[data-animhover="flip-left"]:hover, .flip-left:hover {transform: rotateY(-180deg);}
div[data-animhover="flip-right"]:hover, .flip-right:hover {transform: rotateY(180deg);}
div[data-animhover="flip-up"]:hover, .flip-up:hover {transform: rotateX(-180deg);}
div[data-animhover="flip-down"]:hover, .flip-down:hover {transform: rotateX(180deg);}
div[data-animhover="zoom-in-hover"]:hover, .zoom-in-hover:hover {transform: scale(1.2);}
* {box-sizing:border-box;}
body {font-family: var(--font-sans);  margin: 0;  padding: 0;color:#3b3b3b;background:#ffffff; font-size:14px;line-height:16px;}
p{margin:0;}
ul, ol{margin:0;padding:0;}
ul li, ol li{list-style:none;}
small{font-size: 13px; line-height: 16px; color: #5d79a4; display: block; margin: 10px 0;}
a {text-decoration:none;color:#000000; transition:all 0.7s ease-in;}
a:hover {color:#555555; transition:all 0.7s ease-in;}
strong,b {font-weight: 450;}
article a, section a, .mainmenu a {position:relative;}
article a:before, section a:before{content:'';width:0;height:1px;border-bottom:1px dashed #555;position:absolute;bottom: 0px;left:0;transition:all 0.5s ease-in;}
article a:hover:before, section a:hover:before{width:100%;}
img{max-width:100%;}
h1, h2, h3, h4{font-family: var(--font-sans); font-weight:normal; text-transform:uppercase; font-weight:500;margin:0; padding:0;}
h1{font-size:26px; line-height:36px;}
h2{font-size:22px; line-height:32px;}
h3{font-size:18px;line-height:24px}
h4{font-size:16px;line-height:20px;}
p#breadcrumbs {color: #3b3b3b;}
p#breadcrumbs a {color: #3b3b3b;}
p#breadcrumbs a:hover{color:#336dc5;}
.breadcrumb_last{white-space:nowrap;}
#dotsCanvas{z-index:-1; background: linear-gradient(135deg, rgb(255, 255, 255), rgb(234, 236, 240), rgb(255, 255, 255), rgb(234, 236, 240)); animation: 8s ease-in-out 0s infinite alternate none running diagonalShimmer; background-size: 200% 200%;}
@keyframes diagonalShimmer {0% {background-position: 0% 0%;} 100% {background-position: 100% 100%;}}
/*Hero*/
.hero-main {/*height: 75vh;*/ width: 100%; overflow: hidden; position: relative; display: grid; /*grid-template-columns: 30% 33% 36%;*/ justify-content: center;}
.hero-main.free-image{height: auto; grid-template-columns: 100%; padding: 40px 0; padding-bottom:0; max-width:1300px; margin:0 auto;}
.hero-img.left, .hero-img.right {/*display: flex*/; position:relative;display:none;}
.hero-center {display: grid; align-items: start; display:block;max-width:1300px;}
.hero-textin{/*padding-top:20%*/;padding-top:80px;padding-bottom:40px;}
.hero-main.free-image .hero-textin{padding-top:40px;}
.hero-textin h1, .hero-textin .hero-grid, .hero-textin .hero-btn{animation: fade 0.4s ease forwards; opacity:0;} 
.hero-textin .h1-desc {animation: fade 0.6s ease forwards; opacity:0; font-size:16px; line-height:22px;padding-bottom:10px;} 
.hero-textin h1{ animation-delay: 1.5s; font-size:26px; line-height:36px; color:#000000;}
.hero-textin .h1-desc{animation-delay: 1.7s;}
.hero-textin .hero-grid{animation-delay: 2.1s;}
.hero-textin .hero-btn{animation-delay: 2.3s;}
.hero-img .left1,.hero-img .left2,.hero-img .left3 { position: absolute; top: 0; left: 0;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.hero-img .right1, .hero-img .right2, .hero-img .right3{position:absolute;top:0;right:0;transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.hero-img.left > div{margin: 0; display: grid; justify-items: end;}
.hero-img.left .left1, .hero-img .right1{padding-top:0px; z-index:3;}
.hero-img.left .left2, .hero-img .right2{padding-top:0px; z-index:2;}
.hero-img.left .left3, .hero-img .right3{padding-top:0px; z-index:1;}
.hero-img.right > div{margin: 0; display: grid; justify-items: start;}
.hero-img img{vertical-align: middle; display: inline-block; height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none;}
.hero-img.left .left1 img {
    -webkit-animation: slide-right 2s cubic-bezier(.395,0,0,1) .6s both;
    animation: slide-right 2s cubic-bezier(.395,0,0,1) .6s both
}
.hero-img.left .left2 img {
    -webkit-animation: slide-right 2s cubic-bezier(.395,0,0,1) .4s both;
    animation: slide-right 2s cubic-bezier(.395,0,0,1) .4s both
}
.hero-img.left .left3 img {
    -webkit-animation: slide-right 2s cubic-bezier(.395,0,0,1) .2s both;
    animation: slide-right 2s cubic-bezier(.395,0,0,1) .2s both
}
.hero-img.right .right1 img {
    -webkit-animation: slide-left 2s cubic-bezier(.395,0,0,1) .4s both;
    animation: slide-left 2s cubic-bezier(.395,0,0,1) .4s both
}
.hero-img.right .right2 img {
    -webkit-animation: slide-left 2s cubic-bezier(.395,0,0,1) .2s both;
    animation: slide-left 2s cubic-bezier(.395,0,0,1) .2s both
}
.hero-img.right .right3 img {
    -webkit-animation: slide-left 2s cubic-bezier(.395,0,0,1) 0s both;
    animation: slide-left 2s cubic-bezier(.395,0,0,1) 0s both
}
@-webkit-keyframes slide-right {
    0% {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}
@keyframes slide-right {
    0% {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}
@-webkit-keyframes slide-left {
    0% { -webkit-transform: translateX(100%);transform: translateX(100%)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}
@keyframes slide-left {
    0% {-webkit-transform: translateX(100%); transform: translateX(100%)}
    100% { -webkit-transform: translateX(0);transform: translateX(0)}
}
#callvk{position:fixed;right:15px;width:40px;height:40px;border-radius:4px; z-index: 10; cursor: pointer; box-shadow: 1px 0px 2px 0px #ffffff5c;}
#callvk{bottom:160px;background:#0077ff;}
#callvk a{display:block;padding:5px;}
/*#calltg a::before, #calltg a::after {content: ""; position: absolute; top: 50%; left: 50%; border-radius: 4px; transform: translate(-50%, -50%); animation: pulse 3s infinite ease-out;  z-index: -1; width: 40px; height: 40px; background: #039be5;}
#calltg a::after {animation-delay: 1.25s;}
@keyframes pulse {0% {transform: translate(-50%, -50%) scale(1);opacity: 1;} 100% {transform: translate(-50%, -50%) scale(1.8);opacity: 0;}}*/
#calltg {
  position: fixed; right: 0px; bottom: 100px; width: 70px; height: 70px; border-radius:50%; z-index:10;
  border: 8px solid #ffffff63; background:transparent !important;}
#tg-marquee { position: absolute; inset: 0; pointer-events: none; background:linear-gradient(65deg, #44ccff, #44cbff, #2c59be, #7d28c9, #7d28c9); top:0;
left:0; border-radius:50%;}
#calltg  a.tg-btn {position: absolute;inset: 30px;border-radius: 50%; z-index: 0; width: 100%;
 height: 100%; top: 0; left: 0; padding: 9px;}
.tg-btn img {width: 100%;height: 100%;}
#callvk a img, #calltg a img{max-width:100%;max-height:100%;}
.clever-widget .clever-standard-button[data-v-11cef950]{--block-size:50px !important; --min-x-offset: 8px !important;}
.clever-widget .clever-standard-button-template[data-v-8bf3a2bc]{--size:50px !important;}
.hero-grid {display:flex; flex-flow:wrap; gap: 15px; row-gap:10px; font-weight: bold; align-items: end; color: #000000; font-size: 16px; margin: 10px 0; justify-content: start; margin-top:30px;}
.hero-grid a.btn {border-radius: 40px; padding:15px 20px;}
.hero-item a.btn{padding-left: 45px; border:0; color:#000000;}
.hero-grid  .hero-item{ font-weight:550; font-family:var(--font-sans);}
.hero-grid.arrow .hero-item {font-size: 12px; font-weight: 500;}
.hero-item.item1 a{background: #e5f4d4;}
.hero-item.item2 a{background: #b2e1f7;}
.hero-item.item3 a {background: #fedee1;}
.hero-item.item4 a {background: #c9dfff;}
.hero-item.item5 a {background: #d4e6da;}
.hero-item.item6 a {background: #ffe9cd;}
.hero-item.item1 a:hover{color: #e5f4d4;background: #8ec71b;}
.hero-item.item2 a:hover{color: #b2e1f7;background: #1a84b6;}
.hero-item.item3 a:hover{color: #fedee1;background: #f07178;}
.hero-item.item4 a:hover {color: #c9dfff;background: #4786e5;}
.hero-item.item5 a:hover {color: #d4e6da;background: #54b37c;}
.hero-item.item6 a:hover {color: #ffe9cd;background: #f2a017;}
.hero-item.item1 a:before {content: "\e631";}
.hero-item.item2 a:before {content: "\e6ab";}
.hero-item.item3 a:before {content: "\ed47";}
.hero-item.item4 a:before {content: "\e605";}
.hero-item.item5 a:before {content: "\e674";}
.hero-item.item6 a:before {content: "\e6ba";}
.hero-item a:before{font-size:24px; font-family: 'font-icons'; line-height:28px;position:absolute; top:50%; margin-top: -15px;left: 15px; font-weight:normal;}
.hero-btn {display: grid; grid-auto-flow: column; gap: 10px; justify-content: start; padding-top:30px;}
.hero-grid.full {grid-template-columns: 1fr; line-height: 16px;}
.hero-btn a {max-width: max-content;}
.hero-btn .full  a {max-width: max-content;}
.animate {display: inline-block;position: relative;width: 22ch;vertical-align: top;color: #3d80e4;}
.animate span { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; opacity: 0;
  animation: typing 4.5s steps(45) forwards infinite, hide 18s linear infinite;}
/*  */
.animate span:nth-child(1) { animation-delay: 0s, 0s; }
.animate span:nth-child(2) { animation-delay: 4.5s, 4.5s; }
.animate span:nth-child(3) { animation-delay: 9s, 9s; }
.animate span:nth-child(4) { animation-delay: 13.5s, 13.5s; }
@keyframes typing {
  0% {width: 0; opacity: 1;}
  15% {width: 50%; opacity: 0.5;}
  30% {width: 100%; opacity: 1;}
  70% {width: 100%; opacity: 1;}
  95% {width: 0%; opacity: 0;}  
  100% {width: 0; opacity: 0;}
}
@keyframes hide {
  0% {opacity:0;}
  7% {opacity: 1;}
  8%, 18% {opacity: 1;}
  19%, 24% {opacity:1;}
  25%, 100% {opacity: 0;}
}
/*End Hero*/
/*Menu*/
.top-menu-list {width: 600px; max-width: 100%; position: fixed; top: 0; right: -100%; height: 100vh;	background: #ffffff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); transition: right 0.5s ease; padding: 60px 20px; padding-top:90px; z-index: 1000; opacity: 0; overflow-y: scroll;}
.top-menu-list.active {right: 0; opacity: 1;}
.top-menu-close {background: #f2f4f8; width: 100%;  height: 80px; position: absolute; top: 0; right: 0; cursor:pointer;}
.top-close-in{color: #000000; margin: 0;margin-bottom: 10px; position:relative; z-index: 100; font-size: 20px; text-transform: uppercase; 
    display:grid; grid-auto-flow: column; align-items: center; justify-content: end; text-align: center; line-height: 80px; font-family:var(--font-sans);font-weight:500; letter-spacing:0.08em;}
svg.close-top-arrow {width: 80px; height: 28px; color: #000000; transition: all 0.3s ease; transform: rotate(90deg);}
.top-close-in span, svg.close-top-arrow {transition: transform 0.3s ease;}
.top-close-in:hover svg.close-top-arrow {transform: rotate(90deg) translateY(-6px);}
.top-close-in:hover span {transform: translateX(12px);}
/*.top-close-in:before, .top-close-in:after {content: ''; position: absolute; top: 30px; width: 20px; height: 20px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(135deg); transition:all 0.5s ease-in;}
.top-close-in:before{right: 28px;}
.top-close-in:after {right: 48px;}
.top-close-in:hover:before{ right:20px}
.top-close-in:hover:after {right:30px}
*/
.techemail {margin: 10px 0; font-size: 16px; font-weight: bold;}
.techemail a{color:#4d80cd;}
.techemail a:hover{color:#777;}
.menu-content{display:grid; grid-template-columns:repeat(2,1fr);}
.menu-item:before{font-family: 'font-icons'; font-size: 28px; position: absolute; top: 10px; left: 0; width: 55px; height: 60px; display: grid; align-items: center;justify-content: center;}
.menu-item.zapisi-menu:before{content: "\e6ba"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.menu-item.calc-menu:before{content: "\e674"; background: #e9c6e8; border-radius: 10px; color: #a730a3;}
.menu-item.lucky-menu:before{ content: "\ed47"; background: #fedee1; border-radius: 10px; color: #f07178;}
.menu-item.quiz-menu:before{ content: "\e605"; background: #c9dfff; border-radius: 10px; color: #4786e5;}
.menu-item.form-menu:before{content: "\e6ab"; background: #b2e1f7; border-radius: 10px; color: #1a84b6;}
.menu-item.banner-menu:before{ content: "\e631"; background: #e5f4d4; border-radius: 10px; color: #8ec71b;}
.menu-item.start-manual:before{ content: "\ed87"; background: #b2e1f7; border-radius: 10px; color: #1a84b6;}
.menu-item.topic-menu:before{ content: "\e721"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.menu-item.price-menu:before{content: "\ec9e";  background: #f8e4e3; border-radius: 10px; color: #ef7375;}
.menu-item.contact-menu:before{ content: "\ee27"; background: #c9dfff; border-radius: 10px; color: #4786e5;}
.menu-item.calc-menu:before{ content: "\e674"; background: #d4e6da; border-radius: 10px; color: #54b37c;}
.menu-item.blog-menu:before{content:"\e6e6"; background: #e5f4d4; border-radius: 10px; color: #8ec71b;}
.menu-item.agent-menu:before{ content: "\e68a"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.menu-item.insert-code:before{ content: "\e7bf"; background: #e9c6e8; border-radius: 10px; color: #a730a3;}
.menu-item:hover .menu-head, .menu-item:hover .menu-text{color:#3d80e4;}
.menu-item.zapisi-menu:hover  .menu-head, .menu-item.zapisi-menu:hover  .menu-text{color: #f2a017;}
.menu-item.calc-menu:hover  .menu-head, .menu-item.calc-menu:hover  .menu-text{color: #a730a3;}
.menu-item.lucky-menu:hover  .menu-head, .menu-item.lucky-menu:hover  .menu-text{color: #f07178;}
.menu-item.quiz-menu:hover  .menu-head, .menu-item.quiz-menu:hover  .menu-text{color: #4786e5;}
.menu-item.form-menu:hover  .menu-head, .menu-item.form-menu:hover  .menu-text{color: #1a84b6;}
.menu-item.banner-menu:hover  .menu-head, .menu-item.banner-menu:hover  .menu-text{color: #8ec71b;}
.menu-item.start-manual:hover  .menu-head, .menu-item.start-manual:hover  .menu-text{color: #1a84b6;}
.menu-item.topic-menu:hover  .menu-head, .menu-item.topic-menu:hover  .menu-text{color: #f2a017;}
.menu-item.price-menu:hover  .menu-head, .menu-item.price-menu:hover  .menu-text{color: #ef7375;}
.menu-item.contact-menu:hover  .menu-head, .menu-item.contact-menu:hover  .menu-text{color: #4786e5;}
.menu-item.calc-menu:hover  .menu-head, .menu-item.calc-menu:hover  .menu-text{color: #54b37c;}
.menu-item.blog-menu:hover  .menu-head, .menu-item.blog-menu:hover  .menu-text{color: #8ec71b;}
.menu-item.agent-menu:hover  .menu-head, .menu-item.agent-menu:hover  .menu-text{color: #f2a017;}
.menu-item.insert-code:hover  .menu-head, .menu-item.insert-code:hover  .menu-text{color: #a730a3;}
.title-menu {font-size: 13px; text-transform: uppercase; color: #555; padding-left: 20px; font-weight: bold; padding-top: 10px;}
.menu-item {padding: 10px; position: relative; top: 0;}
.menu-item a{color:#000000;}
.menu-item-in {padding-left: 55px;}
.menu-head {color: #000; font-weight: 500; font-family:var(--font-sans); font-size: 14px; line-height: 18px; transition:all 0.5s ease-in;}
.menu-text {color: #333333; font-size: 12px;line-height: 12px;  padding-top: 3px; transition:all 0.5s ease-in;}
/*End Menu*/
/*Main*/
.main-page {display: grid; align-items: stretch; align-content: space-between; justify-items: stretch; margin: 30px auto; gap: 20px; max-width: 1310px; width: 100%; text-align: center;}
.main-page h2 { padding: 30px 20px; margin:0;font-size:25px;line-height:25px;}
.tarif-items h2 {padding: 25px 10px;}
.main-tab {margin: 0; padding: 0; text-align: center; display: grid;  position: relative;}
.maintab-body {display: block; overflow: hidden; border-radius: 4px; background: #ffffff78; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; padding-bottom: 60px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
ul.widgets-ul, .price-ul {display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 290px)); gap: 20px;  margin: 0 auto; justify-content: center; justify-items: center; max-width: 1250px; width: 100%;}
.main-page .widgets-ul li, .main-page .price-ul li,  section .price-ul li{border: 1px solid #eff2f4; gap:5px; background: #ffffff; border-radius: 4px; list-style: none; padding: 30px 20px; display: grid; align-content: space-between; width: 290px; justify-content:space-around;}
.main-page .widgets-ul li{grid-template-rows: 50px 220px 1fr 50px}
.main-page .price-ul li, section .price-ul li{grid-template-rows: 50px 1fr 80px 50px 20px; gap:15px;}
.main-page .widget-title, .main-page .price-title, section .widget-title {color: #000000; font-family:var(--font-sans); font-size: 22px; line-height:24px; font-weight: 500; padding-bottom:5px;}
.main-image {padding: 0; height: 240px; overflow: hidden; border-radius: 4px;}
.main-image img {width: 100%; max-width: 100%;}
.widgets-ul li .main-text {padding: 0; font-size: 15px; text-align: left;padding-bottom:10px;}
.main-button a {margin: 0; cursor: pointer; padding: 15px 20px; display: block; width: auto; border-radius: 4px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: bold; transition: all 0.7s ease-in; text-align: center; position: relative;}
.maintab-title { display: grid; grid-auto-flow: column; justify-content: start; align-items: center; justify-items: center; background: #fff; border-bottom: 0; border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; align-content: center;}
.maintab-title .widgets-head:first-child {border-top-left-radius: 4px; padding-left: 37px; position: relative;}
.maintab-title a {display: block;  width: auto; position: relative; padding: 15px 20px; font-size: 18px; line-height: 22px; border-right: 1px solid #efefef; color: #3d80e4; font-weight: bold;cursor: pointer; transition: all ease-in 0.7s;}
.maintab-title a.active, .maintab-title a:hover {background: #3d80e4; color: #fff;}
.mainitem-body {padding: 0; text-align: center; display: none; position: relative;}
.mainitem-body.active{display:grid;}
.main-text ul { margin: 0; padding: 0;}
.main-page .main-text li, section .main-text li {text-align:left; padding: 14px 0; border-radius:0; display: block; border: 0; width: auto; font-size: 15px; position: relative; padding-left: 16px; line-height: 17px;}
.main-page .main-text li b, section .main-text li b {font-weight:500; }
.main-page .main-text li:nth-child(odd), section .main-text li:nth-child(odd) {background: #f4f6fa;}
.main-page .main-text li:before, section .main-text li:before {content: ''; left: 0px; height: 90%; margin-top: -5px; width: 1px; position: absolute; top: 9%;}
.main-button {height: 50px;}
.widget-price {height: 80px; display: flex; align-items: center; font-size: 18px; font-weight: bold; justify-content: center;flex-flow:wrap;}
.widget-price span.sprice {color: #3d80e4;font-size: 32px;line-height:44px; padding: 0 5px; display: block;font-family:var(--font-sans); font-weight:500;}
span.oldprice {text-decoration: line-through; color: #aaaaaa; padding-top: 1px; padding-right: 5px;}
.widget-price span.measure {font-size: 15px; width: 100%; flex: 0 0 100%; font-weight:400;}
span.price-comment {display: block; width: 100%;  flex: 0 0 100%;  font-size: 13px;  color: #5b5b5b;font-weight:300;}
span.oldpricem {text-decoration: line-through; color: #a9a9a9; font-size: 12px; padding: 0 0px 0 2px; transform: translateY(-1px); display: inline-block;}
.month-price {font-weight: 400;}
section {
    display: grid;
    align-items: stretch;
    align-content: space-between;
    justify-items: stretch;
    margin: 50px auto;
    padding:30px 0;
    gap:30px;
    background: #ffffff;
    min-height: 100px;
    border-radius: 4px;
    text-align:center;
    max-width:1310px;
    box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05)
}
section.transparent{background:transparent; box-shadow:none; margin:20px auto;}
section.onetitle{min-height:auto;}
section h2{margin:0; padding:0;}
.intro-main h2 {padding-bottom: 30px;font-size:22px;line-height:30px;font-weight:500;}
.intro-main p{font-size: 16px; line-height: 22px; padding: 0 80px;}
.intro-bottom{padding-top:40px;}
.intro-bottom h2 {padding-bottom: 30px;}
.intro-bottom p{font-size: 16px; line-height: 22px; padding: 0 80px;}
section .section-in{padding:0; margin: 0 auto; text-align:center; width:100%; max-width:1250px;}
.inside-title{padding:0 20px;}
.section-title {text-align: center; padding: 0px 40px;padding-top:0; padding-bottom:10px;}
.main-widget-text .section-title{padding:0; padding-bottom:20px;}
.section-title h2 {margin: 0;margin-bottom:20px; text-align:center;font-size:22px;line-height:30px; font-weight:500;}
.site-main .section-title h2{margin-bottom:10px;}
.section-title h3 { font-size: 20px; line-height: 24px; font-weight: 500;}
.main-widget-text .section-title h2, .main-widget-text .section-title h3{text-align:left; text-transform:uppercase;color: #000000;}
.section-title p {padding: 5px 0;font-size: 16px;line-height: 22px;color: #353535;}
.section-content {background: #fff; padding: 40px; border-radius: 4px;text-align: left;}
.section-blocks {max-width: 1350px;margin: 0 auto; text-align: center;}
.section-text{text-align:left;}
.content-double {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.content-double .section-text {text-align: left; background:#f8f9fa; border-radius: 4px; padding: 20px;}
.section-text p{padding:5px 0; font-size: 14px; line-height: 18px;}
.section-text ul{padding:10px 0;}
.section-text li{position:relative; padding:5px 0; padding-left:20px}
.section-text li:before{content:''; position:absolute; top:50%; margin-top:-2px; left:4px; width:4px; height:4px; border-radius:50%; background:#000000; z-index:1;}
.section-text li:after{content:''; position:absolute;top:50%; left:0px; margin-top:-6px; width:6px; height:6px; border: 3px double #c1c1c1; border-radius:50%;}
.profit {display: grid;  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));  gap: 20px; justify-content: space-between; justify-items: stretch;}
.profit.double{grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));}
.profit-item {background: #f4f6fa;padding: 40px;text-align:left;border-radius: 4px;cursor:pointer;transition:all 0.3s ease-in;}
.profit-item, .main-widget-content, .main-page .widgets-ul li, .main-page .price-ul li, section .price-ul li{transition:all 0.3s ease-in}
.profit-item:hover, .main-widget-content:hover, .main-page .widgets-ul li:hover, .main-page .price-ul li:hover, section .price-ul li:hover{-webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.profit-item h3{margin:0;text-align:left; font-weight:500; font-size:18px;line-height:22px;padding-bottom:5px;}
.profit-text{font-size:14px;text-align:left; line-height: 20px; padding: 0; padding-top: 10px;}
.profit-text p{padding:7px 0;}
span.word-first {float: left; font-size: 54px; font-weight: 500; padding: 0; margin: 0; line-height: 62px; padding-right: 15px; font-family:var(--font-sans);}
.profit.double .profit-text{text-align:left;}
.profit.double .profit-text b{font-size:18px; line-height:20px;font-weight:500;}
.section-in.half p {font-size: 16px; line-height: 20px;}
.double .profit-text {font-size: 16px; line-height: 20px;}
.profit .icon:before, .profit .icon2:before { content:''; display: inline-block;  speak: none; font-style: normal; font-weight: normal;
    font-variant: normal; color:#000000; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
    width: 28px; height: 28px; font-size: 28px;}
.invite-bottom {margin: 0; padding: 0; margin-top: 30px;}
.profit .icon:before{font-family: 'Simple-Line-Icons';}
.profit .icon2:before{font-family: 'font-icons';}
.icon2.adaptive:before{content:"\e623";}
.icon2.allinone:before{content:"\e943";}
.icon2.allinone2:before{content:"\e602";}
.icon2.animation:before{content:"\e773";}
.icon2.art:before{content:"\ea88";}
.icon2.attention:before{content:"\e754";}
.icon2.auto:before{content:"\e975";}
.icon2.b2b:before{content:"\ea6c";}
.icon2.bezlimit:before{content:"\ea8d";}
.icon2.cafe:before{content:"\e9bc";}
.icon2.cms:before{content:"\e88f";}
.icon2.comein:before {content: "\e765";}
.icon2.consulting:before{content:"\e965";}
.icon2.conversiya:before{content:"\e68a";}
.icon2.couche:before{content:"\ec09";}
.icon2.customs:before{content:"\e693";}
.icon.design:before {content: "\e017";}
.icon2.effect:before {content: "\e630";}
.icon2.exit:before{content:"\e66b";}
.icon2.eye:before{content:"\ec56";}
.icon2.field:before{content:"\ebb6";}
.icon2.fitnes:before{content:"\e62e";}
.icon2.home:before{content:"\e61e";}
.icon2.idea:before{content:"\e78d";}
.icon2.ifselect:before{content:"\e670";}
.icon2.game:before{content:"\e9e9";}
.icon2.gamepad:before{content:"\ea38";}
.icon2.gibkosti:before{content:"\e9ca";}
.icon2.googleplus:before{content:"\e838";}
.icon2.hunt:before{content:"\e712";}
.icon2.images:before{content:"\ec8c";}
.icon2.interes:before{content:"\e764";}
.icon2.klinika:before{content:"\ea75";}
.icon2.lead:before{content:"\ea6a";}
.icon2.made:before{content:"\e9c1";}
.icon2.mail:before{content:"\e9f2";}
.icon2.marketing:before{content:"\ec40";}
.icon2.marketing2:before{content:"\e633";}
.icon2.mesto:before{content:"\ea89";}
.icon.metrika:before {content: "\e077";}
.icon2.mobpk:before{content:"\e623";}
.icon2.news:before{content:"\e797";}
.icon2.newshop:before{content:"\e66f";}
.icon2.nocode:before{content:"\e7bf";}
.icon2.notarius:before{content:"\e932";}
.icon2.onpage:before{content:"\e62d";}
.icon2.order:before{content:"\e97f";}
.icon2.order2:before{content:"\e604";}
.icon.paneli:before {content: "\e007";}
.icon2.paneli:before{content:"\e786";}
.icon2.pay:before{content:"\eae0";}
.icon2.percent:before{content:"\eb0e";}
.icon2.picture:before{content:"\e6f7";}
.icon2.play:before{content:"\e703"}
.icon2.place:before{content:"\e6f9";}
.icon2.politika:before{content: "\e6ac";}
.icon2.popup:before{content: "\eaf1";}
.icon2.potrebnosti:before{content: "\e78a";}
.icon2.preview:before{content:"\e673";}
.icon2.prosmotr:before{content:"\e641";}
.icon2.rost:before{content:"\e986";}
.icon2.ready:before{content:"\ea88";}
.icon2.refresh:before{content:"\e6da";}
.icon2.saas:before{content:"\ea9e";}
.icon.safe:before {content: "\e08e";}
.icon2.safe:before{content:"\e668";}
.icon2.sale:before{content:"\e6b7";}
.icon2.selfbutton:before{content:"\e759";}
.icon2.school:before{content:"\ea47";}
.icon2.shop:before{content:"\eb64";}
.icon2.shop2:before{content:"\e97e";}
.icon2.simple:before{content:"\e659";}
.icon2.skidki:before{content:"\e6e5";}
.icon2.slice:before{content:"\e634";}
.icon2.spa:before{content:"\eb87";}
.icon2.square:before{content:"\eb0c";}
.icon2.star:before{content:"\e68e";}
.icon2.target:before{content:"\e712";}
.icon2.timesecond:before{content:"\e62f";}
.icon2.trigger:before{content:"\e9d0";}
.icon2.users:before{content:"\e66b";}
.icon2.voronka:before{content:"\ea21";}
.icon2.welcome:before{content:"\ea61";}
.icon2.zanyatosti:before{content:"\e728";}
.section-invite{padding-bottom:30px;}
.section-clients {position: relative; left: 0; bottom: 0; width: 100%; overflow:hidden;}
.section-clients .section-title{padding-bottom:0;}
.section-clients .section-title h2{margin-bottom:10px;}
/*.section-clients .container{max-width: 1250px;margin:0 auto;text-align:center;display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-auto-rows: 1fr;gap: 20px;justify-content: center; padding: 20px; background:#ffffff; border-radius:4px;}*/
.section-clients img {/* width: 120px; */max-width:100%;transition: all 0.5s ease-in;}
.section-clients:hover img {filter: grayscale(0); opacity: 1;} 
.main-widget-block {display: grid; grid-template-columns: 30% 68%; align-items: stretch; row-gap: 20px; max-width: 1250px; width: 100%;}
.main-widget-block.right{grid-template-columns: 68% 30%;}
.section-in.half .main-widget-block{grid-template-columns:50% 50%;}
.main-widget-img{display: grid; align-items: center;align-content:center;}
.main-widget-img.img240{justify-content:center;}
.main-widget-img.img240 img{width:240px;}
.section-in.half .main-widget-img{background:transparent;}
.main-widget-block.full {display: block; text-align: center;}
.main-widget-block.full .main-widget-img {width: 100%; justify-content: stretch; padding-bottom:20px;}
.main-widget-block.full .main-widget-content .section-title {text-align: left; padding: 0 0 20px 0;}
.main-widget-block .main-widget-img img {max-width: 100%;border-radius: 4px;}
.main-widget-block .main-widget-img img:hover {animation:brightness 1.7s;}
.main-widget-content {
    background: #f7fbff;
    padding: 40px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in;
    display: grid;
    grid-auto-flow: row;
    align-content: space-around;
    text-align: left;
    }
.section-in.half .main-widget-content{background:transparent;border:0;box-shadow:none;padding:20px;}
.main-widget-text p {margin: 0; padding-bottom: 22px; font-size: 16px; line-height: 20px;}
.site-main .main-widget-text p {margin: 0; padding-bottom: 10px; font-size: 16px; line-height: 26px;}
.main-widget-block .main-widget-button {display: grid; grid-auto-flow: column; justify-content: end; gap: 20px; margin-top: 10px;}
.main-widget-block.right .main-widget-button{justify-content:start;}
.main-widget-button a {min-width: 140px; max-width: 50%;}
/*Clients slide*/
.slide-scroll {padding: 0;	margin:0 20px; position: relative;            mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);}
.scroll-track {display: flex; gap: 2rem; width: fit-content; will-change: transform; backface-visibility: hidden;}
.slide-scroll:hover .scroll-track {animation-play-state: paused;}
.col {flex-shrink: 0; width: 140px; height: 80px; display: flex; align-items: center; justify-content: center; transition: transform 0.2s;}
.col:hover {transform: translateY(-5px);}
.col img {max-width: 100%; max-height: 60px; object-fit: contain;}
.col p {display: block; padding-top: 10px;}
.mesto_popup .col { width: 175px; min-height: 120px; flex-flow:wrap; background:#f8f9fa;  padding: 10px; border-radius: 4px;}
@keyframes scrollLeft {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}
.scroll-track::after {content: ""; display: block; flex-shrink: 0; width: 0;}
@media (max-width: 768px) {
  .col {width: 110px; height: 80px;}
  .scroll-track {gap: 1rem;}
}
/*Clients slide*/
/*Legal*/
.section-page h1 {padding: 0; padding-top: 15px; padding-bottom: 20px; font-size: 26px;line-height: 36px; margin: 0;}
p.date {text-align: right; font-style: italic;}
.section-page p {padding: 7px 0; font-size: 14px;line-height: 18px;}
.section-page h2 {padding: 20px 0;margin: 0px 0;border: 1px dashed #e1e1e1;
    border-left: 0;border-right: 0; font-size: 17px;line-height: 22px;text-transform: uppercase;}
.section-page ul {margin: 10px 0; padding-left: 10px;}
.section-page ul li {padding: 5px 0; margin-left: 10px;list-style: circle;}

/*Legal*/
.vk a, .max a {display: flex; align-content: center; justify-content: flex-start; align-items: center;}
.vk a img, .max a img {padding-right:10px;}
.section-double, .section-4060{display:grid;gap:20px; width: calc(100% - 40px); max-width:1350px; margin:0 auto; text-align:center;}
.section-double{grid-template-columns:repeat(2,1fr);}
.section-4060{grid-template-columns:40% 60%}
.flex-vcenter{display: flex; align-items: center;}
.flex-vcenter .desc{padding:5px 0;font-size:18px; line-height:24px;}
.section-item {background: #f8f9fa; justify-content: center; padding: 30px 20px; border-radius: 4px;}
.inside-title h1 {margin-top: 0;}
p.desc {margin: 0;}
p.desc a{color:#000000;}
p.desc a:hover{color:#353535;}
.section-item .main-widget-block {grid-template-columns: 1fr;}
.section-item .main-widget-content {background: #f8f9fa; box-shadow: none; border: 0;}
.section-double .main-widget-img {background: transparent; justify-content: center; padding: 0;}
.section-form { padding: 0px;}
.section-form .section-item { background: transparent; text-align: left;}
p.tg-span {margin-top: 20px;}
p.tg-span a{display:block; line-height:36px;height:36px;display:grid;grid-auto-flow:column;justify-content:start;margin-top:10px; font-size:20px}
p.tg-span a img{width:36px;height:36px;margin-right:7px;padding:4px;background:#ffffff78; border-radius:50%;}
.btn-green, .btn, .btn-blue { margin: 0; cursor: pointer; padding: 15px 20px; display: block; width: auto; border-radius: 4px; text-transform: uppercase;
    text-decoration: none; font-size: 12px;font-family: var(--font-sans); letter-spacing: 0.07em; font-weight: 600; transition: all 0.7s ease-in; text-align: center; position: relative;}
.grid-child .btn-green, .grid-child .btn, .grid-child .btn-blue{padding:12px 14px;}
.btn{color: #ffffff; background: #3d80e4; border: 1px solid #9ec2f7;}
.btn-blue{color: #ffffff; background: #3d80e4; border: 1px solid #9ec2f7;}
.btn-green { border: 1px solid #2ecc71; color: #2ecc71; background: #ffffff;}
.btn-green.fon{color:#ffffff; background:#2ecc71;border: 1px solid #2ecc71}
.btn:hover{color:#ffffff;background:#2ecc71; border:1px solid #2ecc71;}
.btn-green:hover{color:#ffffff; background:#2ecc71;}
.btn-green.fon:hover {color: #2ecc71; background: #ffffff;}
.btn-blue:hover{color:#3d80e4;background:#ffffff;}
.header-container .btn, .header-container .button span, .header-container .button a, .header-container button{padding:12px 14px;}
.cta-btn{display: flex; justify-content: center; margin-top: 40px;}
/*End Main*/
.form-activate{color:#3d80e4;}
.form-message{color:#448344;}
.form-error{color:#cd0000;}
.button{display:grid; justify-content:center;}
.button span, .button a, button {position:relative; display: block;	margin: 0; padding: 15px 20px; cursor:pointer; width:auto;	background:#3d80e4;
    color: #fff; border:0; border-radius: 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none;
    text-align: center;	transition: all 0.7s ease-in; opacity: 0.85;}
.login-form-container button, .login-form-container .button a{width:100%;}
.button span:hover, .button a:hover, button:hover {transition: all 0.7s ease-in; opacity: 1; filter: brightness(1.1);}
button.button-light, .button-light a{color: #ffffff; background: #3d80e4; border: 1px solid #9ec2f7;}
button.button-light:hover, .button-light:hover a{color:#ffffff;background:#2ecc71; border:1px solid #2ecc71;}
button.button-dark, .button-dark a{background:#336dc5; color: #fff;  border:1px solid #336dc5;}
button.button-dark:hover, .button-dark:hover a{color: rgb(107 155 227);background: #fff;border:1px solid #336dc5;}
button.button-green-light,.button-green-light a{color:#96d432; color:#a3c7c7; background:#fff; border:1px solid #96d432;border:1px solid #a3c7c7;}
button.button-green-light:hover,.button-green-light:hover a{background:#a3c7c7; color:#fff; border:1px solid #96d432;border:1px solid #a3c7c7;}
button.button-green,.button-green a{background:#96d432; color:#222222; border:1px solid #96d432;}
button.button-green:hover,.button-green:hover a{color:#96d432; background:#fff; border:1px solid #96d432;}
button.button-red, .button-red a{background:#e43100;color:#fff; border:1px solid #e43100;}
button.button-red:hover, .button-red:hover a{color:#e43100;background:#fff; border:1px solid #e43100;}
.button span:before, .button a:before, button:before {font-family: 'font-icons'; position: absolute; top: 50%; left: 8px; margin-top: -7px; font-size: 14px;font-weight:normal;}
.add:before{content:"+";  font-weight:normal;font-family:var(--font-sans);font-size:34px; margin-top:-19px;}
.add.addwidget:before{content:"+"; left: 50%; margin-left: -90px;}
.edit:before{content:"\e635";}
.stop:before{content:"\e704";}
.play:before{content:"\e703";}
.delete:before{content:"\e617";}
.ok:before{content:"\e6c8";}
.pay:before{content:"\e629";}
.widget:before{content:"\e6ad";}
.site-header { background-color: #ffffff; padding: 0; display: flex; justify-content: center;
    align-items: center; position: relative; width: 100%; color:#000000; transition:all 0.7s ease-in;}
.header-container {display: grid; grid-template-columns: 180px 1fr 330px; align-items: center; width: 100%; max-width:1280px;justify-content: space-between;
    align-content: center; padding: 10px 20px; color:#fff;padding-right:50px;}
/*.header-container.guest {grid-template-columns: repeat(2, 1fr);}*/
.grid-child{position: relative; display: grid; align-content: center; align-items: center;}
.grid-child.account{position: relative; display: grid; gap:10px; align-content: center; align-items: end; grid-auto-flow: column; justify-content: end;}
.login-need{text-align:right;}
.logo{display: block; width: auto;}
.logo a {
    display: flex;
    gap: 5px;
}
.logo-svg {
    background: #000000;
    border-radius: 10px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    transition:all 0.4s ease-in;
}
.logo a:hover .logo-svg{transform:scale(1.1);}
.logo-svg svg {color: #fff;width: 32px;height: 32px;}
.logo-flex {display: grid;grid-auto-flow: row;gap: 2px;}
.logo-title {display: flex; justify-content: space-between; align-items: center;}
span.span-logotitle {color:#000000;font-family: var(--font-mono);font-weight: 900;font-size: 24px;line-height: 16px;letter-spacing: -0.035em;box-sizing:border-box;}
span.logo-ver {background: #f5f4f4;font-size: 10px; border: 1px solid #e7e3e4;font-weight: 600; color: #3f3f47;
    padding: 0 4px; border-radius: 4px; font-family:var(--font-sans);display:flex;align-items:center;height:18px;}
.logo-desc {font-size: 9px; line-height: 9px; text-transform: uppercase;
    font-weight: 450; font-family: var(--font-sans); color:#71717b;}
ul.mainmenu-ul {display: flex; justify-content: space-around; align-content: center; position: relative;}
.grid-child.mainmenu {padding: 0 20px;}
.mainmenu > .mainmenu-ul > li > a {display: flex;align-items:center;gap:3px;padding: 8px 14px;font-family: var(--font-sans);font-weight: 600;font-size: 12px;color: #3f3f47;}
.mainmenu > .mainmenu-ul > li > a:hover {background:#f5f4f4;color:#0b0809;border-radius:12px;}
.mainmenu > .mainmenu-ul > li > a svg{color:#9f9fa9;width:14px;height:14px;}
.submenu {position: absolute; top: 32px; left: 0; z-index: 10; visibility: hidden; opacity: 0; transform: translateY(20px);
    filter: brightness(75%); transition: opacity 0.5s ease, transform 0.5s ease, filter 0.5s ease, visibility 0s linear 0.3s;
    pointer-events: none; background: #fff;width: 580px;border: 1px solid #e7e3e4;border-radius: 16px;box-shadow: var(--box-shadow1);padding: 16px;}
.mainmenu > .mainmenu-ul > li:hover .submenu {visibility: visible; opacity: 1; transform: translateY(0); filter: brightness(100%);
  transition: opacity 0.3s ease, transform 0.3s ease,  filter 0.3s ease,  visibility 0s; pointer-events: auto;}
ul.submenu-ul {margin: 0;color: #1b1718;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.submenu-ul li{list-style:none;}
.submenu-ul li a {position: relative; text-align: left; padding: 12px; margin: 0; border: 1px solid #f5f4f4; border-radius:12px; display:flex;
    gap:12px; align-items: center;font-size: 14px; color: #1b1718;text-decoration: none; transition: all 0.5s ease-in;}
.submenu-ul li a:hover {background:#fafafa; border:1px solid #e7e3e4;}
.submenu-ul li a .submenu-svg {background: #f5f4f4; border-radius: 12px; color: #3f3f47; border: 1px solid #e7e3e4; 
width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:all 0.5s ease-in; flex-shrink: 0;}
.submenu-ul li a:hover .submenu-svg{background:#e7e3e4;}
.submenu-ul li a .submenu-svg svg{color:#3f3f47;width:20px;height:20px;}
.submenu-ul li a .submenu-text span{display:flex;flex-flow:row;align-items:stretch;}
.submenu-ul li a .submenu-text span.submenu-title{font-size:14px;color:#1b1718;line-height: 16px;font-weight: 700;}
.submenu-ul li a .submenu-text span.submenu-desc{font-size:11px;line-height:13px;color:#71717b;margin-top:2px}
.submenu-note{color:#71717b;font-size:12px;line-height:14px;padding-top:12px;border:1px solid #f5f4f4;display:flex;justify-content:space-between;align-items:center;margin-top:12px;}
.submenu-note .note-left{display:flex;gap:6px;align-items:center;justify-content:flex-start;}
.submenu-note .note-left svg{color:#52525c; width:14px; height:14px;}
.submenu-note .note-right{display:flex;justify-content:flex-end;align-items:center;gap:4px;}
.submenu-note .note-right a{color:#1b1718; font-weight:700;transition:all 0.5s ease-in;}
.submenu-note .note-right a:hover{text-decoration:underline;}
.submenu-note .note-right svg{color:#1b1718; width:12px;height:12px;}
#vk-oauth-widget{width:50px;overflow:hidden;}
.grid-child .button{display:grid;justify-content:end;}
.grid-child .button .pay{color: #3d80e4; background: #eff2f7; border: 1px solid #3d80e4;}
.account-status {font-size: 14px; color: #fff; text-align: right; padding-right: 40px; letter-spacing:0.01em;}
.account-status b{font-size:16px;}
.project-widgets {background: #e4e6f0;}
.grid-child.top-menu{position: absolute; top: 0px; right: 5px;  height: 100%; padding: 0; display: grid; transition: all 0.7s ease-in; align-items: center; align-content: center;}
.menu-wrapper {position: relative; padding-right: 0; cursor: pointer;}
.hamburger-menu {width: 60px; height: 60px; padding-right: 0px; padding-top: 0; cursor: pointer; position: relative;}
.hamburger-menu::before, .hamburger-menu::after {content: ""; padding-left: 0px; display: block; color: #000000;
    transition: all 0.5s ease-in; width: 32px; height:8px;  text-align: center;
    margin: 0 auto; position: absolute; top: 20px; right: 0; border-top: 2px solid #000000; border-bottom: 2px solid #000000;}
.hamburger-menu::after {top: 30px;}
.dropdown{position: absolute; top: 48px;  right: 0; display: block; z-index: 1;}
.dropdown-menu {color: #fff; display: none; margin: 0; padding: 0; margin-top: 11px; list-style: none; background: #fff;
    border: 1px solid #1f6fe0; border-bottom-left-radius: 13px; transition: all 0.7s ease-in; animation: 0.3s linear 0s menu-down-out;}
.menu-wrapper:hover .dropdown-menu{display: block; transition: all 0.7s ease-in;  animation: 0.5s linear 0s menu-up-in;}
.dropdown-menu li {position: relative;  text-align: left; padding: 0px; margin: 0; border-top: 1px solid #d7e8ff;
    border-bottom: 1px solid #b6c8e1; background: #3774cf;}
.dropdown-menu li:last-child {border-bottom-left-radius: 13px;}
.dropdown-menu li a {font-size: 14px;color: #cbdcf5; text-decoration: none; display: block;
    padding: 8px 40px; position: relative; transition: all 0.5s ease-in;}
.dropdown-menu li a:hover {background: #4786e5; color: #fff;}
.dropdown-menu li a{position:relative;}
.dropdown-menu li a:before {font-family: 'font-icons'; position: absolute; top: 50%; left: 8px; margin-top: -12px; font-size: 18px;}
.dropdown-menu li a.settings:before, .dropdown-menu li a.setting:before {content: "\e60f";}
.dropdown-menu li a.finance:before {content: "\e629";}
.dropdown-menu li a.help:before, .dropdown-menu li a.support:before {content: "\e61b";}
.dropdown-menu li a.logout:before {content: "\e664";}
main{min-height:82vh;}
.welcome p{margin: 0; padding: 10px 20px; color: #8f8f8f; text-align: right;}
button.visible:before{content:"\e724";}
button.novisible:before{content:"\e725";}
.button-vk {width: 200px; height: 42px;overflow: hidden;}
/*Blog block*/
.posts-tag {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 285px)); gap: 15px; margin: 0 auto; justify-content: center; justify-items: center;}
.post-item {background: #f4f6fa; border-radius: 4px; list-style: none; padding: 30px 20px; padding-bottom: 25px; display: grid;
    align-content: space-between; min-width: 280px; max-width:285px; justify-content: space-around; gap: 10px; cursor:pointer; transition: all 0.3s ease-in;}
.post-item h3 {margin: 0; text-align: left; overflow: hidden; font-family: var(--font-sans); text-transform: none;}
.post-item h3 a {font-size: 16px; text-align: left; line-height: 22px; color:#353535; font-weight:500;}
.post-item .post-thumbnail a {width: 248px; max-width:100%; height: 186px; overflow: hidden; display: grid; justify-content: center; align-items: center; border-radius: 4px;}
.post-item .post-thumbnail a img:hover{animation:brightness 1.7s;}
.post-item:hover {    -webkit-transform: translateY(-1px);  transform: translateY(-1px);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.post-item:hover h3, .post-item:hover h3 a{color:#000000;}
/*End blog block*/
/*Blog/Manual page*/
.blog-h1 {padding: 20px 0; display: flex; width: 100%; justify-content: center;}
.blog-h1 h1 {width: 1300px; max-width: 100%; font-size:26px; line-height: 36px; margin: 0 auto; margin-top:40px; padding:0 20px;}
ul.blog-listmain {display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin: 0 auto;
    justify-content: center; justify-items: center; max-width: 1250px; width: 100%;}
li.blog-item {background: #f8f9fa;  border-radius: 4px; list-style: none; padding: 30px 20px; padding-bottom: 25px;
    display: grid; align-content: space-between; min-width: 260px; max-width:100%; justify-content: space-around; grid-template-rows: 1fr 186px 2fr; gap: 10px; transition: all 0.3s ease-in;}
li.blog-item:hover{  -webkit-transform: translateY(-1px);  transform: translateY(-1px);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.blog-info { padding-top: 20px; text-align: left; display: grid; grid-template-rows: 120px 50px; gap: 10px;}
a.blog-thumb {width: 100%;height: 186px; overflow: hidden; display: grid; justify-content: center; align-items: center; border-radius:4px;}
.blog-thumb img {min-width: 100%; min-height: 100%; max-width: max-content;display: block;}
.blog-title {margin: 0;text-align: left; overflow:hidden; font-family: var(--font-sans);text-transform: none;font-size:16px;line-height:20px;}
.blog-title a {text-align: left;color:#353535; font-weight:500;}
.blog-item:hover .blog-title a{color:#000000;}
.blog-excerpt {overflow: hidden;}
.blog-excerpt p{font-size:14px; line-height:20px;}
.blog-readmore {display: flex;  justify-content: space-around;  margin-top: 15px;}
.blog-readmore a.btn {max-width: 200px; padding: 10px 20px;}
.blog-wrapper, .manual-wrapper {max-width: 1250px; margin: 40px auto; margin-top:0; padding: 0px 20px; border-radius: 4px; background: #ffffff; position: relative;}
.blog-in, .manual-in  {display: grid; grid-template-columns: 28% 72%; justify-content: space-evenly; justify-items: center; max-width: 1140px; margin: 0 auto;}
.blog-sidebar, .manual-sidebar {border-right: 1px solid #E2E4E8; padding:40px 0; padding-right: 40px; background: linear-gradient(to right, transparent 85%, #E2E4E8 100%); max-width: 320px; width: 100%;    display: flex; flex-direction: column;
  min-height: 400px; position: sticky; top: 0; height: 100vh; overflow-y: hidden;margin-left:-10px;}
.blog-sidebar h2, .manual-sidebar h2 {font-size: 18px; margin-bottom: 15px; color: #333333; font-weight: 600; padding: 0;padding-left:12px;}
.blog-toggle, .manual-toggle {display: none; position: absolute; top: 20px; right: 20px; background: #3d80e4; color: #fff; border: none; border-radius: 4px; padding: 10px 16px; font-size: 15px; cursor: pointer; z-index: 1001;    font-family: var(--font-sans); font-weight: 500; letter-spacing: 0.07em;}
.blog-list, .manual-list {list-style: none; margin: 0; padding: 0;height:100%;; overflow-y:auto;}
.blog-list li,.manual-list li {margin-bottom: 8px;}
.blog-list  a, .manual-list a {display: block; padding: 8px 12px; text-decoration: none; color: #555555; border-radius: 4px; transition: background 0.2s, color 0.2s;}
.blog-list  a:hover, .blog-list a.active, .manual-list a:hover,  .manual-list a.active{background: #eeeff3; color: #000000;}
.blog-content, .manual-content {line-height: 1.7;color: #333; max-width: 1300px; padding:40px 0; padding-left: 20px; width: 100%;}
.blog-content h1, .manual-content h1 {margin-top: 0; color: #111; font-size: 26px; line-height: 30px; margin-bottom:40px;}
.blog-content h2{margin-top:60px; margin-bottom:15px;}
.blog-content .btn-green, .blog-content .btn, .blog-content .btn-blue, .blog-content .button{margin-bottom:40px;}
.blog-content img{margin:40px 0;}
.blog-content ul, .manual-content ul {margin: 20px 0; padding-left: 1.6em;list-style: none; counter-reset: custom-counter;}
.blog-content li, .manual-content li {position: relative; margin-bottom: 3px; padding-left: 15px; line-height: 1.6; color: #333;}
.blog-content ul.li::before, .manual-content li::before {content: ""; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; background-color: #555555; border-radius: 50%; box-shadow: 0 0 0 3px rgba(87,97,117,0.15); transition: transform 0.2s, box-shadow 0.2s;}
.blog-content ul.li:hover::before, .manual-content li:hover::before {transform: scale(1.3); box-shadow: 0 0 0 4px rgba(87,97,117,0.25);}
.blog-content ul ul, .manual-content ul ul  { margin-top: 8px; border-left: 2px solid rgba(87,97,117,0.1); padding-left: 1.2em;}
.blog-content ul ul li::before, .manual-content ul ul li::before { background-color: rgba(87,97,117,0.7); width: 6px; height: 6px;}
.blog-content ol, .manual-content ol { margin: 20px 0; padding-left: 2em; counter-reset: ordered; list-style: none;}
.blog-content ol li, .manual-content ol li {counter-increment: ordered; margin-bottom: 10px; padding-left: 30px; position: relative;}
.blog-content ol li::before, .manual-content ol li::before {content: counter(ordered) "."; position: absolute; left: 0; top: 0; color: #000000; font-weight: 600;}
.block-body img{margin:20px 0; border-radius:4px;}
.glossarii {background: #f8f9fa; padding: 20px; margin-bottom: 30px; border-radius: 4px; margin-top: 40px;}
.glossarii p {font-size: 14px; line-height: 16px; margin: 8px 0; position:relative; padding-left:20px}
.glossarii p:before{content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background-color: #878787;
    border-radius: 50%;  box-shadow: 0 0 0 4px rgb(100 105 112 / 15%); transition: transform 0.2s, box-shadow 0.2s; transform: scale(1.2);}
.glossarii h2 {margin: 10px 0;}
.glossarii strong, .glossarii b {color: #000000;}
.glossarii i, .glossarii em {color: #797777;}
.inline-digital {display: flex;  gap: 10px; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; flex-wrap:nowrap;}
.image-left, .image-right{display:grid;gap:15px;}
.image-left.w370{grid-template-columns:370px 1fr;}
.image-left.w260{grid-template-columns:260px 1fr;}
.image-right.w370{grid-template-columns:1fr 370px;}
.image-right.w260{grid-template-columns:1fr 260px;}
.image-left.w370 .image, .image-right.w370 .image{width:370px;max-width:100%;position:relative;text-align:center;margin:0 auto;}
.image-left.w260 .image, .image-right.w260 .image{width:260px;max-width:100%;position:relative;text-align:center;margin:0 auto;}
.manual-tag {display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.manual-item {
    background: #f8f9fa;
    border-radius: 4px;
    list-style: none;
    padding: 0;
    padding-top: 20px;
    display: flex;
    flex-flow: wrap;
    align-content: space-between;
    min-width: 200px;
    justify-content: space-around;
    gap: 20px;
    transition: all 0.3s ease-in;
	cursor:pointer;
}
.manual-item h3 {margin: 0;text-align: center;overflow: hidden;line-height:20px; text-transform: none;width: 100%;}
.manual-item h3 a {font-family: var(--font-sans);font-size: 16px; text-align: left; color: #353535;}
.manual-item:hover{-webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.manual-item h3:hover a{color:#000;}
.manual-item .manual-thumbnail {width: 100%;display: block; padding: 0; border-radius: 4px;}
.manual-item .manual-thumbnail img {width: 100%;border-radius: 4px; padding: 0; margin: 0;}
.manual-item .manual-thumbnail a {display: block;width: 100%;padding: 0;padding-bottom: 0;margin: 0;}
.manual-item :hover.manual-thumbnail a img{animation:brightness 1.7s;}
/*End blog/manual block*/
/*Manual List*/
.manual-h1 {padding: 20px 0; display: flex; width: 100%; justify-content: center;}
.manual-h1 h1 {width: 1300px; max-width: 100%;margin: 0px auto; margin-top:40px; padding:0 20px; text-align:center; color:#000000;}
ul.manual-listmain {display: grid; grid-template-columns: repeat(3,1fr);
    gap: 15px; margin: 0 auto; justify-content: center;max-width: 1250px; width: 100%; justify-items: stretch;}
li.manual-item {background: #f4f6fa;border-radius: 4px; list-style: none; padding: 30px 20px;
    padding-bottom: 25px;display: grid;align-content: space-between; min-width: 280px;justify-content: space-around;
    gap: 10px; transition: all 0.3s ease-in;}
li.manual-item:hover{  -webkit-transform: translateY(-1px);  transform: translateY(-1px);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.manual-info { padding-top: 20px; text-align: left; display: grid; grid-template-rows: 50px; gap: 10px;}
a.manual-thumb {width: 100%;height: auto;overflow: hidden;display: grid;justify-content: center;align-items: center;border-radius:4px;}
.manual-thumb img {/* min-width: 100%; *//* min-height: 100%; */max-width: 100%;display: block;}
.manual-title {margin: 0;text-align: left; overflow:hidden; font-family: var(--font-sans);text-transform: none;}
.manual-title a {text-align: left; font-size: 16px;  text-align: left; line-height: 20px; font-weight:500;color:#353535;}
.manual-item:hover .manual-title a{color:#000000;}
.manual-readmore {display: flex;  justify-content: space-around;  margin-top: 15px;}
.manual-readmore a.btn {max-width: 200px; padding: 10px 20px;}
article p {margin: 5px 0;}
.inlink {margin: 20px 0;}
.inlink p{font-size:16px;font-style:italic;}
.inlink p a{display:inline-block;font-size:16px; line-height:20px; font-weight:600;letter-spacing:0.05em;}
/*End Manual*/
/*Banner*/
.sections-block.four-column{display:grid;grid-template-columns:repeat(4,1fr);    gap: 10px;
    justify-content: center; align-items: stretch; align-content: space-between; margin-bottom: 20px;}
.sections-block.three-column{display:grid;grid-template-columns:repeat(3,1fr);    gap: 10px;
    justify-content: center; align-items: stretch; align-content: space-between; margin-bottom: 20px;}
.sections-block.two-column{display:grid;grid-template-columns:repeat(2,1fr);    gap: 10px;
    justify-content: center; align-items: stretch; align-content: space-between; margin-bottom: 20px;}
.widget-column {padding: 40px 30px; background:#f8f9fa; border-radius: 4px; display: grid; align-content: stretch; gap: 20px;}
.widget-content p {text-align: left;}
.list-demo .widget-column{padding:0; gap:0;}
.list-demo .widget-image {overflow: hidden;}
.list-demo .widget-image a {border: 0; padding: 0; display:block;background:transparent;}
.list-demo .widget-image a:hover{background:transparent;}
.list-demo .widget-image img {border-top-left-radius: 4px; border-top-right-radius: 4px; width:100%; transform:scale(1); transition:all 0.5s ease-in;}
.list-demo .widget-image:hover img{transform:scale(1.2);}
.list-demo .widget-content {padding: 0 30px; padding-bottom:30px; margin-top:-20px;background:#f4f6fa;position:relative;z-index:1;border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.list-demo .widget-content p.title{padding:20px; font-weight:bold; font-size:18px; text-align:center;}
.list-demo .widget-content a.btn{margin-top:20px;}
.second-block{margin-top:30px;}
.bgwhite{background:#ffffff;}
.intro-center{padding:20px; border-radius:4px;}
.center-img img{border-radius:4px;}
/*End Banner*/
/*Video*/
.section-video {margin:auto;text-align:center; width:100%; background: #3b75cb; border-radius: 4px;}
.section-video video{max-width:100%;height:auto; background: #3b75cb; padding: 5px; border-radius: 4px; accent-color: #3b75cb;}
.timeline-chapters {display: flex; flex-flow:wrap; gap:10px 15px; justify-content: space-between;color: #fff; font-size: 14px; padding:10px;padding-top:5px;}
.timeline-chapters span {cursor: pointer;    color: #cee1ff; position: relative;transition: color .2s;}
.timeline-chapters span::before {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%); width: 2px; height: 6px; background: #3b75cb;}
.timeline-chapters span.active {color: #fff; font-weight: 600;}
.timeline-chapters span.active::before {background: #fff;}
.timeline-chapters span:after {content:''; position:absolute; bottom:0; left:0;width:0; height:1px; background:#ffffff; transition:all 0.4s ease-in;}
.timeline-chapters span:hover{color:#ffffff;}
.timeline-chapters span:hover:after {width:100%; transition:all 0.3s ease-in;}
/*End Video*/
/*Footer*/
.site-footer {position: relative;overflow: hidden;background: #ffffff;color: #353535;text-align: center;padding: 40px 20px;display: block;}
.site-footer p{margin:0;}
.site-footer .block-footer{display:grid;max-width: 1310px;width:100%;grid-template-columns: 31% 67%;position: relative;z-index: 1;/* color: #fff; */justify-content:space-between;font-size:14px;margin: 0 auto;text-align: center;gap: 90px;}
.footer-about {display: grid;grid-auto-flow: row;gap: 15px;text-align: left; align-content:center;}
.footer-company {font-family:var(--font-sans); font-weight:700; font-size:38px; text-align: left; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 10px;}
.footer-about .logo-img {display: block;width: 150px;max-width:100%;}
.footer-company span {margin: 0; font-size: 14px; line-height:16px; font-weight:500; font-family:var(--font-sans); text-align: left;}
.messenger {display: grid; grid-auto-flow:column; gap: 25px; align-items: center; font-size: 14px; line-height: 15px;  margin: 0; padding: 0; justify-content:start;}
.messenger-right {display: grid; grid-auto-flow: column; justify-content: start; align-items: center; gap: 15px;}
.site-footer .messenger a {border: 0; display: block; width: 30px; height: 30px;}
.site-footer .messenger a:last-child { margin-top: 7px;}
.site-footer .messenger a img{transition:all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);max-height: 30px; max-width: 30px;}
.site-footer .messenger a:hover img {transform:scale(1.2)}
.site-footer .messenger a:hover{border:0;}
.pay-footer span {display: block; padding: 0; padding-bottom: 0px; font-size: 14px; line-height: 20px;}
.pay-beznal { padding-top: 0px; font-size: 14px; line-height: 20px; padding-bottom:20px;}
.pay-icon {display: grid;  grid-auto-flow: column;  gap: 10px; justify-content: start;}
.pay-icon img {min-width: 30px;max-height:25px; height:20px;}
.footer-right{grid-auto-flow:column; display: grid; justify-items: stretch;}
.site-footer .f-left{text-align:left;}
.site-footer .f-right{text-align:right; font-size:11px;}
.footer-item {text-align: left; margin-top: 10px;}
.footer-title {font-family:var(--font-sans); font-weight: bold;font-size: 18px;line-height:19px;/* color: #fff; */padding-bottom: 10px;}
.footer-item li {padding-bottom: 10px;}
.site-footer a {color: #353535;border-bottom: 1px dotted #353535;transition:all 0.5s ease-in;}
.site-footer a:hover{border-bottom: 1px solid #4d80cd; color: #4d80cd;}
p.f-center {font-size: 12px; margin-top: 60px;font-weight:200;font-family:var(--font-sans);}
.button-start a {
    width:100%;
    max-width:1310px;
    margin:0 auto;
    padding:8px 0;
    background: #2ecc71;
    border: 1px solid #2ecc71;
    color:#fff;
    display:block;
    font-size:18px;
    text-transform:uppercase;
    border-radius:4px;
    line-height:36px;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
}
.button-start a:before{content:"\e703"; font-family:'font-icons'; padding-right:15px;}
.button-start:hover a {background:#01dd5e; border:1px solid #01dd5e;}
/*#dotsCanvas {position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; z-index: 0;}*/
/*End Footer*/
.overload, #overload-cancel{display:none; width: 100%;height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: #ffffff4d; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); align-items: center; justify-content: center; align-content: space-evenly; justify-items: center;}
#overload-cancel.visible{display:block;}
.modal-buttons {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
#confirm-cancel{
    margin: 0;
    cursor: pointer;
    padding: 15px 20px;
    display: block;
    width: auto;
    background: #3d80e4;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.7sease-in;
    opacity: 0.85;
    text-align: center;
    border: 0;
    transition: all 0.7sease-in;
    position: relative;
    padding-left: 28px;
}
#confirm-cancel:hover{transition: all 0.7s ease-in; opacity: 1; filter: brightness(1.1);}
#answer-message, #cancel-modal{width: 450px; height: 250px; background: #fff; max-width: 90%; padding: 40px; box-shadow: 3px -1px 5px 2px #d1d1d1; border: 2px solid #1E88E5; border-radius: 4px; display: grid; align-content: center; justify-content: center; align-items: center;  text-align: center; position: relative;padding:20px;}
#answer-message p, #cancel-modal p, #answer_text{font-size: 16px;}
div#answer-close{position: absolute;right: 0;top: 0;z-index: 1;width: 60px;height: 60px;cursor: pointer;}
div#answer-close:before, div#answer-close:after {content: '';  width: 40px;  height: 3px;  background: #3d80e4;  display: block;  position:absolute; top:25px; right:8px;}
div#answer-close:before{transform: rotate(45deg); transition:all 0.7s ease-out;}
div#answer-close:after{transform: rotate(135deg);transition:all 0.7s ease-out;}
div#answer-close:hover:before{transform: rotate(405deg);transition:all 0.7s ease-out;}
div#answer-close:hover:after{transform: rotate(495deg);transition:all 0.7s ease-out;}
div#answer-text{display:block;max-width:100%;}
div#answer-text .button-add-block {display: grid; gap: 10px; grid-auto-flow: dense; grid-template-columns: repeat(2, 1fr);}
div#answer-text .button-add-block .confirm-add-block, div#answer-text .button-add-block .cancel-add-block{display: grid; justify-content: center; align-items: stretch; align-content: stretch; gap: 10px; width: fit-content;}
div#answer-text .button-add-block a{display: grid; align-content: center; font-size: 12px;}
.button-ready-widget{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top:20px;}
.confirm-load-ready-widget, .cancel-load-ready-widget{width: 100%; justify-content: stretch;}
#preloader {position: fixed; top: 0;left: 0; right: 0; bottom: 0; z-index: 9999999; opacity: 1; background: radial-gradient(#ffffff, #ffffff80););}
#preloader #status { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#preloader #status .spinner { width: 40px; height: 40px; position: relative; margin: 50px auto;}
#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #6495ed;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
#preloader #status .spinner .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
#preloader p{min-width: 320px;max-width: 100%;padding: 0 20px; text-align: center; font-size: 33px;font-family:var(--font-sans);}
#preloader p i{font-style:normal;display: block;font-size: 18px; color: #40417b;}
@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); }}
@keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); }}
.table-contents {background: #f8f9fa; border-left: 1px solid #000000; padding: 20px; margin-top:10px; margin-bottom: 30px; border-radius: 4px; border-right: 1px solid #00000052;}
.table-contents h3 {margin-top: 0; color: #2c3e50; font-size: 1.2em;}
.table-contents ul {list-style: none; padding-left: 0; margin-bottom: 0; display: grid;
    grid-template-columns: repeat(2, 1fr); justify-content: space-between;  align-items: start;  gap: 10px;}
.table-contents li {margin-bottom: 8px; position: relative; padding-left: 16px;}
.table-contents a {text-decoration: none; transition: color 0.2s ease;}
.scroll-top { flex: 1; position: relative; min-height: 100px; cursor: pointer;}
.scroll-top-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(71 134 229 / 0%); transition: background 0.4s ease; pointer-events: none;}
.scroll-top:hover .scroll-top-overlay { background: rgb(71 134 229 / 11%);}
.scroll-top-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; transition: all 0.4s ease; opacity: 0;
    visibility: hidden; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; width: 70%; height: 50vh; pointer-events: none; text-align: center;}
.scroll-top-content span {color: #fff; font-weight: bold; font-size: 18px;}
.scroll-top:hover .scroll-top-content {opacity: 1; visibility: visible;}
.scroll-top-arrow {width: 70px; height: 140px; color: white; transition: all 0.3s ease;}
.scroll-top:hover .scroll-top-arrow {transform: scale(1.05);}
section.page {padding: 40px 20px;}
.section-page {padding: 40px; margin: 0 auto; text-align: left; max-width: 1350px; background: #ffffff33; border-radius: 4px;}
.VkIdSdk_oauth_link_text{color:#ffffff!important; margin-bottom:5px !important; text-transform:uppercase; font-size:12px; font-weight:bold;}
table.pros {width: 100%; background: #ffffff50;}
table.pros td {padding: 15px;}
table.pros tr:nth-child(odd){background:#ffffff;}
table.pros tr:nth-child(even){background:#f4f6fa;}
table.pros thead td {background: #edeff5; color: #000000; font-size: 12px; text-transform: uppercase; font-weight: 500; font-family:var(--font-sans);}
table.pros thead td:first-child{border-top-left-radius:4px}
table.pros thead td:last-child{border-top-right-radius:4px}
table.pros tbody td:nth-child(1){text-align:left;}
table.pros tbody td:nth-child(2){color:#008b62; font-weight:450;}
table.pros tbody td:nth-child(3){color:#424242; font-weight:normal; font-size:14px;}
.faq-list {display: grid;grid-auto-flow: row;gap: 5px;}
.faq-question {cursor:pointer;position:relative;transition:all 0.5s ease-in;background: #f4f6fa;padding: 0px;text-align: left;border-radius: 4px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.faq-question a{display:block;padding: 15px;padding-right:40px;color: #000000;font-family:var(--font-sans);font-size: 18px;line-height: 20px;font-weight: 400;}
.faq-question:hover, .faq-question a:hover, .faq-question.factive{background: #e2e8f1;}
.faq-question a:before, .faq-question a:after {position: absolute;top:50%;right: 15px;left:auto;bottom:auto;margin-top:-2px;content: '';background: #000000;width: 12px !important;height: 1px;transition:all 0.5s ease-in;border-bottom:0;}
.faq-question a:hover:before, .faq-question a:hover:after{width:12px;}
.faq-question a:after{transform:rotate(90deg);}
.faq-question.factive a:after{transform:rotate(180deg);}
.faq-answer {background: #f9fafe;display:block;padding: 5px 20px;padding-bottom: 0;max-height: 0px;overflow: hidden;transition:all 0.7s ease-in;text-align: left;border-radius:4px;border-top-left-radius: 0;border-top-right-radius: 0;
color:#000000;font-size:16px;line-height:20px;font-weight:300;}
.faq-answer.factive{max-height: 100%;transition:all 0.3s ease-in;padding:20px;}
.manual-block {display: grid; grid-auto-flow: row; gap: 5px;}
.manual-block .manual-title {cursor:pointer; position:relative; transition:all 0.5s ease-in; background: #f2f4f6; padding: 0px; text-align: left; border-radius: 4px; border-bottom-left-radius: 0;  border-bottom-right-radius: 0;display:block;padding:15px; padding-right:40px;}
.manual-block .manual-title h2{padding:0; margin:0; text-transform:none;color: #000000;font-family: var(--font-sans);font-size: 16px;line-height: 18px;font-weight: 400;}
.manual-block .manual-title:hover, .manual-block .manual-div.active .manual-title{background: #dee3e9;}
.manual-block .manual-title:before, .manual-block  .manual-title:after {position: absolute;top:50%;right: 15px;margin-top:-2px;content: '';background: #000000;width: 12px;height: 1px;transition:all 0.5s ease-in;}
.manual-block .manual-title:after{transform: rotate(90deg);}
.manual-block .manual-div.active .manual-title:after {transform: rotate(180deg);}
.manual-block .manual-text {background: #f9fafe; display:block; padding: 5px 20px; padding-bottom: 0; max-height: 0px; overflow: hidden; transition:all 0.7s ease-in; text-align: left; border-radius:4px; border-top-left-radius: 0; border-top-right-radius: 0;}
.manual-block .manual-div.active .manual-text{max-height:100%; transition:all 0.3s ease-in;padding:20px;}
.manual-grid {display: grid; grid-auto-flow: column; gap: 20px; margin: 20px 0; padding: 5px;  border: 1px solid #e2e8f1; border-radius: 4px; justify-content: center;}
.manual-grid figure {margin: 0; display: grid; justify-content: center; align-content: center; padding: 0;}
.manual-grid div {align-content: center;}
header.site-header.fixed {position: fixed;background: #ffffff;backdrop-filter:blur(4px);top: 0;left: 0;right:0;z-index:99999;animation: slideDown 0.3s ease;}
@keyframes slideDown {from {transform: translateY(-100%); opacity: 0;} to {transform: translateY(0); opacity: 1;}}
header.site-header.fixed .vk-auth-title{display:none !important;}
.mobhead-auth {display: none; padding: 10px 0; gap: 10px;}
.mobhead-auth a.btn, .mobhead-auth .button a {padding: 10px 15px;}
.mobblock, .mobflex, .mobgrid{display:none;}
.destkshow{display:block;}
@media (max-width:1330px){
.main-tab{margin:0px 20px;}
section {margin: 20px;max-width: 100%;}
}
@media (max-width:1310px){
section .section-in {width: 100%; max-width: 100%; padding: 0  20px;}
.section-clients .container{width:100%;max-width:100%;padding:20px;}
ul.widgets-ul, .price-ul{width:100%;  max-width:100%;}
.main-widget-block, .blog-widget-block {width:100%;max-width:100%;padding: 0;margin: 0;}
.manual-wrapper, .blog-wrapper{margin:40px 20px;padding-top:0px;}
.hero-main{padding:0 20px;}
/*.hero-textin{padding-top:0;}*/
.button-start {padding: 0;}
.grid-child.top-menu{right:20px;}
ul.blog-listmain {grid-template-columns: repeat(3,1fr);}
}
@media (max-width: 1250px) {
  .section-in{overflow-x:hidden;}
}
@media (max-width: 1150px) {
  .footer-company{grid-auto-flow: row; grid-template-columns: 1fr;}
}
@media (max-width: 1100px) {
  .site-footer{padding:30px 20px;}
.manual-in, .blog-in {display: block;}
.manual-toggle, .blog-toggle {display: inline-block; z-index:1;}
.manual-sidebar, .blog-sidebar {position: fixed;top: 0; left: -290px; width: 260px; height: 100vh; background: #fff; border-right: 1px solid #e0e0e0;
 box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1); padding: 20px;overflow-y: auto;transition: left 0.3s ease; z-index: 1000;}
.manual-sidebar.open, .blog-sidebar.open {left: 0;}
.manual-content, .blog-content { padding-left: 0; max-width: 100%;padding-top:100px;}
body.manual-menu-open::before, body.blog-menu-open::before {content: ""; position: fixed;inset: 0; background: rgba(0,0,0,0.3); z-index: 999; transition: opacity 0.3s ease;}
/*.hero-textin{padding-top:8%;}*/
h1{font-size:24px; line-height:30px;}
.hero-textin .h1-desc{font-size:15px; line-height:19px;}
.hero-grid{font-size:13px;}
.hero-main{/*grid-template-columns:30% 39% 30%; min-height: 80vh;*/  height: auto;}
.hero-img.right img{max-width:135%;}
/*.hero-img.left > div{margin:0 0 0 -20%;}*/
/*.hero-img.right > div {margin: 0 -20% 0 0;}*/
}
@media (max-width: 980px) {
.hero-textin h1{font-size:26px; line-height:30px;}
.hero-textin .h1-desc{font-size:15px; line-height:24px;}
.hero-grid{font-size:14px;}
/*.hero-img.left > div{margin:0 0 0 -30%;}*/
/*.hero-img.right > div {margin: 0 -30% 0 0;}*/
.hero-img.right img{max-width:150%;}
.hero-img.left img{max-width:110%;}
.grid-child.account .button b{display:none;}
ul.manual-listmain {grid-template-columns:repeat(2,1fr)}
/*.section-in.half p{font-size:14px;line-height:20px;padding-bottom:5px;}*/
.footer-right{grid-auto-flow:row;}
.site-footer .block-footer{gap:50px;}
.footer-item ul {grid-template-columns: repeat(2, 1fr); display: grid;}
}
@media (max-width:920px){
    .inline-digital{flex-direction:column; justify-content:center;}
	ul.blog-listmain {grid-template-columns: repeat(2,1fr);}
} 
@media (max-width:860px){
  .site-footer .block-footer{grid-template-columns:repeat(1,1fr);}
  .site-footer .f-left{margin-bottom:10px;}
  .site-footer .f-left, .site-footer .f-right{text-align:center;}
  .sections-block.three-column{display:grid;grid-template-columns:repeat(1,1fr);}
  .sections-block.four-column{display:grid;grid-template-columns:repeat(2,1fr);}
  .footer-about{gap:30px;padding-top:20px;}
  .footer-about br{display:none;}
  .footer-right{row-gap:20px;}
}
@media (max-width:768px){
.profit{grid-template-columns: repeat(auto-fit, minmax(99%, 1fr));}
.main-widget-block, .main-widget-block.right {width:100%;max-width:100%;padding: 0;margin: 0;grid-template-columns: repeat(1,1fr);justify-content: center;}
.main-widget-content{padding:40px 20px;}
.main-widget-img {max-width:350px;width: 100%;margin: 0 auto;}
.section-item .main-widget-img {max-width:100%;}
.section-in.half .main-widget-block{grid-template-columns:1fr;}
.section-in.half .main-widget-img{max-width:550px;}
.hero-img.right img{max-width:190%;}
.hero-img.left img{max-width:130%;}
.section-double, .section-4060{grid-template-columns:repeat(1,1fr);}
.button b{display:none}
.button-vk{width:44px;}
.header-container{grid-template-columns:80px 1fr;}
.grid-child.account{padding-right:40px;}
.grid-child.logo img{padding-bottom:8px;}
.grid-child.account .button a{padding:11px 14px;}
.header-container .btn, .header-container .button span, .header-container .button a, .header-container button {padding: 11px 14px;}
.hero-textin{padding-top:40px;padding-bottom:40px;}
.menu-wrapper{height: 40px; width: 40px;display: flex;align-items: center;justify-content: end;}
.hamburger-menu{height:40px;}
.hamburger-menu::before{top:10px;}
.hamburger-menu::after{top:20px;}
.VkIdSdk_oauth_list{max-height:40px;}
.vk-auth-section{position:relative;}
.vk-auth-title{position: absolute; top: -20px; left: 0; width: max-content;}
.sections-block.four-column, .sections-block.three-column, .sections-block.two-column{grid-template-columns:1fr;}
.manual-wrapper, .blog-wrapper{margin:40px 20px;}
.profit-item{padding:40px 20px;}
.content-double{grid-template-columns:1fr;}
.site-footer .block-footer{gap:20px;}
.manual-tag {grid-template-columns: repeat(2,1fr);}
}
@media (max-width:680px){
.account-status{padding-right:0;}
header .button a b{display:none;}
.div_current_tarif, .change_div_grid, .pay_tarif1{grid-auto-flow:row}
 .pay_tarif1{grid-template-columns: 1fr 150px;}
 p.change_title{text-align:left;}
.payment_div h1{padding-left:10px;}
.main-page .widget-title, .main-page .price-title{font-size:23px;}
.widget-price span.sprice{font-size:28px;}
.hero-main{/*grid-template-columns: 70% 30%;*/}
.hero-img.left{display:none;}
.destkshow{display:none;}
ul.widgets-ul, .price-ul{justify-content:center; grid-template-columns:auto;}
.main-page .widgets-ul>li, .main-page .price-ul>li, section .price-ul>li{width: 370px; max-width: 100%;}
section .price-ul li{display:block;}
section .price-ul li .widget-title, section .price-ul li .main-text, section .price-ul li .widget-price, section .price-ul li .main-button, section .price-ul li .month-price {
    margin-bottom: 15px;
}
ul.manual-listmain {grid-template-columns: repeat(1, 1fr); width:100%; max-width: 450px;}
.main-page .main-text li, section .main-text li{padding-right:16px;}
.btn-green, .btn{padding:15px 10px;}
.intro-main p{padding:0 40px;}
.hamburger-menu::before{letter-spacing:0;}
.posts-tag{grid-template-columns:auto;}
.post-item{max-width:100%;}
.post-item .post-thumbnail a{width:100%;display:block;height:auto;}
.post-item .post-thumbnail a img{width:100%; border-radius:4px;}
ul.blog-listmain {grid-template-columns: repeat(1,1fr); max-width:380px;}
}
@media (max-width:580px){
.header-container{grid-template-columns: 100px 40px; padding-right:0; padding-top:60px;}
.fixed .header-container{padding-top:10px;}
.button span, .button a, button{padding:10px 12px;}
.main-widget-block .main-widget-button, .main-widget-block.right .main-widget-button{grid-auto-flow:row; justify-content:center;}
.main-widget-content{padding:40px 20px;}
.fixed .grid-child.logo img{padding-bottom:0;}
.grid-child.account{position: absolute; top: 5px; left: 20px; padding-right: 0; width: calc(100% - 40px); justify-content: center; gap: 10px; grid-template-columns: 70px 120px 1fr;}
.grid-child .btn-green, .grid-child .btn, .grid-child .btn-blue{padding:12px 10px;}
.fixed .grid-child.account{display:none;}
.grid-child.account .button a, .header-container .btn, .header-container .button span, .header-container .button a, .header-container button{font-size:10px;}
.grid-child.top-menu{position:relative;}
.menu-wrapper{text-align:right; display:grid;}
.vk-auth-title{display:none;}
table.pros td{padding:10px;}
table.pros tbody td{font-size:12px;}
table.pros thead td{text-transform:none;}
table.pros tbody td:nth-child(1){padding-left:15px;}
.mobhead-auth{display: flex;}
.mobblock{display:block;}
.mobflex{display:flex;}
.mobgrid{display:grid;}
.faq-question a{font-size:16px; line-height:20px;}
h1, .blog-h1 h1, .inside-title h1, .blog-content h1, .manual-content h1, .main-page h1, .payment_div h1{font-size:24px; line-height:28px; padding:0 20px; margin:20px 0;}
.table-contents ul{grid-template-columns:repeat(1,1fr);}
.image-left.w370{grid-template-columns:1fr;}
.image-right.w370{grid-template-columns:1fr;}
.manual-tag {grid-template-columns: repeat(1,1fr);}
}
@media (max-width:480px){
h2{font-size:18px; line-height:24px;}
.hero-img.right{display:none;}
.hero-main{/*grid-template-columns: 100%;*/background: #ffffff78; margin: 20px; padding: 20px; box-sizing: border-box; max-width: 100%; width: auto; height: auto; min-height: 100%; display: grid; border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.hero-center { align-items: start;display: block;}
.hero-textin{padding-top:20px;padding-bottom:20px;}
h1, .blog-h1 h1, .inside-title h1, .blog-content h1, .manual-content h1, .main-page h1, .payment_div h1, .hero-textin h1{padding:10px 0;margin:0;font-size:20px; line-height:24px;padding-bottom:30px;}
.hero-textin h1 .animate{font-size:20px; line-height:24px; margin-top:0px;}
.hero-textin .hero-grid{display: flex; flex-flow: wrap; row-gap: 12px;}
.hero-textin .hero-btn{padding-top:0;}
.hero-btn a{max-width: max-content; padding: 15px 10px; font-size: 11px;}
.menu-content{grid-template-columns:repeat(1,1fr);row-gap:5px;}
.menu-section{margin-bottom:20px;}
.grid-child.account{grid-template-columns: 70px 110px 1fr; gap:10px}
.grid-child .btn-green, .grid-child .btn, .grid-child .btn-blue{padding:10px 7px; font-size:12px;}
.grid-child.account .button a, .grid-child.account a.btn {padding: 12px 8px; font-size: 9px;}
.section-title { padding: 0;}
section > .section-title {padding: 20px;}
.section-title h2{margin-bottom:10px; font-size:18px;line-height:22px;}
.intro-main h2{font-size:18px;line-height:22px;padding:0 10px; padding-bottom:20px;}
.section-title p{font-size:14px;}
.profit-title {display: flex; align-items: center; gap: 15px;text-align:left;}
.icon2, .icon {display: flex;  align-content: center; align-items: center;}
.profit-title  h3{min-height:40px;}
.profit-item h3{font-size:14px; line-height:16px;}
.profit.double .profit-text b, .profit.double .profit-text{text-align:left; font-size:14px; line-height:18px;}
span.word-first{font-size:44px;line-height:46px;}
table.pros{background:#ffffffa1;}
table.pros td{padding:10px 5px;}
table.pros tbody td {font-size: 12px; line-height: 14px; padding: 2px; transform: scale(0.9);}
table.pros tbody td:nth-child(1){padding-left:0;}
table.pros tbody td:nth-child(2), table.pros tbody td:nth-child(3){font-weight:normal;font-size:12px;}
.timeline-chapters{font-size:11px;line-height:13px;}
.section-clients{padding:20px;}
.section-clients .container{grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));}
.intro-main p{padding:0 20px; font-size:15px;line-height:20px; text-align:left;}
.section-in.half p{font-size:15px; padding-bottom:10px;}
h1, .blog-h1 h1, .inside-title h1, .blog-content h1, .manual-content h1, .main-page h1, .payment_div h1, .blog-content h1{font-size:18px;line-height:28px;padding-left:0;}
.inside-title h1{padding-left:0;}
.flex-vcenter .desc, p.desc{font-size:16px; line-height:22px;}
section .section-in{padding:0 12px;}
.section-double, .section-4060{width:100%;}
.section-item{padding:30px 0;}
.sections-block.four-column {grid-template-columns: repeat(1,1fr);}
.image-left.w260{grid-template-columns:1fr;}
.image-right.w260{grid-template-columns:1fr;}
.main-page .widgets-ul>li, .main-page .price-ul>li, section .price-ul>li{max-width:75%}
.faq-question a{font-size:14px; line-height:26px;}
.faq-answer{font-size:14px;line-height:20px;} 
}