@charset "utf-8";
/*   
Theme Name: ballooons
Theme URI: http://www.studiowink.com
Description: Theme template -- WordPress v5.2
Author: GS-I
Author URI: http://www.gs-interactive.net
Version: 1.000
*/

@font-face {
    font-family: 'Carino';
    src: url('fonts/CarinoSans.otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Carino';
    src: url('fonts/CarinoSans-Semibold.otf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Carino';
    src: url('fonts/CarinoSans-Bold.otf');
    font-weight: 700;
    font-style: normal;
}

:root {
  	--pinnk: #ff337c;
  	--bluu:  #0099ff;
	--yello: #ffe632;
	--outerW: calc(50vw - 720px);
}
@media(max-width: 1500px) {
	:root {
		--outerW: calc(50vw - 540px);
	}
}
@media(max-width: 1100px) {
	:root {
		--outerW: calc(50vw - 360px);
	}
}
@media(max-width: 800px) {
	:root {
		--outerW: 30px;
	}
}
@media(max-width: 400px) {
	:root {
		--outerW: 10px;
	}
}

html {
	overflow-y: scroll;
	scroll-behavior: smooth;
	font-size:18px;
	line-height:1.4;
	color: #000;
}

.szd img,
.szd svg {
	width:100%;
	height:auto;
}
.szd75 {
	max-width:75%;
	margin:0 auto;
}

body {
    padding: 0;
    margin: 0;
	font-family:"Carino", Helvetica, Arial, "sans-serif";
	background-color:#fff;
}

header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:10;
}
header .logo {
	position:absolute;
	top:20px;
	left:20px;
	width:230px;
	height:auto;
}
@media(max-width: 400px) {
	header .logo {
		top:30px;
		width:190px;
	}
}
header .logo .plu-2 {
	position:absolute;
	top:0;
	left:0;
	transition:all.1s;
}
header .logo:hover .plu-2 {
	top:-4px;
}
header .logo .plu-3 {
	position:absolute;
	top:0;
	left:0;
	transition:all.2s;
}
header .logo:hover .plu-3 {
	top:-8px;
}
header .navigation {
	position:absolute;
	top:25px;
	left:350px;
}
@media(max-width: 1150px) {
	header .navigation {
		top:0;
		left:auto;
		right:0;
		width:300px;
		background-color: #fff;
		display:none;
	}
}

header .navigation ul.menu  {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
@media(max-width: 1150px) {
	header .navigation ul.menu {
		padding: 130px 20px 20px;
	}
}
header .navigation  ul.menu li {
	display:inline-block;
	margin:0 30px 0 0;
	padding:0;
	
}
@media(max-width: 1150px) {
	header .navigation  ul.menu li {
		padding:0 0 20px;
	}
}
header .navigation  ul.menu li a {
	position:relative;
	display:block;
	margin:0;
	padding:0 15px 7px 15px;
	text-decoration: none;
	font-size:24px;
	font-weight:600;
	color:#000;
	line-height:1;
	transition: color .3s;
}
@media(max-width: 1500px) {
	header .navigation  ul.menu li a {
		padding:0 9px 7px 9px;
		font-size:21px;
	}
}
@media(max-width: 1150px) {
	header .navigation  ul.menu li a {
		padding:0 15px 7px 15px;
		font-size:24px;
	}
}
header .navigation  ul.menu li:hover a {
	color:#000;
}
header .navigation  ul.menu > li > a::after {
	border-bottom: 2px solid #000;
	left: 50%;
	position: absolute;
	content: " ";
	right: 50%;
	bottom: 0;
	transition: all .3s cubic-bezier(.54,.38,.21,.98);
	-webkit-transition: all .3s cubic-bezier(.54,.38,.21,.98);
	-moz-transition: all .3s cubic-bezier(.54,.38,.21,.98);
	-o-transition: all .3s cubic-bezier(.54,.38,.21,.98);
}
header .navigation  ul.menu > li:hover > a::after {
  left: 10px;
  right: 10px;
}
header .navigation  ul.menu > li.current_page_item > a::after,
header .navigation  ul.menu > li.current_page_ancestor > a::after {
  left: 10px;
  right: 10px;
}
@media(max-width: 1500px) {
	header .navigation  ul.menu > li:hover > a::after {
	  left: 7px;
	  right: 7px;
	}
	header .navigation  ul.menu > li.current_page_item > a::after,
	header .navigation  ul.menu > li.current_page_ancestor > a::after {
	  left: 7px;
	  right: 7px;
	}
}
@media(max-width: 1150px) {
	header .navigation  ul.menu > li:hover > a::after {
	  left: 13px;
	  right: 13px;
	}
	header .navigation  ul.menu > li.current_page_item > a::after,
	header .navigation  ul.menu > li.current_page_ancestor > a::after {
	  left: 13px;
	  right: 13px;
	}
}
header .navigation ul.sub-menu  {
	position:absolute;
	left:-3000em;
	list-style:none;
	margin:0;
	padding:0;
	opacity:0;
	transition: opacity .3s;
}
@media(max-width: 1150px) {
	header .navigation ul.sub-menu  {
		position:relative;
		left:auto;
		margin:0 0 0 20px;
		opacity:1;
		/*display:none;*/
	}
}
header .navigation ul.menu li:hover ul.sub-menu {
	left: auto;
	opacity:1;
}
header .navigation ul.menu ul.sub-menu li {
	display:block;
	margin:0;
	padding:0;
	
}
header .navigation ul.menu ul.sub-menu li a {
	position:relative;
	display:inline-block;
	margin:0;
	padding:15px 15px 5px 15px;
	text-decoration: none;
	font-size:21px;
	font-weight:600;
	color:#000;
	line-height:1;
	transition: color .3s;
}
@media(max-width: 1500px) {
	header .navigation ul.menu ul.sub-menu li a {
		font-size:18px;
	}
}

header .navigation ul.menu ul.sub-menu li a:hover {
	color:#000;
}
header .navigation ul.menu ul.sub-menu > li > a::after {
	border-bottom: 2px solid #000;
	opacity:0;
	left: 13px;
  	right: 13px;
	position: absolute;
	content: " ";
	bottom: 0;
	transition: all .3s;
}
header .navigation ul.menu ul.sub-menu > li:hover > a::after {
  	opacity:1;
}
header .navigation ul.menu ul.sub-menu > li.current_page_item > a::after {
  	opacity:1;
}

header .help {
	position:absolute;
	top:25px;
	right:0;
	width:8vw;
	text-align:center;
}
header .help  a {
	text-decoration: none;
	font-size:24px;
	font-weight:600;
	color:#000;
	background-image:url("images/icon-phone.png");
	background-position:left center;
	background-repeat:no-repeat;
	padding: 0 0 0 22px;
  	background-size: 18px auto;
	transition:all .3s;
}
header .help  a:hover {
	color:#fff;
}

#hamburger {
	display:none;
}
@media(max-width: 1150px) {
	 #hamburger {
		 display: block;
		 position:absolute;
		 top:44px;
		 right:30px;
		 width:40px;
		 height:40px;
		 transition:all .4s;
	}
	
	.shrink  #hamburger {
		 top:17px;
	}
}
#hamburger:hover {
	cursor:pointer;
}
#hamburger .bar {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:8px;
	fill:#000;
	transition:all .4s;
}
#hamburger.on .bar {
	fill:#333333;
}
#hamburger:hover .bar {
	fill:#333333;
}
#hamburger.on:hover .bar {
	fill:#333333;
}
#hamburger #bar1 {
	top:0;
}
#hamburger.on #bar1 {
	opacity:0;
}
#hamburger #bar2 {
	top:14px;
}
#hamburger.on #bar2 {
	transform: rotate(-45deg);
}
#hamburger #bar3 {
	top:14px;
}
#hamburger.on #bar3 {
	transform: rotate(45deg);
}
#hamburger #bar4 {
	top:27px;
}
#hamburger.on #bar4 {
	opacity:0;
}







.wrap {
	position:relative;
	width:100%;
	overflow-x:hidden;
}


h1 {
	margin-bottom:0;	
	font-size:70px;
	line-height:1;
	font-variation-settings: 'wght' 500;
	font-family: "ohno-softie-variable", sans-serif;
	text-transform: uppercase;
}
@media(max-width: 800px) {
	h1 {
		font-size:50px;
	}
}
@media(max-width: 400px) {
	h1 {
		font-size:40px;
	}
}
h4 + h1 {
	margin-top:-5px;
}
h2 {
	margin:0;	
	font-size:60px;
	line-height:1;
	font-variation-settings: 'wght' 500;
	font-family: "ohno-softie-variable", sans-serif;
}
@media(max-width: 800px) {
	h2 {
		font-size:40px;
	}
}
h3 {
	margin: 0 0 25px;
  	font-size: 24px;
	line-height:1;
	font-family:"Carino", Helvetica, Arial, "sans-serif";
	font-weight:500;
}
@media(max-width: 800px) {
	h3 {
		font-size: 20px;
	}
}
h4 {
	margin:0 0 24px 0;	
	font-size:22px;
	line-height:1;
	font-family:"Carino", Helvetica, Arial, "sans-serif";
	font-weight:600;
}
@media(max-width: 800px) {
	h4 {
		font-size:18px;
	}
}
#smily {
	position: absolute;
	width:1px;
	height:1px;
	left:-1000em;
}


/* -----   COMMON: BLUBBLES  ----- */
.blubbles {
	position:relative;
	width:100%;
	height:100vh;
	background-color:#ff337c;
}

#smile-canvas {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:7;
	overflow:hidden;
}
#smile-canvas .smiler {
	position:absolute;
	width:1px;
	height:1px;
	top:120%;
	left:0;
	display: inline-block;
	margin:0 10px 10px 0;
	border-radius:50%;
}
#smile-canvas .smiler img {
	width:100%;
	height:auto;
}	
#smile-canvas .smiler.size1 {
	width:70px;
	height:70px;
}	
#smile-canvas .smiler.size2 {
	width:90px;
	height:90px;
}
#smile-canvas .smiler.size3 {
	width:110px;
	height:110px;
}	
#smile-canvas .smiler.size4 {
	width:130px;
	height:130px;
}
#smile-canvas .smiler.size5 {
	width:150px;
	height:150px;
}	
@media(max-width: 800px) {
	#smile-canvas .smiler.size1 {
		width:35px;
		height:35px;
	}	
	#smile-canvas .smiler.size2 {
		width:45px;
		height:45px;
	}
	#smile-canvas .smiler.size3 {
		width:55px;
		height:55px;
	}	
	#smile-canvas .smiler.size4 {
		width:65px;
		height:65px;
	}
	#smile-canvas .smiler.size5 {
		width:75px;
		height:75px;
	}	
}

@keyframes zoooop {
  0% {
    font-variation-settings: "wght" 100;
  }
  35% {
    font-variation-settings: "wght" 900;
  }
  45% {
    font-variation-settings: "wght" 900;
  }
  80% {
    font-variation-settings: "wght" 100;
  }
  100% {
    font-variation-settings: "wght" 100;
  }
}


.blubbles .bubble-1 {
	position:absolute;
	top:0;
	left:0;
	width:calc(1320px + var(--outerW));
	height:calc(100% - 240px);
	background-color:#ffe632;
	border-radius:0 0 15px 0;
	z-index:3;
	display: flex;
  	align-items: center;
}
@media(max-width: 1500px) {
	.blubbles .bubble-1 {
		width:calc(990px + var(--outerW));
		height:calc(100% - 180px);
	}
}
@media(max-width: 1100px) {
	.blubbles .bubble-1 {
		width:calc(660px + var(--outerW));
		height:calc(100% - 120px);
	}
}
@media(max-width: 800px) {
	.blubbles .bubble-1 {
		width:calc(100vw - 60px);
	}
}
@media(max-width: 400px) {
	.blubbles .bubble-1 {
		width:calc(100vw - 20px);
	}
}
.blubbles .bubble-1 .wrapup {
	display:flex;
	margin:5vw 0 0 15vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
.blubbles .bubble-1 .wrapup .a1 {
	font-size:5.6vw;
	margin-top:0;
}
.blubbles .bubble-1 .wrapup .a2 {
	font-size:12vw;
	margin-top:0;
	margin-left:-.5vw;
}
.blubbles .bubble-1 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-left:1vw;
	letter-spacing:-2vw;
}

.blubbles .wrapup.animate span {
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: zoooop;
}


.blubbles .bubble-1 .tail {
  position: absolute;
  bottom: -98px;
  left: 30vw;
  width: 100px;
  height: 100px;
}
@media(max-width: 1500px) {
	.blubbles .bubble-1 .tail {
	  position: absolute;
	  bottom: -78px;
	  width: 80px;
	  height: 80px;
	}
}
@media(max-width: 1100px) {
	.blubbles .bubble-1 .tail {
	  position: absolute;
	  bottom: -48px;
	  width: 50px;
	  height: 50px;
	}
}
.blubbles .bubble-1 .tail svg {
  fill: var(--yello);
}

.blubbles .bubble-2 {
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - var(--outerW));
	height:calc(100% - 120px);
	background-color:#ff337c;
	border-radius:0 0 15px 0;
	z-index:2;
	display: flex;
  	align-items: center;
}
@media(max-width: 1500px) {
	.blubbles .bubble-2 {
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	.blubbles .bubble-2 {
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	.blubbles .bubble-2 {
		width:calc(100% - 30px);
	}
}
@media(max-width: 400px) {
	.blubbles .bubble-2 {
		width:calc(100% - 10px);
	}
}
.blubbles .bubble-2 .wrapup {
	display:flex;
	margin:5vw 0 0 15vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
.blubbles .bubble-2 .wrapup .a1 {
	font-size:9vw;
	margin-left:8vw;
}
.blubbles .bubble-2 .wrapup .a2 {
	font-size:8.5vw;
	margin-top:-1vw;
	letter-spacing:-.25vw;
}
.blubbles .bubble-2 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-left:1vw;
	letter-spacing:-2vw;
}

.blubbles .bubble-2 .tail {
  position: absolute;
  bottom: -98px;
  left: 30vw;
  width: 100px;
  height: 100px;
}
@media(max-width: 1500px) {
	.blubbles .bubble-2 .tail {
	  position: absolute;
	  bottom: -78px;
	  width: 80px;
	  height: 80px;
	}
}
@media(max-width: 1100px) {
	.blubbles .bubble-2 .tail {
	  position: absolute;
	  bottom: -48px;
	  width: 50px;
	  height: 50px;
	}
}
.blubbles .bubble-2 .tail svg {
  fill: var(--pinnk);
}
.blubbles .bubble-3 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--bluu);
	border-radius:0 0 15px 0;
	z-index:1;
	display: flex;
  	align-items: center;
}

.blubbles .bubble-3 .wrapup {
	display:flex;
	margin:10vw 0 0 24vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
.blubbles .bubble-3 .wrapup .a1 {
	font-size:9vw;
}
.blubbles .bubble-3 .wrapup .a2 {
	font-size:9vw;
	margin-top:-1vw;
	margin-left:6.5vw;
}
.blubbles .bubble-3 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-left:1vw;
	letter-spacing:-2vw;
}

.blubbles .dotnav {
	position:absolute;
	top: 38%;
	left:15px;
	width:30px;
	z-index:20;
}
@media(max-width: 800px) {
	.blubbles .dotnav {
		top: 38%;
		left:10px;
		width:20px;
	}
}
.blubbles .dotnav .dot-1 {
	position:relative;
	width:15px;
	height:15px;
	margin:0 0 10px 0;
	border:3px solid #000;
	border-radius:20px;
	background-color:#ffe632;
	transition:all .3s;
}
@media(max-width: 800px) {
	.blubbles .dotnav .dot-1 {
		width:10px;
		height:10px;
	}
}
.blubbles .dotnav .dot-1:hover {
	background-color:#ffffff;
	cursor:pointer;
}
.blubbles .dotnav .dot-2 {
	position:relative;
	width:15px;
	height:15px;
	margin:0 0 10px 0;
	border:3px solid #000;
	border-radius:20px;
	background-color:#ff337c;
	transition:all .3s;
}
@media(max-width: 800px) {
	.blubbles .dotnav .dot-2 {
		width:10px;
		height:10px;
	}
}
.blubbles .dotnav .dot-2:hover {
	background-color:#ffffff;
	cursor:pointer;
}
.blubbles .dotnav .dot-3 {
	position:relative;
	width:15px;
	height:15px;
	margin:0 0 10px 0;
	border:3px solid #000;
	border-radius:20px;
	background-color:var(--bluu);
	transition:all .3s;
}
@media(max-width: 800px) {
	.blubbles .dotnav .dot-3 {
		width:10px;
		height:10px;
	}
}
.blubbles .dotnav .dot-3:hover {
	background-color:#ffffff;
	cursor:pointer;
}
/* -----  ^^^  COMMON: BLUBBLES ^^^ ----- */

#home .sect-2 {
	position:relative;
	width:100%;
	height:360px;
	background-color:var(--bluu);
}
@media(max-width: 1500px) {
	#home .sect-2 {
		height:270px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 {
		height:225px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 {
		height:180px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 {
		height:150px;
	}
}

#home .sect-2 .tab-1 {
	position:absolute;
	top:0;
	left: var(--outerW);
	width:calc(100% - var(--outerW));
	height:360px;
	background-color:#ff337c;
	border-radius:15px 0 0 0;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-1 {
		height:270px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-1 {
		height:225px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-1 {
		height:180px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-1 {
		height:150px;
	}
}
#home .sect-2 .tab-1 .head {
	width:1440px;
	margin: 18px 0 0;
	font-size:70px;
	text-align: center;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 500;
	transition:all .3s;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-1 .head {
		width:1080px;
		margin: 12px 0 0;
		font-size:55px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-1 .head {
		width:720px;
		margin: 10px 0 0;
		font-size:45px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-1 .head {
		width:auto;
		margin: 10px 30px 0 0;
		font-size:35px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-1 .head {
		margin: 10px 10px 0 0;
		font-size:25px;
	}
}
#home .sect-2 .tab-1 .head:hover {
	color:#fff;
	cursor:pointer;
}



#home .sect-2 .tab-2 {
	position:absolute;
	top:120px;
	left:calc( var(--outerW) + 120px);
	width:calc(var(--outerW) + 1320px);
	height:240px;
	background-color:#ffe632;
	border-radius:15px 0 0 0;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-2 {
		top:90px;
		left:calc( var(--outerW) + 90px);
		width:calc(var(--outerW) + 990px);
		height:180px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-2 {
		top:75px;
		left:calc( var(--outerW) + 60px);
		width:calc(var(--outerW) + 660px);
		height:150px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-2 {
		top:60px;
		left:60px;
		width:calc(100vw - 60px);
		height:120px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-2 {
		top:50px;
		left:20px;
		width:calc(100vw - 20px);
		height:100px;
	}
}
#home .sect-2 .tab-2 .head {
	width:1200px;
	margin: 18px 0 0;
	font-size:70px;
	text-align: center;
	font-variation-settings: 'wght' 500;
	font-family: "ohno-softie-variable", sans-serif;
	transition:all .3s;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-2 .head {
		width:900px;
		margin: 12px 0 0;
		font-size:55px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-2 .head {
		width:600px;
		margin: 10px 0 0;
		font-size:45px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-2 .head {
		width:auto;
		margin: 10px 60px 0 0;
		font-size:35px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-2 .head {
		margin: 10px 20px 0 0;
		font-size:25px;
	}
}
#home .sect-2 .tab-2 .head:hover {
	color:#fff;
	cursor:pointer;
}



#home .sect-2 .tab-3 {
	position:absolute;
	top:240px;
	left:calc( var(--outerW) + 240px);
	width:calc(var(--outerW) + 1200px);
	height:120px;
	background-color:var(--bluu);
	border-radius:15px 0 0 0;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-3 {
		top:180px;
		left:calc( var(--outerW) + 180px);
		width:calc(var(--outerW) + 900px);
		height:90px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-3 {
		top:150px;
		left:calc( var(--outerW) + 120px);
		width:calc(var(--outerW) + 600px);
		height:75px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-3 {
		top:120px;
		left:90px;
		width:calc(100vw - 90px);
		height:60px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-3 {
		top:100px;
		left:30px;
		width:calc(100vw - 30px);
		height:50px;
	}
}
#home .sect-2 .tab-3 .head {
	width:960px;
	margin: 18px 0 0;
	font-size:70px;
	text-align: center;
	font-variation-settings: 'wght' 500;
	font-family: "ohno-softie-variable", sans-serif;
	transition:all .3s;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-3 .head {
		width:720px;
		margin: 12px 0 0;
		font-size:55px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-3 .head {
		width:480px;
		margin: 10px 0 0;
		font-size:45px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-3 .head {
		width:auto;
		margin: 10px 90px 0 0;
		font-size:35px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-3 .head {
		margin: 10px 30px 0 0;
		font-size:25px;
	}
}
#home .sect-2 .tab-3 .head:hover {
	color:#fff;
	cursor:pointer;
}





#home .sect-2 .head .closex {
	position: absolute;
	z-index:1;
	right: 25px;
	top: 25px;
}
#home .sect-2 .head .closex svg {
	fill:#000;
	transition:all .3s;
}
#home .sect-2 .head:hover .closex svg {
	fill:#fff;
}
#home .sect-2 .head .closex .cls-1 {
	display:none;
}



#home .sect-2 .tab-1-content {
	position:absolute;
	top:120px;
	left: var(--outerW);
	width:calc(100% - var(--outerW));
	height:600px;
	background-color:#ff337c;
	z-index:3;
	display:none;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-1-content {
		top:90px;
		height:450px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-1-content {
		top:75px;
		height:450px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-1-content {
		top:60px;
		height: 390px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-1-content {
		top:50px;
		height:auto;
	}
}
#home .sect-2 .tab-1-content .inner-1 {
	padding:0 120px;
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-1-content .inner-1 {
		padding:0 90px;
		font-size:20px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-1-content .inner-1 {
		padding:0 60px;
		font-size:18px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-1-content .inner-1 {
		padding:0 30px;
		font-size:16px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-1-content .inner-1 {
		padding:0 20px 30px;
	}
}
#home .sect-2 .tab-1-content .inner-1 u {
	text-decoration: none;
	background-color:#fff;
}
#home .sect-2 .tab-2-content {
	position:absolute;
	top:240px;
	left:calc( var(--outerW) + 120px);
	width:calc(var(--outerW) + 1320px);
	height:480px;
	background-color:#ffe632;
	z-index:3;
	display:none;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-2-content {
		top:180px;
		left:calc( var(--outerW) + 90px);
		width:calc(var(--outerW) + 990px);
		height:360px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-2-content {
		top:150px;
		left:calc( var(--outerW) + 60px);
		width:calc(var(--outerW) + 660px);
		height:360px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-2-content {
		top:120px;
		left:60px;
		width:calc(100vw - 60px);
		height:330px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-2-content {
		top:100px;
		left:20px;
		width:calc(100vw - 20px);
		height:auto;
	}
}
#home .sect-2 .tab-2-content .inner-1 {
	padding:0 120px;
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-2-content .inner-1 {
		padding:0 90px;
		font-size:20px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-2-content .inner-1 {
		padding:0 60px;
		font-size:18px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-2-content .inner-1 {
		padding:0 30px;
		font-size:16px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-2-content .inner-1 {
		padding:0 20px 30px;
	}
}
#home .sect-2 .tab-2-content .inner-1 u {
	text-decoration: none;
	background-color:#fff;
}
#home .sect-2 .tab-3-content {
	position:absolute;
	top:360px;
	left:calc( var(--outerW) + 240px);
	width:calc(var(--outerW) + 1200px);
	height:360px;
	background-color:var(--bluu);
	z-index:3;
	display:none;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-3-content {
		top:270px;
		left:calc( var(--outerW) + 180px);
		width:calc(var(--outerW) + 900px);
		height:270px;
	}
}
@media(max-width: 1100px) {
	#home .sect-2 .tab-3-content {
		top:225px;
		left:calc( var(--outerW) + 120px);
		width:calc(var(--outerW) + 600px);
		height:270px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-3-content {
		top:180px;
		left:90px;
		width:calc(100vw - 90px);
		height:270px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-3-content {
		top:150px;
		left:30px;
		width:calc(100vw - 30px);
		height:auto;
	}
}
#home .sect-2 .tab-3-content .inner-1 {
	padding:0 120px;
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 1500px) {
	#home .sect-2 .tab-3-content .inner-1 {
		padding:0 90px;
		font-size:20px;
	}
}
@media(max-width: 800px) {
	#home .sect-2 .tab-3-content .inner-1 {
		padding:0 30px;
		font-size:16px;
	}
}
@media(max-width: 400px) {
	#home .sect-2 .tab-3-content .inner-1 {
		padding:0 20px 30px;
	}
}
#home .sect-2 .tab-3-content .inner-1 u {
	text-decoration: none;
	background-color:#fff;
}
#home .sect-3 {
	position:relative;
	padding:0 var(--outerW);
	background-color:#fff;
}
#home .sect-3 .bluebg {
	position:absolute;
	top:0;
	left:0;
	padding:0 var(--outerW);
	width:1440px;
	height:360px;
	background-color:var(--bluu);
}
@media(max-width: 1500px) {
	#home .sect-3 .bluebg {
		width:1080px;
		height:270px;
	}
}
@media(max-width: 1100px) {
	#home .sect-3 .bluebg {
		width:720px;
		height:270px;
	}
}
@media(max-width: 800px) {
	#home .sect-3 .bluebg {
		width:calc(100% - 60px);
	}
}
@media(max-width: 400px) {
	#home .sect-3 .bluebg {
		width:calc(100% - 20px);
	}
}
#home .sect-3 .pinkbg {
	position:relative;
	width:100%;
	height:360px;
	background-image:url("images/hp-sect-2-corner.png");
	background-position: center top;
	background-repeat:no-repeat;
}
@media(max-width: 1500px) {
	#home .sect-3 .pinkbg {
		height:270px;
	}
}
#home .sect-3 .inner-1 {

}
#home .sect-3 .inner-2 {
	position:relative;
	padding:0 120px 0;
	border-radius:15px 15px 0 0;
	background-color:#fff;	
}
@media(max-width: 1500px) {
	#home .sect-3 .inner-2 {
		padding:0 90px 0;	
	}
}
@media(max-width: 1100px) {
	#home .sect-3 .inner-2 {
		padding:0 60px 0;	
	}
}
@media(max-width: 800px) {
	#home .sect-3 .inner-2 {
		padding:0 20px 0;	
	}
}
#home .sect-3 .inner-2 .head {
	padding: 10px 120px 0;
	font-size:70px;
	letter-spacing: 2px;
	font-variation-settings: 'wght' 500;
	font-family: "ohno-softie-variable", sans-serif;
	text-align: center;
}
@media(max-width: 1500px) {
	#home .sect-3 .inner-2 .head {
		padding: 10px 90px 0;
		font-size:55px;
	}
}
@media(max-width: 1100px) {
	#home .sect-3 .inner-2 .head {
		padding: 10px 60px 0;
		font-size:45px;
	}
}
@media(max-width: 800px) {
	#home .sect-3 .inner-2 .head {
		padding: 10px 30px 0;
		font-size:35px;
	}
}
@media(max-width: 400px) {
	#home .sect-3 .inner-2 .head {
		padding: 10px 10px 0;
		font-size:25px;
	}
}
#home .sect-3 .inner-3 {
	position:relative;
	display:flex;
	justify-content: space-between;
	z-index:2;
}
@media(max-width: 400px) {
	#home .sect-3 .inner-3 {
		flex-wrap:wrap;
	}
}
#home .sect-3  .box {
	position:relative;
	width:30%;
	text-align: center;
	font-size:23px;
	font-weight:400;
	transition:all .3s;
}
@media(max-width: 1500px) {
	#home .sect-3  .box {
		width:32%;
		font-size:19px;
	}
}
@media(max-width: 400px) {
	#home .sect-3  .box {
		width:100%;
		font-size:19px;
	}
}
#home .sect-3  .box a {
	color:#000;
	text-decoration: none;
	transition:all .3s;
}
#home .sect-3  .box a:hover {
	color:#000;
	text-decoration: none;
	font-weight:600;
}
#home .sect-3  .box img {
	transition:all .3s;
}
#home .sect-3 .box:hover img {
	transform: scale(1.1);
}
#home .sect-3  .box-1 {
	position:relative;
	aspect-ratio:1 / 1;
	background-color:#ffe632;
	border-radius:15px;
}
#home .sect-3  .box-2 {
	position:relative;
	aspect-ratio:1 / 1;
	background-color:#ff337b;
	border-radius:15px;
}
#home .sect-3  .box-3 {
	position:relative;
	aspect-ratio:1 / 1;
	background-color:var(--bluu);
	border-radius:15px;
}


/* -----  COMMON: LIFT LINES ----- */
.lift-lines {
	position:relative;
	margin:0;
	padding:50px 0 0 0;;
	z-index:1;
	background-color:#fff;
}
@media(max-width: 800px) {
	.lift-lines {
		padding:0;
	}
}
.lift-lines .inner-1 {
	position:relative;
	margin:0;
	padding:50px 0;
	text-align:center;
}
.lift-lines .inner-1 .top {
	position:relative;
	padding:0 20px;
}
.lift-lines .inner-1 p {
	margin:0 0 25px;
	font-size:24px;
	padding:0 60px;
}
@media(max-width: 800px) {
	.lift-lines .inner-1 p {
		font-size:18px;
	}
}
.lift-lines .inner-1 .line-1 {
	background-color:#ffe632;
	font-family: "ohno-softie-variable", sans-serif;
}
.lift-lines .inner-1 .line-2 {
	background-color:#ff337b;
	font-family: "ohno-softie-variable", sans-serif;
}
.lift-lines .inner-1 .line-3 {
	background-color:var(--bluu);
	font-family: "ohno-softie-variable", sans-serif;
}


@keyframes ticker1 {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap1 {
  	width: 100%;
  	overflow: hidden;
  	padding-left: 0;
  	box-sizing: content-box;
}
.ticker-wrap1 .ticker {
    display: inline-block;
	height:3.5rem;
    line-height: 3.75rem;  
    white-space: nowrap;
    padding-right: 0;
    box-sizing: content-box;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker1;
}
.ticker-wrap1 .ticker .item {
      display: inline-block;
      padding: 0;
      font-size:30px;
}
@media(max-width: 800px) {
	.ticker-wrap1 .ticker .item {
		  font-size:20px;
	}
}
@keyframes ticker2 {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.ticker-wrap2 {
  	width: 100%;
  	overflow: hidden;
  	padding-left: 100%;
  	box-sizing: content-box;
}
.ticker-wrap2 .ticker {
    display: inline-block;
	height:3.5rem;
    line-height: 3.75rem;  
    white-space: nowrap;
    padding-right: 0;
    box-sizing: content-box;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker2;
}
.ticker-wrap2 .ticker .item {
      display: inline-block;
      padding: 0;
      font-size:30px;
}
@media(max-width: 800px) {
	.ticker-wrap2 .ticker .item {
		  font-size:20px;
	}
}
@keyframes ticker3 {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap3 {
  	width: 100%;
  	overflow: hidden;
  	padding-left: 0;
  	box-sizing: content-box;
}
.ticker-wrap3 .ticker {
    display: inline-block;
	height:3.5rem;
    line-height: 3.75rem;  
    white-space: nowrap;
    padding-right: 0;
    box-sizing: content-box;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker3;
}
.ticker-wrap3 .ticker .item {
      display: inline-block;
      padding: 0;
      font-size:30px; 
}
@media(max-width: 800px) {
	.ticker-wrap3 .ticker .item {
		  font-size:20px;
	}
}
/* -----  ^^^  COMMON: LIFT LINES ^^^ ----- */


#home .sect-5 {
	position:relative;
	margin:0;
	padding:0;
	background-color:#fff;
}
#home .sect-5 .inner-1 {
	position:relative;
	margin:0;
	padding:50px 0;
	text-align:center;
}
#home .sect-5 .inner-1 .top {
	position:relative;
	padding:0 20px;
}
#home .sect-5 .inner-1 p {
	margin:0 0 25px;
	font-size:24px;
}
#home .sect-5 .inner-1 .inner-2 {
	position:relative;
	height:400px;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 {
		position:relative;
		height:250px;
	}
}
#home .sect-5 .inner-1 .inner-2 .prev {
	position:absolute;
	top:calc(50% - 20px);
	left:23px;
	z-index:50;
	width:40px;
	height:40px;
	transition:all .3s;
}
#home .sect-5 .inner-1 .inner-2 .prev:hover {
	fill:#fff;
	cursor:pointer;
	left:18px;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .prev {
		top:calc(50% - 10px);
		left:5px;
		width:20px;
		height:20px;
	}
	#home .sect-5 .inner-1 .inner-2 .prev:hover {
		left:3px;
	}
}
#home .sect-5 .inner-1 .inner-2 .next {
	position:absolute;
	top:calc(50% - 20px);
	right:23px;
	z-index:50;
	width:40px;
	height:40px;
	transition:all .3s;
}
#home .sect-5 .inner-1 .inner-2 .next:hover {
	fill:#fff;
	cursor:pointer;
	right:18px;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .next {
		top:calc(50% - 10px);
		right:5px;
		width:20px;
		height:20px;
	}
	#home .sect-5 .inner-1 .inner-2 .next:hover {
		right:3px;
	}
}
#home .sect-5 .inner-1 .inner-2 .slick-list {
  	height:400px;
	overflow:visible;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .slick-list {
		height:250px;
	}
}
#home .sect-5 .inner-1 .inner-2 .slick-slide {
  	background-color:#ffe633;
  	border-radius: 15px;
	margin:0 10px;
	width:400px;
	height:400px;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .slick-slide {
		width:250px;
		height:250px;
	}
}
#home .sect-5 .inner-1 .inner-2 .slick-slide:nth-child(3n + 1) {
  	background-color:#ff337b;
}
#home .sect-5 .inner-1 .inner-2 .slick-slide:nth-child(3n + 2) {
  	background-color:var(--bluu);
}
#home .sect-5 .inner-1 .inner-2 .member {
	position:relative;
	width: 100%;
  	height: 100%;
}
#home .sect-5 .inner-1 .inner-2 .member .image {
	border-radius: 15px;
	overflow:hidden;
}
#home .sect-5 .inner-1 .inner-2 .member .inside {
	position:absolute;
	width: 100%;
  	height: 100%;
	top:0;
	left:0;
	background-color:#ffe633;
	transform: scale(1);
	text-align:center;
	border-radius: 15px;
	opacity:0;
	transition:all .3s;
}

#home .sect-5 .inner-1 .inner-2 .slick-slide:nth-child(3n + 1) .inside {
  	background-color:#ff337b;
}
#home .sect-5 .inner-1 .inner-2 .slick-slide:nth-child(3n + 2) .inside {
  	background-color:var(--bluu);
}
#home .sect-5 .inner-1 .inner-2 .member:hover .inside {
	transform: scale(1.15);
	opacity:1;
	z-index:10;
}
#home .sect-5 .inner-1 .inner-2 .member:hover .inside .padder {
	position:relative;
	padding:25px;
	text-align: center;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .member:hover .inside .padder {
		padding:15px;
	}
}
#home .sect-5 .inner-1 .inner-2 .member .inside .padder .name {
	font-size:30px;
	line-height:1.1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: 'wght' 500;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .member .inside .padder .name {
		font-size:22px;
	}
}
#home .sect-5 .inner-1 .inner-2 .member .inside .padder .title {
	margin:10px 0 0 0;
	font-size:15px;
	line-height:1.2;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .member .inside .padder .title {
		margin:5px 0 0 0;
		font-size:13px;
	}
}
#home .sect-5 .inner-1 .inner-2 .member .inside .padder .about {
	margin:40px 0 0 0;
	font-family: "Source Sans 3", sans-serif;
	font-style: italic;
	font-size:18px;
	line-height:1.2;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .member .inside .padder .about {
		margin:20px 0 0 0;
		font-size:14px;
	}
}
#home .sect-5 .inner-1 .inner-2 .member .inside .icons {
	position:absolute;
	left:0;
	bottom:25px;
	width:100%;
	text-align: center;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .member .inside .icons {
		bottom:12px;
	}
}
#home .sect-5 .inner-1 .inner-2 .member .inside .icons img {
	display:inline-block;
	width:30px;
	height:auto;
	margin:0 10px;
}
@media(max-width: 800px) {
	#home .sect-5 .inner-1 .inner-2 .member .inside .icons img {
		width:20px;
		margin:0 6px;
	}
}
#home .sect-6 {
	position:relative;
	margin:0;
	padding:0;
	background-color:#fff;
}
#home .sect-6 .inner-1 {
	position:relative;
	margin:0;
	padding:100px 60px;
	text-align:center;
}
@media(max-width: 800px) {
	#home .sect-6 .inner-1 {
		padding:60px 2px;
	}
}
#home .sect-6 .inner-1 .top {
	position:relative;
	padding:0 20px;
}
#home .sect-6 .inner-1 p {
	margin:0 0 25px;
	font-size:24px;
}
#home .sect-6 .inner-2 {
	position:relative;
	text-align: center;
}
#home .sect-6 .inner-2 img {
	width:auto;
	height:110px;
}
@media(max-width: 800px) {
	#home .sect-6 .inner-2 img {
		width:auto;
		height:80px;
	}
}
@media(max-width: 400px) {
	#home .sect-6 .inner-2 img {
		display:block;
		height:65px;
		margin:0 auto 20px;
	}
}
#home .sect-6 .inner-2 img:hover {
	animation: updwn 1s infinite ease-in-out;
}

@keyframes updwn {
  0% {
    transform:translateY(0);
  }
  30% {
    transform:translateY(-10px);
  }
  60% {
    transform:translateY(0);
  }
}

#home .sect-7 {
	position:relative;
	margin:0;
	padding:0;
	background-color:var(--pinnk);
}
#home .sect-7 .inner-1 {
	position:relative;
	margin:0;
	padding:0 var(--outerW) 0 0;
	background-color:var(--pinnk);
}

#home .sect-7 .inner-1 p {
	margin:0 0 25px;
	font-size:24px;
}
#home .sect-7 .inner-2 {
	position:relative;
	margin:0;
	padding:0 0 120px var(--outerW);
	background-color:#ffe633;
	border-radius:0 0 15px 0;
}
@media(max-width: 1500px) {
	#home .sect-7 .inner-2 {
		padding:0 0 90px var(--outerW);
	}
}
@media(max-width: 1100px) {
	#home .sect-7 .inner-2 {
		padding:0 0 60px var(--outerW);
	}
}
@media(max-width: 80px) {
	#home .sect-7 .inner-2 {
		padding:0 0 30px var(--outerW);
	}
}
#home .sect-7 .inner-3 {
	position:relative;
	margin:0;
	padding: 75px 120px 0;
	text-align: center;
}
@media(max-width: 1500px) {
	#home .sect-7 .inner-3 {
		padding: 60px 90px 0;
	}
}
@media(max-width: 1100px) {
	#home .sect-7 .inner-3 {
		padding: 60px 60px 0;
	}
}
@media(max-width: 800px) {
	#home .sect-7 .inner-3 {
		padding: 60px 0 0;
	}
}
#home .sect-7 .inner-4 {
	position:relative;
	display:flex;
	gap:10%;
}
@media(max-width: 800px) {
	#home .sect-7 .inner-4 {
		flex-wrap:wrap;
	}
}

#home .sect-7 .inner-4 #sb_instagram .sb_instagram_header {
	padding: 0;
	display: none;
}
#home .sect-7 .inner-4 #sb_instagram #sbi_images {
	padding: 0;
}
#home .sect-7 .inner-4 #sb_instagram #sbi_load {
	display: none;
}

#home .sect-7 .inner-4 .box-1 {
	position:relative;
	width:45%;
}
@media(max-width: 800px) {
	#home .sect-7 .inner-4 .box-1 {
		width:90%;
		margin:20px 5%;
	}
}
#home .sect-7 .inner-4 .box-1 .icon {
	position:absolute;
	left:-50px;
	top:0;
	width:30px;
	transition:all .3s;
}
@media(max-width: 800px) {
	#home .sect-7 .inner-4 .box-1 .icon {
		left:10px;
		top:-30px;
		width:20px;
	}
}
#home .sect-7 .inner-4 .box-1 .icon:hover {
	transform: scale(1.1) rotate(-10deg);
}
#home .sect-7 .inner-4 .box-2 {
	position:relative;
	width:45%;
}
@media(max-width: 800px) {
	#home .sect-7 .inner-4 .box-2 {
		width:90%;
		margin:20px 5% 0;
	}
}
#home .sect-7 .inner-4 .box-2 .icon {
	position:absolute;
	right:-50px;
	top:0;
	width:30px;
	transition:all .3s;
}
@media(max-width: 800px) {
	#home .sect-7 .inner-4 .box-2 .icon {
		left:auto;
		right:10px;
		top:-30px;
		width:20px;
	}
}
#home .sect-7 .inner-4 .box-2 .icon:hover {
	transform: scale(1.1) rotate(10deg);
}


#home .sect-7  .pink {
	position:relative;
	margin:0;
	padding: 0;
	background-color:var(--pinnk);
}
#home .sect-7  .pink .blue {
	position:relative;
	padding: 0;
	height:30px;
	background-color:var(--bluu);
	margin:1200px 0 0 var(--outerW);
	border-radius:15px 0 0 0;
}
@media(max-width: 1500px) {
	#home .sect-7  .pink .blue {
		margin:90px 0 0 var(--outerW);
	}
}
@media(max-width: 1100px) {
	#home .sect-7 .pink .blue {
		margin:60px 0 0 var(--outerW);
	}
}


/* ==================  CALLOUT BUBBLES  ==================== */
.callout-wrap {
	position:absolute;
	right:-10px;
	top:250px;
	width:250px;
	z-index:8;
}
@media(max-width: 800px) {
	.callout-wrap {
		position:relative;
		right:auto;
		top:auto;
		width:80%;
		margin:20px 10% 50px;
	}
}
.callout {
	position:relative;
	width:100%;
	background-color:var(--yello);
	border-radius:10px;
	margin:0 0 50px 0;
}

@media(max-width: 800px) {
	.callout {
		position:relative;
		right:auto;
		top:auto;
		width:80%;
		margin:20px 10% 50px;
	}
}
.callout:hover {
	cursor: move;
}


.callout .inner {
	position:relative;;
	padding:25px 25px 25px 25px;
	font-size:17px;
	line-height:1.2;
	font-family: "Source Sans 3", sans-serif;
}
.callout .inner strong {
	font-size:18px;
}
.callout .tail {
	position:absolute;
	left:50px;
	bottom:-38px;
	width:40px;
	height:40px;
}
.callout .tail svg {
	fill:var(--yello);
}

/* ==================  YOUTH and FAMILY PAGE  ==================== */

#ynf .sect-1 {
	position:relative;
	width:100%;
	height:100vh;
	background-color:#fff;
}
#ynf .sect-1 .inner-1 {
	position:relative;
	width:100%;
	height:100%;
	border-radius:0 0 15px 0;
	background-color:var(--bluu);
}
#ynf .sect-1 .inner-2 {
	position:relative;
	width:calc(1440px + var(--outerW) );
	height:calc(100% - 120px);
	border-radius:0 0 15px 0;
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#ynf .sect-1 .inner-2 {
		width:calc(1080px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#ynf .sect-1 .inner-2 {
		width:calc(720px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#ynf .sect-1 .inner-2 {
		width:calc(100vw - var(--outerW) );
	}
}
#ynf .sect-1 .inner-2 .bubble-1 {
	position:relative;
	margin:0;
	padding:1px 0 0 0;
	width:calc(1320px + var(--outerW) );
	height:calc(100% - 120px);
	background-color:var(--yello);
	border-radius:0 0 15px 0;
	display:flex;
	align-items: center;
}
@media(max-width: 1500px) {
	#ynf .sect-1 .inner-2 .bubble-1 {
		width:calc(990px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#ynf .sect-1 .inner-2 .bubble-1 {
		width:calc(660px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#ynf .sect-1 .inner-2 .bubble-1 {
		width:calc(100vw - 60px );
	}
}
@media(max-width: 400px) {
	#ynf .sect-1 .inner-2 .bubble-1 {
		width:calc(100vw - 20px );
	}
}
#ynf .sect-1 .inner-2 .bubble-1 .tail {
	position:absolute;
	bottom:-98px;
	left:35vw;
	width:100px;
	height:100px;
}
@media(max-width: 1500px) {
	#ynf .sect-1 .inner-2 .bubble-1 .tail {
		bottom:-78px;
		width:80px;
		height:80px;
	}
}
@media(max-width: 1100px) {
	#ynf .sect-1 .inner-2 .bubble-1 .tail {
		bottom:-48px;
		width:50px;
		height:50px;
	}
}
#ynf .sect-1 .inner-2 .bubble-1 svg {
	fill:var(--yello); 
}

#ynf .sect-1 .inner-2 .bubble-1 .wrapup {
	display:flex;
	margin:5vw 0 0 10vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
#ynf .sect-1 .inner-2 .bubble-1 .wrapup .a1 {
	font-size:8vw;
	margin-left:22vw;
}
#ynf .sect-1 .inner-2 .bubble-1 .wrapup .a2 {
	font-size:8.5vw;
	margin-top:-1vw;
	letter-spacing:-.25vw;
}
#ynf .sect-1 .inner-2 .bubble-1 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-left:1vw;
	letter-spacing:-2vw;
}
#ynf .sect-1 .inner-2 .bubble-1 .wrapup.animate span {
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: zoooop;
}


/* -----  COMMON: TEXT AREA 1  ----- */

.comm-txt-1 {
	position:relative;
	width:100%;
	height:auto;
	background-color:var(--bluu);
}

.comm-txt-1 .inner-1 {
	position:relative;
	margin:0 0 0 var(--outerW);
	padding:0 var(--outerW) 0 0;
	background-color:#fff;
}
.comm-txt-1.wCOs .inner-1 {
	padding:0 150px 0 0;
}
@media(max-width: 800px) {
	.comm-txt-1 .inner-1 {
			padding:0 0 0 0;
	}
	.comm-txt-1.wCOs .inner-1 {
			padding:0 0 0 0;
	}
}

.comm-txt-1 .inner-1 .inner-2 {
	position:relative;
	padding:120px 120px 0;
	max-width:1200px;
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 1500px) {
	.comm-txt-1 .inner-1 .inner-2 {
		padding:90px 90px 0;
		font-size:22px;
	}
	.comm-txt-1.wCOs .inner-1 .inner-2 {
		padding:90px 120px 0 90px;
	}
}
@media(max-width: 1100px) {
	.comm-txt-1 .inner-1 .inner-2 {
		padding:60px 60px 0;
		font-size:20px;
	}
	.comm-txt-1.wCOs .inner-1 .inner-2 {
		padding:60px 120px 0 60px;
	}
}
@media(max-width: 800px) {
	.comm-txt-1 .inner-1 .inner-2 {
		padding:30px 30px 0;
		font-size:18px;
	}
	.comm-txt-1.wCOs .inner-1 .inner-2 {
		padding:30px 30px 0;
	}
}
@media(max-width: 400px) {
	.comm-txt-1 .inner-1 .inner-2 {
		padding:30px 20px 0;
	}
	.comm-txt-1.wCOs .inner-1 .inner-2 {
		padding:30px 20px 0;
	}
}
.comm-txt-1 .inner-2 u {
	text-decoration: none;
	background-color:var(--yello);
}

.comm-txt-1 .inner-1 li {
	padding:0 0 20px 0;
}
.comm-txt-1 .inner-1 li::marker {
  color: var(--pinnk);
}

.comm-txt-1 .inner-1 li .bluearrow {
	padding:0 0 0 24px;
	background-image:url(images/blu-arrow.png);
	background-repeat: no-repeat;
	background-position:top 8px left;
	background-size:18px auto;
}
@media(max-width: 800px) {
	.comm-txt-1 .inner-1 li .bluearrow {
		padding:0 0 0 20px;
		background-position:top 6px left;
		background-size:14px auto;
	}
}

/* -----  ^^^  COMMON: TEXT AREA 1 ^^^ ----- */



/* -----  COMMON: TEXT AREA 2  ----- */

.comm-txt-2 {
	position:relative;
	height:auto;
	background-color:#fff;
}
.comm-txt-2.wCOs {
	padding:50px 250px 0 var(--outerW);
}
@media(max-width: 1500px) {
	.comm-txt-2.wCOs {
		padding:50px 200px 0 var(--outerW);
	}
}
@media(max-width: 1100px) {
	.comm-txt-2.wCOs {
		padding:50px 200px 0 var(--outerW);
	}
}
@media(max-width: 800px) {
	.comm-txt-2.wCOs {
		padding:50px 0;
	}
}
.comm-txt-2 .inner-1 {
	position:relative;
	max-width:1200px;
	margin:0 var(--outerW);
	padding:0 120px;
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
.comm-txt-2.wCOs .inner-1 {
	margin:0;
	padding:0 120px;
}
@media(max-width: 1500px) {
	.comm-txt-2 .inner-1 {
		padding:0 90px;
		font-size:22px;
	}
	.comm-txt-2.wCOs .inner-1 {
		padding:0 120px 0 90px;
	}
}
@media(max-width: 1100px) {
	.comm-txt-2 .inner-1 {
		padding:0 60px;
		font-size:20px;
	}
	.comm-txt-2.wCOs .inner-1 {
		padding:0 120px 0 60px;
	}
}
@media(max-width: 800px) {
	.comm-txt-2 .inner-1 {
		padding:0 30px;
		font-size:18px;
	}
	.comm-txt-2.wCOs .inner-1 {
		margin:0 var(--outerW);
		padding:0 30px;
	}
}
@media(max-width: 400px) {
	.comm-txt-2 .inner-1 {
		padding:0 20px;
	}
	.comm-txt-2.wCOs .inner-1 {
		padding:0 20px;
	}
}
.comm-txt-2 .inner-1 u {
	text-decoration: none;
	background-color:var(--yello);
}

.comm-txt-2 .inner-1 li {
	padding:0 0 20px 0;
}
.comm-txt-2 .inner-1 li::marker {
  color: var(--pinnk);
}

.comm-txt-2 .inner-1 li .bluearrow {
	padding:0 0 0 24px;
	background-image:url(images/blu-arrow.png);
	background-repeat: no-repeat;
	background-position:top 8px left;
	background-size:18px auto;
}
@media(max-width: 800px) {
	.comm-txt-2 .inner-1 li .bluearrow {
		padding:0 0 0 20px;
		background-position:top 6px left;
		background-size:14px auto;
	}
}

/* -----  ^^^  COMMON: TEXT AREA 2 ^^^ ----- */






/* ==================  RESEARCHERS PAGE  ==================== */

#resrch .sect-1 {
	position:relative;
	width:100%;
	height:100vh;
	background-color:#fff;
}
#resrch .sect-1 .inner-1 {
	position:relative;
	width:100%;
	height:100%;
	border-radius:0 0 15px 0;
	background-color:var(--bluu);
}
#resrch .sect-1 .inner-2 {
	position:relative;
	width:calc(1440px + var(--outerW) );
	height:100%;
	border-radius:0 0 15px 0;
	background-color:var(--bluu);
}
#resrch .sect-1 .inner-2 .tail {
	position:absolute;
	bottom:-98px;
	left:35vw;
	width:100px;
	height:100px;
}
#resrch .sect-1 .inner-2 svg {
	fill:var(--bluu);
}

#resrch .sect-1 .inner-2 .bubble-1 {
	position:relative;
	margin:0;
	padding:1px 0 0 0;
	width:calc(1320px + var(--outerW) );
	height:100%;
	background-color:var(--bluu);
	border-radius:0 0 15px 0;
	display:flex;
	align-items: center;
}
@media(max-width: 1500px) {

}


#resrch .sect-1 .inner-2 .bubble-1 .wrapup {
	display:flex;
	margin:5vw 0 0 10vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
#resrch .sect-1 .inner-2 .bubble-1 .wrapup .a1 {
	font-size:7vw;
	margin-left:0;
}
#resrch .sect-1 .inner-2 .bubble-1 .wrapup .a2 {
	font-size:9vw;
	margin-top:-1vw;
	letter-spacing:-.25vw;
}
#resrch .sect-1 .inner-2 .bubble-1 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-right:3vw;
	letter-spacing:-2vw;
}
#resrch .sect-1 .inner-2 .bubble-1 .wrapup.animate span {
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: zoooop;
}



#resrch .sect-6  .pink {
	position:relative;
	margin:0;
	padding: 0;
	height:120px;
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#resrch .sect-6  .pink {
		height:90px;
	}
}
@media(max-width: 1100px) {
	#resrch .sect-6  .pink {
		height:60px;
	}
}


/* ==================  PRACTITIONERS PAGE  ==================== */

#pract .sect-1 {
	position:relative;
	width:100%;
	height:100vh;
	background-color:#fff;
}
#pract .sect-1 .inner-1 {
	position:relative;
	width:100%;
	height:100%;
	border-radius:0 0 15px 0;
	background-color:var(--bluu);
}
#pract .sect-1 .inner-2 {
	position:relative;
	width:calc(1440px + var(--outerW) );
	height:calc(100% - 120px);
	border-radius:0 0 15px 0;
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#pract .sect-1 .inner-2 {
		width:calc(1080px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#pract .sect-1 .inner-2 {
		width:calc(720px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#pract .sect-1 .inner-2 {
		width:calc(100vw - var(--outerW) );
	}
}
#pract .sect-1 .inner-2 .tail {
	position:absolute;
	bottom:-98px;
	left:35vw;
	width:100px;
	height:100px;
}
@media(max-width: 1500px) {
	#pract .sect-1 .inner-2 .tail {
		bottom:-78px;
		width:80px;
		height:80px;
	}
}
@media(max-width: 1100px) {
	#pract .sect-1 .inner-2 .tail {
		bottom:-48px;
		width:50px;
		height:50px;
	}
}
#pract .sect-1 .inner-2 svg {
	fill:var(--pinnk); 
}

#pract .sect-1 .inner-2 .bubble-1 {
	position:relative;
	margin:0;
	padding:1px 0 0 0;
	width:100%;
	height:100%;
	background-color:var(--pinnk);
	border-radius:0 0 15px 0;
	display:flex;
	align-items: center;
}

#pract .sect-1 .inner-2 .bubble-1 .wrapup {
	display:flex;
	margin:5vw 0 0 10vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
#pract .sect-1 .inner-2 .bubble-1 .wrapup .a1 {
	font-size:7vw;
	margin-left:0;
}
#pract .sect-1 .inner-2 .bubble-1 .wrapup .a2 {
	font-size:9vw;
	margin-top:-1vw;
	letter-spacing:-.25vw;
}
#pract .sect-1 .inner-2 .bubble-1 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-right:3vw;
	letter-spacing:-2vw;
}
#pract .sect-1 .inner-2 .bubble-1 .wrapup.animate span {
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: zoooop;
}




#pract .sect-6  .pink {
	position:relative;
	margin:0;
	padding: 0;
	height:120px;
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#pract .sect-6  .pink {
		height:90px;
	}
}
@media(max-width: 1100px) {
	#pract .sect-6  .pink {
		height:60px;
	}
}

/* ==================  METHODOLOGY PAGE  ==================== */

#mthd .sect-1 {
	position:relative;
	width:100%;
	height:100vh;
	background-color:#fff;
}
#mthd .sect-1 .inner-1 {
	position:relative;
	width:100%;
	height:100%;
	border-radius:0 0 15px 0;
	background-color:var(--bluu);
}
#mthd .sect-1 .inner-2 {
	position:relative;
	width:calc(1440px + var(--outerW) );
	height:calc(100% - 120px);
	border-radius:0 0 15px 0;
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#mthd  .sect-1 .inner-2 {
		width:calc(1080px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#mthd  .sect-1 .inner-2 {
		width:calc(720px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#mthd   .sect-1 .inner-2 {
		width:calc(100vw - 30px );
	}
}
@media(max-width: 400px) {
	#mthd  .sect-1 .inner-2 {
		width:calc(100vw - 10px );
	}
}
#mthd .sect-1 .inner-2 .bubble-1 {
	position:relative;
	margin:0;
	padding:1px 0 0 0;
	width:calc(1320px + var(--outerW) );
	height:calc(100% - 120px);
	background-color:var(--yello);
	border-radius:0 0 15px 0;
	display:flex;
	align-items: center;
}
@media(max-width: 1500px) {
	#mthd .sect-1 .inner-2 .bubble-1 {
		width:calc(990px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#mthd .sect-1 .inner-2 .bubble-1 {
		width:calc(660px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#mthd .sect-1 .inner-2 .bubble-1 {
		width:calc(100vw - 60px );
	}
}
@media(max-width: 400px) {
	#mthd .sect-1 .inner-2 .bubble-1 {
		width:calc(100vw - 20px );
	}
}
#mthd .sect-1 .inner-2 .bubble-1 .tail {
	position:absolute;
	bottom:-98px;
	left:35vw;
	width:100px;
	height:100px;
}
@media(max-width: 1500px) {
	#mthd .sect-1 .inner-2 .bubble-1 .tail {
		bottom:-78px;
		width:80px;
		height:80px;
	}
}
@media(max-width: 1100px) {
	#mthd .sect-1 .inner-2 .bubble-1 .tail {
		bottom:-48px;
		width:50px;
		height:50px;
	}
}
#mthd .sect-1 .inner-2 .bubble-1 svg {
	fill:var(--yello); 
}

#mthd .sect-1 .inner-2 .bubble-1 .wrapup {
	display:flex;
	margin:15vw 0 0 10vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
#mthd .sect-1 .inner-2 .bubble-1 .wrapup .a1 {
	font-size:6vw;
	margin-left:0;
}
#mthd .sect-1 .inner-2 .bubble-1 .wrapup .a2 {
	font-size:8.5vw;
	margin-top:-1vw;
	letter-spacing:-.25vw;
}
#mthd .sect-1 .inner-2 .bubble-1 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-left:1vw;
	letter-spacing:-2vw;
}
#mthd .sect-1 .inner-2 .bubble-1 .wrapup.animate span {
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: zoooop;
}



#mthd .sect-6  .pink {
	position:relative;
	margin:0;
	padding: 0;
	background-color:var(--pinnk);
}
#mthd .sect-6  .pink .blue {
	position:relative;
	padding: 0;
	height:30px;
	background-color:var(--bluu);
	margin:1200px 0 0 var(--outerW);
	border-radius:15px 0 0 0;
}
@media(max-width: 1500px) {
	#mthd .sect-6  .pink .blue {
		margin:90px 0 0 var(--outerW);
	}
}
@media(max-width: 1100px) {
	#mthd .sect-6  .pink .blue {
		margin:60px 0 0 var(--outerW);
	}
}


/* -----   COMMON: RESOURCES ----- */
.resources-1 {
	position:relative;
	width:100%;
	height:auto;
	background-color:#fff;
	margin: 25px 0 0 0;
}
.resources-1 .inner-1 {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	padding:0 60px 50px; 
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 800px) {
	.resources-1 .inner-1 {
		font-size:18px;
		padding:0 30px 50px; 
	}
}
@media(max-width: 400px) {
	.resources-1 .inner-1 {
		padding:0 20px 30px; 
	}
}
.resources-1 .inner-1 h2 {
	text-align: center;
}
.resources-1 .inner-1 h3 {
	text-align: center;
}

.resources-2 {
	position:relative;
	width:100%;
	height:auto;
	background-color:var(--pinnk);
}
.resources-2 .bubble-1 {
	position:relative;
	margin:0 var(--outerW) 0 0;
	padding:0 0 0 var(--outerW);
	background-color:var(--yello);
	border-radius:0 0 15px 0;
}
@media(max-width: 1500px) {

}

.resources-2 .bubble-1 .inner-1 {
	position:relative;
	padding:50px 120px 120px;
	font-size:24px;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 1500px) {
	.resources-2 .bubble-1 .inner-1 {
		position:relative;
		padding:50px 90px 90px;
	}
}
@media(max-width: 1100px) {
	.resources-2 .bubble-1 .inner-1 {
		position:relative;
		padding:50px 20px 50px;
	}
}
.resources-2 .bubble-1 .inner-1 .boxes {
	position:relative;
	padding:0;
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.resources-2 .bubble-1 .inner-1 .boxes .box {
	position:relative;
	width:calc(33% - 50px);
	margin:0 10px 20px;
	padding:0 10px 25px;
	height:auto;
	border-radius:15px;
	background-color:#fff;
	overflow:hidden;
	border: 5px solid #fff;
	transition:all .5s;
}
@media(max-width: 1100px) {
	.resources-2 .bubble-1 .inner-1 .boxes .box {
		width:calc(50% - 50px);
	}
}

.resources-2 .bubble-1 .inner-1 .boxes .box:hover {
	border: 5px solid var(--pinnk);
	cursor:pointer;
}
.resources-2 .bubble-1 .inner-1 .boxes .box .text {
	padding:10px 5px 0;
	font-size:18px;
	font-family: "Source Sans 3", sans-serif;
	line-height:1.2;
	text-align: center;
}
@media(max-width: 700px) {
	.resources-2 .bubble-1 .inner-1 .boxes .box .text {
		font-size:12px;
	}
}
.resources-2 .bubble-1 .inner-1 .boxes .box .text .title {
	font-weight:600;
	font-size:125%;
	margin:0 0 5px 0;
}
.resources-2 .bubble-1 .inner-1 .boxes .box .text strong {
	font-weight:600;
}
.resources-2 .bubble-1 .inner-1 .boxes .box .text a {
	color:#000;
	text-decoration: none;
}
/* -----  ^^^  COMMON: RESOURCES ^^^ ----- */



/* ==================  HELP PAGE  ==================== */

#help .sect-1 {
	position:relative;
	width:100%;
	height:auto;
	background-color:var(--bluu);
}
#help .sect-1 .bubble-1 {
	position:relative;
	margin:0 var(--outerW) 0 0;
	padding:0 0 0 var(--outerW);
	height:calc(100% - 240px);
	background-color:var(--yello);
	border-radius:0 0 15px 0;
}
@media(max-width: 1500px) {
	#help .sect-1 .bubble-1 {
		height:calc(100% - 180px);
	}
}
@media(max-width: 1100px) {
	#help .sect-1 .bubble-1 {
		height:calc(100% - 120px);
	}
}

#help .sect-1 .bubble-1 .inner-1 {
	position:relative;
	padding:150px 120px 120px;
	height:calc(100% - 240px);
	font-size:24px;
	line-height:1;
	font-family: "Source Sans 3", sans-serif;
}
@media(max-width: 1500px) {
	#help .sect-1 .bubble-1 .inner-1 {
		font-size:18px;
		padding:120px 90px 90px;
	}
}
@media(max-width: 1100px) {
	#help .sect-1 .bubble-1 .inner-1 {
		font-size:18px;
		padding:120px 60px 60px;
	}
}
@media(max-width: 800px) {
	#help .sect-1 .bubble-1 .inner-1 {
		font-size:18px;
		padding:120px 30px 50px; 
	}
}
@media(max-width: 400px) {
	#help .sect-1 .bubble-1 .inner-1 {
		padding:120px 20px 30px; 
	}
}
#help .sect-1 .bubble-1 .inner-1 .boxes {
	position:relative;
	padding:0;
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

#help .sect-1 .bubble-1 .inner-1 .boxes .box {
	position:relative;
	width:calc(33% - 50px);
	margin:0 10px 20px;
	padding:0 10px 25px;
	height:auto;
	min-height:370px;
	border-radius:15px;
	background-color:#fff;
	overflow:hidden;
	border: 5px solid #fff;
	transition:all .5s;
}
@media(max-width: 1100px) {
	#help .sect-1 .bubble-1 .inner-1 .boxes .box {
		width:calc(50% - 50px);
	}
}
@media(max-width: 800px) {
	#help .sect-1 .bubble-1 .inner-1 .boxes .box {
		min-height:250px;
	}
}
#help .sect-1 .bubble-1 .inner-1 .boxes .box:hover {
	border: 5px solid var(--pinnk);
	cursor:pointer;
}
#help .sect-1 .bubble-1 .inner-1 .boxes .box .text {
	padding:10px 5px 0;
	font-size:18px;
	font-family: "Source Sans 3", sans-serif;
	line-height:1.2;
	text-align: center;
}
@media(max-width: 700px) {
	#help .sect-1 .bubble-1 .inner-1 .boxes .box .text {
		font-size:12px;
	}
}
#help .sect-1 .bubble-1 .inner-1 .boxes .box .text .title {
	font-weight:600;
	font-size:125%;
	margin:0 0 5px 0;
}
#help .sect-1 .bubble-1 .inner-1 .boxes .box .text strong {
	font-weight:600;
}
#help .sect-1 .bubble-1 .inner-1 .boxes .box .text a {
	color:#000;
	text-decoration: none;
}

#help .sect-1 .blue {
	position:relative;
	margin:0;
	padding: 0;
	height:120px;
	background-color:var(--bluu);
	text-align: center;
}
@media(max-width: 1500px) {
	#help .sect-1 .blue {
		height:90px;
	}
}
@media(max-width: 1100px) {
	#help .sect-1 .blue {
		height:60px;
	}
}
#help .sect-1 .blue .tail {
	position:relative;
	width:100px;
	height:100px;
	display:inline-block;
}
@media(max-width: 1500px) {
	#help .sect-1 .blue .tail {
		width:80px;
		height:80px;
	}
}
@media(max-width: 1100px) {
	#help .sect-1 .blue .tail {
		width:50px;
		height:50px;
	}
}
#help .sect-1 .blue .tail .yellow {
	fill:var(--yello);
}

#help .sect-1  .pink {
	position:relative;
	margin:0;
	padding: 0;
	height:60px;
	background-color:var(--pinnk);
}

/* ==================  SOON PAGE  ==================== */

#soon .sect-1 {
	position:relative;
	width:100%;
	height:100vh;
}

#soon .sect-1 .inner-1 {
	position:relative;
	width:100%;
	height:100%;
	background-color:var(--bluu);
}
#soon  .sect-1 .inner-2 {
	position:relative;
	width:calc(1440px + var(--outerW) );
	height:calc(100% - 120px);
	border-radius:0 0 15px 0;
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#soon  .sect-1 .inner-2 {
		width:calc(1080px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#soon  .sect-1 .inner-2 {
		width:calc(720px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#soon  .sect-1 .inner-2 {
		width:calc(100vw - 30px );
	}
}
@media(max-width: 400px) {
	#soon  .sect-1 .inner-2 {
		width:calc(100vw - 10px );
	}
}
#soon  .sect-1 .inner-2 .tail {
	position:absolute;
	bottom:-98px;
	left:35vw;
	width:100px;
	height:100px;
}
@media(max-width: 1500px) {
	#soon  .sect-1 .inner-2 .tail {
		bottom:-78px;
		width:80px;
		height:80px;
	}
}
@media(max-width: 1100px) {
	#soon  .sect-1 .inner-2 .tail {
		bottom:-48px;
		width:50px;
		height:50px;
	}
}
#soon  .sect-1 .inner-2 svg {
	fill:var(--pinnk); 
}
#soon  .sect-1 .inner-2 .bubble-1 {
	position:relative;
	margin:0;
	padding:1px 0 0 0;
	width:calc(1320px + var(--outerW) );
	height:calc(100% - 120px);
	background-color:var(--yello);
	border-radius:0 0 15px 0;
	display:flex;
	align-items: center;
}
@media(max-width: 1500px) {
	#soon  .sect-1 .inner-2 .bubble-1 {
		width:calc(990px + var(--outerW) );
		height:calc(100% - 90px);
	}
}
@media(max-width: 1100px) {
	#soon  .sect-1 .inner-2 .bubble-1 {
		width:calc(660px + var(--outerW) );
		height:calc(100% - 60px);
	}
}
@media(max-width: 800px) {
	#soon  .sect-1 .inner-2 .bubble-1 {
		width:calc(100vw - 60px );
	}
}
@media(max-width: 400px) {
	#soon  .sect-1 .inner-2 .bubble-1 {
		width:calc(100vw - 20px );
	}
}

#soon  .sect-1 .inner-2 .bubble-1 .tail {
	position:absolute;
	bottom:-98px;
	left:35vw;
	width:100px;
	height:100px;
}
@media(max-width: 1500px) {
	#soon  .sect-1 .inner-2 .bubble-1 .tail {
		bottom:-78px;
		width:80px;
		height:80px;
	}
}
@media(max-width: 1100px) {
	#soon  .sect-1 .inner-2 .bubble-1 .tail {
		bottom:-48px;
		width:50px;
		height:50px;
	}
}
#soon  .sect-1 .inner-2 .bubble-1 svg {
	fill:var(--yello); 
}

#soon .sect-1 .inner-2 .bubble-1 .wrapup {
	display:flex;
	margin:12vw 0 0 12vw;
	font-size:70px;
	line-height:1;
	font-family: "ohno-softie-variable", sans-serif;
	font-variation-settings: "wght" 100;
}
#soon .sect-1 .inner-2 .bubble-1 .wrapup .a1 {
	font-size:10vw;
	margin-left:0;
}
#soon .sect-1 .inner-2 .bubble-1 .wrapup .a2 {
	font-size:24px;
	width:35vw;
	font-family:"Carino", Helvetica, Arial, "sans-serif";
}
@media(max-width: 800px) {
	#soon .sect-1 .inner-2 .bubble-1 .wrapup .a2 {
		font-size:16px;
	}
}
#soon .sect-1 .inner-2 .bubble-1 .wrapup .b {
	font-size:25vw;
	margin-top:-2vw;
	margin-right:3vw;
	letter-spacing:-2vw;
	white-space:nowrap
}
#soon .sect-1 .inner-2 .bubble-1 .wrapup.animate span {
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: zoooop;
}


/* ==================  PRE FOOTER ==================== */


#prefoot1  .pink {
	position:relative;
	margin:0;
	padding:120px 0 0 var(--outerW);
	background-color:var(--pinnk);
}
@media(max-width: 1500px) {
	#prefoot1  .pink {
		padding:90px 0 0 var(--outerW);
	}
}
@media(max-width: 1100px) {
	#prefoot1 .pink  {
		padding:60px 0 0 var(--outerW);
	}
}
#prefoot1 .pink .blue {
	position:relative;
	padding: 0;
	height:30px;
	background-color:var(--bluu);
	
	border-radius:15px 0 0 0;
}





#prefoot2  .pink {
	position:relative;
	padding: 0;
	background-color:var(--pinnk);
	
}
#prefoot2  .pink .blue {
	position:relative;
	padding: 0;
	height:30px;
	background-color:var(--bluu);
	margin:0 0 0 var(--outerW);
}

/* ==================  FOOTER ==================== */

footer {
	position:relative;
	margin:-1px 0 0 0;
	padding: 0 0 0 var(--outerW);
	background-color:#ff337c;
}
footer .inner-1 {
	position:relative;
	margin:0;
	padding:0 var(--outerW) 0 0;
	background-color:var(--bluu);
}
footer .inner-2 {
	position:relative;
	margin:0;
	padding:60px 120px 90px 90px;
}
@media(max-width: 1500px) {
	footer .inner-2 {
		padding:45px 90px 75px 75px;
	}
}
@media(max-width: 1100px) {
	footer .inner-2 {
		padding:30px 60px 60px 60px;
	}
}
@media(max-width: 800px) {
	footer .inner-2 {
		padding:30px 30px 40px 30px;
	}
}
@media(max-width: 400px) {
	footer .inner-2 {
		padding:30px 10px 20px 10px;
	}
}
footer .inner-2 .columns {
	position:relative;
	display:flex;
	padding:0 0 25px 0;
	font-size: 16px;
}
@media(max-width: 800px) {
	footer .inner-2 .columns {
		flex-wrap:wrap;
		font-size: 14px;
	}
}
footer .inner-2 .columns .col-1 {
	width: 28%;
	margin:0 5% 0 0;
}
@media(max-width: 800px) {
	footer .inner-2 .columns .col-1 {
		width: 100%;
		margin:0 0 30px 0;
		text-align: center;
	}
}
footer .inner-2 .columns .col-1 .logo {
	position:relative;
}
@media(max-width: 800px) {
	footer .inner-2 .columns .col-1 .logo {
		width:200px;
		margin:0 auto;
	}
}
@media(max-width: 400px) {
	footer .inner-2 .columns .col-1 .logo {
		width:150px;
	}
}
footer .inner-2 .columns .col-1.social img {
	width:32px;
	height:auto;
}
@media(max-width: 800px) {
	footer .inner-2 .columns .col-1.social img {
		width:24px;
		height:auto;
	}
}
footer .inner-2 .columns .col-1 .logo .plu-2 {
	position:absolute;
	top:0;
	left:0;
	transition:all.1s;
}
footer .inner-2 .columns .col-1 .logo:hover .plu-2 {
	top:-4px;
}
footer .inner-2 .columns .col-1 .logo .plu-3 {
	position:absolute;
	top:0;
	left:0;
	transition:all.2s;
}
footer .inner-2 .columns .col-1 .logo:hover .plu-3 {
	top:-8px;
}

footer .inner-2 .columns .col-2 {
	width: 33%;
	margin:0 2% 0 0;
	font-weight:600;
}
@media(max-width: 800px) {
	footer .inner-2 .columns .col-2 {
		width: 100%;
		margin:0 0 15px 0;
		text-align: center;
	}
}
footer .inner-2 .columns .col-2 a {
	color:#000;
	text-decoration: none;
	font-weight:600;
	transition:all .3s;
}
footer .inner-2 .columns .col-2 a:hover {
	color:#fff;
}
footer .inner-2 .columns .col-2 .head {
	font-size: 30px;
	line-height:1.1;
  	font-variation-settings: 'wght' 500;
  	font-family: "ohno-softie-variable", sans-serif;
	margin:0;
}
@media(max-width: 800px) {
	footer .inner-2 .columns .col-2 .head {
		font-size: 24px;
	}
	footer .inner-2 .columns .col-2 .head.blank {
		display:none;
	}
}
footer .inner-2 .columns .col-3 {
	width: 70%;
	margin:0;
}
@media(max-width: 800px) {
	footer .inner-2 .columns .col-3 {
		width: 100%;
		margin:0;
	}
}
@media(max-width: 800px) {
	#nlsu  {
		width:80%;
		margin:0 auto;
	}
}
#nlsu .nf-before-form-content {
	display:none;
}
#nlsu .nf-form-content {
	padding:0;
}
#nlsu .nf-multi-cell .nf-cell {
  float: left;
  padding: 0 5px 0 0;
}
#nf-field-5-wrap {
	padding-right:30px;
	background-image:url(images/submit.svg);
	background-position:right center;
	background-size:25px 25px;
	background-repeat:no-repeat;
}
#nf-field-5-wrap .nf-field-element {
  	border-bottom: 2px solid #000;
}

#nlsu  .nf-form-content .ninja-forms-field {
  font-size: 18px;
  margin: 0;
  padding: 12px 5px;
}
#nlsu .nf-form-content input:not([type="button"]) {
  	background: var(--bluu);
  	border: none;
  	color: #fff;
	font-family: "Carino", Helvetica, Arial, "sans-serif";
}
#nlsu .nf-form-content input::placeholder {
  	color: #fff;
	font-family: "Carino", Helvetica, Arial, "sans-serif";
	opacity:1;
	font-weight:500;
}
#nlsu #nf-field-7-container {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px; 
  	height:45px;
}
#nlsu .nf-form-content input[type="submit"] {
	background:transparent;
	width: 50px; 
  	height:45px; 
	font-size: .1px;
  	margin:0;
	padding: 0;
}

#nlsu  .nf-error.field-wrap .nf-field-element::after {
  	background: var(--pinnk);
	height:46px;
	bottom:2px;
}
#nlsu  .nf-error .ninja-forms-field {
  	border: none;
}
#nlsu .nf-error-msg {
  color: #fff;
}

#return-to-top {
	position: fixed;
	bottom: 0;
	right: 50%;
	margin:0 -44px 0 0;
	width: 88px;
	height: 32px;
	display: block;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:800;
}