.animation > div,
.animation .main-slide-wrapper {
	height: 100%;
}

.slide-shape{
	display: none !important;
}

.scroll-titles {
	display: flex;
	position: absolute;
	bottom: 8.8%;
	left: 11.45%;
	height: 20px;
	justify-content: flex-start;
	align-items: center;
	z-index: 10;
	padding: 0 8% 0 0;
	width: auto;
	cursor: pointer;
	opacity: 0;
}

.scroll-titles.show {
	opacity: 1;
}

.scroll-titles img{
	width: 22px;
	margin-right: 20px;
}

.scroll-titles div{
	height: auto;
	color: #959999;
	height: 1.5em;
	position: relative;
}

.scroll-titles div span{
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	line-height: 1.5;
	display: block;
	-webkit-transition: opacity 750ms ease-in, width 0ms linear 750ms, height 0ms linear 750ms;
	transition: opacity 750ms ease-in, width 0ms linear 750ms, height 0ms linear 750ms;
}

.scroll-titles div .active{
	width: 300px;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 750ms ease 1000ms, width 0ms linear 750ms, height 0ms linear 750ms;
	transition: opacity 750ms ease 1000ms, width 0ms linear 750ms, height 0ms linear 750ms;
}

.home .left, .home .right{
	background-color: white;
}

.animation {
	/*background-color: #f3eee0 !important;*/
	/*transition: background-color 0.5s;*/
	z-index: -1;
}

.animation.active,
.animation.on {
	z-index: 1
}

.earth-animation-wrapper {
	width: 100%;
	height: 100%;
}

.earth {
	width: 45%;
	padding-top: 45%;
	top: 50%;
	left: 50%;
	overflow: hidden;
	-webkit-transform: translate(-50%, -300%);
	transform: translate(-50%, -300%);
	border-radius: 50%;
	transition: transform 0.8s cubic-bezier(0, 0, 0.18, 0.9);
}

.animation.active .earth {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.earth-animation .fag-container{
	width: 45%;
	height: 45%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.earth-animation .sent-from-above{
	position: absolute;
	width: 35%;
	top: -800px;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-transition: top 750ms ease;
	transition: top 750ms ease;
}

.earth-animation .sent-from-above #fexi-1,
.earth-animation .sent-from-above #fexi-2,
.earth-animation .sent-from-above #fexi-3,
.earth-animation .sent-from-above #fexi-4{
	display: none;
}

.earth-animation .sent-from-above.animate{
	top: 5%;
}


.animation .slide-title,
.animation .slide-paragraph {
	opacity: 1 !important;
}

.earth-animation .slide-title{
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.earth-animation .slide-paragraph{
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.earth-animation .slide-paragraph,
.earth-animation .slide-title{
	-webkit-transition: all 750ms ease, color 0.75s ease-in;
	transition: all 750ms ease, color 0.75s ease-in;
	opacity: 0;
}

.earth-animation.active .slide-paragraph,
.earth-animation.active .slide-title{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.earth .earth-lines {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
	transition: transform 0.8s cubic-bezier(0, 0, 0.18, 0.9);
}

.animation.active .earth-lines {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.animation.evening .earth-lines {
	-webkit-transform: rotate(720deg);
	transform: rotate(720deg);
}

.animation.evening p,
.animation.evening .slide-title {
	/*transition: color 0.5s;*/
	color: white;
}

/* ახალი დრო */
.earth-animation .time{
	width: 36px;
	height: 50%;
	top: 50%;
	right: 2%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.earth-animation.evening .time .bar .bar-count{
	color: white;
}

.earth-animation .time .bar{
	width: 20px;
	padding: 4px;
	height: 100%;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-70%);
	transform: translateX(-70%);
	border-radius: 3px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
    background-color: rgba(115, 191, 190, 0.3);
    color: #73bfbe;
    font-family: 'MontserratMedium';
}

.earth-animation .time .bar .balance{
    position: absolute;
    bottom: 50%;
    right: 60px;
    text-align: right;
    line-height: 1.5;
    transform: translateY(-25%);
}

.earth-animation .time .bar .balance > p {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.earth-animation.evening .time .bar{
	background-color: rgba(255, 255, 255, 0.3);
    color: white;
}

.earth-animation .time .bar .fill{
	width: 8px;
	height: 0%;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #73bfbe;
	position: absolute;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.earth-animation.evening .time .bar .fill{
	background-color: white;
}

.earth-animation .time .bar.filled .fill{
	height: calc(99%);
}

.earth-animation .time .bar.filled.half .fill{
	-webkit-transition: all 3s ease;
	transition: all 3s ease;
	height: calc(54%);
}

.earth-animation .time .bar.filled.half.up .fill{
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	height: calc(60%);
}

.earth-animation .time .bar.filled.half.down .fill{
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	height: calc(54%);
}

.earth-animation .time .scale {
    position: absolute;
    width: 4px;
    height: 102%;
    background-color: #73bfbe;
    right: -10px;
    bottom: 0;
    -webkit-transition: background 1s ease;
    transition: background 1s ease;
}

.earth-animation.evening .time .scale{
    background-color: white;
}

.earth-animation .time .scale div{
    position: absolute;
    right: 0;
    background-color: #73bfbe;
    width: 24px;
    height: 2px;
    -webkit-transition: background 1s ease;
    transition: background 1s ease;
}

.earth-animation.evening .time .scale div{
    background-color: white;
}

.earth-animation .time .scale>:nth-child(1){
    bottom: 0px;
    height: 3px;
}
.earth-animation .time .scale>:nth-child(2){
    bottom: 6.66%;
}
.earth-animation .time .scale>:nth-child(3){
    bottom: 13.32%;
}
.earth-animation .time .scale>:nth-child(4){
    bottom: 19.8%;
}
.earth-animation .time .scale>:nth-child(5){
    bottom: 26.4%;
}
.earth-animation .time .scale>:nth-child(6){
    bottom: 33%;
}
.earth-animation .time .scale>:nth-child(7){
    bottom: 39.6%;
}
.earth-animation .time .scale>:nth-child(8){
    bottom: 46.2%;
}
.earth-animation .time .scale>:nth-child(9){
    bottom: 52.8%;
    width: 55px;
}
.earth-animation .time .scale>:nth-child(10){
    bottom: 59.4%;
}
.earth-animation .time .scale>:nth-child(11){
    bottom: 66%;
}
.earth-animation .time .scale>:nth-child(12){
    bottom: 72.8%;
}
.earth-animation .time .scale>:nth-child(13){
    bottom: 79.4%;
}
.earth-animation .time .scale>:nth-child(14){
    bottom: 86.2%;
}
.earth-animation .time .scale>:nth-child(15){
    bottom: 92.8%;
}
.earth-animation .time .scale>:nth-child(16){
    bottom: 100%;
    height: 3px;
}


.animation.earth-animation svg {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

.earth .mofos.upper{
	top: 33%;
	position: absolute;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.earth .mofos.upper.active{
	top: 0;
}

.earth .mofos.lower.active{
	top: -33%;
}

.earth .mofos {
	-webkit-transition: top 1000ms ease;
	transition: top 1000ms ease;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mofos .mofo-1 {
	width: 9%;
	height: auto;
	right: 12%;
	bottom: 36%;
	-webkit-animation: path2 4s ease-in-out infinite alternate;
	animation: path2 4s ease-in-out infinite alternate;
}

.mofos .mofo-2 {
	width: 5%;
	height: auto;
	right: 20%;
	bottom: 13%;
	-webkit-animation: path1 5s ease-in-out infinite alternate;
	animation: path1 5s ease-in-out infinite alternate;
}

.mofos .mofo-3 {
	width: 10%;
	height: auto;
	right: 27.6%;
	bottom: 10%;
	-webkit-animation: path3 5s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.8s;
	animation: path3 5s ease-in-out infinite alternate;
	animation-delay: 0.8s;
}

.mofos .mofo-4 {
	width: 13.6%;
	height: auto;
	right: 25%;
	bottom: 27%;
	-webkit-animation: path2 4s ease-in-out infinite alternate;
	animation: path2 4s ease-in-out infinite alternate;
}

.mofos .mofo-5 {
	width: 27.2%;
	height: auto;
	right: 32.4%;
	bottom: 5%;
	-webkit-animation: path1 5.5s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.5s;
	animation: path1 5.5s ease-in-out infinite alternate;
	animation-delay: 0.5s;
}

.mofos .mofo-6 {
	width: 16%;
	height: auto;
	right: 61%;
	bottom: 15%;
	-webkit-animation: path3 5s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.5s;
	animation: path3 5s ease-in-out infinite alternate;
	animation-delay: 0.5s;
}

.mofos .mofo-7 {
	width: 6.8%;
	height: auto;
	right: 71.6%;
	bottom: 21.5%;
	-webkit-animation: path2 4.5s ease-in-out infinite alternate;
	animation: path2 4.5s ease-in-out infinite alternate;
}

.mofos .mofo-8 {
	width: 6%;
	height: auto;
	right: 82%;
	bottom: 25%;
	-moz-animation: path1 5s ease-in-out infinite alternate;
	-webkit-animation: path1 5s ease-in-out infinite alternate;
	animation: path1 5s ease-in-out infinite alternate;
}

.mofos .mofo-9 {
	width: 15%;
	height: auto;
	right: 79%;
	bottom: 30%;
	-webkit-animation: path3 6s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.3s;
	animation: path3 6s ease-in-out infinite alternate;
	animation-delay: 0.3s;
}

.mofos .mofo-10 {
	width: 8%;
	height: auto;
	right: 47.6%;
	bottom: 24.8%;
	-webkit-animation: path2 5s ease-in-out infinite alternate;
	animation: path2 5s ease-in-out infinite alternate;
}

.mofos .mofo-11 {
	width: 8%;
	height: auto;
	right: 76%;
	bottom: 11%;
	-webkit-animation: path1 6s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.8s;
	animation: path1 6s ease-in-out infinite alternate;
	animation-delay: 0.8s;
}

.mofos .mofo-12 {
	width: 3%;
	height: auto;
	right: 48.6%;
	bottom: 16.8%;
	-webkit-animation: path3 5s ease-in-out infinite alternate;
	-webkit-animation-delay: 0s;
	animation: path3 5s ease-in-out infinite alternate;
	animation-delay: 0s;
}

.earth + .axis {
	width: 37%;
	padding-top: 58.5%;
    top: 50%;
    left: 42%;
	-webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
	background-image: url('../images/animations/axis.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.mofos3 {
	width: 10%;
	height: 8.3%;
}

.mofos3 .mofos3-1 {
	width: 40%;
	bottom: 0;
	left: 40%;
}

.mofos3 .mofos3-1 {
	width: 30%;
	top: 30%;
	left: 0%;
}

.mofos3 .mofos3-1 {
	width: 20%;
	top: 0%;
	right: 20%;
}

.mofos3.first {
	left: 35%;
	bottom: 30%;
}

.mofos3.second {
	right: 7.5%;
	bottom: 19%;
}


.move-left {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.move-right {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.move-up {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.move-down {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.lb-jelly-container{
	height: 75%;
	width: 75%;
	position: relative;
	top: 12%;
	left: 25%;
}

.lb-jelly-container canvas{
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%);
	backface-visibility: hidden;
}

.lb-jelly-container .jelly-canvas{
	width: 100%;
	height: 100%;
	filter: blur(3px);
}

.lb-jelly-container .blur-jelly{
	position: absolute;
	top: 0;
	left: -30%;
	width: 8%;
	height: 8%;
	filter: blur(5px);
}

.front .lb-jelly-container .blur-jelly{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform 0.7s ease-out 0.8s !important;
	transition: transform 0.7s ease-out 0.8s !important;
}

.flex-active-slide .lb-jelly-container .blur-jelly {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.lb-jelly-container .small-jelly{
	position: absolute;
	top: 40%;
	left: -43%;
	width: 20%;
	height: 20%;
	filter: blur(5px);
}

.front .lb-jelly-container .small-jelly-1 {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform 0.8s ease-out 0.8s !important;
	transition: transform 0.8s ease-out 0.8s !important;
}

.flex-active-slide .lb-jelly-container .small-jelly-1 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.lb-jelly-container .small-jelly-2{
	position: absolute;
	top: 10%;
	left: 15%;
	width: 5%;
	height: 5%;
	filter: blur(5px);
}

.flex-active-slide .lb-jelly-container canvas{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform 1.5s ease;
	transition: transform 1.5s ease;
}
 
.slide-image.abs,
.slide-shape.abs{
	pointer-events: none;
	z-index: 5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*.animated-slide.slide-right{
	-webkit-transform: translateX(-250%);
	-ms-transform: translateX(-250%);
	transform: translateX(-250%);
	-webkit-transition: transform 1.2s cubic-bezier(0.08, 0.29, 0.45, 1.01);
	transition: transform 1.2s cubic-bezier(0.08, 0.29, 0.45, 1.01);
}

.animated-slide.slide-right.animate{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}*/

.slide{
	overflow: hidden;
}

#wave-back-2,
#wave-back-3,
#wave-back-4,
#wave-middle-2,
#wave-middle-3,
#wave-middle-4,
#wave-front-2,
#wave-front-3,
#wave-front-4{
  visibility:hidden;
}

.front.slider .main-flexslider{
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.front.slider.hidden .main-flexslider{
	opacity: 0;
}

.front.slider.hidden .slide-right,
.front.slider .slide-left{
	-webkit-transition: transform 500ms ease;
	transition: transform 500ms ease;
}

.front.slider.hidden .slide-left{
	-webkit-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	transform: translateX(-10%);
}

.front.slider.hidden .slide-right{
	-webkit-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
}

/*ladooo*/
.lb-container.lb-description{
	width: 92.7%;
	height: 91.2%;
	background-color: #e4eff5;
	bottom: 0;
	left: 3.645%;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.lb-container.lb-description.half-hidden{
	background-color: #f1ecdf;
}

.lb-container.lb-description.half-hidden .lb-left{
	opacity: 0;
}

.lb-container.lb-description.half-hidden .lb-right{
	opacity: 0;
	-webkit-transform: translateX(10%);
	transform: translateX(10%);
}

.front.earth-animation{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	pointer-events: none;
	background-color: transparent !important;
}

.front.earth-animation.active{
	opacity: 1;
	visibility: visible;
}

.front.earth-animation.hidden{
	opacity: 0;
}

.front.earth-animation .slide-right{
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

.front.earth-animation.hidden .slide-right{
	opacity: 0;
	-webkit-transform: translateX(10%);
	transform: translateX(10%);
}

.lb-container.lb-description.on{
	visibility: visible;
	opacity: 1;
}

.lb-container.lb-description.hidden{
	opacity: 0;
}

.fag1-animation.lb-description .lb-left,
.fag1-animation.lb-description .lb-right{
	width: 50%;
	height: 100%;
	display: inline-block;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.fag1-animation.lb-description .lb-left{
	padding: 0 8.5%;
	padding-right: 6%;
	box-sizing: border-box;
	z-index: 2;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.fag1-animation.lb-description .lb-text-wrapper{
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.fag1-animation.lb-description .lb-text-wrapper.hide{
	opacity: 0;
}

.fag1-animation.lb-description.hidden .lb-left{
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	opacity: 0;
}

.fag1-animation.lb-description .lb-right{
	float: right;
}

.fag1-animation.lb-description .lb-left .lb-title{
	line-height: 1.5;
	margin-bottom: 3.4%;
	color: #4f4e4e;
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

.lb-title {
	line-height: 118% !important;
    margin-bottom: 2.4% !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
}

.front .rb-editor {
	margin-top: 0 !important;
}


.fag1-animation.lb-description .lb-left .lb-paragraph{
	line-height: 1.5;
	margin-bottom: 8.5%;
	color: #959999;
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

.lb-container.lb-description.evening .lb-left .lb-title,
.lb-container.lb-description.evening .lb-left .lb-paragraph{
	color: white;
}

.fag1-animation.lb-description .lb-left .lb-button{
	width: 35%;
	padding: 20px 0;
	min-width: 150px;
	text-align: center;
	background-color: #fda085;
	border-radius: 120px;
	cursor: pointer;
	display: inline-block;
	color: white;
}

.fag1-animation.lb-description .lb-left .lb-text-wrapper{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	top: 50%
}

.fag1-animation.lb-description .lb-left .lb-text-wrapper .inner-wrapper{
	opacity: 0;
	position: relative;
	transform: translateY(-15%);
	-webkit-transform: translateY(-15%);
	-moz-transform: translateY(-15%);
	transition: all 750ms linear;
	-webkit-transition: all 750ms linear;
}

.fag1-animation.lb-description .lb-left .lb-text-wrapper.animate .inner-wrapper{
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.fag1-animation.lb-description .lb-left .lb-text-wrapper .lb-button{
	opacity: 0;
	transform: translateY(-15%);
	-webkit-transform: translateY(-15%);
	-moz-transform: translateY(-15%);
	transition: all 750ms linear;
	-webkit-transition: all 750ms linear;
}

.fag1-animation.lb-description .lb-left .lb-text-wrapper.animate .lb-button{
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}


.fag1-animation.lb-description .lb-right .virus{
	position: absolute;
	top: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transition: top 600ms ease;
	-webkit-transition: top 600ms ease;
	width: 22%;
}

.fag1-animation.lb-description .lb-right .virus svg{
	width: 100%;
}

.fag1-animation.lb-description #right-1-down,
.fag1-animation.lb-description #right-2-down,
.fag1-animation.lb-description #left-1-down,
.fag1-animation.lb-description #left-2-down{
	visibility:hidden;
}

.fag1-animation.lb-description .lb-right .virus.animate{
	top: 50%;
	transition: all 1100ms cubic-bezier(0.31, 0.05, 0.11, 1.01);
	-webkit-transition: all 1100ms cubic-bezier(0.31, 0.05, 0.11, 1.01);
	opacity: 1;
}

.fag1-animation.lb-description .lb-right .yellow-circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0, 0);
	-webkit-transform: translate(-50%, -50%) scale(0, 0);
	-moz-transform: translate(-50%, -50%) scale(0, 0);
	width: 52%;
}

.fag1-animation.lb-description .lb-right .yellow-circle.animate{
	transform: translate(-50%, -50%) scale(1, 1);
	-webkit-transform: translate(-50%, -50%) scale(1, 1);
	-moz-transform: translate(-50%, -50%) scale(1, 1);
	transition: transform 750ms cubic-bezier(0.15, 0.43, 0.45, 0.94);
	-webkit-transition: transform 750ms cubic-bezier(0.15, 0.43, 0.45, 0.94);
}

.fag1-animation.lb-description .lb-right .yellow-circle.small{
	transition: transform 350ms ease;
	-webkit-transition: transform 350ms ease;
	transform: translate(-50%, -50%) scale(0.1, 0.1);
	-webkit-transform: translate(-50%, -50%) scale(0.1, 0.1);
	-moz-transform: translate(-50%, -50%) scale(0.1, 0.1);
}

.fag1-animation.lb-description .lb-right .yellow-circle.down{
	top: 110%;
	transition: top 450ms cubic-bezier(0.43, 0.08, 0.4, 0.96);
	-webkit-transition: top 450ms cubic-bezier(0.43, 0.08, 0.4, 0.96);
}


.fag1-animation.lb-description .lb-right .start-circles{
	width: 100%;
	height: 100%;
	position: absolute;
}

.fag1-animation.lb-description .lb-right .start-circles div{
	border-radius: 50%;
	background-color: #f9c318;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	position: absolute;
	opacity: 0;
}


.fag1-animation.lb-description .lb-right .start-circles>:nth-child(1){
	top: 33%;
	left: 34%;
	height: 18px;
	width: 17px;
}

.fag1-animation.lb-description .lb-right .start-circles>:nth-child(2){
	top: 67%;
	left: 65%;
	height: 15px;
	width: 15px;
}

.fag1-animation.lb-description .lb-right .start-circles>:nth-child(3){
	top: 68%;
	left: 43%;
	height: 19px;
	width: 20px;
}

.fag1-animation.lb-description .lb-right .start-circles>:nth-child(4){
	top: 29%;
	left: 67%;
	height: 16px;
	width: 16px;
}

.fag1-animation.lb-description .lb-right .start-circles>:nth-child(5){
	top: 55%;
	left: 25%;
	height: 17px;
	width: 17px;
}

.fag1-animation.lb-description .lb-right .start-circles>:nth-child(6){
	top: 53%;
	left: 75%;
	height: 16px;
	width: 18px;
}

.fag1-animation.lb-description .lb-right .start-circles .animate{
	top: 50%;
	left: 50%;
	opacity: 1;
	transition: left 500ms ease-in, top 500ms ease-in, opacity 500ms ease-out;
	-webkit-transition: left 500ms ease-in, top 500ms ease-in, opacity 500ms ease-out
}

.fag1-animation.lb-description .lb-right .end-circles img{
	position: absolute;
	top: 55%;
	left: 50%;
	transform-origin: center;
	transform: scale(0.55, 1) rotate(0deg);
	-webkit-transform: scale(0.55, 1) rotate(0deg);
	-moz-transform: scale(0.55, 1) rotate(0deg);
	width: 7%;
}

.fag1-animation.lb-description .lb-right .end-circles img.animate{
	top: 75%;
	transform: scale(0) rotate(30deg);
	-webkit-transform: scale(0) rotate(30deg);
	-moz-transform: scale(0) rotate(30deg);
	transition: all 350ms ease;
	-webkit-transition: all 400ms ease;
}

.fag1-animation.lb-description .lb-right .end-circles{
	width: 100%;
	height: 100%;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform-origin: center;
}

.fag1-animation.lb-description .lb-right .end-circles.animate{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}

.fag1-animation.lb-description .lb-right .end-circles div{
	width: 100%;
	height: 100%;
	position: absolute;
}

.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 1){
	transform: rotate(55deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 2){
	transform: rotate(100deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 3){
	transform: rotate(145deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 4){
	transform: rotate(190deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 5){
	transform: rotate(235deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 6){
	transform: rotate(280deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n + 7){
	transform: rotate(325deg);
}
.fag1-animation.lb-description .lb-right .end-circles>:nth-child(8n){
	transform: rotate(10deg);
}


.fag1-animation.lb-description .lb-right .end-circles .line{
	width: 100%;
	height: 100%;
	position: absolute;
}

.fag1-animation.lb-description .lb-right .end-circles .drop:after{
	content: '';
	position: absolute;
	top: 55%;
	left: 52%;
	width: 3px;
	height: 20px;
	background-color: #f9c318;
}

.fag1-animation.lb-description .lb-right .end-circles.animate .drop:after{
	top: 75%;
	height: 0;
	transition: top 200ms 200ms ease-in, height 200ms 250ms ease-in;
	-webkit-transition: top 200ms 200ms ease-in, height 200ms 200ms ease-in;
}


.fag1-animation.lb-description .lb-bottom-circle{
	position: absolute;
	width: 0%;
	height: 0%;
	border-radius: 50%;
	background-color: rgb(211, 228, 238);
	bottom: -20%;
	left: 75%;
	transform: translate(-50%, 50%);
	-webkit-transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	-webkit-transition: background-color 1.3s ease;
	transition: background-color 1.3s ease;
}

.fag1-animation.lb-description .lb-bottom-circle.animate{
	width: 60%;
	height: 70%;
	animation: circle-enter 1.5s ease-out;
}

.fag1-animation.lb-description .lb-bottom-circle.expand{
	animation: circle-expand 1.5s linear;
	background-color: rgb(241, 236, 223);
	width: 500%;
	height: 500%;
}

.lb-container.lb-description.evening .lb-bottom-circle{
	background-color: #929ea8;
}

/*Circle Start Animation*/
@-webkit-keyframes circle-enter {
	0%   { height: 0; width: 0; }
	50% { height: 80%; width: 40%; }
	80% { height: 55%; width: 65%; }
	100% { height: 70%; width: 60%; }
}
@-moz-keyframes circle-enter {
	0%   { height: 0; width: 0; }
	50% { height: 80%; width: 40%; }
	80% { height: 55%; width: 65%; }
	100% { height: 70%; width: 60%; }
}
@keyframes circle-enter {
	0%   { height: 0; width: 0; }
	50% { height: 80%; width: 40%; }
	80% { height: 55%; width: 65%; }
	100% { height: 70%; width: 60%; }
}

/*Circle End Animation*/
@-webkit-keyframes circle-expand {
	0%   { height: 60%; width: 70%; }
	25% { height: 95%; width: 100%; }
	50% { height: 70%; width: 75%; }
	100% { height: 500%; width: 500%; }
}
@-moz-keyframes circle-expand {
	0%   { height: 60%; width: 70%; }
	25% { height: 95%; width: 100%; }
	50% { height: 70%; width: 75%; }
	100% { height: 500%; width: 500%; }
}
@keyframes circle-expand {
	0%   { height: 60%; width: 70%; }
	25% { height: 95%; width: 100%; }
	50% { height: 70%; width: 75%; }
	100% { height: 500%; width: 500%; }
}



.fag2-animation.lb-container.lb-action {
	width: 92.7%;
	height: 91.2%;
	background: #f5f4e5;
	bottom: 0;
	left: 3.645%;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.fag2-animation.lb-container.lb-action.on{
	visibility: visible;
	opacity: 1;
}

.fag2-animation.lb-container.lb-action.hidden{
	opacity: 0;
}

.fag2-animation.lb-action .lb-left,
.fag2-animation.lb-action .lb-right{
	width: 50%;
	height: 100%;
	display: inline-block;
}

.fag2-animation.lb-action .lb-left{
	padding: 0 8.5%;
	padding-right: 6%;
	box-sizing: border-box;
	z-index: 2;
}

.fag2-animation.lb-action .lb-right{
	float: right;
}



.fag2-animation.lb-action .lb-left .inner-wrapper>:first-child .lb-title{
	line-height: 1.5;
	margin-bottom: 3.4%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	max-height: 1000px;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	color: #4f4e4e;
}

.fag2-animation.lb-action .lb-left .inner-wrapper>:first-child .lb-paragraph{
	line-height: 1.5;
	margin-bottom: 8.5%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	max-height: 1000px;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	color: #959999;
}

.fag2-animation.lb-action .lb-left .inner-wrapper>:last-child .lb-title{
	line-height: 1.5;
	margin-bottom: 3.4%;
	-webkit-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0;
	height: 0;
	color: #4f4e4e;
}

.fag2-animation.lb-action .lb-left .inner-wrapper>:last-child .lb-paragraph{
	line-height: 1.5;
	margin-bottom: 8.5%;
	-webkit-transform: translateX(-80%);
	-ms-transform: translateX(-80%);
	transform: translateX(-80%);
	opacity: 0;
	height: 0;
	color: #959999;
}

.fag2-animation.lb-action .lb-left .inner-wrapper.animate>:first-child .lb-title,
.fag2-animation.lb-action .lb-left .inner-wrapper.animate>:first-child .lb-paragraph{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.fag2-animation.lb-action .lb-left .inner-wrapper.change>:first-child .lb-title,
.fag2-animation.lb-action .lb-left .inner-wrapper.change>:first-child .lb-paragraph{
	-webkit-transform: translateX(-30%);
	-ms-transform: translateX(-30%);
	transform: translateX(-30%);
	opacity: 0;
	-webkit-transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
}

.fag2-animation.lb-action .lb-left .inner-wrapper.change>:last-child .lb-title,
.fag2-animation.lb-action .lb-left .inner-wrapper.change>:last-child .lb-paragraph{
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
	height: auto;
	-webkit-transition: transform 500ms 500ms ease, opacity 500ms 500ms ease;
	transition: transform 500ms 500ms ease, opacity 500ms 500ms ease;
}

.fag2-animation.lb-action .lb-left .lb-button{
	display: inline-block;
	-webkit-transform: translateX(-5%);
	-ms-transform: translateX(-5%);
	transform: translateX(-5%);
	opacity: 0;
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
	padding: 5px 3px;
	position: relative;
}

.fag2-animation.lb-action .lb-left .lb-button>:first-child{
	margin-right: 15px;
	color: #4f4e4e;
}

.fag2-animation.lb-action .lb-left .lb-button:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	content: '';
	z-index: -1;
	background-color: #ecebd9;
}

.fag2-animation.lb-action .lb-left .lb-button.animate{
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

.fag2-animation.lb-action .lb-left .lb-text-wrapper{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	top: 50%;
	width: 200%;
	font-size: 0;
}

.fag2-animation.lb-action .lb-left .lb-text-wrapper .inner-wrapper > div{
	width: 49%;
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.fag2-animation.lb-action .lb-left .lb-text-wrapper .inner-wrapper>:last-child{
	left: 50%;
}

.fag2-animation.lb-action .lb-right .wrapper2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fag2-animation.lb-action .lb-right .low{
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity 1.3s ease;
	transition: opacity 1.3s ease;
}
.fag2-animation.lb-action .lb-right .low.animate{
	opacity: 1;
}
.fag2-animation.lb-action .lb-right .mid{
	z-index: 2;
}
.fag2-animation.lb-action .lb-right .up{
	z-index: 3;
}

.fag2-animation.lb-action .lb-right .up .yellow-circle{
	height: auto;
	width: 22%;
	position: absolute;
	top: 25%;
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}

.fag2-animation.lb-action .lb-right .up .yellow-circle.animate{
	opacity: 1;
}

.fag2-animation.lb-action .lb-right .up .yellow-circle img{
	position: absolute;
	left: 0;
	width: 100%;
}

.fag2-animation.lb-action .lb-right .up .virus{
	position: absolute;
	height: auto;
	box-sizing: content-box;
	width: 10%;
	top: -10%;
	left: 50%;
	opacity: 0;
	-webkit-transition: top 800ms cubic-bezier(0, 0, 0.33, 1.02), opacity 350ms;
	transition: top 800ms cubic-bezier(0, 0, 0.33, 1.02), opacity 350ms;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.fag2-animation.lb-action .lb-right .up .virus.animate{
	top: 28%;
	opacity: 1;
}

.fag2-animation.lb-action .lb-right .up .virus img{
	width: 100%;
	position: relative;
}

.fag2-animation.lb-action .lb-right .low > div{
	position: absolute;
}

.fag2-animation.lb-action .lb-right .low > div img{
	height: 100%;
	-webkit-transition: all 1.3s ease;
	transition: all 1.3s ease;
}

.fag2-animation.lb-action .lb-right .low>:nth-child(4n + 1) img{
	-webkit-transform: rotate(30deg) translate(25%, 20%);
	-ms-transform: rotate(30deg) translate(25%, 20%);
	transform: rotate(30deg) translate(25%, 20%);
}
.fag2-animation.lb-action .lb-right .low>:nth-child(4n + 2) img{
	-webkit-transform: rotate(22deg) translate(-25%, -20%);
	-ms-transform: rotate(22deg) translate(-25%, -20%);
	transform: rotate(22deg) translate(-25%, -20%);
}
.fag2-animation.lb-action .lb-right .low>:nth-child(4n + 3) img{
	-webkit-transform: rotate(-23deg) translate(10%, 40%);
	-ms-transform: rotate(-23deg) translate(10%, 40%);
	transform: rotate(-23deg) translate(10%, 40%);
}
.fag2-animation.lb-action .lb-right .low>:nth-child(4n) img{
	-webkit-transform: rotate(-10deg) translate(15%, 10%);
	-ms-transform: rotate(-10deg) translate(15%, 10%);
	transform: rotate(-10deg) translate(15%, 10%);
}

.fag2-animation.lb-action .lb-right .low.animate div img{
	-webkit-transform: rotate(0) translate(0, 0);
	-ms-transform: rotate(0) translate(0, 0);
	transform: rotate(0) translate(0, 0);
	width: 100%;
}

.fag2-animation.lb-action .lb-right .low.zoom div img{
	filter: blur(5px);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.fag2-animation.lb-action .lb-right .low.zoom .colored{
	opacity: 0;
	-webkit-transition: opacity 450ms ease;
	transition: opacity 450ms ease;
}

.fag2-animation.lb-action .lb-right .low.zoom>:nth-child(4n + 1) img{
	-webkit-transform: rotate(-10deg) translate(50%, 60%) scale(0.6, 0.6);
	-ms-transform: rotate(-10deg) translate(50%, 60%) scale(0.6, 0.6);
	transform: rotate(-10deg) translate(50%, 60%) scale(0.6, 0.6);
}
.fag2-animation.lb-action .lb-right .low.zoom>:nth-child(4n + 2) img{
	-webkit-transform: rotate(-25deg) translate(10%, 70%) scale(0.6, 0.6);
	-ms-transform: rotate(-25deg) translate(10%, 70%) scale(0.6, 0.6);
	transform: rotate(-25deg) translate(10%, 70%) scale(0.6, 0.6);
}
.fag2-animation.lb-action .lb-right .low.zoom>:nth-child(4n + 3) img{
	-webkit-transform: rotate(12deg) translate(-15%, -10%) scale(0.6, 0.6);
	-ms-transform: rotate(12deg) translate(-15%, -10%) scale(0.6, 0.6);
	transform: rotate(12deg) translate(15%, 10%) scale(0.6, 0.6);
}
.fag2-animation.lb-action .lb-right .low.zoom>:nth-child(4n) img{
	-webkit-transform: rotate(30deg) translate(-50%, 10%) scale(0.6, 0.6);
	-ms-transform: rotate(30deg) translate(-50%, 10%) scale(0.6, 0.6);
	transform: rotate(30deg) translate(-50%, 10%) scale(0.6, 0.6);
}

.fag2-animation.lb-action .lb-right .low>:nth-child(1){
	top: 6%;
	left: 0%;
	width: 6%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(2){
	top: 5.5%;
	left: 45%;
	width: 5.5%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(3){
	top: 6%;
	right: 8%;
	width: 4%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(4){
	top: 18%;
	left: 15%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	width: 4%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(5){
	top: 17%;
	right: 25%;
	width: 10%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(6){
	top: 33%;
	left: 7%;
	width: 7.5%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(7){
	top: 41%;
	right: 25%;
	width: 7.5%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(8){
	top: 52%;
	left: 3%;
	width: 11%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(9){
	top: 48%;
	left: 27%;
	width: 7%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(10){
	top: 58%;
	left: 52%;
	width: 8%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(11){
	top: 53%;
	right: 10%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 6%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(12){
	top: 70%;
	left: 5%;
	-webkit-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	transform: rotate(70deg);
	width: 3.5%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(13){
	top: 74%;
	left: 22%;
	-webkit-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	transform: rotate(-70deg);
	width: 4%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(14){
	top: 80%;
	left: 50%;
	width: 4.5%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(15){
	top: 85%;
	left: 10%;
	width: 4.2%;
}
.fag2-animation.lb-action .lb-right .low>:nth-child(16){
	top: 75%;
	right: 10%;
	width: 5%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2{
	width: 100%;
	height: 100%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div{
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div .bac{
	height: 180%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div .fag{
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -135%);
	-ms-transform: translate(-50%, -135%);
	transform: translate(-50%, -135%);
	height: 90%;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div .fag img{
	height: 100%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div{
	position: absolute;
	opacity: 0;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 .bac{
	width: 100%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 .fag{
	width: 25%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 .fag svg{
	width: 100%;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(1){
	width: 18%;
	top: 15%;
	right: 20%;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(1) .fag .st0{
	stroke: #75c9cc;
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(1) .bac .cls-1{
	fill: #75c9cc;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(2){
	width: 24%;
	top: 35%;
	left: 10%;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(2) .fag .st0{
	stroke: #ea4242;
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(2) .bac .cls-1{
	fill: #ea4242;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(3){
	width: 34%;
	top: 55%;
	right: 5%;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(3) .fag .st0{
	stroke: #f9c318;
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(3) .bac .cls-1{
	fill: #f9c318;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(4){
	width: 16.5%;
	bottom: 10%;
	left: 12%;
	-webkit-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(4) .fag .st0{
	stroke: #1f407c;
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(4) .bac .cls-1{
	fill: #1f407c;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(5){
	width: 18.5%;
	bottom: 5%;
	right: 35%;
	-webkit-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	transform: rotate(-25deg);
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(5) .fag .st0{
	stroke: #f4821f;
}
.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(5) .bac .cls-1{
	fill: #f4821f;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(odd) > svg{
	-webkit-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
}

.fag2-animation.lb-action .lb-right .mid .wrapper2>:nth-child(even) > svg{
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.fag2-animation.lb-action .lb-right .mid.animate-1 .wrapper2 > div > svg{
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.fag2-animation.lb-action .lb-right .mid.animate-1 .wrapper2 > div{
	opacity: 1;
}

.fag2-animation.lb-action .lb-right .mid.animate-2 .wrapper2 > div .fag{
	opacity: 1;
	-webkit-transform: translate(-50%, -90%);
	-ms-transform: translate(-50%, -90%);
	transform: translate(-50%, -90%);
}

.fag2-animation.lb-action .lb-right .mid.animate-4 .wrapper2 > div .bac ellipse{
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div .bac #stage_2,
.fag2-animation.lb-action .lb-right .mid .wrapper2 > div .bac #stage_3{
	visibility: hidden;
}

.fag2-animation.lb-action .lb-right .mid .wrapper2 > div .fag svg{
	height: 100%;
}

.fag2-animation .lb-right.leaving .low,
.fag2-animation .lb-right.leaving .up,
.fag2-animation .lb-right.leaving .mid .wrapper2 > div,
.fag2-animation .lb-right.leaving .mid .wrapper2 > div .fag{
	opacity: 0 !important;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

.fag2-animation .lb-right.leaving .mid .wrapper2>:first-child{
	opacity: 1 !important;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
	-webkit-transform: rotate(0) translate(50%, -50%);
	transform: rotate(0) translate(50%, -50%);
	top: 50%;
	right: 50%;
	width: 40%;
}

.fag2-animation.lb-action .circle.first{
	position: absolute;
	right: -25%;
	top: 50%;
	height: 110%;
	background: #efefd8;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	transform: translateY(-50%);
}
.fag2-animation.lb-action .circle.first.animate{
	animation: first-circle-enter 1.8s cubic-bezier(0, 0, 0.32, 0.63);
	-webkit-animation: first-circle-enter 1.8s cubic-bezier(0, 0, 0.32, 0.63);
	-o-animation: first-circle-enter 1.8s cubic-bezier(0, 0, 0.32, 0.63);
	width: 52.5%;
}
.fag2-animation.lb-action .circle.first.expand{
	animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	-webkit-animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	-o-animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	width: 175%;
}

@-webkit-keyframes first-circle-enter {
	0% { width: 0; }
	30% { width: 52.5%; }
	55% { width: 54% }
	75% { width: 45%; }
	100% { width: 52.5%; }
}
@keyframes first-circle-enter {
	0% { width: 0; }
	30% { width: 52.5%; }
	55% { width: 54% }
	75% { width: 45%; }
	100% { width: 52.5%; }
}

@-webkit-keyframes first-circle-expand {
	0% { width: 52.5%; }
	30% { width: 62.5%; }
	45% { width: 42.5%; }
	100% { width: 200%; height: 250%; }
}
@keyframes first-circle-expand {
	0% { width: 52.5%; }
	30% { width: 62.5%; }
	45% { width: 42.5%; }
	100% { width: 200%; height: 250%; }
}


.fag2-animation.lb-action .circle.second{
	position: absolute;
	right: -25%;
	top: 50%;
	height: 110%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	transform: translateY(-50%);
	background-color: #ebe9ce;
}

.fag2-animation.lb-action .circle.second.animate{
	-webkit-animation: second-circle-enter 1s ease;
	-o-animation: second-circle-enter 1s ease;
	animation: second-circle-enter 1s ease;
	width: 52.5%;
}

.fag2-animation.lb-action .circle.second.expand{
	animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	-webkit-animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	-o-animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	width: 175%;
}

@-webkit-keyframes second-circle-enter {
	0% { width: 0; }
	40% { width: 54%; }
	80% { width: 50%; }
	100% { width: 52.5%; }
}
@keyframes second-circle-enter {
	0% { width: 0; }
	40% { width: 54%; }
	80% { width: 50%; }
	100% { width: 52.5%; }
}

/* red exploseion */
.front.red-explosion{
	opacity: 1;
	visibility: hidden;
	background-color: #cae0e3;
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms;
}

.red-explosion #fexi-2-1,
.red-explosion #fexi-2-2,
.red-explosion #fexi-2-3,
.red-explosion #fexi-2-4{
	display: none;
}

.front.red-explosion.expand .background-svg{
	-webkit-transition: transform 800ms ease;
	transition: transform 800ms ease;
	-webkit-transform: translateX(50%) translateY(-50%) scale(5);
	transform: translateX(50%) translateY(-50%) scale(5);
}

.front.red-explosion.expand .background-svg path{
	-webkit-transition: fill 750ms ease, opacity 750ms ease;
	transition: fill 750ms ease, opacity 750ms ease;
	fill: #d8eeea;
	opacity: 1;
}

.front.red-explosion.expand .sent-from-above,
.front.red-explosion.expand .slide-left{
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
	opacity: 0;
}

.front.red-explosion.on{
	opacity: 1;
	visibility: visible;
}

.red-lines{
	width: 100px;
	height: 100px;
	background-color: blue;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.red-lines > div div {
	width: 2px;
	background-color: red;
	position: absolute;
}

.red-lines.animate > div div{
	animation: expand-red-lines 1s linear;
}

.red-lines > div{
	position: absolute;
	top: 0;
	left: 0;
}

.red-lines>:nth-child(1){
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}
.red-lines>:nth-child(1) div{
	height: 50px;
}

.red-lines>:nth-child(2){
	-webkit-transform: rotate(80deg);
	transform: rotate(80deg);
}
.red-lines>:nth-child(2) div{
	height: 45px;
}

.red-lines>:nth-child(3){
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}
.red-lines>:nth-child(3) div{
	height: 60px;
}

.red-lines>:nth-child(4){
	-webkit-transform: rotate(160deg);
	transform: rotate(160deg);
}
.red-lines>:nth-child(4) div{
	height: 48px;
}

.red-lines>:nth-child(5){
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
}
.red-lines>:nth-child(5) div{
	height: 55px;
}

.red-lines>:nth-child(6){
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg);
}
.red-lines>:nth-child(6) div{
	height: 66px;
}

.red-lines>:nth-child(7){
	-webkit-transform: rotate(280deg);
	transform: rotate(280deg);
}
.red-lines>:nth-child(7) div{
	height: 43px;
}

.red-lines>:nth-child(8){
	-webkit-transform: rotate(320deg);
	transform: rotate(320deg);
}
.red-lines>:nth-child(8) div{
	height: 50px;
}

.front.red-explosion.hidden{
	opacity: 0;
}

.red-explosion-wrapper {
	height: 100%;
	width: 100%;
}

.red-explosion .main-slide-wrapper{
	opacity: 0;
	-webkit-transition: opacity 250ms ease;
	transition: opacity 250ms ease;
}

.red-explosion .main-slide-wrapper.animate{
	opacity: 1;
}

.red-explosion .main-slide-wrapper .slide-title,
.red-explosion .main-slide-wrapper .slide-paragraph{
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
	opacity: 0;
}

.red-explosion .main-slide-wrapper.animate .slide-title,
.red-explosion .main-slide-wrapper.animate .slide-paragraph{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.red-explosion .main-slide-wrapper .see-more{
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
	opacity: 0;
}

.red-explosion .main-slide-wrapper.animate .see-more{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.red-explosion .slide-left {
	float: right;
}

.fag1 {
	right: 13.7%;
	bottom: 40%;
	width: 7.2%;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.active .fag1 {
	right: 15.2%;
	bottom: 41.5%;
}

.fag2 {
	right: 28.5%;
	bottom: 7.6%;
	width: 7.2%;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.active .fag2 {
	right: 27%;
	bottom: 9.1%;
}

.fag3 {
	right: 43.5%;
	bottom: 19.26%;
	width: 8.88%;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}

.active .fag3 {
	right: 42%;
	bottom: 17.76%;
}

.fag4 {
	left: 15.5%;
	bottom: 28.9%;
	width: 17.3%;
}

.active .fag4 {
	left: 17%;
	bottom: 27.4%;
}

.fag5 {
	left: 15%;
	bottom: 54.2%;
	width: 31.66%;
}

.active .fag5 {
	left: 17.5%;
	bottom: 55.7%;
}

.fag6 {
	right: 19.83%;
	bottom: 65.16%;
	width: 9%;
}

.active .fag6 {
	right: 21.33%;
	bottom: 67.66%;
}

.fag1.hide, .fag2.hide, .fag3.hide, .fag4.hide, .fag5.hide, .fag6.hide{
	opacity: 0 !important;
	transition: opacity 1s cubic-bezier(0.67, 0.44, 0.55, 0.91) !important;
	-webkit-transition: opacity 1s cubic-bezier(0.67, 0.44, 0.55, 0.91) !important;
}

.fag1, .fag2, .fag3, .fag4, .fag5, .fag6{
	opacity: 0;
	-webkit-transition: opacity 2.7s, right 2.7s, left 2.7s, bottom 2.7s, top 2.7s;
	transition: opacity 2.7s, right 2.7s, left 2.7s, bottom 2.7s, top 2.7s;
	backface-visibility: hidden; 
}

.active .fag1, .active .fag2, .active .fag3, .active .fag4, .active .fag5, .active .fag6{
	opacity: 1;
}

.svg-div {
	overflow: visible;
}

.svg-div svg {
	width: 100%;
	overflow: visible;
}

.svg-div .confetti {
	position: absolute;
	top: 6%;
	left: -9%;
	transition: opacity 2s;
}

.svg-div .confetti.hide{
	opacity: 0;
	transition: opacity 1.5s cubic-bezier(0.67, 0.44, 0.55, 0.91);
	-webkit-transition: opacity 1.5s cubic-bezier(0.67, 0.44, 0.55, 0.91);
}

.background-svg {
	position: absolute;
	width: 80%;
	right: 0;
	top: 45%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.background-svg .shield {
	top: 60%;
	left: 45%;
	width: 35%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.explode .explode1 {
	-webkit-transition: transform 1s;
	transition: transform 1s;
	-webkit-transform: translate3d(5px, -15px, 0);
	transform: translate3d(5px, -15px, 0);
}

.explode .explode2 {
	-webkit-transition: transform 1s;
	transition: transform 1s;
	-webkit-transform: translate3d(10px, -30px, 0);
	transform: translate3d(10px, -30px, 0);
}

.explode svg:not(.shield-svg) .cls-1 {
	opacity: 0;
	transition: opacity 1s;
}

.explode svg:not(.shield-svg) .cls-3 {
	opacity: 1 !important;
	transition: opacity 1s;
}


.explode .fag6 g > polyline,
.explode .fag6 g > polygon {
	opacity: 0;
	transition: opacity 1s;
}

.explode .fag5 g > polyline,
.explode .fag5 g > polygon {
	opacity: 0 !important;
	transition: opacity 1s;
}

.red-explosion-wrapper .antib {
	width: 7%;
	top: 35%;
	left: 41%;
	-webkit-transform: translateY(-400%);
	transform: translateY(-400%);
	transition: transform 1.5s linear, opacity 1s linear;
}

.red-explosion.active .red-explosion-wrapper .antib {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.shield svg #outer-border {
	stroke: #75CBCC;
	stroke-width: 4.5;
	stroke-dasharray: 2000px;
	stroke-dashoffset: 2000px;
}


.shield svg #inner-border {
	stroke: #F48220;
	stroke-width: 1;
	stroke-dasharray: 1500px;
	stroke-dashoffset: 1500px;
}

.red-explosion.active .shield svg #inner-border,
.red-explosion.active .shield svg #outer-border {
	animation-name: draw;
	animation-duration: 2.7s;
	animation-fill-mode: forwards; // Stay on the last frame
animation-iteration-count: 1; // Run only once
animation-timing-function: linear;
}

.confetti path,
.confetti polyline,
.confetti line {
	stroke: #F48220;
	stroke-width: 1;
	stroke-dasharray: 500px;
	stroke-dashoffset: 500px;
	opacity: 1 !important;
}

.confetti path.cls-2 {
	fill: none !important;
	stroke-width: 2;
	-webkit-transform: translate(200%, 100%);
	transform: translate(200%, 100%);
}

.red-explosion.active .confetti.active path,
.red-explosion.active .confetti.active polyline,
.red-explosion.active .confetti.active line {
	animation-name: draw;
	animation-duration: 1.5s;
	animation-fill-mode: forwards; // Stay on the last frame
	animation-iteration-count: 1; // Run only once
	animation-timing-function: linear;
}

@keyframes draw {
	to {
		stroke-dashoffset: 0;
	}
}

.background .hidden-part {
	transition: opacity .5s;
}

.background .hidden-part.hide{
	-webkit-transition: opacity 2s cubic-bezier(0.67, 0.44, 0.55, 0.91);
	transition: opacity 2s cubic-bezier(0.67, 0.44, 0.55, 0.91);
	opacity: 0 !important;
}

.red-explosion.active #Layer_2_1_.active {
	transform-origin: 50% 50%;
	transition: transform 1.5s cubic-bezier(0.13, 0.67, 0.58, 1);
	transform: scale(1.5);
}

.red-explosion.active #Layer_2_1_.active path,
.red-explosion.active #Layer_2_1_.active circle {
	transition: opacity 2s;
	opacity: 0;
}

.red-explosion .sent-from-above {
	position: absolute;
	width: 20%;
	top: -25%;
	left: 56%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: top 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: top 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.red-explosion .sent-from-above svg{
	position: relative !important;
}

.shield-svg.broken .virus{
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
	-webkit-transition: all 1s linear 0.5s;
	transition: all 1s linear 0.5s;
	opacity: 0;
	backface-visibility: hidden;
}

.shield-svg.broken .shield-lines {
	opacity: 0;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	transition: transform 0.35s, opacity 1s linear 1s;
	backface-visibility: hidden;
}

.shield-svg.broken .shield-lines path {
	opacity: 0;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.833);
	transform: scale(0.833);
	transition: transform 1s, opacity 1s linear 1s;
}

.shield-svg.broken .cls-5 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.medicine-animation-wrapper {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.medicine-animation-wrapper .medicine-image {
	width: 50%;
	left: 52%;
	top: 50%;
	-webkit-transform: translate(-50%, -35%);
	transform: translate(-50%, -35%);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
	opacity: 0;
}

.medicine-animation .main-slide-wrapper .medicine-liquid{
     position: absolute;
     bottom: 53.1%;
     left: 32.95%;
     width: 14.2%;
     z-index: -1;
     height: 0%;
     overflow: hidden;
 }

.medicine-animation .main-slide-wrapper.animate .medicine-liquid{
    height: 40%;
    -webkit-transition: height 1.5s cubic-bezier(0, 0, 0.15, 1.01) 1.9s, transform 750ms ease, opacity 750ms ease;
    transition: height 1.5s cubic-bezier(0, 0, 0.15, 1.01) 1.9s, transform 750ms ease, opacity 750ms ease;
}

.medicine-animation-wrapper .medicine-liquid img{
    width: 100%;
    position: absolute;
    bottom: 0;
}

.medicine-animation-wrapper .medicine-image .med{
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}

.medicine-animation-wrapper .medicine-image .med-circle{
	width: 100%;
	position: absolute;
	top: -10%;
	-webkit-transition: transform 750ms ease;
	transition: transform 750ms ease;
}

.active .medicine-animation-wrapper .medicine-image{
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.half-hidden .medicine-animation-wrapper .medicine-image .med{
	-webkit-transform: translate(0%, 50px) rotate(90deg);
	transform: translate(0%, 50px) rotate(90deg);
	opacity: 0;
}

.half-hidden .medicine-animation-wrapper .medicine-liquid{
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}

.half-hidden .medicine-animation-wrapper .med-circle{
	-webkit-transform: scale(8);
	transform: scale(8);
}

.bacteria-animation-wrapper {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.medicine-animation .slide-left{
    z-index: 1;
}

.bacteria-animation-wrapper .single-bactery {
	-webkit-transition: transform 0s ease-out 0s;
	transition: transform 0s ease-out 0s;
	display: inline-block;
	width: 30%;
	height: 40%;
	margin-right: 3%;
	-webkit-transform: translateX(50vw);
	transform: translateX(50vw);
}

.bacteria-animation-wrapper .single-bactery.hover svg {
	-webkit-transition: none;
	transition: none;
	-webkit-animation: fag_circle 3s linear infinite;
	animation: fag_circle 5s linear infinite;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(2) svg {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(2) svg {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-direction: reverse;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(3) svg {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(4) svg {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(5) svg {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(6) svg {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-direction: reverse;
}

.bacteria-animation-wrapper .single-bactery.svg-div svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bacteria-animation-wrapper .single-bactery.svg-div p {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: #90CAF9;
	border-radius: 25px;
	color: #42A5F5;
	text-align: center;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(1) svg {
	width: 70%;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(3) svg {
	width: 70%;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(5) svg {
	width: auto;
	height: 55%;
}

.bacteria-animation-wrapper .single-bactery:nth-child(3n + 3) {
	margin-right: 0;
}

.six-bacteria.active .bacteria-animation-wrapper .single-bactery.svg-div:nth-child(2),
.six-bacteria.active .bacteria-animation-wrapper .single-bactery.svg-div:nth-child(5) {
	transition-delay: 0.3s;
}

.six-bacteria.active .bacteria-animation-wrapper .single-bactery.svg-div:nth-child(3),
.six-bacteria.active .bacteria-animation-wrapper .single-bactery.svg-div:nth-child(6) {
	transition-delay: 0.6s;
}

.six-bacteria.active .bacteria-animation-wrapper .single-bactery.svg-div {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


@keyframes fag_circle {
	0% {
		transform: translate3d(calc(-50%), -50%, 0);
	}
	20% {
		transform: translate3d(calc(-50% + 10px), calc(-50% + 5px), 0);
	}
	40% {
		transform: translate3d(calc(-50% + 5px), calc(-50% + 10px), 0);
	}
	60% {
		transform: translate3d(calc(-50% + 3px), calc(-50% + 7px), 0);
	}
	80% {
		transform: translate3d(calc(-50% + 0px), calc(-50% + 4px), 0);
	}
	100% {
		transform: translate3d(calc(-50%), calc(-50%), 0);
	}
}

@-webkit-keyframes fag_circle {
	0% {
		-webkit-transform: translate3d(calc(-50% + 5px), -50%, 0);
	}
	20% {
		-webkit-transform: translate3d(calc(-50% + 7px), calc(-50% + 5px), 0);
	}
	40% {
		-webkit-transform: translate3d(calc(-50% + 5px), calc(-50% + 10px), 0);
	}
	60% {
		-webkit-transform: translate3d(calc(-50% + 3px), calc(-50% + 7px), 0);
	}
	80% {
		-webkit-transform: translate3d(calc(-50% + 0px), calc(-50% + 4px), 0);
	}
	90% {
		-webkit-transform: translate3d(calc(-50%), calc(-50%), 0);
	}
	100% {
		-webkit-transform: translate3d(calc(-50% + 5px), calc(-50%), 0);
	}
}


@media (max-width: 1450px) {
	.mofo-count .count {
		margin-right: 14px;
	}
}


/* fag3 animaiton */

.fag3-animation.lb-container.lb-show {
	width: 92.7%;
	height: 91.2%;
	background: #efefd8;
	bottom: 0;
	left: 3.645%;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 350ms ease;
	transition: opacity 350ms ease;
}

.fag3-animation .circle{
	position: absolute;
	right: -25%;
	top: 50%;
	height: 110%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	transform: translateY(-50%);
	background-color: #ebe9ce;
	width: 52.5%;
	z-index: -1;
	-webkit-transition: background 1.2s ease;
	transition: background 1.2s ease;
}

.fag3-animation .circle.expand{
	animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	-webkit-animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	-o-animation: first-circle-expand 1.2s cubic-bezier(0, 0, 0.32, 0.63);
	width: 175%;
	background-color: #cae0e3;
}

.fag3-animation.lb-container.lb-show.on{
	visibility: visible;
	opacity: 1;
}

.fag3-animation.lb-container.lb-show.hidden{
	opacity: 0;
}

.fag3-animation.lb-show .lb-left,
.fag3-animation.lb-show .lb-right{
	width: 50%;
	height: 100%;
	display: inline-block;
}

.fag3-animation.half-hidden .lb-left,
.fag3-animation.half-hidden .lb-right .wrapper2>:first-child {
	-webkit-transition: opacity 350ms ease;
	transition: opacity 350ms ease;
	opacity: 0;
}

.fag3-animation.lb-show .lb-left{
	padding: 0 8.5%;
	padding-right: 6%;
	box-sizing: border-box;
	z-index: 2;
}

.fag3-animation.lb-show .lb-right{
	float: right;
}

.fag3-animation.lb-show .lb-left .inner-wrapper .lb-title{
	margin-bottom: 3.4%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	max-height: 1000px;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	color: #4f4e4e;
}

.fag3-animation.lb-show .lb-left .inner-wrapper .lb-paragraph{
	line-height: 1.5;
	margin-bottom: 8.5%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	max-height: 1000px;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	color: #959999;
}

.fag3-animation.lb-show .lb-left .inner-wrapper.animate>:first-child .lb-title,
.fag3-animation.lb-show .lb-left .inner-wrapper.animate>:first-child .lb-paragraph{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.fag3-animation.lb-show .lb-left .inner-wrapper.change>:first-child .lb-title,
.fag3-animation.lb-show .lb-left .inner-wrapper.change>:first-child .lb-paragraph{
	-webkit-transform: translateX(-30%);
	-ms-transform: translateX(-30%);
	transform: translateX(-30%);
	opacity: 0;
	-webkit-transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
}

.fag3-animation.lb-show .lb-left .lb-button{
	display: inline-block;
	-webkit-transform: translateX(-5%);
	-ms-transform: translateX(-5%);
	transform: translateX(-5%);
	opacity: 0;
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
	padding: 5px 3px;
	position: relative;
}
.fag3-animation.lb-show .lb-left .lb-button>:first-child{
	margin-right: 15px;
	color: #4f4e4e;
}

.fag3-animation.lb-show .lb-left .lb-button:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	content: '';
	z-index: -1;
	background-color: #ecebd9;
}

.fag3-animation.lb-show .lb-left .lb-button.animate{
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

.fag3-animation.lb-show .lb-left .lb-text-wrapper{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	top: 50%;
	width: 200%;
	font-size: 0;
}

.fag3-animation.lb-show .lb-left .lb-text-wrapper .inner-wrapper > div{
	width: 49%;
	display: inline-block;
}

.fag3-animation.lb-show .lb-right .wrapper2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fag3-animation.lb-show .lb-right .wrapper2>:first-child{
	width: 40%;
	position: relative;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	margin: auto;
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .fagi{
	width: 100%;
}

.fag3-animation.lb-show .lb-right .wrapper2 > div #stage_3,
.fag3-animation.lb-show .lb-right .wrapper2 > div #crack{
	visibility: hidden;
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .virus{
	position: absolute;
	top: 0;
	left: 50%;
	width: 30%;
	-webkit-transform: translate(-50%, -80%);
	-ms-transform: translate(-50%, -80%);
	transform: translate(-50%, -80%);
	opacity: 0;
	-webkit-transition: all 800ms ease;
	transition: all 800ms ease;
}

.fag3-animation.lb-show .lb-right .wrapper2.animate > div .virus{
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .virus img{
	width: 100%;
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .virus-line{
	position: absolute;
	width: 50%;
	top: 66%;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .virus-line.animate{
	animation: dash-virus 2.5s linear;
}

@keyframes dash-virus {
	to {
		stroke-dashoffset: -200;
	}
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .lines{
	position: absolute;
	top: 24%;
	left: 15%;
	width: 65%;
	opacity: 0;
}

.fag3-animation.lb-show .lb-right .wrapper2.animate-2 > div .lines{
	opacity: 1;
	-webkit-transition: opacity 1 ease-in;
	transition: opacity 1 ease-in;
}

.fag3-animation.lb-show .lb-right .wrapper2.animate-3 > div .lines,
.fag3-animation.lb-show .lb-right .wrapper2.animate-3 > div #crack,
.fag3-animation.lb-show .lb-right .wrapper2.animate-3-virus > div .virus{
	opacity: 0;
	-webkit-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
}

.fag3-animation.lb-show .lb-right .wrapper2 > div .fagebi{
	position: absolute;
	top: 15%;
	width: 92%;
	left: 4.5%;
	opacity: 0;
}

.fag3-animation.lb-show .lb-right .wrapper2.animate-3 > div .fagebi{
	opacity: 1;
	-webkit-transition: opacity 750ms ease-in 250ms;
	transition: opacity 750ms ease-in 250ms;
}

.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi g{
	-webkit-transition: transform 1000ms cubic-bezier(0.24, 0.65, 0.38, 0.87);
	transition: transform 1000ms cubic-bezier(0.24, 0.65, 0.38, 0.87);
}

.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag1{
	-webkit-transform: translate(-50%, 19%);
	-ms-transform: translate(-50%, 19%);
	transform: translate(-50%, 19%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag2{
	-webkit-transform: translate(-10%, -45%);
	-ms-transform: translate(-10%, -45%);
	transform: translate(-10%, -45%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag3{
	-webkit-transform: translate(-5%, -90%);
	-ms-transform: translate(-5%, -90%);
	transform: translate(-5%, -90%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag4{
	-webkit-transform: translate(-3%, 30%);
	-ms-transform: translate(-3%, 30%);
	transform: translate(-3%, 30%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag5{
	-webkit-transform: translate(-150%, -50%);
	-ms-transform: translate(-150%, -50%);
	transform: translate(-150%, -50%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag6{
	-webkit-transform: translate(5%, 45%);
	-ms-transform: translate(5%, 45%);
	transform: translate(5%, 45%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag7{
	-webkit-transform: translate(50%, -35%);
	-ms-transform: translate(50%, -35%);
	transform: translate(50%, -35%);
}
.fag3-animation.lb-show .lb-right .wrapper2.animate-4 > div .fagebi #fag8{
	-webkit-transform: translate(-10%, 50%);
	-ms-transform: translate(-10%, 50%);
	transform: translate(-10%, 50%);
}

.fagebi path.part1 {
	-webkit-transform: translate3d(90%, 110%, 0);
	transform: translate3d(90%, 110%, 0);
}

.fagebi path.part2 {
	-webkit-transform: translate3d(120%, 100%, 0);
	transform: translate3d(120%, 100%, 0);
}

.fagebi path.part3 {
	-webkit-transform: translate3d(130%, 50%, 0);
	transform: translate3d(130%, 50%, 0);
}

.fagebi path.part4 {
	-webkit-transform: translate3d(60%, 130%, 0);
	transform: translate3d(60%, 130%, 0);
}

.fagebi path.part5 {
	-webkit-transform: translate3d(50%, 70%, 0);
	transform: translate3d(50%, 70%, 0);
}

.fagebi path.part6 {
	-webkit-transform: translate3d(120%, 70%, 0);
	transform: translate3d(120%, 70%, 0);
}

.fagebi path.part7 {
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0);
}

.fagebi path.part8 {
	-webkit-transform: translate3d(0, 110%, 0);
	transform: translate3d(0, 110%, 0);
}

.fagebi path.part9 {
	-webkit-transform: translate3d(0, -120%, 0);
	transform: translate3d(0, -120%, 0);
}

.fagebi path.part10 {
	-webkit-transform: translate3d(-50%, 5%, 0);
	transform: translate3d(-50%, 5%, 0);
}

.fagebi path.part11 {
	-webkit-transform: translate3d(150%, 0, 0);
	transform: translate3d(150%, 0, 0);
}

.fagebi path {
	-webkit-transition: transform 0.8s linear 0.8s;
	transition: transform 0.8s linear 0.8s;
}

.fag3-animation .rel{
	position: relative;
}

/* MAP */
.lb-container.lb-map {
	width: 92.7%;
	height: 91.2%;
	background: #d8eeea;
	bottom: 0;
	left: 3.645%;
	position: fixed;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 350ms ease;
	transition: opacity 350ms ease;
}

.lb-container.lb-map.on{
	opacity: 1;
	visibility: visible;
}

.lb-container.lb-map.hidden{
	opacity: 0;
}

.lb-map .lb-left{
	width: 50%;
	height: 100%;
	display: inline-block;
}

.lb-map .lb-right{
	width: 50%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
}

.lb-map .lb-left{
	padding: 0 8.5%;
	padding-right: 6%;
	box-sizing: border-box;
	z-index: 2;
}

.lb-map .lb-right{
	float: right;
}

.lb-map .lb-left .inner-wrapper>:last-child .lb-title{
	line-height: 1.5;
	margin-bottom: 3.4%;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	opacity: 0;
	color: #4f4e4e;
}

.lb-map .lb-left .inner-wrapper>:last-child .lb-paragraph{
	line-height: 1.5;
	margin-bottom: 8.5%;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	opacity: 0;
	color: #959999;
}

.lb-map .lb-left .inner-wrapper.animate>:first-child .lb-title,
.lb-map .lb-left .inner-wrapper.animate>:first-child .lb-paragraph{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.lb-map .lb-left .lb-button{
	display: inline-block;
	-webkit-transform: translateX(-5%);
	-ms-transform: translateX(-5%);
	transform: translateX(-5%);
	opacity: 0;
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
	padding: 5px 3px;
	position: relative;
}

.lb-map .lb-left .lb-button>:first-child{
	margin-right: 15px;
	color: #4f4e4e;
}

.lb-map .lb-left .lb-button:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	content: '';
	z-index: -1;
	background-color: #c9e4e0;
}

.lb-map .lb-left .lb-button.animate{
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

.lb-map .lb-left .lb-text-wrapper{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	top: 50%;
	width: 100%;
}

.lb-map .lb-right .map{
	width: 100%;
	height: 100%;
}

.lb-map .lb-right .map svg{
	-webkit-transform: translate(-18%, -18%) scale(0.75);
	-ms-transform: translate(-18%, -18%) scale(0.75);
	transform: translate(-18%, -18%) scale(0.75);
	-webkit-transition: transform 1000ms ease-out;
	transition: transform 1000ms ease-out;
	width: 117%;
}


.lb-map .lb-right .map.animate svg{
	-webkit-transform: translate(-18%, -18%) scale(1);
	-ms-transform: translate(-18%, -18%) scale(1);
	transform: translate(-18%, -18%) scale(1);
}


.lb-map .lb-right .map #new{
	opacity: 0;
	-webkit-transition: opacity 1000ms 850ms ease;
	transition: opacity 1000ms 850ms ease;
}

.lb-map .lb-right .map #Georgia_outline,
.lb-map .lb-right .map #Roads,
.lb-map .lb-right .map #Names{
	opacity: 1;
	-webkit-transition: opacity 1200ms 850ms ease;
	transition: opacity 1200ms 850ms ease;
}

.lb-map .lb-right .map.animate #new{
	opacity: 1;
}

.lb-map .lb-right .map.animate #Georgia_outline,
.lb-map .lb-right .map.animate #Roads,
.lb-map .lb-right .map.animate #Names{
	opacity: 0.2;
}



/* University0 */
.lb-container.lb-university {
	width: 92.7%;
	height: 91.2%;
	background: #f5f4e5;
	bottom: 0;
	left: 3.645%;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.university-line{
	bottom: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	right: 12%;
	width: 20% !important;
	position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.university-line.animate{
	stroke-dasharray: 1500;
	stroke-dashoffset: 0;
	animation: dash 1s linear;
}

@keyframes dash {
	from {
		stroke-dashoffset: 1500;
	}
	to {
		stroke-dashoffset: 0;
	}
}

.lb-container.lb-university > div {
	opacity: 0;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.lb-container.lb-university > div.animate{
	opacity: 1;
}

.lb-container.lb-university.slide{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform 1000ms cubic-bezier(0.91, -0.04, 0.18, 1), opacity 400ms;
	transition: transform 1000ms cubic-bezier(0.91, -0.04, 0.18, 1), opacity 400ms;
}

.lb-container.lb-university.on{
	visibility: visible;
	opacity: 1;
}

.lb-container.lb-university.hidden{
	opacity: 0;
	-webkit-transition: opacity 600ms;
	transition: opacity 600ms;
}

.lb-university .lb-left{
	width: 50%;
	height: 100%;
	display: inline-block;
}

.lb-university .lb-right{
	width: 50%;
	height: 100%;
	display: inline-block;
}

.lb-university .lb-left{
	padding: 0 8.5%;
	box-sizing: border-box;
	z-index: 2;
}

.lb-university .lb-right{
	float: right;
}

.lb-university .lb-left .inner-wrapper{
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
	opacity: 0;
}

.lb-university .lb-left.animate .inner-wrapper{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.lb-university .lb-left .inner-wrapper .lb-title{
	margin-bottom: 3.4%;
	color: #4f4e4e;
}

.lb-university .lb-left .inner-wrapper .lb-paragraph{
	line-height: 1.5;
	margin-bottom: 8.5%;
	color: #959999;
}

.lb-university .lb-left .lb-button{
	width: 35%;
	padding: 20px 0;
	min-width: 150px;
	text-align: center;
	background-color: #fda085;
	border-radius: 120px;
	cursor: pointer;
	display: inline-block;
	color: white;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.lb-university .lb-left .lb-button.animate{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}

.lb-university .lb-left .lb-text-wrapper{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	top: 50%;
	width: 100%;
}

.lb-university .lb-right .campus{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.lb-university .lb-right .campus svg {
	visibility: hidden;
	width: 95%;
}

.lb-university .lb-right .campus svg.animate{
	visibility: visible;
}

.lb-university .lb-right-circle{
	position: absolute;
	right: -25%;
	top: 50%;
	height: 130%;
	background: #efefd8;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.lb-university .lb-right-circle.animate{
	animation: uni-circle 1s cubic-bezier(0, 0, 0.32, 0.63);
	-webkit-animation: uni-circle 1s cubic-bezier(0, 0, 0.32, 0.63);
	-o-animation: uni-circle 1s cubic-bezier(0, 0, 0.32, 0.63);
	width: 47.5%;
}

.lb-university.expand .lb-right-circle.animate{
	animation: first-circle-expand 1.5s cubic-bezier(0, 0, 0.32, 0.63);
	-webkit-animation: first-circle-expand 1.5s cubic-bezier(0, 0, 0.32, 0.63);
	-o-animation: first-circle-expand 1.5s cubic-bezier(0, 0, 0.32, 0.63);
	width: 175%;
	background-color: #cae0e3;
	-webkit-transition: background-color 850ms;
	transition: background-color 850ms;
}

@-webkit-keyframes uni-circle {
	0% { width: 0; }
	30% { width: 47.5%; }
	55% { width: 49% }
	75% { width: 40%; }
	100% { width: 47.5%; }
}
@keyframes uni-circle {
	0% { width: 0; }
	30% { width: 47.5%; }
	55% { width: 49% }
	75% { width: 40%; }
	100% { width: 47.5%; }
}


/* MEDICINE */

.medicine-animation{
	opacity: 0;
	visibility: hidden;
	background-color: #cae0e3;
	overflow: hidden;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.medicine-animation.on{
	opacity: 1;
	visibility: visible;
}

.medicine-animation .main-slide-wrapper{
	opacity: 0;
}

.medicine-animation .main-slide-wrapper.animate{
	opacity: 1;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.medicine-animation.hidden {
	opacity: 0;
}

.medicine-animation-wrapper {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.medicine-animation .slide{
	overflow: hidden;
}

.medicine-animation .main-slide-wrapper .slide-text-wrapper{
	opacity: 0;
	-webkit-transition: opacity 750ms ease;
	transition: opacity 750ms ease;
}

.medicine-animation .main-slide-wrapper.animate .slide-text-wrapper{
	opacity: 1;
}

.medicine-animation .main-slide-wrapper .slide-title,
.medicine-animation .main-slide-wrapper .slide-paragraph{
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: transform 750ms linear;
	transition: transform 750ms linear;
}

.medicine-animation .main-slide-wrapper.animate .slide-title,
.medicine-animation .main-slide-wrapper.animate .slide-paragraph{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.medicine-animation .main-slide-wrapper .see-more{
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: transform 750ms linear;
	transition: transform 750ms linear;
}

.medicine-animation .main-slide-wrapper.animate .see-more{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.medicine-animation-wrapper .medicine-image .med {
	width: 100%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.medicine-drop {
	width: auto;
	height: auto;
	left: 47%;
	top: 6.5%;
	-webkit-transform: translateX(-38%) scale(0);
	transform: translateX(-38%) scale(0);
}

.medicine-animation .top-line{
	background-color: #fdbe11;
	position: absolute;
	top:0;
	left: 47%;
	height: 0;
	width:3px
 }

.medicine-animation.active .top-line{
	-webkit-transition: height 0.5s, opacity 750ms ease 2.2s;
	transition: height 0.5s, opacity 750ms ease 2.2s;
	height: 8%;
	opacity: 0;
}

.medicine-animation.active .medicine-drop {
	-webkit-transition: top 2s cubic-bezier(0.91, -0.04, 0.18, 1) 0.7s, opacity 2s cubic-bezier(0.91, -0.04, 0.18, 1) 0.7s, transform 400ms ease-out 0.45s;
	transition: top 2s cubic-bezier(0.91, -0.04, 0.18, 1) 0.7s, opacity 2s cubic-bezier(0.91, -0.04, 0.18, 1) 0.7s, transform 400ms ease-out 0.45s;
	top: 42%;
	opacity: 0;
	-webkit-transform: translateX(-38%) scale(1);
	transform: translateX(-38%) scale(1);
}



.medicine-drop img {
	width: 15px;
}

/* Six Bacteria */
.six-bacteria{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
    pointer-events: none;
}

.six-bacteria.on{
	visibility: visible;
	opacity: 1;
}

.six-bacteria.hidden{
	opacity: 0;
}

.bacteria-animation-wrapper {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.bacteria-animation-wrapper .single-bactery {
	display: inline-block;
	width: 30%;
	height: 40%;
	margin-right: 3%;
	-webkit-transform: translateX(50vw);
	transform: translateX(50vw);
	transition: transform 1s ease-out;
}

.bacteria-animation-wrapper .single-bactery.hover svg {
	-webkit-transition: none;
	transition: none;
	-webkit-animation: fag_circle 3s linear infinite;
	animation: fag_circle 5s linear infinite;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(2) svg {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(2) svg {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-direction: reverse;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(3) svg {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(4) svg {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(5) svg {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}

.bacteria-animation-wrapper .single-bactery.hover:nth-child(6) svg {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-direction: reverse;
}

.bacteria-animation-wrapper .single-bactery.svg-div svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bacteria-animation-wrapper .single-bactery.svg-div p {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: #90CAF9;
	border-radius: 25px;
	color: #42A5F5;
	text-align: center;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(1) svg {
	width: 70%;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(3) svg {
	width: 70%;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(5) svg {
	width: auto;
	height: 55%;
}

.bacteria-animation-wrapper .single-bactery:nth-child(3n + 3) {
	margin-right: 0;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(2),
.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(5) {
	transition-delay: 0.3s;
}

.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(3),
.bacteria-animation-wrapper .single-bactery.svg-div:nth-child(6) {
	transition-delay: 0.6s;
}

.six-bacteria.active .bacteria-animation-wrapper .single-bactery.svg-div {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@keyframes fag_circle {
	0% {
		transform: translate3d(calc(-50%), -50%, 0);
	}
	20% {
		transform: translate3d(calc(-50% + 10px), calc(-50% + 5px), 0);
	}
	40% {
		transform: translate3d(calc(-50% + 5px), calc(-50% + 10px), 0);
	}
	60% {
		transform: translate3d(calc(-50% + 3px), calc(-50% + 7px), 0);
	}
	80% {
		transform: translate3d(calc(-50% + 0px), calc(-50% + 4px), 0);
	}
	100% {
		transform: translate3d(calc(-50%), calc(-50%), 0);
	}
}
@-webkit-keyframes fag_circle {
	0% {
		-webkit-transform: translate3d(calc(-50% + 5px), -50%, 0);
	}
	20% {
		-webkit-transform: translate3d(calc(-50% + 7px), calc(-50% + 5px), 0);
	}
	40% {
		-webkit-transform: translate3d(calc(-50% + 5px), calc(-50% + 10px), 0);
	}
	60% {
		-webkit-transform: translate3d(calc(-50% + 3px), calc(-50% + 7px), 0);
	}
	80% {
		-webkit-transform: translate3d(calc(-50% + 0px), calc(-50% + 4px), 0);
	}
	90% {
		-webkit-transform: translate3d(calc(-50%), calc(-50%), 0);
	}
	100% {
		-webkit-transform: translate3d(calc(-50% + 5px), calc(-50%), 0);
	}
}

@keyframes path1 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(20px, 4px, 0);
	}
}
@-webkit-keyframes path1 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(20px, 4px, 0);
	}
}
@-moz-keyframes path1 {
	0% {
		-moz-transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(20px, 4px, 0);
	}
}

@keyframes path2 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(15px, 6px, 0);
	}
}
@-moz-keyframes path2 {
	0% {
		-moz-transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(15px, 6px, 0);
	}
}
@-webkit-keyframes path2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(15px, 6px, 0);
	}
}


@-moz-keyframes path3 {
	0% {
		-moz-transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-10px, 15px, 0);
	}
}
@-webkit-keyframes path3 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-10px, 15px, 0);
	}
}
@keyframes path3 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-10px, 15px, 0);
	}
}

.mouse-wrapper .scroller {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-animation: mouse-animation 1.5s linear infinite;
	animation: mouse-animation 1.5s linear infinite;
}

@-webkit-keyframes mouse-animation {
	0%   { -webkit-transform: translateY(0); }
	100% { -webkit-transform: translateY(20px); }
}
@-moz-keyframes mouse-animation {
	0%   { -moz-transform: translateY(0); }
	100% { -moz-transform: translateY(20px); }
}
@-o-keyframes mouse-animation {
	0%   { -o-transform: translateY(0); }
	100% { -o-transform: translateY(20px); }
}
@keyframes mouse-animation {
	0%   { transform: translateY(0); }
	100% { transform: translateY(20px); }
}

.fag1-animation.lb-description .lb-left .lb-title,
.earth-animation .slide-title,
.fag2-animation.lb-action .lb-left .inner-wrapper .lb-title,
.fag3-animation.lb-show .lb-left .inner-wrapper .lb-title,
.lb-university .lb-left .inner-wrapper .lb-title{
	line-height: 1.3 !important;
}

.final-footer{
	width: 100%;
	padding: 5% 3.645% 2%;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: white;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: transform 600ms ease;
	transition: transform 600ms ease;
	z-index: 10000000001;
	overflow: hidden;
}

.final-footer.active{
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.final-footer .label p{
	position: relative;
	display: inline-block;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #333333;
	opacity: 0;
}

.final-footer .label .line{
	width: 0%;
	height: 2px;
	background-color: #fda085;
	position: absolute;
	top: 50%;
}

.final-footer.animate .label .line{
	-webkit-transition: width 550ms ease;
	transition: width 550ms ease;
	width: 28%;
}

.final-footer .label .line.left{
	left: 0;
}
.final-footer .label .line.right{
	right: 0;
}

.loader-background.dark{
	display: block;
}

.final-footer .buy-button{
	padding: 20px 40px;
	background-color: #fda085;
	margin: 40px 0;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 30px;
	color: white;
	opacity: 0;
}

.final-footer.animate .buy-button,
.final-footer.animate .bottom-container,
.final-footer.animate .label p{
	-webkit-transition: opacity 550ms ease;
	transition: opacity 550ms ease;
	opacity: 1;
}

.final-footer .bottom-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	opacity: 0;
}

.final-footer .launched{
	width: 140px;
}

.final-footer .launched img{
	width: 100%;
}

.final-footer .back-button{
	cursor: pointer;
	margin-left: 20px;
}

.final-footer .back-button .image{
	display: inline-block;
	width: 15px;
	margin-right: 40px;
	position: relative;
}

.final-footer .back-button .image:after{
	content: '';
	width: 55px;
	height: 55px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	border-radius: 50%;
}

.final-footer .back-button .image img{
	width: 100%;
}

.final-footer .back-button span{
	color: #666666;
}

.loader-background.dark .white-filter{
	background-color: black;
	animation: fade 600ms ease;
}

@keyframes fade{
	from {  opacity: 0;  }
	to { opacity: 0.8; }
}

.rb-editor p{
	margin-bottom: 10px !important;
}

@media screen and (max-height: 1450px){
	.scroll-titles img{
		width: 16px;
	}

	.final-footer .launched{
		width: 120px;
	}

	.final-footer .back-button .image{
		width: 12px;
		margin-right: 30px;
	}

	.final-footer .back-button{
		margin-left: 15px;
	}

	.final-footer .back-button .image:after{
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width: 960px){
	.slide-shape{
		display: block !important;
	}

	.flex-viewport,
	.front.slider .main-flexslider,
	.front ul.slides,
	.front .slides > li{
		height: 100%;
	}
	
	.scroll-titles {
		/*display: none;*/
		left: 4%;
		width: 92%;
		bottom: 20px;
	}
	
	svg.mouse {
		width: 13px !important;
	}
	
	.scroll-titles .mouse-wrapper {
		width: auto;
		margin-right: 0;
		display: inline-block;
	}
	
	.scroll-titles .mouse-wrapper + div {
		display: inline-block;
	}

	.front.animation,
	.fag2-animation.lb-container.lb-action,
	.fag3-animation.lb-container.lb-show{
		width: 100%;
		height: calc(100% - 80px);
		top: auto;
		bottom: 0;
		left: 0;
	}

	.fag1-animation.lb-description .lb-right .virus{
		opacity: 0;
	}

	.fag1-animation.lb-description .lb-right .yellow-circle{
		width: 40%;
	}

	.fag1-animation.lb-description .lb-right .virus{
		width: 18%;
	}

	.fag1-animation.lb-description .lb-bottom-circle.animate{
		width: 120%;
		height: 55%;
		left: 50%;
	}

	.fag1-animation.lb-description .lb-bottom-circle.expand{
		width: 500%;
		height: 500%;
	}

	.fag1-animation.lb-description .lb-left,
	.fag2-animation.lb-action .lb-left,
	.lb-map .lb-left,
	.lb-university .lb-left{
		padding: 2% 4%;
	}

	.fag1-animation.lb-description .lb-left .lb-paragraph,
	.animation .slide-paragraph,
	.fag2-animation.lb-action .lb-left .inner-wrapper .lb-paragraph,
	.fag2-animation.lb-action .lb-left .inner-wrapper .lb-paragraph,
	.fag3-animation.lb-show .lb-left .inner-wrapper .lb-paragraph,
	.lb-university .lb-left .inner-wrapper .lb-paragraph,
	.lb-map .lb-left .inner-wrapper .lb-paragraph{
		margin: 2% 0 0 0 !important;
		line-height: 1.4 !important;
	}

	.fag1-animation.lb-description .lb-left .lb-title,
	.earth-animation .slide-title,
	.fag2-animation.lb-action .lb-left .inner-wrapper .lb-title,
	.fag3-animation.lb-show .lb-left .inner-wrapper .lb-title,
	.lb-university .lb-left .inner-wrapper .lb-title{
		margin: 0 !important;
	}

	.rb-editor p{
		margin-bottom: 5px !important;
	}


	/*Circle Start Animation*/
	@-webkit-keyframes circle-enter {
		0%   { height: 0; width: 0; }
		50% { height: 70%; width: 100%; }
		80% { height: 55%; width: 125%; }
		100% { height: 55%; width: 120%; }
	}
	@keyframes circle-enter {
		0%   { height: 0; width: 0; }
		50% { height: 70%; width: 100%; }
		80% { height: 55%; width: 125%; }
		100% { height: 55%; width: 120%; }
	}

	/*Circle End Animation*/
	@-webkit-keyframes circle-expand {
		0%   { height: 55%; width: 120%; }
		25% { height: 80%; width: 130%; }
		50% { height: 65%; width: 115%; }
		100% { height: 500%; width: 500%; }
	}
	@keyframes circle-expand {
		0%   { height: 55%; width: 120%; }
		25% { height: 80%; width: 130%; }
		50% { height: 65%; width: 115%; }
		100% { height: 500%; width: 500%; }
	}


	.earth-animation .slide-left,
	.earth-animation .slide-right,
	.fag3-animation.lb-show .lb-left,
	.fag3-animation.lb-show .lb-right,
	.fag1-animation.lb-description .lb-left,
	.fag1-animation.lb-description .lb-right,
	.red-explosion .slide-left,
	.red-explosion .slide-right,
	.lb-map .lb-left,
	.lb-map .lb-right,
	.fag2-animation.lb-action .lb-left,
	.fag2-animation.lb-action .lb-right,
	.lb-university .lb-left,
	.lb-university .lb-right,
	.medicine-animaiton .slide-left,
	.medicine-animaiton .slide-right,
	.six-bacteria .slide-left,
	.six-bacteria .slide-right{
		width: 100%;
		height: 50%;
	}

	.red-explosion .slide-left{
		height: 62%;
	}

	.red-explosion .slide-right{
		height: 38%;
	}

	.earth{
		width: 40%;
		padding-top: 40%;
		left: 40%;
	}

	.earth + .axis{
		left: 34%;
		padding-top: 51.5%;
	}

	.earth-animation .time .bar .balance{
		right: 35px;
	}

	.earth-animation .time{
		height: 90%;
	}

	.earth-animation .slide-text-wrapper{
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.earth-animation .fag-container{
		left: 40%;
		top: 47%;
	}

	.earth-animation .time .scale>:nth-child(9){
		width: 35px;
	}

	.fag2-animation.lb-action .lb-left .lb-text-wrapper .inner-wrapper > div{
		width: 49%;
		display: inline-block;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
	}

	.fag2-animation.lb-action .lb-left .lb-text-wrapper .inner-wrapper>:last-child{
		left: 50%;
	}

	.red-explosion .slide-left{
		position: absolute;
		bottom: 0;
	}

	.red-explosion .slide-right{
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%);
	}

	.medicine-animation .slide-right{
		position: absolute;
		top: 0;
		height: 60%;
	}

	.medicine-animation .slide-right{
		position: absolute;
		top: 0;
		height: 50%;
		left: 0;
		width: 100%;
	}

	.medicine-animation .slide-left{
		position: absolute;
		bottom: 0;
		height: 50%;
		left: 0;
		width: 100%;
	}


	.medicine-animation .main-slide-wrapper.animate .slide-title{
		text-align: center;
	}

	.medicine-drop img{
		width: 8px;
	}

	.medicine-animation .top-line{
		width: 2px;
	}

	.bacteria-animation-wrapper .single-bactery.svg-div p{
		padding: 5px;
		bottom: -22%;
	}

	.red-explosion-wrapper{
		width: 70%;
		margin: auto;
	}

	.final-footer .bottom-container{
		flex-direction: column;
	}

	.final-footer .launched{
		margin-top: 25px;
		width: 100px;
	}

	.final-footer .buy-button{
		padding: 15px 30px;
		margin-top: 15px;
	}

	.final-footer .back-button .image{
		width: 10px;
		margin-right: 20px;
	}

	.final-footer{
		padding: 40px 0 15px;
	}

	.final-footer .back-button{
		margin-left: 0;
	}

	.final-footer .back-button .image:after{
		width: 35px;
		height: 35px;
	}
}


@media screen and (max-width: 600px){
	.front.animation,
	.fag2-animation.lb-container.lb-action,
	.fag3-animation.lb-container.lb-show{
		height: calc(100% - 40px);
	}

}

@media screen and (max-width: 960px) {
	.lb-jelly-container{
		height: 100%;
		width: 70%;
		position: relative;
		top: 0%;
		left: 15%;
	}
	
	.lb-jelly-container .blur-jelly {
		top: 15%;
		left: -24%;
	}
	
	.lb-jelly-container .small-jelly {
		left: 110%;
	}
	
	.red-explosion .slide-right {
		height: 35% !important;
	}
	
	.red-explosion .slide-left {
		height: 65% !important;
	}
	
	.red-explosion .slide-text-wrapper {
		top: 45% !important;
		overflow: visible !important;
	}
	
	.earth-animation .slide-left {
		height: 35% !important;
	}
	
	.earth-animation-wrapper {
		-webkit-transform: translateX(-7%) !important;
		transform: translateX(-7%) !important;
	}
	
	.fag3-animation .lb-left {
		height: 60% !important;
	}
	
	.fag3-animation .lb-right {
		height: 40% !important;
	}
	
	.lb-map .lb-right .map {
		-webkit-transform: translateY(-30%);
		transform: translateY(-30%);
	}
	
	.front .slide-text-wrapper {
		overflow: visible !important;
	}
	
	.six-bacteria .slide-left {
		height: 35%;
	}
	
	.six-bacteria .slide-right {
		width: 90% !important;
		float: none !important;
		margin-left: 5% !important;
	}
	
	.bacteria-animation-wrapper .single-bactery {
		-webkit-transform: translateX(100vw);
		transform: translateX(100vw);
	}
	
	.lb-text-wrapper,
	.animation .slide-text-wrapper	{
		top: 20px !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	
	.fag2-animation .inner-wrapper {
		height: 40vh;
	}
	
	.fag2-animation.lb-action .lb-left .lb-text-wrapper .inner-wrapper > div {
		top: 0 !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	
	.fag3-animation.lb-show .lb-right .wrapper2>:first-child {
		top: 39%;
	}
	
	.final-footer .back-button .image img {
		display: none;
	}
	
	.final-footer .back-button .image::after {
		background-image: url(../images/up-arrow.png);
		background-position: center 45%;
		background-repeat: no-repeat;
	}
	
	.scroll-titles {
		/*display: none;*/
	}
}