@charset "UTF-8";
/* CSS Document */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 1;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes text-flicker-in-glow {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
    text-shadow: none;
  }
  10.1% {
    opacity: 1;
    text-shadow: none;
  }
  10.2% {
    opacity: 0;
    text-shadow: none;
  }
  20% {
    opacity: 0;
    text-shadow: none;
  }
  20.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  }
  20.6% {
    opacity: 0;
    text-shadow: none;
  }
  30% {
    opacity: 0;
    text-shadow: none;
  }
  30.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  30.5% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  30.6% {
    opacity: 0;
    text-shadow: none;
  }
  45% {
    opacity: 0;
    text-shadow: none;
  }
  45.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  55% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  55.1% {
    opacity: 0;
    text-shadow: none;
  }
  57% {
    opacity: 0;
    text-shadow: none;
  }
  57.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  }
  60% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  }
  60.1% {
    opacity: 0;
    text-shadow: none;
  }
  65% {
    opacity: 0;
    text-shadow: none;
  }
  65.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  75% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  75.1% {
    opacity: 0;
    text-shadow: none;
  }
  77% {
    opacity: 0;
    text-shadow: none;
  }
  77.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  85% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  85.1% {
    opacity: 0;
    text-shadow: none;
  }
  86% {
    opacity: 0;
    text-shadow: none;
  }
  86.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  }
}
@keyframes text-flicker-in-glow {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
    text-shadow: none;
  }
  10.1% {
    opacity: 1;
    text-shadow: none;
  }
  10.2% {
    opacity: 0;
    text-shadow: none;
  }
  20% {
    opacity: 0;
    text-shadow: none;
  }
  20.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  }
  20.6% {
    opacity: 0;
    text-shadow: none;
  }
  30% {
    opacity: 0;
    text-shadow: none;
  }
  30.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  30.5% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  30.6% {
    opacity: 0;
    text-shadow: none;
  }
  45% {
    opacity: 0;
    text-shadow: none;
  }
  45.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  55% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
  }
  55.1% {
    opacity: 0;
    text-shadow: none;
  }
  57% {
    opacity: 0;
    text-shadow: none;
  }
  57.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  }
  60% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
  }
  60.1% {
    opacity: 0;
    text-shadow: none;
  }
  65% {
    opacity: 0;
    text-shadow: none;
  }
  65.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  75% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  75.1% {
    opacity: 0;
    text-shadow: none;
  }
  77% {
    opacity: 0;
    text-shadow: none;
  }
  77.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  85% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  85.1% {
    opacity: 0;
    text-shadow: none;
  }
  86% {
    opacity: 0;
    text-shadow: none;
  }
  86.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes float_1587 {
  0% { -webkit-transform: translateY(0); transform: translateY(0)}
  50% { -webkit-transform: translateY(-2px); transform: translateY(-2px)}
  100% { -webkit-transform: translateY(0); transform: translateY(0)}
}
@keyframes float_1587 {
  0% { -webkit-transform: translateY(0); transform: translateY(0)}
  50% { -webkit-transform: translateY(-2px); transform: translateY(-2px)}
  100% { -webkit-transform: translateY(0); transform: translateY(0)}
}
@-webkit-keyframes tada_9465 {
  0% { -webkit-transform: scale(1); transform: scale(1)}
  5.55556% { -webkit-transform:scale(.95) rotate(-8deg); transform:scale(.95) rotate(-8deg)}
  11.11111% { -webkit-transform:scale(.95) rotate(-8deg); transform:scale(.95) rotate(-8deg)}
  16.66667% { -webkit-transform:scale(1.2) rotate(8deg); transform:scale(1.2) rotate(8deg)}
  22.22222% { -webkit-transform:scale(1.2) rotate(-8deg); transform:scale(1.2) rotate(-8deg)}
  27.77778% { -webkit-transform:scale(1.2) rotate(8deg); transform:scale(1.2) rotate(8deg)}
  33.33333% { -webkit-transform:scale(1.2) rotate(-8deg); transform:scale(1.2) rotate(-8deg)}
  38.88889% { -webkit-transform:scale(1.2) rotate(8deg); transform:scale(1.2) rotate(8deg)}
  44.44444% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)}
  100% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)}
}
@keyframes tada_9465 {
  0% { -webkit-transform: scale(1); transform: scale(1)}
  5.55556% { -webkit-transform:scale(.95) rotate(-8deg); transform:scale(.95) rotate(-8deg)}
  11.11111% { -webkit-transform:scale(.95) rotate(-8deg); transform:scale(.95) rotate(-8deg)}
  16.66667% { -webkit-transform:scale(1.2) rotate(8deg); transform:scale(1.2) rotate(8deg)}
  22.22222% { -webkit-transform:scale(1.2) rotate(-8deg); transform:scale(1.2) rotate(-8deg)}
  27.77778% { -webkit-transform:scale(1.2) rotate(8deg); transform:scale(1.2) rotate(8deg)}
  33.33333% { -webkit-transform:scale(1.2) rotate(-8deg); transform:scale(1.2) rotate(-8deg)}
  38.88889% { -webkit-transform:scale(1.2) rotate(8deg); transform:scale(1.2) rotate(8deg)}
  44.44444% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)}
  100% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0)}
}

/* Div layer for the entire container. */
#dc_container {
	position: fixed;
	width: 100%; width: 100vw;
	height: 100%; height:100vh;
	margin: auto;
	top:0;
	left:0;
/*	display:none;*/
	z-index: 999999999999;
}

#dc_content {
	position: absolute;
	width: 100%;  width: 100vw;
	height: 100%; height:100vh;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#page_1{
	position: relative;
	z-index: 800;
	width:100%;  width: 100vw;
	height:100%; height:100vh;
	margin: 0;
	padding: 0;
	display: none;	
	background-color: #66449a;
	background-size: cover;
    background-repeat: no-repeat;
	}
#page_2{
	position: relative;	
	z-index: 850;
	width:100%;  width: 100vw;
	height:100%; height:100vh;
	margin: 0;
	padding: 0;
	background-color: #ed672f;
    display:none;
	}

#page_3{
	position: relative;
	z-index: 800;
	width:100%;  width: 100vw;
	height:100%; height:100vh;
	margin: 0;
	padding: 0;
	display: block;
	background-color: #66449a;
	background-size: cover;
    background-repeat: no-repeat;
	}
#info {
	position:absolute;
	display:none;
	bottom:15.5%;
	z-index: 999;
	left:3.5%;
	width:20px;
	height:20px;
	filter:invert(1)
}
#info img {
	position:inherit;
	width:100%
}
/* Invisible button for background clickthrough. */

#dc_background_exit{
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	right: 10px;
	z-index: 998;
	cursor: pointer;
	opacity: 0;
}

#dc_bgImage{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#dc_expand_logo{
	position: absolute;
	left: 5px;
	top: 5px;
}

#dc_btnClose{
	display:none;
	position: absolute;
	width: 25px;
	height: auto;
	top: 1.5%;
	right: 3%;
	z-index: 999;	
	cursor: pointer;
	filter:invert(1)
}
#connect{position:absolute; top:calc(50% - calc(51.06px + 76.59px)); 
    z-index:9999999;
    width: 100%;
    height:220px;
}
.i1{display:inline-block; position:absolute; left:calc(62.32px + 33px); width:48.62px; top:calc(50% - calc(48.61px + 28.32px)); -webkit-animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.75s both, float_1587 2s linear 1.25s infinite; animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.75s both, float_1587 2s linear 1.25s infinite; transform-origin:50% 50%}

.i2{display:inline-block; position:absolute; left:calc(140.73px + 33px); width:60.1px; top:calc(50% - calc(30.05px - 9.81px));  -webkit-animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s both, float_1587 2s linear 1.75s infinite; animation: slide-in-blurred-left 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s both, float_1587 2s linear 1.75s infinite; transform-origin:50% 50%}

.i3{display:inline-block; position:absolute; right:calc(112.52px + 33px); width:41.68px; top:calc(50% - calc(20.84px - 4.87px)); -webkit-animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.25s both, float_1587 2s linear 2.25s infinite; animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.25s both, float_1587 2s linear 2.25s infinite; transform-origin:50% 50%}

.i4{display:inline-block; position:absolute; right:calc(62.32px + 33px); width:51.06px; top:calc(50% - calc(51.06px + 37.6px));   -webkit-animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s both, float_1587 2s linear 2.75s infinite; animation: slide-in-blurred-right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s both, float_1587 2s linear 2.75s infinite; transform-origin:50% 50%}


.connect_circles{display:inline-block; position:absolute; width:208px; left:calc(50% - 104px); bottom:calc(50% - 173.33px); -webkit-animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both}
.in_one_line{display:inline-block; position:absolute; width:134.48px; left:calc(50% - 67.24px); bottom:calc(50% - 199.14px);  -webkit-animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both; animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both}

.connect_circles img, .in_one_line img{filter:drop-shadow(0.33px 0.33px 0.33px #fff)}



.smile{display:inline-block; position:absolute; width:255.17px; top:calc(50% - 78.83px); left:calc(50% - 127.585px);   animation: tada_9465 2.4s linear 3s /*infinite*/; transform-origin: 50% 50%}

.smile_over{display:inline-block; position:absolute; width:256px; height:79px; background-color:#ed672f; top:calc(50% - 78.83px); left:calc(50% - 127.585px); -webkit-animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both}



.i_have_smt{display:inline-block; position:absolute; width:162.3px; left:calc(50% - 81.15px); bottom:calc(50% - 134.01px); -webkit-animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both; animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both}
.to_smile{display:inline-block; position:absolute; z-index:20; width:286.11px; left:calc(50% - 143.055px); bottom:calc(50% - 180.68px); -webkit-animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both; animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both}


.smile_back{display:inline-block; position:absolute; z-index:10; width:192.08px; right:calc(59.23px + 33px); bottom:calc(50% - 183.5px); -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.55s both, pulsate-bck 0.75s ease-in-out infinite both; animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.55s both, pulsate-bck 0.75s ease-in-out infinite both;}



.i_have_smt img, .to_smile img{filter:drop-shadow(0.33px 0.33px 0.33px #fff)}



.a1{display:inline-block; position:absolute; width:65.98px; top:calc(168.9px + 66px); left:calc(42.06px + 33px); -webkit-animation: bounce-in-top 1.1s both, float_1587 2s linear 1.1s infinite; animation: bounce-in-top 1.1s both, float_1587 2s linear 1.1s infinite; transform-origin:50% 50%}
.a2{display:inline-block; position:absolute; width:81.57px; top:calc(64.34px + 66px); left:calc(77.93px + 33px); -webkit-animation: bounce-in-top 1.1s 0.5s both, float_1587 2s linear 1.6s infinite; animation: bounce-in-top 1.1s 0.5s both, float_1587 2s linear 1.6s infinite; transform-origin:50% 50%}
.a3{display:inline-block; position:absolute; width:56.56px; top:calc(125.41px + 66px); left:calc(197.86px + 33px); -webkit-animation: bounce-in-top 1.1s 1s both, float_1587 2s linear 2.1s infinite; animation: bounce-in-top 1.1s 1s both, float_1587 2s linear 2.1s infinite; transform-origin:50% 50%}
.a4{display:inline-block; position:absolute; width:69.29px; top:calc(115.18px + 66px); left:calc(302.27px + 33px); -webkit-animation: bounce-in-top 1.1s 1.5s both, float_1587 2s linear 2.6s infinite; animation: bounce-in-top 1.1s 1.5s both, float_1587 2s linear 2.6s infinite; transform-origin:50% 50%}



.fiberpower{display:inline-block; position:absolute; width:239.49px; left:calc(50% - 119.748px); top:calc(294.14px + 66px); -webkit-animation: text-focus-in 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-focus-in 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both}

.price{display:inline-block; position:absolute; width:274.02px; left:calc(34.2px + 33px); top:calc(349.29px + 66px); -webkit-animation: text-flicker-in-glow 2s linear 0.4s both;
	        animation: text-flicker-in-glow 2s linear 0.4s both}




.month{display:inline-block; position:absolute; width:67.48px; left:calc(311.94px + 33px); top:calc(392.79px + 66px); -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.2s both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.2s both}



.first12{display:inline-block; position:absolute; width:157.52px; left:calc(206.66px + 33px); top:calc(430.1px + 66px); -webkit-animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.4s both; animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.4s both}

.terms_apply{display:inline-block; position:absolute; width:227.58px; left:calc(50% - 113.7915px); top:calc(472.62px + 66px); -webkit-animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 3s both; animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 3s both}

.learn_more{display:inline-block; position:absolute; width:216.96px; left:calc(50% - 108.48px); top:calc(548.08px + 66px); -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3.6s both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3.6s both}




.cablenet_logo{display:inline-block; position:absolute; width:243.145px; left:calc(50% - 121.5725px); top:calc(636.94px + 66px); -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both}


.month img, .first12 img, .terms_apply img, .learn_more img{filter:drop-shadow(0.33px 0.33px 0.33px #fff)}

#page_1 img, #page_2 img, #page_3 img{width:100%; height:auto}

.sc{display:block; height:inherit; transform:scale(1.16)}








/* Big Phone (tall screen) */
@media  screen and (max-device-width:414px) and (-webkit-min-device-pixel-ratio:2) {.sc{transform:translateY(32px) scale(1)}

.i1{left:62.32px}
.i2{left:140.73px}
.i3{right:112.52px}
.i4{right:62.32px}
	
.smile_back{right:59.23px}

.a1{left:42.06px; top:168.9px}
.a2{left:77.93px; top:64.34px}
.a3{left:197.86px; top:125.41px}
.a4{left:302.27px; top:115.18px}
	
.fiberpower{top:294.14px}	
.price{left:34.2px; top:349.29px}	
.month{left:311.94px; top:392.79px}	
.first12{left:206.66px; top:430.1px}
.terms_apply{top:472.62px}
.learn_more{top:548.08px}
.cablenet_logo{top:636.94px}	
	
	
#info {
	bottom:9%
}
	
	
}

/* Big Phone (normal screen) */
@media  screen and (max-device-width:414px) and (max-height:725px) and (-webkit-min-device-pixel-ratio:2) {.sc{transform:translateY(0px) scale(1)}


#info {
	bottom:15.5%
	}
	
}

/* Big Phone (short screen) */
@media  screen and (max-device-width:414px) and (max-height:622px) and (-webkit-min-device-pixel-ratio:2) {
	
.sc{transform:translateY(-48.5px) scale(1)}
.learn_more img{transform:translateY(-15px)}	
.cablenet_logo img{transform:translateY(-30px)}	

#info {
	bottom:13%
}	
	
}

/* Medium+ Phone (tall screen) */
@media  screen and (max-device-width:393px) and (-webkit-min-device-pixel-ratio:2) {
	
.sc{transform:scale(0.949); margin-left:-10.5px} 

.connect_circles{left:calc(50% - 98.695px)}
.in_one_line{left:calc(50% - 63.805px)}
	
	
.i3{right:calc(112.52px - 10.5px)}
.i4{right:calc(62.32px - 10.5px)}	
	
	
.smile{left:calc(50% - 121.07px)}	
.smile_back{right:45px}	
.i_have_smt{left:calc(50% - 77.01px)}
.to_smile{left:calc(50% - 135.76px)}
	
	
	
.fiberpower{left:calc(50% - 113.635px)}	
.terms_apply{left:calc(50% - 107.985px)}	
.learn_more{left:calc(50% - 102.945px)}	
.cablenet_logo{left:calc(50% - 115.37px)}
	
#connect{left:5.25px}	

#info {
	bottom:9.5%
}	
	
	
}

/* Medium+ Phone (normal screen) */
@media  screen and (max-device-width:393px) and (max-height:680px) and (-webkit-min-device-pixel-ratio:2) {.sc{transform:scale(0.949) translateY(-23.5px); margin-left:-10.5px}}

/* Medium+ Phone (short screen) */
@media  screen and (max-device-width:393px) and (max-height:660px) and (-webkit-min-device-pixel-ratio:2) {.sc{transform:scale(0.949) translateY(-34.5px); margin-left:-10.5px}}







/* Medium Phone (tall screen) */
@media  screen and (max-device-width:375px) and (-webkit-min-device-pixel-ratio:2) {.sc{transform:scale(0.905); margin-left:-19.5px; margin-top:-50px} 

.connect_circles{left:calc(50% - 94.12px)}
.in_one_line{left:calc(50% - 60.845px)}

.i3{right:calc(112.52px - 19.5px)}
.i4{right:calc(62.32px - 19.5px)}		
	
.smile{left:calc(50% - 115.46px)}	
.smile_back{right:34px}	
.i_have_smt{left:calc(50% - 73.44px)}
.to_smile{left:calc(50% - 129.465px)}	
	
.fiberpower{left:calc(50% - 108.365px)}	
.terms_apply{left:calc(50% - 102.98px)}	
.learn_more{left:calc(50% - 98.17px)}	
.cablenet_logo{left:calc(50% - 110.02px)}

#connect{left:9.75px}	
	
#info {
	bottom:17%
}	
	
}

/* Medium Phone (short screen) */
@media  screen and (max-device-width:375px) and (max-height:628px) and (-webkit-min-device-pixel-ratio:2) {
	
.sc{transform:scale(0.905); margin-left:-19.5px; margin-top:-65px}
.learn_more img{transform:translateY(-20px)}	
.cablenet_logo img{transform:translateY(-40px)}
	
#info {
	bottom:14%
}	

}

/* Small Phone */
@media screen and (max-device-width:360px) and (-webkit-min-device-pixel-ratio:2) {
	
.sc{transform:scale(0.869); margin-left:-27px; margin-top:-55px}
.learn_more img{transform:unset}	
.cablenet_logo img{transform:unset}
	
	
.i3{right:calc(112.52px - 27px)}
.i4{right:calc(62.32px - 27px)}	
	
	

.connect_circles{left:calc(50% - 90.375px)}
.in_one_line{left:calc(50% - 58.425px)}	
	
.smile{left:calc(50% - 110.865px)}	
.smile_back{right:27px}	
.i_have_smt{left:calc(50% - 70.52px)}
.to_smile{left:calc(50% - 124.315px)}	
	
	
	
.fiberpower{left:calc(50% - 104.055px)}	
.terms_apply{left:calc(50% - 98.885px)}	
.learn_more{left:calc(50% - 94.265px)}	
.cablenet_logo{left:calc(50% - 105.645px)}
	
	
#connect{left:13.5px}	
	
#info {
	bottom:11%
}	

}