/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*Common*/
body {background:#000; color:#fff; font-weight:400}
	.wrapper {width:1200px; margin:0 auto}
		a, button {cursor:pointer; transition:.2s}

#hermes-quiz-video{position:fixed; top:0; left:0; width:100%; height:100%; background: url(../images/mb.jpg); background-size:cover;}
	#hermes-quiz-video video {object-fit: cover;width: 100%;height: 100%;}
	
#hermes-quiz-wrapper {background:RGBA(0,0,0,0.6); position:relative; z-index:5; display:flex; min-height:100vh;flex-direction: column;justify-content: space-between;}	

	.hermes-quiz-header {}
		.hermes-quiz-header .wrapper {display:flex; justify-content:space-between; align-items:center;padding-top:20px }
			.hermes-quiz-header .wrapper > * {width:320px;}
				.head-description {font-size:14px; line-height:19px; color:#fff; text-align:left}
				.header-logo {background:url(../images/logo.png);width:240px; height:50px; text-decoration:none; display:block}
				.header-contacts-wrapper {display: flex;flex-direction: column;align-items: flex-end; font-size:14px; line-height:19px; color:#fff; text-align:left}
					.header-contacts-wrapper a{font-size:14px; color:#fff;text-decoration:none;display: table;line-height: 1.6; border-bottom:1px solid }

	.main {}
		.main .wrapper {padding-top:40px}
			.main .h1 {font-size:35px; line-height:54px; font-weight:700; text-align:center; margin-bottom:20px }
			.main .h2 {font-size:17px; text-align:center; margin-bottom:60px}
			
			.main-icon {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:50px;}
				.main-icon-item {width:31%; text-align:center}	
					.main-icon-item img {margin-bottom:20px}
					.main-icon-item i {font-size:60px;margin-bottom: 25px;}
					.main-icon-item .h3 {font-size:15px; line-height:21px; text-align:center}
				
			/*Вопросы квиза*/
			.quiz-answer-flex {display:flex;flex-wrap:wrap; margin-left: -1.2%;margin-right: -1.2%; padding:0 7px;justify-content: center}
				.quiz-answer {width:48%;box-sizing: border-box;padding: 10px;background:rgb(0, 164, 224);text-align: center;border-radius: 3px; margin:0 1% 20px 1% ; cursor:pointer; transition:0.2s }
					.quiz-answer img{ display:block; max-width:100%;border-radius: 3px; margin:0 auto 10px auto}
					.quiz-answer p {line-height:1.4}
				.quiz-answer._img {width:23%;  margin:0 1% 20px 1% ; }
					.quiz-answer._img p {display:flex; justify-content:center; align-items:center; text-align:center}
				.quiz-answer:hover {box-shadow:0px 0px 5px 0px #403232}
				.quiz-answer.current {background:#00cc94}
				
			/*Прогрес бар*/
			.quiz-progress {width: 100%;background: url(../images/progress-bg.png);height: 20px; border-radius: 10px;margin: 10px 0;text-align: center;font-size: 13px;color: #333; position: relative;border:1px solid #b9b0b0; box-sizing:border-box;line-height: 18px;}
				.quiz-progress span {display: block;background: #00cc94;border-radius: 10px;position: absolute;top: 0;left: 0;width: 0%;height: 100%;opacity: 0.8; transition:.2s}
							
				.quiz-progress strong {position: relative;z-index: 5;}	
				
			/*Кнопка назад*/
			.qz-prev-wrapper {font-size:14px;text-align:center}	
				.qz-prev {color:#5d5d5d;border-bottom:1px solid  #5d5d5d; transition:.2s; cursor:pointer}
					.qz-prev:hover {text-decoration:none; border-bottom-color:transparent}	
				
				
			.form {padding: 30px 55px;border-radius: 5px;background-color: rgba(255, 255, 255, 0.88); max-width:852px; margin:0 auto; margin-bottom:40px}
				.quiz-questions-title {font-size:22px; line-height:23px; color:#333;text-align:center; margin-bottom:25px;line-height: 1.5;}
					.quiz-questions-title  span {display:block;font-size: 16px;margin-top: 10px; color: #5d5d5d;}
				.form .quizform {display:flex; justify-content:space-around; margin-bottom:25px; flex-wrap:wrap;}
					.form  input {height: 55px;box-shadow: 0 3px 0px rgba(0,0,0, .1); font-size: 15px; line-height: 15px;color: #5d5d5d;border: 1px solid #a6a6a6;border-radius: 4px;padding: 6px 12px; box-sizing:border-box; width:235px; outline:none}
					.form  button {height: 55px;width:235px;box-shadow:0 3px 0px rgba(0,0,0, .1);border: none; border-radius: 4px;padding: 0 10px;display: block;text-align: center;color: #fff;color: #fff;font-size: 16px;line-height: 1; transition:.5s; position:relative;background: rgb(0, 164, 224); }
						.form  button:before {content:''; display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:url(../images/ajax.svg) center no-repeat; opacity:0; transition:.5s}
						.form  button span {display: block;color: #eaff00;margin-top: 4px;font-size: 13px;line-height: 1;transition:.5s}
							.form  button:hover {    box-shadow: 0px 0px 5px 0px #403232; cursor:pointer}
						

						.m-check {display:flex; align-items:flex-start; cursor:pointer;    max-width: 400px; overflow:hidden; position:relative; margin:20px auto; justify-content:center;}
							.m-check input {opacity:0; position:absolute; top:-0%; left:-0%; height:0}
							.m-check span {display:block; width:21px; height:21px; border:1px solid rgba(29, 29, 29, 0.6); border-radius:4px; margin-right:15px; position:relative; box-sizing:border-box; flex-shrink:0}
								.m-check span:before {content:''; position:absolute; top:3px; left:3px; display:block; background:#000; opacity:0;transition:.2s;width:13px; height:13px;    border-radius: 4px;}
									.m-check input:checked + span:before {opacity:1}
							.m-check p {line-height: 1.2; color:#5d5d5d}		
	
						.send-method {display:flex; justify-content:center; margin:0 auto 20px auto; width:100%}
							.send-method-inner {display:flex; align-items:center;  position:relative}
								.send-method-inner input {width:0.1px !important; height:0.1px;position: absolute; }
								.send-method-inner span {display: flex;align-items: center;padding: 5px 10px;box-sizing: border-box;margin: 0 10px;border-radius: 4px; transition:.2s; cursor:pointer}
									.send-method-inner img {display:block; margin-right:20px; max-height:40px; }
									.send-method-inner strong {display:block; color:#333;line-height: 1.4; border-bottom:4px solid transparent; transition:.2s}
	 
								.send-method-inner input:checked + span  strong { border-bottom:4px solid rgb(0, 164, 224)}
	
						.quiz-answer-file {overflow: hidden;color: #fff;text-align: center;margin:20px auto}
							.quiz-answer-file p {line-height: 1.2; color:#5d5d5d; margin-bottom:10px}
							.quiz-answer-file label {display:block;box-sizing: border-box;padding: 13px;background: #000;cursor: pointer;border-radius: 3px;max-width: 260px; margin:0 auto; transition:.2s}
								.quiz-answer-file input[type="file"] {display: none;}		
								.quiz-answer-file label:hover{background: #00cc94;}

						.quiz-form-footer {display:flex;  justify-content: center;}
							.quiz-form-footer img {display:block; margin-right: 28px;    max-width: 170px;}
						
							.quiz-form-footer p {display: block;font-size: 16px;margin-top: 10px;   color: #5d5d5d;    line-height: 1.4;}
								.quiz-form-footer  p span {color: rgb(0, 164, 224);margin: 20px 0;font-weight: 600;}
								.quiz-form-footer-text-agr {}
									.quiz-form-footer  p a {color: rgb(0, 164, 224); text-decoration:none}
					.form  button.process {color:transparent; }
						.form  button.process span {color:transparent; }
						.form  button.process:before {opacity:1}
						
				.quiz-post-title {text-align:center; margin-bottom:40px}

				
	footer {background:#100e0e; padding:10px 0}
		footer .wrapper {display:flex; justify-content:space-between; align-items:center; } 
			footer .wrapper > * {width:33.333%;}
				footer a {color: #7e7e7e;font-size: 14px;line-height: 19px; text-decoration:none; border-bottom:1px solid #7e7e7e}
					footer a:hover {border-bottom-color:#eee}
				footer span {color: #7e7e7e;font-size: 14px;line-height: 19px;}
				
			
			.footer-left {text-align:left;}
			.footer-center {text-align:center;}
			.footer-right {text-align:right;}
			

	
@media (max-width:1200px)	{
	.wrapper {width:95%}
}

@media (max-width:960px)	{
	.main .h1 br {display:none}
	.form form  {justify-content:space-between;}
		.form form input {width:32%; flex-shrink:0;}
		.form form button {width:32%; flex-shrink:0;}
		
	.quiz-answer-flex .quiz-answer {width:48%;}
}


@media (max-width:900px)	{
	
	.form input {width:60%; margin:0 20% 20px 20%;}
	.form button {width:60%; margin:0 20% 0 20%;}
	
	.quiz-form-footer {margin-top:20px; display:block; text-align:center; padding:0}
		.quiz-form-footer img {margin:0 auto 20px auto;max-width: 100%;}
		.quiz-form-footer-text-agr {padding:0}
			.quiz-form-footer-text-agr p {font-size:13px; font-style:italic}
}

@media (max-width:767px)	{
	
	header .wrapper {    flex-direction: column; justify-content: center;}
		header .wrapper > * {width:auto ;text-align:center;align-items: center;width: 100%;}
		header .wrapper .header-logo {margin:15px 0; width:240px; }
		.head-description br {display:none}
	
	.main .h1 {font-size:30px; line-height:35px;}
	.main .h2 {line-height:24px;}
	
	.main-icon {flex-direction: column; align-items:center;}
		.main-icon-item  {width:90%; max-width:480px; margin-bottom:30px}
			.main-icon-item:last-child {margin-bottom:0}
		
		
	.form form {flex-direction: column; align-items:center;}
		.form form input {width:90%; max-width:480px; margin-bottom:15px}
		.form form button {width:90%; max-width:480px;}
	.timer  {flex-direction:column}
		.timer-title {margin-right:0; margin-bottom:30px; text-align:center}
	
	footer .wrapper {flex-direction: column;}
		footer .wrapper > *{width:auto}
		footer .wrapper a {margin-bottom:10px; text-align:center}
		footer .wrapper span {margin-bottom:10px; text-align:center}

}

@media (max-width:720px)	{
	.send-method {display:block}
		.send-method-inner {margin-bottom:10px;}
		
	.form input {width:100%; margin-right:0; margin-left:0}
	.form button  {width:100%; margin-right:0; margin-left:0}
}
@media (max-width:600px)	{
	.main .h1 {font-size:22px; line-height:28px; margin-bottom:10px;}

	.form {padding: 30px 15px;}
		.form form input {width:95%; max-width:480px; }
		.form form button {width:95%; max-width:480px;}
}


@media (max-width:480px)	{
	.quiz-answer-flex .quiz-answer  {width:100%; max-width:300px}
}



input::-webkit-input-placeholder { transition: 0.5s;}
input::-moz-placeholder{transition: 0.5s;}
input:-moz-placeholder{transition: 0.5s;}
input:-ms-input-placeholder{transition: 0.5s;}	

input:focus::-webkit-input-placeholder {opacity:0; transition: 0.5s;}
input:focus::-moz-placeholder{opacity:0; transition: 0.5s;}
input:focus:-moz-placeholder{opacity:0; transition: 0.5s;}
input:focus:-ms-input-placeholder{opacity:0; transition: 0.5s;}	





/******************************************************
	Элементы лендинга
******************************************************/
/*Основная сетка и заголовки*/	
.flex-wrapper {display:flex; padding-top:40px}
	.flex-wrapper .flex-bar {width:400px; flex-shrink:0}
			
	.flex-content {flex-grow:1; padding-bottom:40px; border-bottom:1px solid #cecece}	
	
	
/*Верхняя панель*/	
.top-menu {background:#00a4e1; position:relative;z-index:5}
	.top-menu .flex-wrapper {padding:0; }
		.top-menu .flex-bar  {color:#fff; font-size:13px; font-weight:700; line-height:40px}
		.top-menu .flex-content {padding:0; border-bottom:0;display:flex; align-items:center; }
			.top-menu .flex-content nav {display:flex; align-items:center; }
				.top-menu .flex-content nav a {color:#fff; font-size:13px; display:block; margin-right:25px; text-decoration:none; line-height:40px;font-weight: 300;}
					.top-menu .flex-content nav a:hover {box-shadow: inset 0 -4px 0px #4bbc7e;}
				._mainsite {border-left:1px solid #00afe4; border-right:1px solid #00afe4; padding:0 25px; margin-right:25px;}
				
				.top-menu-adr {color:#fff; font-size:13px;line-height:40px}
					.top-menu-adr span {color:#fff; font-size:13px;line-height:40px}
					
				.top-menu-social {margin-left:auto; border-left:1px solid #00afe4; display:flex; align-self: normal;align-items: center;}
					.top-menu-social a {display:flex; margin-left:15px;}
						.top-menu-social a:first-child {margin-left:25px}
						.top-menu-social a path {fill:#fff; transition:.2s}
							.top-menu-social a:hover path {fill:#e8e8e8}
							
				
/*Шапка*/
#main-menu {background:#fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.14); position:relative; z-index:6}	
	#main-menu .flex-wrapper {padding:0}
		#main-menu  .flex-bar {display: flex;align-items: center;}
			.main-logo {display:block; background:url(../images/logo.svg?v);width:156px; height:37px;}
	
			.mob-menu-btn {display:block; height: 50px;width: 50px;position: relative;z-index:501; cursor:pointer; margin-right: 15px;}

			.hambergerIcon {height: 3px;width: 35px;position: absolute;top: 50%;left: 50%;border-radius: 50px;background-color: #4A2545;transform: translate(-50%, -50%) rotate(0deg);transition: all ease 0.5s;}
			.hambergerIcon::before, .hambergerIcon::after {content: "";position: absolute;height: inherit;border-radius: inherit;background-color: inherit;margin: auto;width: 50%;transition: all ease 0.5s;}
				.hambergerIcon::before {top: -12px;left: 0;transform-origin: left;}
				.hambergerIcon::after {bottom: -12px;right: 0;transform-origin: right;}

			.menu-open .hambergerIcon {transform: translate(-50%, -50%) rotate(135deg);}
				.menu-open .hambergerIcon::before {top: 0;transform: translateX(100%) rotate(-90deg);}
				.menu-open .hambergerIcon::after {bottom: 0;transform: translateX(-100%) rotate(-90deg);}
			
		#main-menu  .header-menu {display:flex; justify-content: space-between; border:none; padding:0 }
			.header-menu nav  {flex-shrink:0; display:flex; justify-content:space-between; align-items:center;}
				.header-menu nav a {display:block; text-decoration:none; font-weight:400; text-transform:uppercase; padding:20px 5px 20px 5px; margin-right:15px; position:relative; overflow:hidden;color: #474a50;font-size:15px}
					.header-menu nav a:after {content:''; display:block; width:100%; height:4px; background:#4bbc7e; position:absolute; bottom:0; right:100%; transition:.2s}
						.header-menu nav a:hover:after {right:0}
			
				.header-menu nav a:first-child {padding-left:0}
				.header-menu nav a:last-of-type {margin-right:0}
				
			.header-present {display:flex; align-items:center; text-transform:uppercase; text-decoration:none; font-weight:400; padding:0 15px; border-right: 1px solid #d2f2fa; border-left: 1px solid #d2f2fa; font-size:14px;color: #474a50;}
				.header-present img {display:block; margin-right:10px}
				
			.social-link {flex-shrink:0; display:flex; justify-content:space-between; align-items:center; border-right: 1px solid #cecece; padding:0 15px}
				.social-link a {display:block; margin:0 10px;    font-size: 20px; }
					.social-link a i {transition:.2s}
						.social-link a:hover i{color:#00a4e1}
	
			.headder-callback {flex-grow:1;display: flex;flex-direction: column;align-items: flex-end;justify-content: center; flex-grow: 0;padding-left:15px;white-space: nowrap;color: #474a50;font-size: 15px;}
				.headder-callback a {display:table; font-weight:400; text-decoration:none; margin:0 auto;    line-height: 1; border-bottom:1px solid transparent; color: #474a50;}
					.headder-callback a:hover {color:#2e5da1;border-bottom-color:#2e5da1}
					
				a.callback-btn {color:#2e5da1; font-weight:300; font-size:12px; margin-top:7px; border-bottom:1px solid}
					a.callback-btn:hover {color:#474a50}

/*Выезжающее меню*/
.sidemenu {position: fixed;top: 0;left:-100vw;background: #fff;z-index: 500;width: 100%;height: 100%;padding: 50px 50px;box-sizing: border-box; transition:.7s; opacity:0; max-height:100vj; overflow-y:auto;color: #474a50;}
		.menu-open  .sidemenu {left:0; opacity:1}
	.sidemenu .main-logo {flex-shrink:0; margin-bottom:15px; margin-left:auto; margin-right:auto;}
	.sidemenu-row {width:320px;border-bottom:1px solid #eee;padding-bottom:15px;margin:0 auto 15px auto; text-align:center;}
		.sidemenu-row a {text-decoration:none; display:block;color: #474a50;line-height: 1.5;font-weight: 300; font-size:15px}
			.sidemenu-row a:hover {color:#00a4e0}
		.sidemenu-row p {color: #474a50;line-height: 1.5;font-weight: 300; font-size:15px}
	.sidemenu-main {}
		.sidemenu-main a {margin-bottom:5px}
			.sidemenu-main a:last-child {margin-bottom:0}
			
	.sidemenu-withicon {}
		.sidemenu-withicon a {display:flex; align-items:center;justify-content: center; margin-bottom:10px}
			.sidemenu-withicon a img {display:block; margin-right:10px;width: 15px;height: 18px;}
			.sidemenu-withicon a:last-child {margin-bottom:0}
	.sidemenu-contacts {text-align: center; border-bottom:0;padding-bottom:0; margin-bottom:0}
		.sidemenu-social {display:flex; justify-content:center; margin-top:10px}
			.sidemenu-social a {margin:0 10px}
	
	.sidemenu-tel	{color: #474a50;line-height: 1.5;font-weight: 300; font-size:15px}
	
	.sidemenu-close-wrapper {display:block; height: 50px;width: 50px;position: fixed;z-index:501; cursor:pointer;top:0; right:0; opacity:0}
		.sidemenu-close {height: 3px;width: 35px;position: absolute;top: 50%;left: 50%;border-radius: 50px;background-color: #474a50;transform: translate(-50%, -50%) rotate(0deg);transition: all ease 0.5s;transform: translate(-50%, -50%) rotate(135deg);}
				.sidemenu-close::before, .sidemenu-close::after {content: "";position: absolute;height: inherit;border-radius: inherit;background-color: inherit;margin: auto;width: 50%;transition: all ease 0.5s;}
					.sidemenu-close::before {top: -12px;left: 0;transform-origin: left;top: 0;transform: translateX(100%) rotate(-90deg);}
					.sidemenu-close::after {bottom: -12px;right: 0;transform-origin: right;bottom: 0;transform: translateX(-100%) rotate(-90deg);}
		
	.menu-open .sidemenu-close-wrapper	{animation:show-close-icon 0.5s 0.7s forwards; animation-play-state:running}

@keyframes show-close-icon {
	0% {opacity:0}
	100% {opacity:1}
}



@media (min-width:1101px)	{.header-menu .nav-mobile {display:none !important} }

@media (max-width:1250px)	{
	.top-menu {display:none}
	#main-menu .flex-bar {width:255px;}
	#main-menu .wrapper {align-items:stretch;flex-direction: row;}
}

@media (max-width:1100px) {
	#main-menu .flex-bar {padding:5px 0}
	#main-menu .header-menu {justify-content:flex-end;    align-items: stretch;}	
		.header-menu .social-link {border-left: 1px solid #cecece;}
		.headder-callback {flex-grow:0; padding:0 10px;}
	
	
	.header-menu nav {display: none;position: absolute;width: 100%;background: #fff;top: 100%;padding: 0 10px 0 0;box-sizing: border-box;left: 0;border:0;    border-top: 1px solid #cecece; box-shadow: 0px 4px 5px 0px #b5b5b5;} 
		.header-menu nav a {padding:5px 0;text-align:center; margin:0 auto 10px auto; display:table;}
			.header-menu nav a:hover {color:#4bbc7e}
			.header-menu nav a:after {display:none}
	
		.header-present {margin-left:0}
	.header-menu nav {display:none}
}

@media (max-width:960px) { 
#main-menu .flex-wrapper {display:flex;}
	#main-menu .flex-bar {width:225px}
}



@media (max-width:600px) { 
.header-menu .social-link {display:none}
	
.header-menu nav .social-link {display:flex;justify-content: center;border:none; border-top: 1px solid #cecece;padding: 10px 0;}
	.header-menu nav .social-link a{margin:0 20px;display: flex;margin: 5px 20px !important;}
}


@media (max-width:500px) {
/*Выезжающее меню*/
.sidemenu {padding:30px 10px;}
	.sidemenu-row  {width:100%}
	.sidemenu-row a {font-size:14px}

.headder-callback {    border-left: 1px solid #d2f2fa;}
.header-present {display:none}
}

@media (max-width:400px) { 
.headder-callback {display:none}
	
.header-menu nav .headder-callback {display:flex;border:none; border-top: 1px solid #cecece;padding: 10px 0;justify-content: center;align-items: center;}
	.header-menu nav .headder-callback a {margin-bottom: 10px;padding: 0;color: #474a50; border:none !important}
	.header-menu nav .headder-callback .callback-btn {margin-bottom:0;    color: #2e5da1;}
}



/******************************************************
	Slick Slider
******************************************************/
.slick-slider {position: relative;display: block;   box-sizing: border-box;user-select: none;-webkit-touch-callout: none;-khtml-user-select:none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list	{position: relative;display: block;overflow:hidden;margin: 0;padding: 0;}
	.slick-list:focus{outline: none;}
	.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0, 0, 0);}

.slick-track {position: relative;top: 0;left: 0;display: block;margin-left:auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after	{clear: both;}
.slick-loading .slick-track	{visibility:hidden;}

.slick-slide {display: none;float: left;height:100%;min-height: 1px;}

.slick-slide img {display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img	{ pointer-events: none;}
.slick-initialized .slick-slide {display: block;outline: none !important;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/******************************************************
	HermesNotificationPlugin
******************************************************/
/*Svg иконки и анимация*/
.hermes-notificaton-svg {width: 150px;height: 150px; margin:0 auto; display:block}
	.hns-circle1 {fill: none;stroke-width: 4; opacity:0}
	.hns-circle2 {stroke-dashoffset:1000;stroke-dasharray:1000; stroke-width:4; fill:none;}
	.hns-path1   {stroke-dashoffset:1000;stroke-dasharray:1000; stroke-width:4; fill:none;} 
	.hns-path2   {stroke-dashoffset:1000;stroke-dasharray:1000; stroke-width:4; fill:none; }

.hns-error 	 {}
	.hns-error .hns-circle1 {stroke: #ffd9d9;}
	.hns-error .hns-circle2 {stroke: #f19b9b;}
	.hns-error .hns-path1   {stroke:  #f19b9b;}
	.hns-error .hns-path2  {stroke:   #f19b9b;}
	
.hns-success {}
	.hns-success .hns-circle1 {stroke: #d2efd2;}
	.hns-success .hns-circle2 {stroke: #71b371;}
	.hns-success .hns-path1   {stroke:  #71b371;}
	.hns-success .hns-path2  {stroke:   #71b371;}

	
/*Оверлей*/
.hno{position:fixed; top:0; left:0; width:100%; height:100%; background:RGBA(0,0,0,0.5); display:flex;justify-content: center;    align-items: center; visibility:hidden; transition:0.5s; opacity:0;z-index:9000}	
	.hnol {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
	.hnb {width:80%; max-width:450px; background:#fff; border-radius:20px; padding:30px; box-sizing:border-box; position:relative; z-index:9005;transform:translateY(-300px); opacity:0 }
		.hermes-notificaton-title {text-align: center; font-size: 24px; font-weight: 700; margin: 15px auto;color:#333}
		.hermes-notificaton-text {text-align:center;color:#333 }
		
		.hermes-notificaton-progress {width: calc(100% + 60px); margin-left: -30px;background: #d2efd2;height: 4px;margin-top: 40px;}	
			.hermes-notificaton-progress span{display:block; width:0; background:#71b371;height: 4px; }
	
		.hns-error .hermes-notificaton-progress {background:#ffd9d9}
			.hns-error .hermes-notificaton-progress span {background:#f19b9b}
	
.hnb-close {position: absolute;width: 25px;height: 25px;position: absolute;top:15px;right:15px;opacity: 0.3; transition:.2s; cursor:pointer}
	.hnb-close:hover {opacity: 1;}
		.hnb-close:before, .hnb-close:after {position: absolute;left: 15px;content: ' ';height: 25px;width: 2px;background-color: #333;}
			.hnb-close:before {transform: rotate(45deg);}
			.hnb-close:after {transform: rotate(-45deg);}	
			
			
/*Появление оверлейя*/		
.hno.show {animation: hnp-fadein 0.2s  linear forwards}
	
	
/*Запуск анимации бокса*/
.hno.show .hnb {animation: hnp-slideFromTop 0.2s 0.2s linear forwards }

/*Запуск анимации SVG*/
.hno.show .hns-circle1 {animation: hnp-fadein 0.2s 0.4s linear forwards; }
.hno.show .hns-circle2 {animation: hnp-path 1s 0.6s ease-in-out forwards;}
.hno.show .hns-path1   {animation: hnp-path 1s 1.3s ease-in-out forwards; } 
.hno.show .hns-path2   {animation: hnp-path 1s 1.6s ease-in-out forwards; }

/*Запуск анимации прогресса*/
.hno.show .hermes-notificaton-progress span {width:0%; animation: hnp-progress 3.5s 0.4s linear forwards;}

/*Исчезание объектов*/
.hno.hide .hnb  {animation: hnp-slideToBottom 0.2s linear forwards; }
.hno.hide 	    {visibility:visible; opacity:1; transform:scale(1); animation: hnp-fadeout 0.2s 0.2s linear forwards;}


/*Отрисовка пути*/      @keyframes hnp-path {0% {stroke-dashoffset:1000; }100% {stroke-dashoffset: 0;}} 
/*Отрисовка прогресса*/ @keyframes hnp-progress {0% {width:0; }100% {width:100%;}}
/*Фейд*/                @keyframes hnp-fadein  {0% {opacity:0;visibility:visible; }100% { opacity:1;visibility:visible}}
/*Фейд*/                @keyframes hnp-fadeout  {0% {opacity:1;visibility:visible)}100% {opacity:0;visibility:hidden;}}
/*Появление серху*/     @keyframes hnp-slideFromTop  {0% {transform:translateY(-300px); opacity:0 }100% {transform:translateY(0); opacity:1}}
/*Уход вниз*/           @keyframes hnp-slideToBottom  {0% {transform:translateY(0px); opacity:1 }100% {transform:translateY(300px); opacity:0}}



/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}