@charset "utf-8";

/* BOOK */

[data-serialexpand-target]{margin:0px 20px;font-size:14px;background-color:#CCD6E8;}

.machine-finder-container{display:inline-block;width:100%;}
.machine-finder-wrap{box-shadow:inset 0 0 65px 10px rgba(0,0,0,0.4);display:block;margin:0 auto;max-width:1400px;width:96%;}
.machine-finder{background: rgba(255,255,255,0.35);padding:10px 15px 5px;margin:30px 0 2px;min-height:370px;display:flex;}
.machine-finder-sheet{display:block}
.page-next{right:0}

.machine-finder section {padding-bottom:100px;}

.page-next, .page-prev {
 display: inline-block;
 position:absolute;
 border-radius: 4px;
 background-color:var(--color-5);
 border: none;
 color: #FFFFFF;
 text-align: center;
 font-size: 17px;
 padding: 16px;
 width: 130px;
 transition: all 0.5s;
 cursor: pointer;
 margin: 5px;
 bottom:10px;
}
.page-next:hover, .page-prev:hover{background-color:var(--color-4);}

.page-next span, .page-prev span {
 cursor: pointer;
 display: inline-block;
 position: relative;
 transition: 0.5s;
}

.page-next span:after {
 content: '»';
 font-size:30px;
 position: absolute;
 opacity: 0;
 top: -11px;
 right: -2px;
 transition: 0.5s;
}

.page-prev span:after {
 content: '«';
 font-size:30px;
 position: absolute;
 opacity: 0;
 top: -11px;
 left: 0;
 transition: 0.5s;
}

.page-next:hover span { padding-right: 20px; }
.page-next:hover span:after { opacity: 1; right: 0; }

.page-prev:hover span { padding-left: 20px; }
.page-prev:hover span:after { opacity: 1; left: 0; }

.progress {position:relative; }
.progress span {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	z-index:2;
	font-weigh:bold;
	transition-duration:1s;
}
.progress{
	height: 1px;
	background: #262626;
	padding: 5px;
	overflow: visible;
	border-radius: 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #7992a8;
	margin:75px 16px 5px;
}
.progress .progress-bar{
	height:7px;
	top:-3px;
	border-radius: 10px;
	position: relative;
	animation: animate-positive 2s;
	background: var(--color-2);
	transition-duration:1s;
	display: block ruby;
}
.progress .progress-value{
	display: block;
	padding: 3px 7px;
	font-size: 20px;
	color: #fff;
	border-radius: 4px;
	background: #191919;
	border: 1px solid #000;
	position: absolute;
	top: -45px;
	right: -20px;
}
.progress .progress-value:after{
	content: "";
	border-top: 10px solid #191919;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -6px;
	left: 26%;
}
.progress-bar.active{ animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s; }
@-webkit-keyframes animate-positive{ 0% {width:0;} } @keyframes animate-positive{ 0% {width:0;} }



/* FORM-STYLE */

.radio-button-wrap{
  display: inline-flex;
  height: 100px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 20px 15px;
}
.radio-button-wrap .option{
  background: #636D7C;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  padding: 13px 22px 11px 17px;
  transition: all 0.3s ease;
}
.radio-button-wrap .option .dot{
  height: 20px;
  width: 20px;
  margin:0 10px 0 0;
  background: #AFAFAF;
  border-radius: 50%;
  position: relative;
}
.radio-button-wrap .option .dot::before{
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #d95757;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.5s ease-in-out;
}
.radio-button-wrap .option span{ font-size: 20px;color:#E8E8E8; }
input[type="radio"]{ display: none; }
#radio-option-1:checked:checked ~ .option-1, #radio-option-2:checked:checked ~ .option-2{ border-color:#643131;background:#4f5e8c; }
#radio-option-1:checked:checked ~ .option-1 .dot, #radio-option-2:checked:checked ~ .option-2 .dot{ background: #fff; }
#radio-option-1:checked:checked ~ .option-1 .dot::before, #radio-option-2:checked:checked ~ .option-2 .dot::before{ opacity: 1;transform: scale(1); }
#radio-option-1:checked:checked ~ .option-1 span, #radio-option-2:checked:checked ~ .option-2 span{ color: #fff; }

/* RADIO BUTTON MACHINE-FINDER */

.inputGroup {
  background-color: #fff;
  display: block;
  margin: 10px 0;
  position: relative;
}
.inputGroup label {
  padding: 12px 30px;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.inputGroup label:before {
  width: calc((100% / 1000) * 19);
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color:var(--color-5);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 400ms ease-out;
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 26px;
  height: 26px;
  content: "";
  border: 3px solid #D1D7DC;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:-1px 2px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition:all 350ms ease-in;
  box-shadow:inset -2px 0 5px 3px rgba(0,0,0,0.1);
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: var(--color-1);
  border-color: #DADADA;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

code {
  background-color: #9AA3AC;
  padding: 0 8px;
}


.user-datas-wrap{position:relative;display: flex;}
.dmp-check-wrap{position:relative;margin:0 0 15px;}

/* INPUT */

.mail-error-warning {color:#C40101;position:absolute;top:45px;left:0;display:none;}

:focus{outline: none;}

.input-col-3{float: left; width: 31.33%; margin: 20px 1% 30px; position: relative;} /* necessary to give position: relative to parent. */
input[type="text"],input[type="email"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;position: relative;z-index:10;}

input.text-fx {background:rgba(0,73,255,0.04);}

.effect-1, .effect-2, .effect-3{border:1px solid #939bb4;padding:7px 14px;transition:0.4s;background:transparent;}

.effect-1 ~ .focus-border:before,
.effect-1 ~ .focus-border:after{content: ""; position: absolute; top: -1px; left: 50%; width: 0; height: 2px; background-color: #4993e3; transition: 0.4s;}
.effect-1 ~ .focus-border:after{top: auto; bottom: 0;}
.effect-1 ~ .focus-border i:before,
.effect-1 ~ .focus-border i:after{content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 0; background-color: #4993e3; transition: 0.6s;}
.effect-1 ~ .focus-border i:after{left: auto; right: 0;}
.effect-1:focus ~ .focus-border:before,
.effect-1:focus ~ .focus-border:after,
.has-content.effect-1 ~ .focus-border:before,
.has-content.effect-1 ~ .focus-border:after{left: 0; width: 100%; transition: 0.7s;}
.effect-1:focus ~ .focus-border i:before,
.effect-1:focus ~ .focus-border i:after,
.has-content.effect-1 ~ .focus-border i:before,
.has-content.effect-1 ~ .focus-border i:after{top: -1px; height: 100%; transition: 1s;}
.effect-1 ~ label{position: absolute; left: 14px; width: 100%; top: 10px; color: #888; transition: 0.3s; z-index:0; letter-spacing: 0.5px;}
.effect-1:focus ~ label, .has-content.effect-1 ~ label{top: -18px; left: 0; font-size: 12px; color: #385a81; transition: 0.3s;}

.effect-2 ~ .focus-border:before,
.effect-2 ~ .focus-border:after{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 2px; background-color: #4993e3; transition: 0.3s;}
.effect-2 ~ .focus-border:after{top: auto; bottom: 0; left: auto; right: 0;}
.effect-2 ~ .focus-border i:before,
.effect-2 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #4993e3; transition: 0.4s;}
.effect-2 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0;}
.effect-2:focus ~ .focus-border:before,
.effect-2:focus ~ .focus-border:after,
.has-content.effect-2 ~ .focus-border:before,
.has-content.effect-2 ~ .focus-border:after{width: 100%; transition: 0.5s;}
.effect-2:focus ~ .focus-border i:before,
.effect-2:focus ~ .focus-border i:after,
.has-content.effect-2 ~ .focus-border i:before,
.has-content.effect-2 ~ .focus-border i:after{height: 100%; transition: 1s;}
.effect-2 ~ label{position: absolute; left: 14px; width: 100%; top: 10px; color: #888; transition: 0.3s; z-index:0; letter-spacing: 0.5px;}
.effect-2:focus ~ label, .has-content.effect-2 ~ label{top: -18px; left: 0; font-size: 12px; color: #385a81; transition: 0.3s;}

.effect-3 ~ .focus-border:before,
.effect-3 ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background-color: #4993e3; transition: 0.2s; transition-delay: 0.2s;}
.effect-3 ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
.effect-3 ~ .focus-border i:before,
.effect-3 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #4993e3; transition: 0.2s;}
.effect-3 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
.effect-3:focus ~ .focus-border:before,
.effect-3:focus ~ .focus-border:after,
.has-content.effect-3 ~ .focus-border:before,
.has-content.effect-3 ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
.effect-3:focus ~ .focus-border:after,
.has-content.effect-3 ~ .focus-border:after{transition-delay: 0.2s;}
.effect-3:focus ~ .focus-border i:before,
.effect-3:focus ~ .focus-border i:after,
.has-content.effect-3 ~ .focus-border i:before,
.has-content.effect-3 ~ .focus-border i:after{height: 100%; transition: 0.2s;}
.effect-3:focus ~ .focus-border i:after,
.has-conten.effect-3 ~ .focus-border i:after{transition-delay: 0.4s;}
.effect-3 ~ label{position: absolute; left: 14px; width: 100%; top: 10px; color: #888; transition: 0.3s; z-index:0; letter-spacing: 0.5px;}
.effect-3:focus ~ label, .has-content.effect-3 ~ label{top: -18px; left: 0; font-size: 12px; color: #385a81; transition: 0.3s;}


/* MACHINE ROTATOR */

#wizard-button-wrap{
	position:relative;
	padding:0;
	width:100%;
	max-width:925px;
	margin:0 auto;
	box-shadow:0 0 40px 0 rgba(255,255,255,0.4),inset 0 0 30px 0 rgba(0,0,0,0.03);
}
.wizard-button-icon {
	font-size:25px;
	padding:10px 12px;
	margin:-20px 20px 0 10px;
	width:100px;
	height:113px;
	float:right;
	background:var(--color-1);
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
	border-radius:5px;
	color:#f0f0f0;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background-image: -webkit-linear-gradient(top left, rgba(255,0,0,0.12), var(--color-1));
	background-image: -o-linear-gradient(top left, rgba(255,0,0,0.12), var(--color-1));
	background-image: linear-gradient(to bottom right, rgba(255,0,0,0.12), var(--color-1));
	transition-duration: 0.2s;
}
.wizard-button-icon:hover {
	color:#fff;
	filter:brightness(1.1);
}
.click-fx { animation: 2.2s click-button-anim cubic-bezier(.1,.72,.64,.99) infinite; }
@keyframes click-button-anim {
  0% { transform: scale(1); color:#fafafa; letter-spacing:0px; font-size:25px; box-shadow: inset -10px -5px 25px 5px rgba(0,0,0,0.1); }
  5% { transform: scale(1.1); color:#fff; letter-spacing:2px; font-size:30px; box-shadow: inset 0 0 25px 5px rgba(0,0,0,0.32); }
 13% { transform: scale(1); color:#fafafa; letter-spacing:0px; font-size:25px; box-shadow: inset -10px -5px 25px 5px rgba(0,0,0,0.1); }
100% { transform: scale(1); color:#fafafa; letter-spacing:0px; font-size:25px; box-shadow: inset -10px -5px 25px 5px rgba(0,0,0,0.1); }
}

.rotator-header{
	line-height: 28px;
	padding:20px;
	margin:30px 0;
	color:#555;
	font-size:20px;
	text-align:center;
	font-weight:normal;
}
.rotator-wrap{
	position:relative;
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding:18px 0 120px;
	background: #EFF2FF;
	box-shadow: inset 0 -10px 150px 10px rgba(0,0,0,0.4);
	cursor:pointer;
}
#showcase{
	height:44vw;
	max-height:534px;
	width:100%;
	overflow:visible !important;
	z-index:2;
}
#showcase img{	display:none; }

.machine-name-wrap{
	position:absolute;
	bottom:0;
	margin:0;
	width:100%;
	z-index:2;
	padding:14px 0;
	opacity:.84
}
#machine-name{
	font-size:23px;
	font-weight: bold;
	text-align:center;
	color: #434343;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
	background: var(--color-2);
	padding:15px;
}

/* LOADER */

.bracket {color:var(--color-5);font-size:50px;font-family:Consolas,Menlo,Monaco,monospace;font-weight:bold;opacity:0.8;margin:0 auto;width:100%;text-align:center;}
.bracket:before {content:"{";display: inline-block;animation:pulse 0.4s alternate infinite ease-in-out;}
.bracket:after {content: "}";display: inline-block;animation: pulse 0.4s 0.3s alternate infinite ease-in-out;}
@keyframes pulse { to {transform:scale(0.8); opacity:0.5; } }
.loader {color:var(--color-0);font-size:30px;top:-2px;display: inline-block;font-weight:bold;box-sizing:border-box;text-shadow:0 0 2px #FFF,0 0 1px #FFF,0 0 1px #FFF;letter-spacing:2px;position:relative;}
.loader::after {color:var(--color-1);content: 'FELDOLGOZÁS';position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;animation:animloader 3s linear infinite;}
@keyframes animloader { 0% {width:0%;} 100% {width:100%;} }

#preloader1,#preloader2,#preloader3,#preloader4,#preloader5,#preloader6 {margin:0 auto;display:block;}
/** 1 **/
.load1 path:nth-of-type(1) {-webkit-animation:2s cubic-bezier(0.19, 1, 0.22, 1) 0.15s infinite spinHalf;animation:2s cubic-bezier(0.19, 1, 0.22, 1) 0.15s infinite spinHalf;}
.load1 path:nth-of-type(2) {-webkit-animation:2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s infinite spinHalf;animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.3s infinite spinHalf;}
.load1 path:nth-of-type(3) {-webkit-animation:2s cubic-bezier(0.19, 1, 0.22, 1) 0.45s infinite spinHalf;animation:2s cubic-bezier(0.19, 1, 0.22, 1) 0.45s infinite spinHalf;}
.load1 path:nth-of-type(4) {-webkit-animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.6s infinite spinHalf;animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.6s infinite spinHalf;}
.load1 path:nth-of-type(5) {-webkit-animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.75s infinite spinHalf;animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.75s infinite spinHalf;}
.load1 path:nth-of-type(6) {-webkit-animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.9s infinite spinHalf;animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 0.9s infinite spinHalf;}
.load1 path:nth-of-type(7) {-webkit-animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 1.05s infinite spinHalf;animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 1.05s infinite spinHalf;}
.load1 path:nth-of-type(8) {-webkit-animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 1.2s infinite spinHalf;animation: 2s cubic-bezier(0.19, 1, 0.22, 1) 1.2s infinite spinHalf;}
/** 2 **/
.load2 path:nth-of-type(1),.load2 path:nth-of-type(5) {-webkit-animation: spin_full 2s linear infinite;animation: spin_full 2s linear infinite;}
.load2 path:nth-of-type(2),.load2 path:nth-of-type(6) {-webkit-animation: spin_full 2s linear infinite;animation: spin_full 2s linear infinite;}
.load2 path:nth-of-type(3),.load2 path:nth-of-type(7) {-webkit-animation: spin_full 2s linear infinite;animation: spin_full 2s linear infinite;}
.load2 path:nth-of-type(4),.load2 path:nth-of-type(8) {-webkit-animation: spin_full 2s linear infinite;animation: spin_full 2s linear infinite;}
/** 3 **/
.load3 path:nth-of-type(1) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(2) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(3) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(4) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(5) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(6) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(7) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
.load3 path:nth-of-type(8) {-webkit-animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: spin_full 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;}
/** 4 **/
.load4 path:nth-of-type(1) {-webkit-animation: spin_single_neg 1.8s 0.1s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.1s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.load4 path:nth-of-type(2) {-webkit-animation: spin_single_neg 1.8s 0.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.2s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.load4 path:nth-of-type(3) {-webkit-animation: spin_single_neg 1.8s 0.3s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.3s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.load4 path:nth-of-type(4) {-webkit-animation: spin_single_neg 1.8s 0.4s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.4s cubic-bezier(0.19, 1, 0.22, 1) infinite;}

.load4 path:nth-of-type(5) {-webkit-animation: spin_single_neg 1.8s 0.5s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.5s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.load4 path:nth-of-type(6) {-webkit-animation: spin_single_neg 1.8s 0.6s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.6s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.load4 path:nth-of-type(7) {-webkit-animation: spin_single_neg 1.8s 0.7s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.7s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
.load4 path:nth-of-type(8) {-webkit-animation: spin_single_neg 1.8s 0.8s cubic-bezier(0.19, 1, 0.22, 1) infinite;animation: spin_single_neg 1.8s 0.8s cubic-bezier(0.19, 1, 0.22, 1) infinite;}
/** 5 **/
.load5 path:nth-of-type(1) {-webkit-animation: spin_single 1.8s 0.1s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.1s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(2) {-webkit-animation: spin_single 1.8s 0.2s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.2s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(3) {-webkit-animation: spin_single 1.8s 0.3s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.3s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(4) {-webkit-animation: spin_single 1.8s 0.4s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.4s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(5) {-webkit-animation: spin_single 1.8s 0.5s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.5s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(6) {-webkit-animation: spin_single 1.8s 0.6s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.6s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(7) {-webkit-animation: spin_single 1.8s 0.7s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.7s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
.load5 path:nth-of-type(8) {-webkit-animation: spin_single 1.8s 0.8s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;animation: spin_single 1.8s 0.8s cubic-bezier(0.115, 0.97, 0.14, 1) infinite;}
/** 6 **/
.load6 path:nth-of-type(1) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(2) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(3) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(4) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(5) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(6) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(7) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.load6 path:nth-of-type(8) {-webkit-animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;animation: spin_single 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.pre path {transform-origin: center;transform-box: fill-box;transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
@-webkit-keyframes spinHalf { 0% {transform: rotate(0deg);} 50% {transform: rotate(360deg);} }
@keyframes spinHalf { 0% {transform: rotate(0deg);} 50% {transform: rotate(360deg);} }
@-webkit-keyframes spin_full { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@keyframes spin_full { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@-webkit-keyframes spin_single_neg { 0% {transform: rotate(0deg);} 100% {transform: rotate(-180deg);} }
@keyframes spin_single_neg { 0% {transform: rotate(0deg);} 100% {transform: rotate(-180deg);} }
@-webkit-keyframes spin_single { 0% {transform: rotate(0deg);} 100% {transform: rotate(180deg);} }
@keyframes spin_single { 0% {transform: rotate(0deg);} 100% {transform: rotate(180deg);} }