/************************************************************************************
Specific Page Layouts (2023-10 SKP)
*************************************************************************************/

/**Navigation:Full Menu Switch**/
.fullMenu {background:ORANGE;color:#FFFFFF;} /** Full Page Navigation **/
.line1,.line2,.line3 {background:BLUE;} /** Full Page Menu: Toggle OPEN **/
.fullOn .line1,.fullOn .line2,.fullOn .line3 {background:BLACK;} /** Full Page Menu: Toggle Close **/
/**Navigation:Side Sub Menu Switch**/
div.sideMenu {right: 0;background-color:#111;} /** If LEFT:0; then Slide from LEFT **/
div.sideMenu a {color:PINK;} /*color:#818181;*/
div.sideMenu a:hover,.offcanvas a:focus{color:RED;} /*color:#F1F1F1;*/
.sideMenu, .closeBtn {right: 15px;margin-left: 50px;}
.sideMenu {font-size:1.250rem;} /*20*/ 
.closeBtn {font-size:1.6rem;}/*25*/ 

/*External Image List*/
.navi-logo .logo-img {--img-src: url("../../images/skplogo.gif");}

/*****************************************************************
Navigation:
******************************************************************/
/**Navigation:Flex**/
.right-side{-webkit-box-flex:2;-ms-flex:2;flex:2;}
.left-side{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.navi-logo,.navi-logo a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.navi-logo .logo-img {content: var(--img-src);}
.naviFlex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.naviFlex li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.hi-50{height:50px;}
/**Navigation:Flex Fill on Hover**/
.naviFlex.fill li > a {display:flex;align-items:center;justify-content:center;height:100%;}
/**Navigation:Short**/
.naviFlex.short li:last-child,.naviFlex.short li:last-child a,.naviFlex.short li:last-child a:hover{width:100%;display:flex;align-items:center;justify-content:center;height:100%;}
.naviFlex.short li:first-child{width:100px;}
.naviFlex.short li:first-child{padding-left:3%;}
#naviFlex-link li:last-child a:hover{display:flex;align-items:center;justify-content:center;height:100%;}
/*****************************************************************
Navigation: Dropdown Column Submenu
******************************************************************/
.submenu-col a{display:block;line-height:50px;padding-top:14px;padding-bottom:16px;}
 .submenu-col:hover > ul.submenu-col-items{visibility: visible;display:block;}
ul.submenu-col-items {visibility:hidden;position:absolute;z-index:1;top:50px;}
a.submenu-col-trigger{padding-top:0px;padding-bottom:0px;}
/*****************************************************************
Navigation: Scroll
******************************************************************/
header.rollNavi {position: fixed;top: 0;z-index: 10;-webkit-transition: top 0.2s ease-in-out;-o-transition: top 0.2s ease-in-out;transition: top 0.2s ease-in-out;width: 100%;}
.scroll-sticky{top:0 !important;}
#naviScroll {transition: top 0.3s;} /*Smooth out Navigation*/ 
#naviScroll-sub.fullOn{top:25px;position:fixed;} /*Ensures Hamburger Not Scrolled*/
#naviScroll-link li:last-child,#naviScroll-link li:last-child a {width:100%;display:flex;align-items:center;justify-content:center;height:100%;}
/*****************************************************************
Navigation:Full Menu Disk
******************************************************************/
label .diskMenu{position:absolute;z-index:100;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:100%;border-bottom-right-radius:0;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;box-shadow:0 0 0 0 #fff,0 0 0 0 #fff;top:0;right:0;max-width:100%;overflow-x:hidden}
label .diskBars{position:absolute;top:25px;left:35px;width:30px;height:3px;background:#fff;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;display:block}
label .diskBars:after,label .diskBars:before{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;content:"";position:absolute;display:block;width:100%;height:100%}
label .diskBars:before{top:-10px}label .diskBars:after{bottom:-10px}label input{display:none}
label input:checked+.diskMenu{border-radius:0;position:fixed}
label input:checked+.diskMenu .diskBars{-webkit-transform:rotate(45deg);transform:rotate(45deg)}label input:checked+.diskMenu .diskBars:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0}label input:checked+.diskMenu .diskBars:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0}label input:checked+.diskMenu+ul{opacity:1;display:block;-webkit-transition:.25s 0s ease-in-out;transition:.25s 0s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}label ul{z-index:200;position:absolute;top:50%;left:50%;opacity:0;display:none}
label a {margin-bottom:1em;display:block;text-decoration:none;}
/*****************************************************************
Navigation: Bottom Follow
******************************************************************/
.box-follow{position:fixed;bottom:0;z-index:10;width:100%;transition: all .5s;}
.box-hide {opacity:0;}
.box-show {opacity:1;}
/************************************************************************************
Navigation: Full Menu Switch (Base Only)
*************************************************************************************/
.menuSwitch {position: absolute;}
 .menuSwitch {right: 2%;width: 35px;height: 35px;z-index:20;cursor: pointer;}
 .menuSwitch {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.fullMenu {position: fixed;z-index:15;width:100vw;height:100vh;text-align: center;display:table;top:0;left:0px;} /** Included left:0px; to make MENU Full Screen **/
.fullMenu-VC{margin:0;position: absolute;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.fullHide {display:none;}
.line1,.line2,.line3 {width: 100%;height: 5px;margin-bottom: 5px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.fullOn .line1 {-webkit-transform-origin: 10% 40%;-ms-transform-origin: 10% 40%;transform-origin: 10% 40%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.fullOn .line2 { background-color: transparent; }
.fullOn .line3 {-webkit-transform-origin: 10% 40%;-ms-transform-origin: 10% 40%;transform-origin: 10% 40%;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.fullMenu ul li {list-style: none;}
 .fullMenu ul li a {color: inherit;font-weight: bolder;text-decoration: none;}
/************************************************************************************
Navigation: Side Menu Slide (Left or Right)
*************************************************************************************/ 
div.sideMenu {height: 100%;width: 0; position: fixed;z-index:25;top: 0;overflow-x: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;padding-top: 60px;}
div.sideMenu a {padding: 8px 8px 8px 32px;text-decoration: none;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.sideMenu, .closeBtn {position: absolute;top: 0;}
/*****************************************************************
Footer Areas:
******************************************************************/
.jumpBar {width: 100%;height: auto;display: block;overflow: hidden;}
.jumpBar p {margin-bottom: 0}
.arrowRed {border-bottom: 15px solid #BA2636}
.arrowUp {width: 0;margin-left: auto;margin-right: auto;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent}
.footTrain {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.footTrain li {display: flex;flex: 1;justify-content: center}
.footTrain li>ul>li {display: flex;justify-content: flex-start;padding-left: 1rem;padding-right: 1rem}
.footGap {margin-top: 0}
.footPGap {padding-top: 0}
/*****************************************************************
Trains Style: (Subway Trains) Initialized from Smartphone [100%]
******************************************************************/
.subway::after {content: "";display:table;clear:both;}
[class*='train-'] {float:left;} 
[class*='train-'] {width:100%;} 
/*****************************************************************
FlexArea:Universal
******************************************************************/
.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flexArea{display:-webkit-box;display:-ms-flexbox;display:flex;}
.f-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.f-around{-webkit-justify-content: space-around;}
.f-txtC{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.f-txtVC{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.f-txtVC-full{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.f-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.img-block img{display:block;} 
/**FlexBox:Fill Page**/
.flex-page{min-height:100vh;}
.flex-page,.flex-page-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.f-full{-webkit-box-flex:1;-ms-flex:1;flex:1;}
/*****************************************************************
FlexArea: Initialize Parent Container = Start "FROM" Element Action
******************************************************************/
.route-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.route-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.route-col.ipad{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.route-col.mac{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.f-grow div{-webkit-box-flex:1;-ms-flex:1;flex:1;} 
/*****************************************************************
FlexArea: Reverse (Right to Left or Bottom to Top)
******************************************************************/
.rev{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.route-row.rev.ipad{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.route-row.rev.mac{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.route-col.rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
.route-col.rev.ipad{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.route-col.rev.mac{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
/*****************************************************************
FlexArea:Box Train
******************************************************************/
.boxTrain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
/************************************************************************************
FlexTrain:
*************************************************************************************/
.flexTrain {display: flex;flex-wrap: wrap;width: 100%;}
.flexRail img {max-width: 100%;max-height: 100%;}
.flexRail {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;box-sizing: border-box;min-width: 0; /* To ensure content doesn't affect flexRail width */width: 100%;}
.fr-10 {flex-basis: 10%;}
.fr-20 {flex-basis: 20%;}
.fr-25 {flex-basis: 25%;}
.fr-30 {flex-basis: 30%;}
.fr-40 {flex-basis: 40%;}
.fr-50 {flex-basis: 50%;}
.fr-60 {flex-basis: 60%;}
.fr-70 {flex-basis: 70%;}
.fr-75 {flex-basis: 75%;}
.fr-80 {flex-basis: 80%;}
.fr-90 {flex-basis: 90%;}
.rev-top{flex-direction: column-reverse;} /**To flip the IMAGES**/

/*****************************************************************
Hero
******************************************************************/
/**Universal**/
.hero-VC{position: absolute;top: 50%;transform: translate(0%, -50%);}
.hero-top{position:absolute;top:0;}
.hero-bottom {position:absolute;bottom:0;}
.hero-C {width:100%;text-align:center;}
/**Basic Background Image**/
[class*='heroPage-bg-'] {position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;} 
.heroPage-bg-base {height:56.5vh;max-height:507px;} /*Base changes in Frontend*/
/*****************************************************************
Hero: Parallax
******************************************************************/
/**Parallax:Base**/
.para-page{width:100%;display:flex;}
.para-fix{position:fixed; z-index:-1;width:100%;background-size: cover;background-repeat:no-repeat;background-attachment:scroll;background-position:top;background-position: top center;}
.para-gap{height:calc(100vw + 50px);}
/**Parallax:Multi**/
.heroPage-mp {top:0;}
.sticky-p {margin-top: -100vh;height:100vh;position:sticky;top: 0;z-index:0;}
.mp-gap {position: relative;width:100%;height:calc(100vw + 50px);z-index: 2;}
.mp {position:relative;width: 100%;min-height:100vh;z-index: 1}
/**Parallax:Mix**/
.heroPage-mixp {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.heroPage-mixp .h1 {font-size:15vmin;line-height:0.75;text-align: center;text-shadow: 2px 2px 10px #191423;}
.heroPage-mixp .hero-title-clone {position: absolute;color:#4B7DCD;}
.heroPage-mixp .hero-img-wrap {position:relative;overflow: hidden;margin-top:-8vh;padding-left:0.5rem;padding-right:0.5rem;}
.heroPage-mixp ~ .mixPara {position: relative;z-index: 2;}
.mixp-main::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(256, 256, 256, .75);}
/*****************************************************************
Guides
******************************************************************/
/**Universal**/
label input.opts{display: initial;}
/**Navigation**/
.naviSelection {display: none;}
.navigationOutput {display: none;}
.sliderCB_switchbox {position: relative;display: inline-flex;align-items: center;}
.sliderCB_switchbox input {opacity: 0;width: 0;height: 0;}
input:checked + .sliderCB {background-color: GREEN;}
input:focus + .sliderCB {box-shadow: 0 0 1px #2196F3;}
input:checked + .sliderCB:before {transform: translateX(26px);}
.sliderCB_show {display: none;}
.sliderCB {position: relative;cursor: pointer;display: inline-block;border-radius: 34px;transition: background-color .2s;}
.sliderCB:before {background-color: WHITE;position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;border-radius: 50%;transition: transform .2s;}
/*****************************************************************
Buttons: Hero Text
******************************************************************/
.hero-btn{display:inline-block;background-color:#FFFFFF;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 8px;width: 100%;text-align: center;text-decoration: none;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.hero-btn.start,.hero-btn.start:active,.hero-btn.start:hover{border-width:2px;border-style:solid;}
/*****************************************************************
BR Effects: (Changes in Frontend)
******************************************************************/
span.brSP{display:block;}
span.brMemo{display:none;}
span.brPad{display:none;}
span.brMac{display:none;}
span.PCbr{display:none;}
/*****************************************************************
Forms: General
******************************************************************/
/**Forms:Universal Settings**/
.form-setting01,.form-setting02,.form-setting03,.form-setting04 {width:100%;padding: 15px 15px 15px 20px;margin: 10px 0;border: 1px solid #CCCCCC;border-radius: 5px;-webkit-box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;}
input[type='text'],input[type='number'],input[type='text']{font-size:1.0rem;}
fieldset {border:0;padding:0;}
input[type=tel]{
 width:100%;font-size:1rem;padding: 15px 15px 15px 20px;margin:10px 0;border: 1px solid #CCCCCC;border-radius: 5px;
 -webkit-box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;}
/**Forms:Selector**/	
input[name=myChoice],select 
 {background-image: url(../../images/selectDown.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);margin-top:7px;margin-bottom:7px;padding-top:15px;padding-bottom:15px;overflow: hidden;border: 1px solid #CCCCCC;-webkit-appearance: button; -webkit-border-radius: 2px;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);-webkit-padding-end: 0px; -webkit-padding-start: 15px;-webkit-user-select: none;text-overflow: ellipsis;white-space: nowrap;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background-position: 97% center;background-repeat: no-repeat;}
/**Selector:Remove Arrow**/
input[name="myChoice"],select
 {width:100%;-webkit-appearance: none;-moz-appearance : none;}
/**Forms:TextBox Area**/
.form-textArea{width:100%;height:10rem;padding:12px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 2px solid #ccc;border-radius:4px;background-color:#F8F8F8;resize:none;}
/**Forms:Password Area**/
input[type=password]{
 width:100%;padding: 15px 15px 15px 20px;margin: 7px 0;border: 1px solid #CCCCCC;border-radius: 5px;
 -webkit-box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF;}
/**Forms:Button**/	
.btn-form01 {border: none;padding: 16px 32px;text-decoration:none;margin: 4px 2px;cursor: pointer;}
.btn-form02{border: none;padding: 16px 32px;text-decoration:none;margin: 4px 2px;cursor: pointer;}
input.no-focus:focus{outline: none;box-shadow:0px 0px 4px #0066ff;}
button.no-focus:focus{outline: none;box-shadow: 0px 0px 4px #0066ff;}
input[type=submit]{-webkit-appearance: none;-moz-appearance : none;}
.btn-ios{width:100%;} /*Changes Send button in iOS*/
/**Forms:Button Inside**/		
form.insideBox input[type=text]{padding:10px;font-size:17px;border:1px solid grey;border-right:0px;float:left;width:80%;}
form.insideBox button {float:left;width:20%;padding:10px;font-size:17px;border:1px solid grey;border-left:none;cursor: pointer;}
form.insideBox::after{content: "";clear: both;display: table;}
/**Validation for Email**/
.invalid {border: 2px solid #CC0000;background-color:lightblue;}
/**Validation for Telephone**/
.error-message {color: red;}
.error {border: 1px solid red;}
/**Validation 05**/
input[name=myName],input[name=myEmail] {border: 2px solid red !important;}
 input[name=myName]:focus {background-color:pink;} 
 input[name=myEmail]:focus {background-color:pink;}
/*****************************************************************
Forms: Floating Entry Labels 
******************************************************************/
.entry-floating {position:relative;margin-bottom:20px;}
/*Control Input Container and Entry*/
.entry-fl-input, .entry-fl-select {display:block;width:100%;padding:20px 0px 0px 12px;height:60px;font-size:1.25rem;}
/*Unique:Lables for Text Inputs*/
.text-style01 label{position:absolute;pointer-events:none;top:20px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
/*Unique: Lables for Selector Inputs*/
.select-style02 label{position:absolute;pointer-events:none;top:20px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
/* active state */
.entry-fl-input:focus ~ .bar:before,.entry-fl-input:focus ~ .bar:after, .entry-fl-select:focus ~ .bar:before, .entry-fl-select:focus ~ .bar:after {width:50%;}
/*****************************************************************
Animations: SpinText
******************************************************************/
.spinTextBox {position: relative;height:auto;overflow: hidden;margin: 0 auto;}
.centerSpin-txt {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.spinText {animation: rotate-circle 30s linear infinite;transform-origin: center;}
.counter .spinText {animation: rotate-counter-circle 30s linear infinite;}
/*****************************************************************
Animations: Attribute
******************************************************************/
.slide-u{position: relative;-webkit-transform: translateY(60px);-ms-transform: translateY(60px);transform: translateY(60px);-webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);-o-transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);}
.spinImage{animation:spinItem 20s linear infinite;}
 .spinImage.opt-01{max-width:400px;top:50%;}
/*****************************************************************
Animations on Scroll: Opacity = Visible (1)  Hidden (0)
******************************************************************/
.animate{overflow:hidden;}
 .moves,.move{opacity:0;}
 .moves.slide-L.targetInsight,.move.slide-L{animation: slide-L 2s;opacity:1 !important;}
 .moves.slide-R.targetInsight,.move.slide-R.targetInsight{animation: slide-R 2s;opacity:1 !important;}
 .moves.slideLeft.targetInsight,.move.slideLeft.targetInsight{opacity:1;-webkit-animation: fastGoL 2s;animation: fastGoL 2s;opacity:1;}	 
 .moves.slideRight.targetInsight,.move.slideRight.targetInsight{opacity:1;-webkit-animation: fastGoR 2s;animation: fastGoR 2s;opacity:1;}	
 .moves.slide-u.targetInsight,.move.slide-u.targetInsight{opacity: 1;transform:none;}
 .moves.slide-u.targetInsight:first-child {transition-delay: .1s;}
 .moves.slide-u.targetInsight:nth-child(2) {transition-delay: .7s;}
 .moves.slide-u.targetInsight:nth-child(3) {transition-delay: .7s;}
 .moves.fade.targetInsight,.move.fade.targetInsight{opacity:1;animation:fade-simple;-webkit-animation-duration:5s;animation-duration:5s;}
 .moves.flip.targetInsight,.move.flip.targetInsight{opacity:1;-webkit-animation: flip 2s;animation: flip 2s;} 	
 .moves.zoom.targetInsight,.move.zoom.targetInsight{opacity:1;-webkit-animation: zoom 2s;animation: zoom 2s;}
 .moves.bounce.targetInsight,.move.bounce.targetInsight{opacity:1;-webkit-animation:zoomBounce 2s;animation:zoomBounce 2s;}
 .moves.colour,.move.colour{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
 .moves.colour.targetInsight,.move.colour.targetInsight {-webkit-filter: none;filter: none;-webkit-transition:7s;-o-transition:7s;transition:7s;}	
.anim-word {margin-right: 1px; /*Gap between each word*/
  transform: scale(1);display: inline-block;opacity: 1;filter: blur(0);animation: fog-word 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);}
 /*Japanese: Gap between each letter*/ 
.anim-char {display: inline-block;transform: scale(0.94);opacity: 0;filter: blur(4px);animation: fog-char 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);}
/*****************************************************************
Animations: Call to Keyframes 
******************************************************************/
@-webkit-keyframes fade-simple { from { opacity:0; } to { opacity:1; } }
@keyframes fade-simple { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes slide-L {
	0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible}
	to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@keyframes slide-L {
	0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible}
	to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@-webkit-keyframes slide-R {
	0% {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible}
	to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@keyframes slide-R {
	0% {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible}
	to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@-webkit-keyframes fastGoR {0% {-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);transform: translate3d(-100%, 0, 0) skewX(30deg);opacity:0}
	60%{-webkit-transform: skewX(-20deg);transform: skewX(-20deg);opacity: 1}
	80%{-webkit-transform: skewX(5deg);transform: skewX(5deg)}to{-webkit-transform: translateZ(0);transform: translateZ(0)}}
@keyframes fastGoR {0% {-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);transform: translate3d(-100%, 0, 0) skewX(30deg);opacity: 0}60%{-webkit-transform: skewX(-20deg);transform: skewX(-20deg);opacity: 1}80% {-webkit-transform: skewX(5deg);transform: skewX(5deg)}	to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@-webkit-keyframes fastGoL {
	0% {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0}60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1}80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg)}to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@keyframes fastGoL {0% {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0}60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1}80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg)}to {-webkit-transform: translateZ(0);transform: translateZ(0)}}
@-webkit-keyframes flip{
	0% {-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}40% {-webkit-transform: perspective(400px) rotateX(-20deg);transform: perspective(400px) rotateX(-20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}60% {-webkit-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);opacity: 1}80%{-webkit-transform: perspective(400px) rotateX(-5deg);transform: perspective(400px) rotateX(-5deg)}to {-webkit-transform: perspective(400px);transform: perspective(400px)}}
@keyframes flip {
	0% {-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}40% {-webkit-transform: perspective(400px) rotateX(-20deg);transform: perspective(400px) rotateX(-20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}60% {-webkit-transform: perspective(400px) rotateX(10deg);transform: perspective(400px) rotateX(10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotateX(-5deg);transform: perspective(400px) rotateX(-5deg)}to {-webkit-transform: perspective(400px);transform: perspective(400px)}}
@-webkit-keyframes zoom {
	0% {opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2)}
	50%{opacity: 1}}
@keyframes zoom {
	0% {opacity: 0;-webkit-transform: scale3d(.2, .2, .2);transform: scale3d(.2, .2, .2)}
	50% {opacity:1}}
@-webkit-keyframes zoomBounce {
	0% {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);animation-timing-function: cubic-bezier(.55, .055, .675, .19)}60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);animation-timing-function: cubic-bezier(.175, .885, .32, 1)}}
@keyframes zoomBounce {
	0% {opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);animation-timing-function: cubic-bezier(.55, .055, .675, .19)}60% {opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);animation-timing-function: cubic-bezier(.175, .885, .32, 1)}}
@keyframes spinItem{
    0%{transform:translate(-50%,-50%) rotate(0);}
    100%{transform:translate(-50%,-50%) rotate(360deg);}}	
@keyframes fog-word {from {transform:scale(0.94);opacity: 0;filter: blur(4px);}to {transform: scale(1);opacity: 1;filter: blur(0);}}
@keyframes fog-char {to {transform: scale(1);opacity: 1;filter: blur(0);}}
@-webkit-keyframes scale {100% {-webkit-transform:scale(1);transform:scale(1);}}
@keyframes scale {100% {-webkit-transform:scale(1);transform:scale(1);}}
@keyframes rotate-circle {to {transform: rotate(1turn);}}
@keyframes rotate-counter-circle {from {transform: rotate(1turn);}}