@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600&display=swap');

body {font-family: 'Rubik', sans-serif; font-size:var(--n-fz); line-height:1.6;font-weight:300; color:var(--text-color); background:#fff; font-smooth: auto;webkit-font-smoothing:subpixel-antialiased; moz-osx-font-smoothing:grayscale}

/*main*/	
a {transition:.2s} 
.outer {width:95%; max-width:1300px; margin:0 auto; }
.wrapper {width:95%; max-width:1200px; margin:0 auto; }
.inner {width:95%; max-width:980px; margin:0 auto; }
	.btn  {font:inherit;height:80px;line-height:80px; padding:0 70px; border:none; cursor:pointer; text-decoration:none; transition:.2s;position: relative; margin:0 auto; display:inline-block}
		.sbtn {background:var(--s-color); color:#fff; font-weight:600;}
			.sbtn:hover {background:var(--t-color)}
		.mbtn {background:var(--s-color); color:#fff; font-weight:600;}
			.mbtn:hover {background:var(--m-color)}
		
		.lsbtn {box-shadow: 5px 20px 72.1px 4px rgb(242 103 46 / 28%);}
			.lsbtn:hover {box-shadow: 5px 32px 72.1px 30.9px rgba(242, 103, 46, 0.14);}
		
	.btn:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; display:block; background:url(../cms/ajax.svg) center no-repeat; opacity:0; transition:.2s;background-size: 28px;}
		body .ajaxform .btn.now_send {color:RGBA(0,0,0,0) !important;background: var(--m-color) !important;}
		body .ajaxform .btn.now_send:after {opacity:1}
	
	.ajaxform  * {border-radius:0 !important}
		.ajaxform input {text-align:center;height:55px;line-height:55px;font-family: 'Rubik', sans-serif; font-size:var(--n-fz);color:var(--text-color) !important;}
		.ajaxform .btn {background:var(--s-color); color:#fff; font-weight:600;height:55px;line-height:55px; padding:0 70px;}
			.ajaxform .btn:hover {background:var(--t-color) !important}
			
			
.h1 {font-size:var(--h1-fz); color:var(--h-color); line-height:1.2;font-weight:600}
.h2 {font-size:var(--h2-fz); color:var(--h-color); line-height:1;font-weight:600}
.section-separtator {background:var(--s-color); width:150px; height:7px;margin:40px 0}
		
.header {overflow-x:hidden; position:fixed; top:0; left:0; width:100%; transition:.2s; z-index:100}
	.header .outer {display:flex; align-items:center; }
		.header-logo {margin-right:auto;display:flex; align-items:center; color:#fff; text-decoration:none; padding:25px 0 25px 0; position:relative; font-size:var(--l-fz); text-transform:uppercase; font-weight:600;transition:.2s}
			.header-logo img {display:block; margin-right:30px;    max-width: 50px;transition:.2s}
			.header-logo span {color:var(--s-color)}
		.mainmenu {}
			.mainmenu a {color: #fff;padding: 5px;margin-left:18px; display:flex; align-items:center;font-weight:600}
				.mainmenu a:before {content:''; display:block; width:7px; height:7px; background:var(--s-color); margin-right:10px; border-radius:100%; transition:.2s}
					.mainmenu a:hover {color:var(--s-color)}
					.mainmenu a:hover:before {background:var(--s-color)}
		.header-wa {display:flex;align-items: center;justify-content: center; width:30px; text-decoration:none; margin-left:10px}
			.header-wa img {display:block; width:100%; height:30px}
			.header-wa svg {display:block; width:100%; height:30px}
		.header-tg {display:flex;align-items: center;justify-content: center;width:30px; text-decoration:none; margin-left:40px}
			.header-tg img {display:block; width:100%}
			.header-tg svg {display:block; width:100%; height:30px}
		.header-tel { color:var(--h-color);display:flex; align-items:center; text-decoration:none; margin-left:10px }
			.header-tel img {display:block; margin:0 15px 0 0;width:30px;transition:.2s}
			.header-tel svg {display:block; margin:0 15px 0 0;width:30px; height:30px;transition:.2s}
			.header-tel span {font-size:var(--l-fz); color:#fff; transition:.2s; font-weight:600}
	
		.header .headerPhone {display:none}
	
	
.stickyCustomHeader .header {background:var(--m-color)}
	.stickyCustomHeader .header-logo {padding:10px 0 10px 0}
		.stickyCustomHeader .header-logo img  {max-width:35px}
	.stickyCustomHeader header .mainmenu a {font-size:15px}
	.stickyCustomHeader .header-tel img {width:30px}
	.stickyCustomHeader .header-tel svg {width:30px}

.promo  { /*background:url(../images/template/header-bg.png) center/cover no-repeat, #eee;*/ background:#000; position:relative;}
	.promo > img {width:100%; display:block;}
	.promoContent {position:absolute; top:0; left:0; width:100%; padding:160px 0 230px 0; color:#fff; display:flex; height:100%; align-items:center;}
		.promo .wrapper { }
			.promo .title {font-size:var(--h2-fz); text-transform:uppercase; line-height:1.2; font-weight:600}
			.promo  .section-separtator {margin-left:-40px}
			.promo .btns {margin:30px 0 0 0; display:flex; justify-content:space-between; position:relative}
				.promo .btns .btn {margin:0;}
				.promo .video {font-weight:600; display:flex; align-items:center; text-decoration:none; line-height: 1.1; color:#fff}
					.promo .video svg {display:block; width:40px; margin-right:15px;  transition:.2s}
						.promo .video svg * {fill:var(--s-color);transition:.2s}
					
					.promo .video:hover {color:var(--s-color)}
						.promo .video:hover svg {transform:scale(1.05)}


.svay1 {position: absolute;top: 60%;left: 52.9%;width: 4%;}
.svay2 {position: absolute;top: 60%;left: 61.7%;width:4%}
.svay3 {position: absolute;top: 60%;left: 71.95%;;width:4%}

.step {position:relative; width:100%; }
	.sa {display:block;width:100%;}
		.sa path {animation: pathDraw 3s linear;  animation-iteration-count: infinite;stroke-linecap:square;stroke-linejoin: round;stroke-dasharray: 84;stroke-dashoffset: 84;stroke:#fff; stroke-width:3;}

	.sac {display:block;width:100%; position:absolute; top:0;left:0}
		.sac path {animation: circleMotion 3s linear;  animation-iteration-count: infinite;stroke-linecap:round;stroke-linejoin: round;stroke-dasharray:1 83;stroke-dashoffset: -84;stroke:#fff; stroke-width:11;opacity:0}


.step2 .sa path {animation-name:pathDraw2;}
.step3 .sa path {animation-name:pathDraw3;}
 
.step2 .sac path {animation-name:circleMotion2;}
.step3 .sac path {animation-name:circleMotion3;}

@keyframes pathDraw {
	0% {stroke-dasharray: 84;troke-dashoffset: 84;} 
	30% {stroke-dasharray: 168;stroke-dashoffset: -84;} 
	100% {stroke-dashoffset:-84} 
}
@keyframes pathDraw2 {
	0% {stroke-dasharray: 84;stroke-dashoffset: 84;} 
	10% {stroke-dasharray: 84;stroke-dashoffset: 84;} 
	40% {stroke-dasharray: 168;stroke-dashoffset: -84;} 
	100% {stroke-dashoffset:-84} 
}
@keyframes pathDraw3 {
	0% {stroke-dasharray: 84;stroke-dashoffset: 84;} 
	25% {stroke-dasharray: 84;stroke-dashoffset: 84;} 
	55% {stroke-dasharray: 168;stroke-dashoffset: -84;} 
	100% {stroke-dashoffset:-84} 
}


@keyframes circleMotion {
	0% {stroke-dashoffset: 0;opacity:1} 
	9% {opacity:1} 
	10% { stroke-dashoffset:-84; opacity:0} 
	100% {stroke-dashoffset:-84;opacity:0} 
}

@keyframes circleMotion2 {
	0% {stroke-dashoffset: 0;opacity:0} 
	10% {stroke-dashoffset: 0;opacity:0} 
	19% {opacity:1} 
	20% { stroke-dashoffset:-84; opacity:0} 
	100% {stroke-dashoffset:-84;opacity:0} 
}

@keyframes circleMotion3 {
	0% {stroke-dashoffset: 0;opacity:0} 
	25% {stroke-dashoffset: 0;opacity:0} 
	34% {opacity:1} 
	35% { stroke-dashoffset:-84; opacity:0} 
	100% {stroke-dashoffset:-84;opacity:0} 
}

.mobileSubHeader {display:none}

.services {margin:-180px 0 -110px 0; }
	.services .wrapper {display:flex;}
		.services ._item {background:#fff; width:25%; padding:50px 20px; box-sizing:border-box; text-align:center; height:290px;display: flex;flex-direction: column;align-items: center;justify-content: center; transition:.3s; position:relative;}
			.services ._item:before {content:''; display:block; position:absolute; top:-15px; left:0; width:100%;  height:15px; transition:.3s; }
			.services ._item:after {content:''; display:block; position:absolute; bottom:-50px; left:0; width:100%;  height:50px; transition:.3s; }
			.services ._item img {display:block; margin:0 auto 0px auto; width:100px}
			.services ._item svg {display:block; margin:0 auto 0px auto; width:100px}
			.services ._item .__title {font-size:21px; font-weight:600}
			.services ._item .__subtitle {}
			.services ._item .btn {position:absolute; top:240px; left:30px; right:30px; display:block; opacity:0; transition:.3s; height:60px; line-height:60px; padding:0; text-align:center; display:block; transform:translateY(30px);z-index:1}
			
.services ._item:hover {background:var(--m-color);color:#fff }
	.services ._item:hover:before {background:var(--m-color); }
	.services ._item:hover:after {background:var(--m-color); }
	.services ._item:hover .btn {opacity:1;transform:translateY(0px)}


    
	
	
	
.about  { padding:220px 0 120px 0; background:url(../images/template/about-bg.png) left top no-repeat, #eee;}	
	.about .wrapper {display:flex; align-items:center;}
		.about ._img {display:block; position:relative; width:480px; margin-right:110px; flex-shrink:0}
			.about ._img .__first {display:block; width:100%; height:370px;}
				.about ._img .__first img {display:block; width:100%; height:100%; object-fit:cover}
			.about ._img .__second {position:absolute; display:block; top:50px; left:50px;display:block; width:100%; height:370px;box-shadow: 3px 21px 25.81px 3.19px rgba(17, 17, 17, 0.28);}
				.about ._img .__second img {display:block; width:100%; height:100%; object-fit:cover}
		.about ._text {}
			.about ._text .section-separtator {margin-left:-80px; position:relative; z-index:10}


.why  { padding:100px 0 120px 0;background: center/cover no-repeat, #000; color:#fff; position:relative}	
	.why > img {display:block; position:absolute; bottom:-50px; right:0; height:371px; width:374px; object-fit:cover}
	.why .wrapper {display:flex; align-items:center}
		.why ._text {width:480px; flex-shrink:0; margin-right:50px}
			.why ._text .h2 {color:#fff}
			.why ._text .section-separtator{margin-left:-40px}
			.why ._text .btn {margin-top:60px;}
		
		.why ._list {display:flex; flex-wrap:wrap; margin:0 -20px -50px -20px;}
			.why ._list .__item {width:calc(50% - 20px); margin:0 10px; border:2px solid #fff; border-top:0; margin-bottom:50px; padding:0 30px 30px 30px; box-sizing:border-box; position:relative}
				.why ._list .__item:before {content:''; display:block; position:absolute; top:0; left:0; height:2px; width:15px; background:#fff}
				.why ._list .__item:after {content:''; display:block; position:absolute; top:0; right:0; height:2px; width:230px; background:#fff}
				.why ._list .__item img {display:block; height:50px; margin:-25px 0 20px 0;}
				.why ._list .__item svg {display:block; height:50px;    width: 50px; margin:-25px 0 20px 0;}


.gallery { padding:80px 0 80px 0; background:url(../images/template/about-bg.png) right top no-repeat, #eee;}
	.gallery .section-separtator{margin-left:-40px}
	.gallery-grid {margin:0 -10px; display:flex; flex-wrap:wrap; }	
		.gallery-grid a:not(.btn) {height: 190px; width:calc(25% - 20px); margin:0 10px 20px 10px; display:block; overflow:hidden}
			.gallery-grid a img {width:100%; height:100%; object-fit:cover;}
		.gallery-grid a.hidden {display:none}
		
		.gallery .btn {margin:40px auto 0 auto; display:table;}
		
		.gallery-grid  a.gallery-grid-link  {height:240px;margin-bottom:0; background:var(--m-color);display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; text-decoration:none}	
			.gallery-grid  a.gallery-grid-link:hover {background:var(--s-color)}
			
			
			
.steps  { padding:80px 0 80px 0; background: center/cover no-repeat, #000; color:#fff; position:relative}
	.steps .section-separtator{margin-left:-40px}
	.steps h2 {color:#fff}
	.steps-flex {display:flex; margin:0 -10px; flex-wrap:wrap;}
		.steps-item {width:calc(25% - 20px); margin:0 10px; padding:0 30px 30px 30px; box-sizing:border-box; position:relative;  border:2px solid #fff; border-top:0; }
			.steps-item:before {content:''; display:block; position:absolute; top:0; left:0; height:2px; width:15px; background:#fff}
			.steps-item:after {content:''; display:block; position:absolute; top:0; right:0; height:2px; width:185px; background:#fff}
			.steps-item > img { height: 50px;    width: 50px; object-fit: contain; margin: -25px 0 20px 0; display:block;}
			.steps-item > svg { height: 50px;    width: 50px; object-fit: contain; margin: -25px 0 20px 0; display:block;}
			.steps-item-title {color:#fff; font-weight:600;font-size:var(--l-fz);}

	.steps video {width:100%; max-width:700px; margin:40px auto 0 auto; display:block;}


.profit { padding:80px 0 80px 0; background:url(../images/template/about-bg.png) left top no-repeat, #eee;}
	.profit .section-separtator{margin-left:-40px}
	.profit-slider {}
		.profit-slider .slick-arrow {height:110px; width:50px; background-color:var(--s-color); border:none; position:absolute; top:50%; margin-top:-55px; left:-100px;z-index:10; cursor:pointer; transition:.2s;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjEgOC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0LjEgOC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik00LDAuMUwwLjQsMy41YzAsMC0wLjMsMC4zLTAuMywwLjVjMCwwLjIsMC4zLDAuNSwwLjMsMC41TDQsOGMwLDAtMS45LTMuMy0xLjktNFM0LDAuMSw0LDAuMXoiDQoJLz4NCjwvc3ZnPg0K"); background-position:center; background-repeat: no-repeat; font-size:0;background-size: 10px;}
			.profit-slider .slick-arrow.slick-next {left:auto; right:-100px;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjEgOC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0LjEgOC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik0wLjEsMC4xbDMuNiwzLjRDMy43LDMuNSw0LDMuOCw0LDRjMCwwLjItMC4zLDAuNS0wLjMsMC41TDAuMSw4QzAuMSw4LDIsNC42LDIsNA0KCVMwLjEsMC4xLDAuMSwwLjF6Ii8+DQo8L3N2Zz4NCg=="); background-position:center; background-repeat: no-repeat}
			.profit-slider .slick-arrow:hover {background-color:var(--t-color);}
		.profit-slider-item {display:flex; align-items:center;    text-align: justify;}
			.profit-slider-item-img {width:500px; margin-right:50px; flex-shrink:0}
				.profit-slider-item-img img {display:block; width:100% }
			.profit-slider-item-text {}
				.profit-slider-item-title {color:var(--s-color); margin-bottom:20px}
				.profit-slider-item-text strong {font-weight:600}
				
		.profit-slider .slick-dots {display:flex; justify-content:center;  margin-top:50px}
			.profit-slider .slick-dots li {width:50px; height:60px; background:#D8D8D8; margin:0 10px; cursor:pointer; transition:.2s}
				.profit-slider .slick-dots li button {display:block; width:100%; height:100%; border:none; background:none; color:#434343; font-size:20px; cursor:pointer; color:inherit;font-weight:600}
				.profit-slider .slick-dots li:hover {background-color:var(--m-color); color:#fff}
				.profit-slider .slick-dots li.slick-active  {background-color:var(--s-color); color:#fff}
	
	.profit .btn {margin:50px auto 0 auto; display:table}
	
	.profit .about-form-wrapper {text-align:center }
	.profit .about-form-wrapper .ajaxform {justify-content:center; }
	.profit .about-form-wrapper .ajaxform .ajaxform-field {margin:0 20px; max-width:300px; width:270px}
	.profit .ajaxform .btn {margin:0 20px; max-width:300px; width:270px}
	
	
.mainform {background: center/cover no-repeat, #000;background-attachment: fixed; padding:80px 0; position:relative; color:#fff}
	.mainform .section-separtator{margin-left:-40px}
	.mainform-title {font-size:var(--xl-fz);color:var(--h-color); line-height:1; margin-bottom:30px; font-weight:600; color:#fff}
	.mainform-subtitle {margin-top:20px;position: relative;z-index: 3;}
		.mainform-subtitle a {text-decoration:none; color:inherit; border-bottom:1px solid ; }
			.mainform-subtitle a:hover {color:var(--s-color); border-bottom:1px solid var(--s-color);  }
	.mainform .ajaxform  {display:flex; position:relative; z-index:3}
		.mainform .ajaxform .ajaxform-field {max-width:220px; margin-right:40px; margin-bottom:0}
	.mainform-bg {position:absolute; top:50%; margin-top:-130px; right:30px; z-index:2}
		.mainform-bg img {display:block}
			
			
.certificates { padding:80px 0}
	.certificates .section-separtator{margin-left:-40px}
	.certificates-slider {margin:0 -20px}
		.certificates-slider-inner {padding:0 20px}
			.certificates-slider-item {text-decoration:none;text-align:center;}
				.certificates-slider-inner img {height:600px; object-fit:cover; width:100%; display:block; margin-bottom:20px}
				.certificates-slider-inner span {color: var(--h-color);font-weight: 600;font-size: var(--l-fz); display:block;}
			
	.certificates .slick-dots {display:flex; justify-content:center;  margin-top:50px}
		.certificates .slick-dots li {width:50px; height:60px; background:#D8D8D8; margin:0 10px; cursor:pointer; transition:.2s}
			.certificates .slick-dots li button {display:block; width:100%; height:100%; border:none; background:none; color:#434343; font-size:20px; cursor:pointer; color:inherit;font-weight:600}
			.certificates .slick-dots li:hover {background-color:var(--m-color); color:#fff}
			.certificates .slick-dots li.slick-active  {background-color:var(--s-color); color:#fff}

.blog{ padding:80px 0; background:#EEF0F2}			
	.blog .section-separtator{margin-left:-40px}
	.blogList {margin:0 -20px}
		.blogList .item {margin:40px 10px 0 10px; background:#fff; box-sizing:border-box; padding:0 25px 25px 25px;}
			.blogList .item img {display:block; margin:0px 0 -20px 0; width:80px; height:80px; box-sizing:border-box; border-radius:100%; position:relative; top:-40px; object-fit:cover; } 
			.blogList .item .date{font-size: 15px; margin-bottom: 10px;}
			.blogList a {color: var(--text-color); text-decoration:none; font-weight:600} 
				.blogList a:hover {color:var(--s-color)}
				
.blog .slick-track {display: flex;}
	.blog .slick-track .slick-slide {display: flex;height: auto;}			
.blog .slick-dots {display:flex; justify-content:center;  margin-top:50px}
	.blog .slick-dots li {width:50px; height:60px; background:#D8D8D8; margin:0 10px; cursor:pointer; transition:.2s}
		.blog .slick-dots li button {display:block; width:100%; height:100%; border:none; background:none; color:#434343; font-size:20px; cursor:pointer; color:inherit}
		.blog .slick-dots li:hover {background-color:var(--m-color); color:#fff}
		.blog .slick-dots li.slick-active  {background-color:var(--s-color); color:#fff}	

.blog .slick-arrow {height:110px; width:50px; background-color:var(--s-color); border:none; position:absolute; top:50%; margin-top:-55px; left:-80px;z-index:10; cursor:pointer; transition:.2s; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjEgOC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0LjEgOC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik00LDAuMUwwLjQsMy41YzAsMC0wLjMsMC4zLTAuMywwLjVjMCwwLjIsMC4zLDAuNSwwLjMsMC41TDQsOGMwLDAtMS45LTMuMy0xLjktNFM0LDAuMSw0LDAuMXoiDQoJLz4NCjwvc3ZnPg0K"); background-position:center; background-repeat: no-repeat; font-size:0;background-size: 10px;}
	.blog .slick-arrow.slick-next {left:auto; right:-80px;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjEgOC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0LjEgOC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDAiIGQ9Ik0wLjEsMC4xbDMuNiwzLjRDMy43LDMuNSw0LDMuOCw0LDRjMCwwLjItMC4zLDAuNS0wLjMsMC41TDAuMSw4QzAuMSw4LDIsNC42LDIsNA0KCVMwLjEsMC4xLDAuMSwwLjF6Ii8+DQo8L3N2Zz4NCg=="); background-position:center; background-repeat: no-repeat}
	.blog .slick-arrow:hover {background-color:var(--t-color);}
	
.contacts { padding:80px 0;    text-align: justify;}
	.contacts .section-separtator{margin-left:-40px}
	.contacts .inner {text-align:center}
		.contacts-flex {display:flex; align-items:center; justify-content:center; margin-top:60px; }
			.contactsFlexCol {margin:0 60px;display:flex; align-items:center;}
			.footer-wa {display:block; width:40px;height:40px; margin-right:10px}
				.footer-wa img {display:block; width:100%; }
				.footer-wa svg {display:block; width:100%;height:100%}
			.footer-tg {display:block; width:40px;margin-right:10px}
				.footer-tg img {display:block; width:100%}
				.footer-tg svg {display:block; width:100%}
			.footerContactsLink {display:flex; align-items:center; text-decoration:none}
				.footerContactsLink img {display:block; margin:0 25px 0 0; width: 40px;}
				.footerContactsLink svg {display:block; margin:0 25px 0 0; width: 40px; height:40px}	
					.footerContactsLink svg  use{fill:red} 
				.footerContactsLink span {font-size:var(--xl-fz); color:var(--h-color); transition:.2s;font-weight:600}
					.footerContactsLink:hover span {color:var(--m-color)}
		.ip-params {text-align:center; margin-top:30px; color:var(--m-color)}
		
		.contactsAddr {display:flex; align-items:center; justify-content:center; margin-top:30px;font-size: var(--xl-fz);color: var(--h-color);transition: .2s;font-weight: 600;}
			.contactsAddr svg {display: block; margin: 0 25px 0 0; width: 20px;}
				.contactsAddr svg * {fill:var(--t-color);}
		
.footer {padding:30px 0; background:var(--m-color)}	
	.footer .outer {display:flex; align-items:center;}
		.footer-logo {display:flex; align-items:center; color:#fff; text-decoration:none; margin-right:auto; font-size:var(--l-fz); text-transform:uppercase; font-weight:600;}
			.footer-logo img {display:block; margin-right:30px;    max-width: 50px;}
			.footer-logo span {color:var(--s-color)}	
		.footer .mainmenu a {color: #fff;}
			.footer .mainmenu a:before { background:#fff; }
				.footer .mainmenu a:hover {color:var(--s-color)}
				.footer .mainmenu a:hover:before {background:var(--s-color)}
		.scopy {margin-left:70px;  display:block}
			.scopy svg {width:27px; display:block}
	
.mmodal {padding:50px;     background: center/cover no-repeat, #000; color: #fff;    max-width: 670px;}
	.mmodal .ajaxform {display:flex; flex-wrap:wrap; justify-content:space-between}
		.mmodal .ajaxform-field {width:48%;}
		.mmodal .ajaxform-btns {margin:0 auto}





.blogHeader { padding:180px 0 120px 0; text-align:center;  background: url(../images/template/blog-bg.jpg) center/cover no-repeat; color: #fff; position:relative}
	.blogHeader:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8}
	.blogHeader .title {font-size:var(--h2-fz); text-transform:uppercase; line-height:1.2; position:relative; font-weight:600}
	.blogHeader .date {margin-top:20px; text-align:center; position:relative; color:#fff}

.blogText {padding:80px 0}	
	.blogText  h1 {font-size:30px; color:var(--h-color); line-height:1.2; margin-bottom:50px;font-weight:600}
	.blogText  h2 {font-size:24px; color:var(--h-color); line-height:1; margin-bottom:30px; margin-top:50px;font-weight:600}
	.blogText p {margin-bottom:10px}
	.blogText strong {font-weight:600}

.blogText h1, .blogText h2 {font-weight:600; font-size:24px; margin-bottom:60px; color:var(--h-color); text-align:center;}
	.blogText * + h1, .blogText * + h2 {margin-top:60px}
.blogText h3, .blogText h4 {font-weight:600; font-size:21px; margin-bottom:40px; color:var(--h-color); text-align:center;}
	.blogText * + h3, .blogText * + h4 {margin-top:40px}
.blogText h5, .blogText h6 {font-weight:500; margin-bottom:20px; color:var(--h-color); text-align:center;}
	.blogText * + h5, .blogText * + h6 {margin-top:20px}
.blogText p { margin-bottom:20px}
.blogText ol, .blogText ul  {list-style-position:inside; color:var(--h-color); margin:30px 0; padding-left:60px;}
.blogText ol{list-style: numeric;}
.blogText ul {list-style: disc; }
	.blogText ul li::marker, .blogText ol li::marker  {color:var(--s-color)}
.blogText blockquote, .blogText q {color:var(--h-color); margin:30px 0; padding-left:50px; font-style:italic;text-align: right;font-size: 14px; }
			
.blogText table {margin:30px 0; width:100%;font-size:15px; color:var(--h-color); }
	.blogText table th {font-weight:600; text-align:center; border:1px solid var(--h-color); padding:5px 10px }
	.blogText table td { border:1px solid var(--h-color);padding:5px 10px }
			
.blogText iframe {width:100% !Important}

.blogText video {width:100%; max-width:600px; margin:30px auto;display:block}
			
.blogText > *:last-child {margin-bottom:0}
			
.blogText a {text-decoration:none; color:var(--mc); border-bottom:1px solid transparent}
	.blogText a:hover {border-bottom:1px solid}	
	
@media (max-width:1500px)	{	
.why {}
	.why .wrapper {overflow:visible;}
		.why ._list .__item { background: rgb(0 0 0 / 46%); z-index: 2;}
}

@media (max-width:1300px)	{
.wrapper {overflow:hidden}

.header {overflow: visible;  }
	.header .mainmenu {position: absolute;top: 100%;display: block;background: #000;width:300px;right: 0;z-index: 50; padding:0 20px; transition:.2s; max-height:0px; overflow:hidden}
			.menu-open .header .mainmenu {max-height:1000px; padding:30px 20px;box-shadow: 0 0px 6px 0px #283754;}
		.header .mainmenu a {margin:0 0 15px 0}
			.header .mainmenu a:last-child {margin-bottom:0}
	.header-logo:before {display:none}
	.header-tel {}
		.header-tel img {margin: 0 5px 0 0;width: 30px;}
		.header-tel svg {margin: 0 5px 0 0;width: 30px;}
	.burger-menu {width: 25px;height: 18px;padding: 15.5px 0;z-index: 99;cursor: pointer; position:relative; margin-left:30px}
		.burger {position: relative;background: #FFF;width: 15px;height: 2px;opacity: 1;}
			.burger::before {position: relative;background: #FFF;width: 25px;height: 2px;top: 8px;content: "";display: block;}
			.burger::after {position: relative;background: #FFF;width: 25px;height: 2px;bottom: 10px;content: "";display: block;}
			.burger:after, .burger:before, .burger {transition: all .3s ease-in-out;}
		.menu-open .burger-menu .burger {background: rgba(255, 255, 255, 0);}
		.menu-open .burger-menu .burger:after {transform: rotate(-45deg);bottom: 2px;}
		.menu-open .burger-menu .burger:before {transform: rotate(45deg);top: 0px;}
	
	
	.header .headerPhone {display:flex; align-items:center; gap:15px; text-decoration:none}
		.header .headerPhone svg {display: block;width: 30px;height: 30px;}
		.header .headerPhone span {font-size:16px;color:#fff;transition: .2s;font-weight: 600;}
		
	
.promoContent {padding:80px 0 30px 0; align-items:center}
	.promo .wrapper {overflow:visible;}

.services {margin:0}
	.services .wrapper {overflow:visible;width:100%}

.about {padding:80px 0}
	.about .wrapper {overflow:visible;}

		
.profit {}
	.profit-slider {padding:0 80px}
		.profit-slider .slick-arrow {left:0}
		.profit-slider .slick-arrow.slick-next {right:0}
		.profit-slider-item {display:block; box-sizing:border-box; padding:0 5px}
			.profit-slider-item-img {max-width:500px; margin:0 auto 20px auto; width:100%;}
			
			
.steps-item {position:relative; border-top:2px solid #fff}
	.steps-item:before {content:'';display:block;position:absolute; width:70px; height:70px; background:#000; top:-35px; left:18px;border-radius:100%}
	.steps-item:after {display:none;}
	.steps-item img {position:relative}
	.steps-item svg {position:relative}
	
.mainform .wrapper {overflow:visible}
	
.why ._list .__item {position:relative; border-top:2px solid #fff}
	.why ._list .__item:before {content:'';display:block;position:absolute; width:70px; height:70px; background:#000; top:-35px; left:18px;border-radius:100%}
	.why ._list .__item:after {display:none;}
	.why ._list .__item img {position:relative}
	.why ._list .__item svg {position:relative}
.contacts {}
	.contacts-flex {flex-direction: column;} 
		.contacts-flex a {}
			.contacts-flex a:last-child {margin-bottom:0}
		.contactsFlexCol {margin:0 0 30px 0}	
	
.blog {}
	.blogList  {padding:0 80px}
		.blogList  .slick-arrow {left:0}
		.blogList .slick-arrow.slick-next {right:0}

}



@media (max-width:980px)	{
.wrapper {overflow:hidden}
.inner {width:100%}

.promo br {display:none; }
.services {}
.services .wrapper {flex-wrap:wrap}
	.services ._item {width:50%;height: 200px; padding:20px}
		.services ._item:before {z-index:5}
		.services ._item:after {z-index:5; bottom:-80px; height:80px}
		.services ._item .btn {z-index:7; top:180px}
.about {}
	.about .wrapper {display:block}
		.about ._img {display:none}
		
.why .wrapper {display:block}
	.why ._text {width:100%; margin-bottom:50px}
		.why ._text .btn {margin:30px auto 0 auto; display:table}
	.why ._list {margin-left:Auto; margin-right:auto}
	 
.profit .about-form-wrapper .ajaxform .ajaxform-field   {max-width:400px; margin:0 auto 20px auto;width: 100%;}
	.profit .ajaxform .btn {width:auto}


.blogList {padding:0}
	
.gallery{}
	.gallery-grid {column-count:2;}	


.mainform  {text-align:center;padding: 40px 20px;}
	.mainform .ajaxform {justify-content:center;    flex-direction: column; align-items: center;}
		.mainform .ajaxform .ajaxform-field {max-width:400px; margin:0 auto 20px auto;width: 100%;}
			
	.mainform-bg {display:none}
		

.footer {    padding: 10px 0;}
	.footer .mainmenu {display:none}
	.scopy {margin:0 0 0 20px}
		

.hermes-demo-object-content-img {float:none; margin:0 auto 30px auto;}
.blogText ol, .blogText ul {padding-left:20px}
}


@media (max-width:960px)	{
.steps-item {width: calc(50% - 20px); margin-top:40px}


}

@media (max-width:800px)	{
.promoContent {display:none}


.mobileSubHeader {display:block; background:#000; padding:40px 0; color:#fff}
	.mobileSubHeader .title {font-size:var(--h2-fz); text-transform:uppercase; line-height:1.2; font-weight:600; }
	.mobileSubHeader  .section-separtator {display:none}
	.mobileSubHeader  .subtitle {display:none}
	.mobileSubHeader .btns {margin:30px 0 0 0; display:flex; justify-content:space-between; position:relative}
		.mobileSubHeader .btns .btn {margin:0;}
		.mobileSubHeader .video {font-weight:600; display:flex; align-items:center; text-decoration:none; line-height: 1.1; color:#fff}
			.mobileSubHeader .video svg {display:block; width:40px; margin-right:15px;  transition:.2s}
				.mobileSubHeader .video svg * {fill:var(--s-color);transition:.2s}
					
		.mobileSubHeader .video:hover {color:var(--s-color)}
			.mobileSubHeader .video:hover svg {transform:scale(1.05)}
						
}
@media (max-width:750px)	{
.certificates-slider-inner img {height:500px }
}

@media (max-width:700px)	{
.promo .btns {flex-direction:column; align-items:center}
	.promo .btns .btn {margin-bottom:30px}


.header {}
	.header-tel img {display:none} 
	.header-tel svg {display:none} 
	.header-tg {margin-left:auto}
	
.mobileSubHeader {padding:20px 0}
	.mobileSubHeader .title {text-align:center;}
	.mobileSubHeader .btns{flex-direction:column; align-items:center; justify-content:center}
		.mobileSubHeader .btns .btn {margin-bottom:30px}
		
.header .headerPhone {display:none}
}
@media (max-width:600px)	{
.header {}
	.header-tel {display:none} 

.promo {}
	.promoContent {padding-top:110px}
	
.services {}
	.services ._item {background:#000 !important; color:#fff!important;height:auto; padding:30px 20px; line-height:1.2} 
		.services ._item img {width:70px}
		.services ._item svg {width:70px}
		.services ._item .__title {font-size:16px}
		.services ._item .__subtitle {font-size:14px;}
		.services ._item:after {display:none}
		.services ._item:before {top:5px; left:10px; right:5px; bottom:10px; border:1px solid #fff; width:auto; height:auto; background:none!important}
		.services ._item .btn {position:static; opacity:1;transform: none;margin-top: 20px;padding: 0 25px; display:none}

.about {padding-top:100px}
		
.profit {} 
	.profit-slider {padding:0}
		.profit-slider .slick-arrow {display:none !important}
		.profit-slider .slick-dots li {width:25px; height:25px; margin:0 3px}
			.profit-slider .slick-dots li button {padding:0; font-size:12px}
			
.certificates .slick-dots li {width:25px; height:25px; margin:0 3px}
	.certificates .slick-dots li button {font-size:12px}

	
.steps {overflow:hidden}
	.steps-flex {margin:0 0 20px 0}
		.steps-item {width:100%; margin:40px auto 0px auto; }
	.steps video {width:100%; margin:0 auto 0 auto;  display:block;}	
	
.why {}
	.why ._list {margin:0}
		.why ._list .__item{width:100%; margin:40px auto 0px auto; }
	.why > img {object-fit:contain; width:300px; }
	
.gallery-grid {margin:0 -5px;}
	.gallery-grid a:not(.btn) {width: calc(50% - 10px);margin: 0 5px 10px 5px;}	
	.mobhidden  {display:none !important}

.certificates-slider-inner img {height:400px }	


.mmodal {padding:20px; max-height:90vh; overflow-y:auto}
		.mmodal .ajaxform {justify-content:center;    flex-direction: column; align-items: center;}
		.mmodal .ajaxform .ajaxform-field {max-width:400px; margin:0 auto 20px auto;width: 100%;}
}	
@media (max-width:480px)	{
.btn {font-size: 15px;padding:0 25px;}
.h2 {font-size:24px;}
.blogHeader .title {font-size:22px;}
.mobileSubHeader .title	{font-size:24px;}
.header {}
	.header-logo {padding:15px 0; font-size:16px}
		.header-logo img {max-width:25px; margin-right:8px}
	.header .mainmenu  {width:100%}
	
	.header-tg, .header-wa {width:22px; margin-left:10px}
	.burger-menu {margin-left:10px}

.stickyCustomHeader .header-logo img {max-width:25px;}

.promo .title {font-size:24px;}
.promoContent {padding-top:70px}

.blog .slick-dots li {width: 35px;height: 40px;margin: 0 7px;}	
	.blog .slick-dots li button {font-size:15px}
	
	
.contacts {}	
	.contacts-flex a {}
		.contacts-flex a img {width:30px; margin-right:15px}
		.contacts-flex a span {font-size:var(--x-fz); }
	.footer-tg, .footer-wa {margin-right:0}
	.contactsAddr{font-size:var(--x-fz); }
.footer {}
	.footer-logo {padding:15px 0}
		.footer-logo img {max-width:40px; margin-right:15px}

	.footer-tg, .footerContactsLink svg, .footer-wa {width:30px; height:30px}

.certificates-grid {margin:0 -10px}
	.certificates-grid-item {width: calc(33.33% - 10px); margin: 0 5px;}





}	





/*exit modal*/
.exit-modal {}
	.exit-modal .logo-wrapper {justify-content: center; margin-bottom: 40px; display:flex; align-items:center}
		.exit-modal .logo-wrapper img {} 
	.exit-modal .logo-wrapper {margin-right:auto;display:flex; align-items:center; color:#fff; text-decoration:none; padding:25px 35px 25px 0; position:relative; font-size:var(--l-fz); text-transform:uppercase; font-weight:600;transition:.2s}
		.exit-modal .logo-wrapper img {display:block; margin-right:30px;    max-width: 50px;transition:.2s}
		.exit-modal .logo-wrapper span {color:var(--s-color)}
			
	.exit-title {font-size: 27px;line-height: 30px;font-weight: 600;color: #ffffff; margin-bottom: 30px; text-align:center;}
	.exit-separ {    width: 50px;height: 4px;background-color:var(--s-color);border-radius: 2.0px;margin:0 auto 20px auto;}
	.exit-subtitle {font-size: 18px;line-height: 24px;font-weight: 300;color: #ffffff; margin-bottom: 30px;text-align:center;}
	
	.exit-modal .home-download-text-link {display:flex;flex-direction: column; align-items: center;justify-content: center; width:140px; height:140px; text-decoration:none; text-align:center;margin: 0 auto; background:var(--s-color)}
		.exit-modal	.home-download-text-link svg {display:block; margin:0 auto 10px auto; max-width:25px}
			.exit-modal	.home-download-text-link svg * {fill:#fff; }
		.exit-modal	.home-download-text-link span {font-size: 22px;line-height: 36px;font-weight: 700;color: #fff; transition:.2s}
		.exit-modal	.home-download-text-link:hover {background:var(--t-color)}
		
@media (max-width:600px)	{
	.exit-modal {padding: 15px;max-width: 280px;}
		.exit-modal .logo-wrapper {margin-bottom:20px}
		.exit-title {margin-bottom:20px; font-size:20px}
		.exit-subtitle {margin-bottom:20px; font-size:16px}
		.exit-modal .home-download-text-link {width:100px; height:100px}
			.exit-modal .home-download-text-link img {width:35px; }
			.exit-modal .home-download-text-link span {font-size: 16px;line-height: 22px; }
}

/*invader*/
.invader-wrapper {padding:20px; border-radius:4px; background: #090e16;box-shadow: 0px 0px 84px 0px rgba(157,35,20,0.38); position:fixed; bottom:20px; left:20px; display:none;z-index:15 }
	.invader-inner {display:flex; align-items:flex-start}
		.invader-avatar {max-width:50px; border-radius:100%; display:block; margin-right:20px}
		
		.invader-text {font-size: 14px;font-weight: 300;color: #d2d0d0;line-height: 1.2;width: 300px;}
			.invader-text div {margin-bottom:5px}
			.invader-text a {color:var(--s-color); text-decoration:none}
				.invader-text a:hover {text-decoration:underline}
			.invader-text-print {margin:20px 0 0 0; display:flex; align-items:center;}
				.invader-text-print span {font-style:italic;}
			
			.invader-text-first, .invader-text-second,  .invader-text-third,  .invader-text-fourth  {display:none } 
			
			.sfirst .invader-text-first{display:block}
			.ssecond .invader-text-second{display:block}
			.sthird .invader-text-third{display:block}
			.sfourth .invader-text-fourth{display:block}
			
			.sfirst.ssecond.sthird.sfourth .invader-text-print {display:none}
			
			.invader-text-print-box{position: relative;width:25px; height:5px; margin-right:15px; margin-bottom:0 !important}
				.invader-text-print-icon{position: relative;width: 5px;height: 5px;top: 0%;left: 46%;border-radius: 12px;animation: loader10m 1.5s ease-in-out infinite;}
					.invader-text-print-icon:before{content: "";position: absolute;top: 0px;left: -10px;height: 5px;width: 5px;border-radius: 5px;animation: loader10g 1.5s ease-in-out infinite;}
					.invader-text-print-icon:after{content: "";position: absolute;top: 0px;left: 10px;height:5px;width:5px;border-radius: 10px;animation: loader10d 1.5s ease-in-out infinite;}

	.invader-close {width: 15px;height:15px;cursor: pointer;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;transition: opacity 0.2s;border: none; outline:none !important; }
		.invader-close:hover {opacity: 0.6;}

@keyframes loader10g {0%{background-color: rgba(255, 255, 255, .2);}25%{background-color: rgba(255, 255, 255, 1);}50%{background-color: rgba(255, 255, 255, .2);}75%{background-color: rgba(255, 255, 255, .2);}100%{background-color: rgba(255, 255, 255, .2);}}

@keyframes loader10m{0%{background-color: rgba(255, 255, 255, .2);}25%{background-color: rgba(255, 255, 255, .2);}50%{background-color: rgba(255, 255, 255, 1);}75%{background-color: rgba(255, 255, 255, .2);}100%{background-color: rgba(255, 255, 255, .2);}
}

@keyframes loader10d{0%{background-color: rgba(255, 255, 255, .2);}25%{background-color: rgba(255, 255, 255, .2);}50%{background-color: rgba(255, 255, 255, .2);}75%{background-color: rgba(255, 255, 255, 1);}100%{background-color: rgba(255, 255, 255, .2);}}

@media (max-width:500px)	{
.invader-wrapper {padding:10px; left:10px; bottom:10px}
	.invader-avatar {width:35px; margin-right:10px}
	.invader-text {width:220px;font-size: 13px;}
		.invader-text div {margin-bottom:3px}
		
}

.mobVcDonwload {display:none !important}
@media (max-width:700px)	{
	.mobVcDonwload {display:table !important}
	.pcVcDonwload {display:none !important}	
}

.foxMultiButton {font-size:14px}
	.foxMultiButtonSlogan  {background: #fff;}
.foxMultiButton:hover .foxMultiButtonTriggerIcon {    box-shadow: 0 0 15px 0px var(--s-color);}

.foxMultiButtonModalContent {text-align:center;}
	.foxMultiButtonModalContent .__title {font-size: var(--xl-fz);color: var(--h-color);line-height: 1;margin-bottom:10px;  font-weight: 600;}
	.foxMultiButtonModalContent .__subtitle {font-size: var(--n-fz);color: var(--h-color);line-height: 1;  font-weight: 400;}
	
	

@media (max-width:600px)			{
.invader-wrapper {display:none !important}
.foxMultiButtonSlogan  {display:none !important}
}