/*###*/
/*Generic*/
/*###*/
/*-----------lightsweept--------------*/
.lightSweep {
	position: absolute;
  	overflow: hidden;
	-webkit-filter: brightness(1.5);
	-webkit-mask-size: 300% 200%;
	-webkit-mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	-webkit-transition: -webkit-mask-position;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-filter: brightness(1.5);
	-moz-mask-size: 300% 200%;
	-moz-mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	-moz-transition: -webkit-mask-position;
	-moz-animation-timing-function: linear;
	-moz-transform: translate3d(0, 0, 0);
	-o-filter: brightness(1.5);
	-o-mask-size: 300% 200%;
	-o-mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	-o-transition: -webkit-mask-position;
	-o-animation-timing-function: linear;
	-o-transform: translate3d(0, 0, 0);
	filter: brightness(1.5);
	mask-size: 300% 200%;
	mask-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 60%);
	transition: -webkit-mask-position;
	animation-timing-function: linear;
	transform: translate3d(0, 0, 0);
}

.lightSweepStart { -webkit-mask-position: 150% 0px; -moz-mask-position: 150% 0px; -o-mask-position: 150% 0px; mask-position: 150% 0px;  }
.lightSweepEnd { -webkit-mask-position: 0% 0px; -moz-mask-position: 0% 0px; -o-mask-position: 0% 0px; mask-position: 0% 0px; }
/*-----------lightsweept--------------*/
.noClick {
   pointer-events: none;
}
/*.kyg-slider-nextsecbtn {position: absolute;top: 40vh;right: 2%;z-index: 10; transform:translateY(-150%);}*/

.product-systema{display:none;}
.instruction-mobile{display:none; color:#FFF;font-size:22px; font-family: 'HelveticaNeue-Bold'; line-height:1.1em; position:absolute;width:100%; text-align: center;margin:0 auto;}
.primary-btn{
	width:auto;
	min-width:100px;
	height:auto;
	padding:12px 70px 12px 20px;
	background:url("../images/cta-box.png") no-repeat;
	background-size:100% 100%;
	color:#584632;
	text-decoration: none;
	position:relative;
	font-size:28px;
	font-family: 'Helvetica-Neue-Condensed-Black';
	display:inline-block;
}
.secondary-btn{
	width:auto;
	min-width:100px;
	height:auto;
	padding:12px 30px 12px 30px;
	background:url("../images/cta-box.png") no-repeat;
	background-size:100% 100%;
	color:#584632;
	text-decoration: none;
	position:relative;
	font-size:22px;
	font-family: 'Helvetica-Neue-Condensed-Black';
	display:inline-block;
}

.primary-btn:hover, .secondary-btn:hover{
	color:#584632;
	text-decoration: none;
}

.primary-btn:after{
	content:"";
	width:40px;
	height:20px;
	background:url("../images/box-arrow-cta.png") no-repeat;
	background-size:100% 100%;

	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%);
}

.blue-text{
	color:#23346F;
}

.fullpage-ct--objs{
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
/*			background:rgba(0,0,0,0.4);*/
}

.fullpage-ct--objs div{
	width:26%;
	height:100%;
	/*position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);*/
	display:inline-block;
	background:#0099a8;
	/*background: rgb(0,153,168);
	background: -moz-linear-gradient(180deg, rgba(0,153,168,1) 0%, rgba(255,172,215,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,153,168,1) 0%, rgba(255,172,215,1) 100%);
	background: linear-gradient(180deg, rgba(0,153,168,1) 0%, rgba(255,172,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099a8",endColorstr="#ffacd7",GradientType=1);*/
	z-index:2;
}

.fullpage-ct--objs div{
	position:absolute;
	bottom:-150%;
}

.fullpage-ct--objs div:before{
	content:"";
	width:100%;
	height:50%;
	border-radius: 50%;
	position:absolute;
	top:0%;
	transform:translateY(-50%);
	background: #0099a8;
	z-index: -1;
}

.fullpage-ct--objs div:after{
	content:"";
	width:100%;
	height:50%;
	border-radius: 50%;
	position:absolute;
	bottom:0%;
	transform:translateY(50%);
	background:#0099a8;
	z-index: -1;
}

.fullpage-ct--objs div:nth-child(1){
	left:0;
}

.fullpage-ct--objs div:nth-child(2){
	left:25%;
}

.fullpage-ct--objs div:nth-child(3){
	left:50%;
}

.fullpage-ct--objs div:nth-child(4){
	left:75%;
}
/*p2*/

.fullpage-ct--objs-phase2{
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index: 2;
}

.fullpage-ct--objs-phase2 div{
	width:26%;
	height:100%;
	display:inline-block;
	background: #ffacd7;
	/*background: rgb(0,153,168);
	background: -moz-linear-gradient(180deg, rgba(0,153,168,1) 0%, rgba(255,172,215,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,153,168,1) 0%, rgba(255,172,215,1) 100%);
	background: linear-gradient(180deg, rgba(0,153,168,1) 0%, rgba(255,172,215,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099a8",endColorstr="#ffacd7",GradientType=1);*/
	z-index: 2;
}

.fullpage-ct--objs-phase2 div{
	position:absolute;
	bottom:-150%;
}

.fullpage-ct--objs-phase2 div:before{
	content:"";
	width:100%;
	height:50%;
	border-radius: 50%;
	position:absolute;
	top:0%;
	transform:translateY(-50%);
	background: #ffacd7;
	z-index: -1;
}

.fullpage-ct--objs-phase2 div:after{
	content:"";
	width:100%;
	height:50%;
	border-radius: 50%;
	position:absolute;
	bottom:0%;
	transform:translateY(50%);
	background: #ffacd7;
	z-index: -1;
}

.fullpage-ct--objs-phase2 div:nth-child(1){
	left:0;
}

.fullpage-ct--objs-phase2 div:nth-child(2){
	left:25%;
}

.fullpage-ct--objs-phase2 div:nth-child(3){
	left:50%;
}

.fullpage-ct--objs-phase2 div:nth-child(4){
	left:75%;
}

/**/

.fullpage-custom-transition--container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1001;
	pointer-events: none;
}


.shiny-spark-anim{
	position:relative;
/*	background:red;*/
	width:150px;
	height:150px;
}

.shiny-spark-anim div{
	position:absolute;
	transform:scale(0);
	animation: sparkAnim 1s linear infinite;
}

.shiny-spark-anim.spark-anim-set-2 div{
	animation: sparkAnim 1.5s linear infinite;
}

/*Set 1*/
.shiny-spark-anim.spark-anim-set-1 div:nth-child(1){
	top:30%;
	left:40%;
	animation-delay:.3s;
}

.shiny-spark-anim.spark-anim-set-1 div:nth-child(2){
	top:0%;
	left:0%;
	animation-delay:.5s;
}

.shiny-spark-anim.spark-anim-set-1 div:nth-child(3){
	top:60%;
	left:0;
	animation-delay:.2s;
}
/*Set 2*/
.shiny-spark-anim.spark-anim-set-2 div:nth-child(1){
	top:30%;
	left:0%;
	animation-delay:.15s;
}

.shiny-spark-anim.spark-anim-set-2 div:nth-child(2){
	top:0%;
	left:40%;
	animation-delay:.4s;
}

.shiny-spark-anim.spark-anim-set-2 div:nth-child(3){
	top:60%;
	left:20%;
	animation-delay:.3s;
}
/**/

.shiny-spark-anim div:nth-child(1) img{
	transform:scale(0.8);
}

.shiny-spark-anim div:nth-child(2) img{
	transform:scale(0.5);
}

.shiny-spark-anim div:nth-child(3) img{
	transform:scale(0.3);
}

@keyframes sparkAnim {
  0%{transform:scale(0);}
  20%{transform:scale(1);}
  30%{transform:scale(0);}
  100%{transform:scale(0);}
}

.scroll-down-indicator{
	position:absolute;
	left:50%;
	bottom:4%;
	transform:translateX(-50%);
}

.scroll-down-indicator img{
	max-width:20px;
	width:100%;
	display:block;
	animation:scrollArrowAnim .7s alternate infinite;
}

@keyframes scrollArrowAnim {
  0%{transform:translateY(0);}
  100%{transform:translateY(10px);}
}

.circle-line-anim--parent{
	position:relative;
}

.circle-line-anim{
	width:120px;
	position:absolute;
	top:-40px;
	right:-50px;
}
.highlight--container{padding-top:25px;}
.highlight--container .circle-line-anim{
	width:70px;
}
.circle-line-anim[data-headline="locator"]{
	position:absolute;
	top:-13%;
	right:15%;
}

.circle-line-anim[data-headline="highlight"]{
	position:absolute;
	top:-5px;
	right:-90px;
}

.circle-line-anim[data-headline="listen"]{
	position:absolute;
	top:initial;
	right:initial;
    bottom: -35px;
    left: 15px;
}

.circle-line-anim[data-headline="listen"] img{
	transform:rotate(180deg);
}
/*###*/

h2{
	font-size:60px;
	font-family: 'HelveticaNeue-Bold';
}

h3{
	font-size:28px;
	font-family: 'HelveticaNeue-Bold';
}

h4{
	font-size:24px;
	font-family: 'HelveticaNeue-Bold';
}

h5{
	font-size:20px;
	font-family: 'HelveticaNeue-Bold';
}

p{
	font-size:24px;
	font-family: 'HelveticaNeue';
	line-height:1.2em;
}
p strong{
	font-size:24px;
	font-family: 'HelveticaNeue-Bold';
}

span{
	font-size:20px;
}

.text-anim{
	opacity:0;
}

.wrapper p{
    margin-bottom: 0.5em;
}

.headline-bold{
	font-family: 'Helvetica-Neue-Condensed-Black';
	font-size:90px;
	font-weight:bold;
	line-height:80px;
}

.headline-bigger-font{
	font-size:1.3em;
	line-height:1em;
}

.headline-text{
	display:inline-block;
	width:auto;
}

/*#*/
/*.banner-bg--gradient{
	background: linear-gradient(135deg, #00BFB3,  #FF88C5);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}*/

.banner{
    background: url("../images/landing/banner-bg.png") no-repeat center bottom;
    background-size: cover;
}

.landing-banner-graphic{
	position:relative;
	float:right;
/*	padding-right:5%;*/
}

.landing-banner-graphic .shiny-spark-anim[data-spark="1"]{
	position:absolute;
	z-index:2;
	top:50%;
	left:-10%;
	transform:translateY(-50%);
}

.landing-banner-graphic .shiny-spark-anim[data-spark="2"]{
	position:absolute;
	z-index:2;
	top:0%;
	right:12%;
}

.landing-banner-graphic--cta{
	position:absolute;
	left:-22%;
	z-index:3;
  width:50%;
  height:auto;
  display:block;
}

.landing-banner-headline img{
	margin-left:-20%;
	padding-top:30px;
	max-width:600px;
	width:100%;
}

.landing-banner-headline--description h3:first-child, .event-headline--description, .event--location, .event--date{
	font-family: 'HelveticaNeue';
}

.event-headline{
	display:inline-block;
	width:auto;
}

.char-with-mag-glass{
    max-width: 300px;
    width: 30%;
    height:250px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: 80px;
    margin-top: -80px;
    position:relative;
}

.mag-glass-char-anim {
    width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.locator--char-with-mag-glass {
    width: 300px;
    height: 250px;
    /* background: red; */
    position: relative;
}

.locator--mag-glass-char-anim {
    width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.event{
    background: url("../images/landing/event-bg.png") no-repeat center bottom;
    background-size: cover;
}

.event-headline .shiny-spark-anim[data-spark="1"]{
	position:absolute;
	z-index:2;
	top:-43%;
	left:-13%;
	transform:rotate(20deg);
}

.event-box{
	width:100%;
	padding:20px;
	text-align:center;
	background:url("../images/landing/border-line-box.png") no-repeat;
	background-size:100% 100%;
	position:relative;
/*    aspect-ratio: 16/4;*/
}

.event-box .shiny-spark-anim[data-spark="2"]{
	position:absolute;
	z-index:2;
	bottom:-20%;
	right:-5%;
}

.event-box h3{
	padding:10px 0;
}

.event-box ul li{
	display:inline-block;
	width:30%;
    position: relative;
    vertical-align: top;
}

.event-box ul li:nth-child(2){
    margin-left:2.5%;
    margin-right:3%;
}

.event-box ul li:after{
	content:"";
	background:url("../images/white-border-line.png") no-repeat;
	width:5px;
    height: 95%;
    position: absolute;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
}

.event-box ul li:before{
	content: "";
    background: url("../images/white-border-line-horizontal.png") no-repeat;
    background-size: 100% 100%;
    width: 95%;
    height: 5px;
    position: absolute;
    left: 0%;
    top: 10%;
    z-index: 1;
}

.event-box ul li:last-child:after{
	background:none;
}

.event-pinpoint{
	position: relative;
	z-index: 2;
}

.event-pinpoint img{
	margin:0 auto 20px;
}

.locator{
    background: url("../images/landing/gum-check-bg.png") no-repeat center bottom;
    background-size: cover;
}

.locator-msg{
	margin-bottom:30px;
}

.locator-description{
	width:75%;
}

.text-line:after{
	content:"";
	width:120px;
	height:2px;
	margin-bottom:30px;
	background:#FFF;
	display:inline-block;
}

.locator-graphic-container{
	position:relative;
}

.locator-graphic--char{
	position:relative;
	z-index:2;
	width:50%;
}

.locator-graphic--gum-check{
	width: 100%;
    position: absolute;
    top: 55%;
    right: -36%;
    transform: translateY(-50%);
    z-index: 1;
}

.locator-cta{
	float:right;
	margin-top:30px;
}

.highlight--container .headline-text{
	text-align:center;
}

.highlight--container .headline-text h2{
	font-size:60px;
}



.highlights-item--thumbnail{
	width:100%;
/*	height:300px;*/
	aspect-ratio: 14/9;
	background-size:cover;
}

.highlights-item--description p{
	padding-top:20px;
/*	font-size:28px;*/
	margin-bottom:0px;
}

.highlights-item--description span{
/*	font-size:20px;*/
}

.highlights-item--description{
	margin-bottom:20px;
}

.product{
	position:relative;
	overflow: hidden;
}

.product .fp-tableCell{
	display:inline-block;
}

.product .wrapper{
	padding-top:9%;
}

.bathtub-bg{
	width: 1920px;
    height: 1080px;
    background: url("../images/landing/product-bg2.png") no-repeat center bottom;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-0%);
    z-index: -1;
}

.products-container{
	padding-bottom:200px;
	position: relative;
	z-index: 2;
}

.products-item img{
	width:270px;
}
.products-item-devider{
	position: absolute;
    right: 0;
    top: -5%;
    height: 110%;
    display: inline-block;
		max-height: 200px;
	}
	.products-item-devider img{
	    height: 100%;
		}

.products-item--description{
	max-width:55%;
	margin:0 auto;
}

.kodomo-set-logo{
	margin-top:-40px;
}

.bathtub-content{
	width:100%;
	height:100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.bathtub-content .container,
.bathtub-content .row{
	height:100%;
}

.bathtub-products-left img{
    max-width: 330px;
    width: 100%;
    position: absolute;
    bottom: 110px;
    left: 20%;
    transform: translateX(-50%);
}

.bathtub-products-right img{
    width: 650px;
    position: absolute;
    bottom: 110px;
    right: 30%;
    transform: translateX(50%);
}

.listen{
	background: url("../images/landing/gum-talk-bg.png") no-repeat center bottom;
    background-size: cover;
}

.listen--char-anim-container{
    width: 100%;
    height: 350px;
    position: relative;
}

.listen--char-anim {
    width: 50vw;
    position: absolute;
    left: -24vw;
    top: 20%;
    transform: translateY(-50%);
}

.listen-description{
	width:50%;
}

.listen-container .headline-bigger-font{
	font-size:1.5em;
}

.listen-container .headline-text{
	margin-bottom:30px;
}

.listen-headline-right{
	font-size:1.05em;
	display:block;
	/*	text-align:right;*/
	padding-left:170px;
}

.listen-cta{
	float:right;
	margin-right:20%;
}

.know{
	background: url("../images/landing/did-you-know-bg.png") no-repeat center bottom;
    background-size: cover;
}

.know-description{
	max-width:350px;
	width:100%;
	float:right;
	margin-bottom:80px;
}

.know-container .headline-text{
	max-width:400px;
	width:100%;
}

.know-container .headline-bigger-font{
	padding-left:60px;
}

.know-mirror{
	position: relative;
	width:100%;
}

.know-char-hi{
	width:40%;
	position:absolute;
	bottom:17%;
	right:12%;
}

.know-char-hi .gsap-anim{
	transform-origin:50% 100%;
}

.know-cta{
	float:right;
}
/*#*/

/*Myth Page*/
.page-wrapper .wrapper{
	width:100%;
	padding-inline:initial;
}
.myth-section--label{
	position:absolute;
	top:100px;
	opacity: 0.5;
}

.kodomo-set-logo{
	margin-top:-25px;
}
.myth-section--label.left{
	left:80px;
}

.myth-section--label.right{
	right:80px;
}

	.bathtub-products-left img {
	    max-width: 330px;
		width: 80%;
		left: 30%;
	}

	.bathtub-products-right img {
	    width: 120%;
	    max-width: 600px;
	    right:50%;
	}
	.products-item--description {
    max-width: 75%;
	}
	.product .wrapper {
    padding-top: 16vh;
	}
.myth-section--label h2{
	font-size:140px;
}

.myth-section--label:before{
	content:"";
	width:100%;
	height:12px;
	position:absolute;
	bottom:0px;
	background: #FFF;
}

.fact-box{
	max-width:600px;
	width:95%;
	min-height:150px;
	padding:20px 40px;
	text-align: center;
	background: url("../images/myth/box-bg.png") no-repeat center;
    background-size: 100% 100%;
}
.fact-box--headline{
	display:inline-block;
	position:relative;
}

.fact-box--headline:after{
	content:"";
	 /*width: 119px;
    height: 8px;
    background: url(../images/myth/border-line-right.png) no-repeat center bottom;
    display: inline-block;
    position: absolute;
    right: -130px;
    top: 50%;
    transform: translateY(-50%);*/
    width: 30vw;
    max-width:150px;
    height: 8px;
    background: url("../images/myth/border-line-right.png") no-repeat center bottom;
    background-size:80%;
    display: inline-block;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}

.fact-box--headline:before{
	content:"";
	  width: 30vw;
    max-width:150px;
    height: 8px;
    background: url("../images/myth/border-line-right.png") no-repeat center bottom;
    background-size:80%;
    display: inline-block;
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
}

.myth-page[data-section="0"]{
	background: url("../images/myth/section-1-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="1"]{
	background: url("../images/myth/section-2-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="2"]{
	background: url("../images/myth/section-3-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="3"]{
	background: url("../images/myth/section-4-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="4"]{
	background: url("../images/myth/section-5-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="5"]{
	background: url("../images/myth/section-6-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="6"]{
	background: url("../images/myth/section-7-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="7"]{
	background: url("../images/myth/section-8-bg.jpg") no-repeat center bottom;
    background-size: cover;
}

.myth-page[data-section="8"]{
	background: url("../images/myth/section-9-bg.jpg") no-repeat center bottom;
    background-size: cover;
}
.myth-page[data-section="9"] .myth-page--container{
	background-color:#FFF;
  padding:5vh 10vh;
  color:#000;
}

.references-headline h3{	font-family: 'Helvetica-Neue-Condensed-Black'; color:#24346d; margin-bottom:2vh;}
.references-details ol, .references-details li{margin-left:0;}
.references-details li, .references-details li p, .references-details li a{font-size:16px; margin-bottom:0; line-height:1.15em; line-break:anywhere;}
.references-details li a{height:1.0em;}
.references-details li{margin-bottom:2vh;}
.references-details li a, .references-details li a:hover, .references-details li a:visited{color:#00bfb3;}
.references-details ol{margin-bottom:0;}
.myth-char{
    /*width: 400px;
    height: 400px;*/

    max-width: 400px;
    width: 23vw;
    /* height: 400px; */
    aspect-ratio: 1/1;
    z-index:2;
}

.myth--anim-container {
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	pointer-events: none;
}

.know--char-anim-container {
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 55%;
    margin-top: -6.5%;;
    transform: translate(-50%,-50%);
	pointer-events: none;
}

[data-section="0"] .myth--anim-container{
    width: 1800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

[data-section="1"] .myth--anim-container {
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


[data-section="7"] .myth--anim-container{
	width:1800px;
	top:10%;
}

.myth-object{
	z-index:3;
}

[data-section="0"] .wrapper,
[data-section="0"] .myth-page--container,
[data-section="0"] .myth-page--container>.container,
[data-section="0"] .container>.row{
	height:100%;
}

[data-section="0"] .myth-char-speech{
	position:absolute;
	left:-200px;
}

[data-section="0"] .myth-char {
    position: absolute;
    bottom: 25%;
    left:0;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
}

[data-section="0"] .myth-description{
	max-width:70%;
	position:absolute;
	bottom:25%;
}

[data-section="1"] .myth-object{
	max-width:420px;
    width: 25vw;
    position:relative;
    z-index:2;
}

[data-section="1"] .myth-char {
    position: absolute;
    bottom: -15%;
    left:42%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    z-index: 1;
}

[data-section="1"] .myth-char-speech{
	position: absolute;
    top: -160px;
    right: -300px;
}

[data-section="1"] .myth-char-speech img{
	width: 380px;
}

[data-section="1"] .fact-box{
	position:absolute;
	bottom:30%;
	left:50%;
	transform:translateX(-50%);
	z-index: 2;
}
[data-section="1"] .myth-object.d-tool{
  position:absolute;
  width: 30vw;
    max-width: 30vw;
    position: absolute;
    bottom: -10vh;
    left: 0;
}

[data-section="2"] .myth-description{
	position:relative;
	top:50%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="2"] .myth-object {
    max-width: 450px;
    width: 25vw;
    position: absolute;
    top: 80%;
    right: 5%;
    transform: translateY(-50%);
    z-index:1;
}

[data-section="2"] .myth-char{
	position:relative;
	bottom:-50%;
}

[data-section="2"] .myth-char-speech{
	position:absolute;
	top:-300px;
	left:-350px;
}

[data-section="2"] .myth-char-speech img{
	width:450px;
}
/**/
[data-section="3"] .myth-description{
	position:relative;
	top:50%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="3"] .myth-object{
	max-width: 450px;
    width: 25vw;
	position:absolute;
	top:90%;
	left:120px;
	transform:translateY(-50%);
  z-index:1;
}

[data-section="3"] .myth-char{
	position:absolute;
	bottom:-250px;
	right:0;
	z-index: 3;
}

[data-section="3"] .myth-char-speech{
	position:absolute;
	top:-220px;
	right:-350px;
}

[data-section="3"] .myth-char-speech img{
	width:450px;
}
/**/
[data-section="4"] .myth-description{
	position:relative;
	top:50%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="4"] .myth-object{
	max-width:500px;
	width:32vw;
	position:absolute;
	top:38%;
	right:0px;
	transform:translateY(-50%);
  z-index: 1;
}

[data-section="4"] .myth-char{
	position:absolute;
	bottom:-250px;
	left:0;
}

[data-section="4"] .myth-char-speech{
	position:absolute;
	top:-300px;
	left:-350px;
}

[data-section="4"] .myth-char-speech img{
	width:450px;
}
/**/
[data-section="5"] .myth-description{
	position:relative;
	top:50%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="5"] .myth-object{
	max-width: 1200px;
    width: 65vw;
    position: absolute;
    top: 100%;
    left: -30%;
    transform: translateY(-50%);
}

[data-section="5"] .myth-char{
	position:absolute;
	bottom:-200px;
	left:10vw;
}

[data-section="5"] .myth-char-speech{
	position:absolute;
	top:-300px;
	right:-150px;
}

[data-section="5"] .myth-char-speech img{
	width:450px;
}
/**/
[data-section="6"] .myth-description{
	position:relative;
	top:80%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="6"] .myth-object{
	max-width:500px;
	width:25vw;
	position:absolute;
	top:50%;
	right:0px;
	transform:translateY(-50%);
}

[data-section="6"] .myth-object img{
	max-width:250px;
	width:100%;
}

[data-section="6"] .myth-char{
	position:absolute;
	bottom:-250px;
	left:0;
}

[data-section="6"] .myth--anim-container{
    top: 20%;
    left: 100%;
	transform:translate(-50%,-50%) scaleX(-1);
}


[data-section="6"] .myth-char-speech{
	position:absolute;
	top:-300px;
	left:-350px;
}

[data-section="6"] .myth-char-speech img{
	width:450px;
}

[data-section="1"] .myth-char {
    bottom: -12%;
}

/**/
[data-section="7"] .myth-description{
	position:relative;
	top:80%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="7"] .myth-object{
	max-width:550px;
	width:30vw;
	position:absolute;
	top:90%;
	left:-20px;
	transform:translateY(-50%);
}

[data-section="7"] .myth-char{
	position:absolute;
	bottom:-250px;
	right:0;
}

[data-section="7"] .myth-char-speech{
	position:absolute;
	top:-300px;
	right:-350px;
}

[data-section="7"] .myth-char-speech img{
	width:450px;
}
/**/
[data-section="8"] .myth-description{
	position:relative;
	top:50%;
	left:0;
	margin:0 auto;
	transform:translateY(-50%);
}

[data-section="8"] .myth-object{
	max-width:500px;
	width:32vw;
	position:absolute;
	top:88%;
	right:50px;
	transform:translateY(-50%);
  z-index:1;
}

[data-section="8"] .myth-char{
	position:absolute;
	bottom:-250px;
	left:0;
}

[data-section="8"] .myth-char-speech{
	position:absolute;
	top:-300px;
	left:-350px;
}

[data-section="8"] .myth-char-speech img{
	width:450px;
}

[data-section="8"] .myth-object .shiny-spark-anim[data-spark="1"]{
	position:absolute;
	z-index:2;
	top:5%;
	left:-10%;
	transform:rotate(200deg);
}

[data-section="8"] .myth-object .shiny-spark-anim[data-spark="1"] div:nth-child(1) img{
	transform:scale(1.2);
}
[data-section="8"] .myth-object .shiny-spark-anim[data-spark="1"] div:nth-child(2) img{
	transform:scale(.8);
}
[data-section="8"] .myth-object .shiny-spark-anim[data-spark="1"] div:nth-child(3) img{
	transform:scale(.5);
}
/**/
/*Myth End*/

/*KyG*/
.page-wrapper[data-page="know"]{
	background: url("../images/know-your-gum/kyg-bg.png") no-repeat center bottom;
    background-size: cover;
}
.kyg-slider-container{
	min-height:730px;
	max-height:1000px;
	height:85vh;
	padding-top:100px;
	overflow:hidden;
}

.kyg-slider-content{
/*	max-width:1024px;*/
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}

.kyg-slider-content .slick-slider,
.kyg-slider-content .slick-list,
.kyg-slider-content .slick-track,
.kyg-slider-content .slick-slide{
	height:100%;
}

.kyg-slider{
	position:relative;
	z-index:2;
}

.kyg-slider .slick-dots{
	padding-top:5px;
	height:50px;
	background:#fff;
	bottom:0 !important;
	border-top:5px solid #594733;
}
.kyg-slider .slick-dots li{
	margin:0 20px 0 0;
}

.kyg-slider .slick-dots li:last-child{
	margin-right:0;
}

.kyg-slider .slick-dots li:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: -20px;
    background: #594733;
    transform: translateY(-50%);
    z-index:0;
}

.kyg-slider .slick-dots li:last-child:before{
	display:none;
}

.kyg-slider .slick-dots li button{
	width:20px;
	height:20px;
	border: 2px solid #594733;
	border-radius:50%;
	position: relative;
	z-index: 2;
}

.kyg-slider .slick-dots li.slick-active button{
	background:#594733 !important;
}

.kyg-slider .slick-dots li button:before{
	display:none;
}

.kyg-slide{
	position: relative;
}

.kyg-slide--content{
	max-width:1024px;
	width:100%;
	height:100%;
	margin:0 auto;
}

.tooth-content{
	height:100%;
}

.kyg-slider-nav{
	width:100%;
	height:100%;
}

.kyg-slider-nav--next{
	position:absolute;
	top:50%;
	right:2%;
	transform:translateY(-50%);
	z-index: 10;
	cursor:pointer;
}

.kyg-slider-nav--prev{
	position:absolute;
	top:50%;
	left:2%;
	transform:translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

.kyg-slider-nav--prev.slick-disabled,
.kyg-slider-nav--next.slick-disabled{
	display:none !important;
}


.kyg-char--container{
	max-width:1024px;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}

.kyg-char{
	display:none;
}

.kyg-char[data-step="0"]{
	display:block;
}

.kyg-char[data-char-facing="right"]{
	position:absolute;
	width: 650px;
    left: -35%;
    bottom: 0;
    transform: translate(0,-30%);
}

.kyg-char[data-char-facing="left"]{
	position:absolute;
	width: 650px;
    right: -35%;
    bottom: 0;
    transform: translate(0,-30%);
}

[data-char-facing="right"] .kyg-char-speech{
	width:300px;
	position:absolute;
	top:-120px;
	right:-0px;
}

[data-char-facing="left"] .kyg-char-speech{
	width:300px;
	position:absolute;
	top:-120px;
	left:50px;
}

[data-char-facing="right"] .kyg--anim-container{
	transform:scaleX(-1);
}

.tooth-info--container{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.tooth-n-gum{
max-width:100%;
width:100%;
}
.tooth-n-gum.broken-tooth{padding-top: 3px;}
.tooth-pages{
	width:700px;
	height:654px;
	position:absolute;
	left:50%;
	bottom:50px;
	transform:translateX(-50%);
	display:none;
}

.tooth-pages[data-step="0"]{
	display:block;
}

.tooth-welcome--object{
	cursor: pointer;
}

.tooth-welcome--description h2{
	font-size:70px;
	line-height:70px;
}

.tooth-pages[data-slide="1"] .tooth-welcome--description h2{
	font-size:50px;
	line-height:50px;
}

.tooth-welcome--description{
	width:70%;
	position:absolute;
	left:50%;
	bottom:6%;
	transform:translateX(-50%);
	text-align: center;
}

.tooth-info--pinpoint{
	width:40px;
	height:40px;
	position: absolute;
}

.tooth-info--pinpoint-bullet{
	width:100%;
	height:100%;
}

.tooth-info--pinpoint-bullet div{
	width:100%;
	height:100%;
	border-radius:50%;
	transition:0.3s ease-in-out;
	cursor:pointer;
	background:rgba(239,236,228,0.5);
}

.tooth-info--pinpoint-bullet div:first-child{
	border:2px solid #594733;
}

.tooth-info--pinpoint-bullet div:last-child{
	width:70%;
	height:70%;
	border:1px solid #594733;
	background:rgba(239,236,228,0.3);
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.tooth-info--pinpoint:hover .tooth-info--pinpoint-bullet div:last-child{
	background: rgba(89,71,51,1);
}

/*.tooth-info--pinpoint:hover .tooth-info--content{
	opacity:1 !important;
	display: block !important;
}*/

.kyg-slide-ending{
	width:100%;
	height:100%;
}

.kyg-slide-ending .kyg-char {
    width: 500px;
    height: 420px;
    position: absolute;
    left: 50%;
    bottom: 30%;
    transform: translateX(-50%);
}

.kyg-slide-ending .kyg--anim-container{
    width: 1800px;
    position: absolute;
		margin-top: 13vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*  */
.tooth-info--content{
	position:absolute;
	top:-120%;
	left:50%;
/*	opacity:0;*/
	display:none;
	transition:0.3s ease-in-out;
	transform:translate(-50%,-50%);
	pointer-events: none;
	z-index:10;
}

.tooth-info--box{
	width:350px;
	padding:15px 5px 15px 18px;
	background: rgba(212,221,208,0.8);
	border:2px solid #594733;
	color:#594733;
	text-align:left;
	border-radius:15px;
}

.tooth-info--box p{
	margin-bottom:5px;
}

.tooth-info--box span{
	font-size:18px;
	line-height:18px;
}

.tooth-info--graphic{
	position:absolute;
	top: -130px;
    right: 0;
    width: 158px;
    height: 170px;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="1"] {
	top: 24%;
	left: 25%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="2"] {
	top: 30%;
	right: 32%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="3"] {
	top: 15%;
	right: 27%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="4"] {
	top: 60%;
	left: 30%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="5"] {
	top: 38%;
	left: 45%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="6"] {
	top: 55%;
	left: 12%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="7"] {
	top: 40%;
	left: 27%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="8"] {
	top: 37%;
	right: 22%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="9"] {
	top: 53%;
	right: 28%;
}

.tooth-pages[data-slide="0"] .tooth-info--pinpoint[data-pin="10"] {
	top: 72%;
	right: 32%;
}

[data-info-direction="left"] .tooth-info--content{
	left:50%;
}

[data-info-direction="right"] .tooth-info--content{
	left:50%;
}

.tooth-info--bracket{
	max-width: 240px;
	width:100%;
	position:absolute;
	left:-120px;
	display: none;
}

.tooth-content .tooth-info--bracket p{
	display: inline-block;
	max-width: 60%;
	text-align: center;
	padding-right: 10px;
	vertical-align: middle;
	margin:auto;
}

.tooth-content .tooth-info--bracket img{
	display: inline-block;
}

.tooth-info--bracket[data-pin="1"]{
	top:15%;
}

.tooth-info--bracket[data-pin="6"]{
	left:-160px;
	bottom:10%;
}

.tooth-info--bracket[data-pin="6"] img{
	height:300px;
}

.tooth-info--rate{
	max-width:700px;
	width:90%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,10%);
    display:none;
}

.tooth-info--rate ul{
	display:table;
}

.tooth-info--rate ul li{
	display:table-cell;
	padding:0 10px;
}


.tooth-pages[data-step="1"][data-slide="1"].active{
	transition:.7s ease-in-out;
	transform:translate(-50%,10%);
}

.tooth-pages[data-slide="1"] .tooth-info--pinpoint[data-pin="1"]{
	top:55%;
    left: 20%;
}

.tooth-pages[data-slide="1"] .tooth-info--pinpoint[data-pin="2"]{
	top:46%;
    left: 47%;
}

.tooth-pages[data-slide="1"] .tooth-info--pinpoint[data-pin="3"]{
	top:65%;
    left: 63%;
}

.tooth-pages[data-slide="2"] .tooth-info--pinpoint[data-pin="1"]{
	top:16%;
    left: 31%;
}

.tooth-pages[data-slide="2"] .tooth-info--pinpoint[data-pin="2"]{
    top: 34%;
    left: 20%;
}

.tooth-pages[data-slide="2"] .tooth-info--pinpoint[data-pin="3"]{
	top:89%;
    left: 26%;
}

.tooth-pages[data-slide="2"] .tooth-info--pinpoint[data-pin="4"]{
	top:47%;
    left: 68%;
}

.tooth-pages[data-slide="2"] .tooth-info--pinpoint[data-pin="5"]{
	top:58%;
    left: 78%;
}

.tooth-pages[data-slide="2"] .tooth-info--pinpoint[data-pin="6"]{
	top:66%;
    left: 66%;
}
.tooth-info--content.double_content{top: -29vh;left: -10vw;}
/*  */
/*KyG End*/





@media(max-width:1600px){
  .listen--char-anim {
      left: -18vw;
  }

	.highlight--container{padding-top:0px;}
	h2{
		font-size:48px;
	}

	h3{
		font-size:24px;
	}

	h4{
		font-size:18px;
	}

	h5{
		font-size:16px;
	}

	.headline-bold{
		font-size:80px;
		line-height:70px;
	}

	.primary-btn{
		font-size:20px;
		padding:5px 40px 5px 20px;
	}

	.primary-btn:after{
		width:20px;
		height: 14px;
		right:10px;
	}

	.circle-line-anim {
	    width: 90px;
	    top: -20px;
	    right: -10px;
	}

	.circle-line-anim[data-headline="locator"] {
	    top: -7%;
	    right: 70px;
	}

	.circle-line-anim[data-headline="highlight"] {
	    top: -5px;
	    right: -90px;
	}

	.product .wrapper{
		padding-top:100px;
	}

	.highlight--container .headline-text h2{
		font-size:60px;
	}

	.header--logo a{
		width:250px;
		display:inline-block;
	}

	.char-with-mag-glass{
		max-width:260px;
		margin-top:-50px;
	}

	.highlights-item--description{
		margin-bottom:20px;
	}

	.products-item img{
		width:35%;
	}

	.kodomo-set-logo{
		margin-top:-28px;
	}

	.products-item--description p{
		margin-bottom:10px;
	}

	.bathtub-products-left img {
	    max-width: 300px;
		width: 50%;
		left: 40%;
	}

	.bathtub-products-right img {
	    width: 80%;
	    max-width: 650px;
	    right:40%;
	}
	.products-item--description {
    	max-width: 75%;
	}
	.product .wrapper {
    	padding-top: 16vh;
	}

	/*.listen--char-anim{
		left:-20vw;
	}*/


	.myth-section--label h2{
		font-size:130px;
	}

	[data-section="0"] .myth-char-speech img,
	[data-section="1"] .myth-char-speech img,
	[data-section="2"] .myth-char-speech img,
	[data-section="3"] .myth-char-speech img,
	[data-section="4"] .myth-char-speech img,
	[data-section="5"] .myth-char-speech img,
	[data-section="6"] .myth-char-speech img,
	[data-section="7"] .myth-char-speech img,
	[data-section="8"] .myth-char-speech img{
		width:330px;
	}
  [data-section="6"] .myth-char-speech img,
	[data-section="7"] .myth-char-speech img,
	[data-section="8"] .myth-char-speech img{
  margin-top:-6vh;
}

	.myth-char {
	    width: 300px;
	    height: 300px;
	}
	[data-section="0"] .myth-char {
    	bottom: 35%;
    }

    [data-section="1"] .myth-object{
    	max-width:260px;
    }

    [data-section="1"] .myth-char{
    	bottom:-18%;
    }

    [data-section="1"] .myth-char-speech{
    	top:-130px;
    }

	[data-section="0"] .myth-char-speech{
	    left: -20%;
	    top: 10%;
	}

	[data-section="2"] .myth-char-speech{
		left:-20%;
		top:-50%;
	}

	[data-section="3"] .myth-char-speech{
		top:-40%;
    	right: -20%;
	}
	[data-section="3"] .myth-char{
		bottom:-60%;
	}

	[data-section="4"] .myth-char-speech{
		top:-50%;
		left:-20%;
	}

	[data-section="5"] .myth-char-speech{
		top:-60%;
		right:10%;
	}

	[data-section="6"] .myth-char-speech{
		top:-50%;
		left:-20%;
	}

	[data-section="6"] .myth-object{
		max-width:170px;
		width:100%;
		right:15%;
	}

	/*[data-section="6"] .myth-object img{
		max-width:170px;
	}*/

	[data-section="7"] .myth-char-speech{
		top:-80px;
		right:-100px;
	}

	[data-section="8"] .myth-char-speech{
		top:-125px;
    	left: -100px;
	}

  .know--char-anim-container {
    margin-top:-5%;
  }

}




/*---did you know dots---*/
.tooth-info--content{position:absolute;}
[data-info-direction="right"] .tooth-info--content{top:50% ;margin-left: 190px;}
.c1 .tooth-info--pinpoint[data-pin="3"][data-info-direction="right"] .tooth-info--content{top:140%;}
[data-info-direction="left"] .tooth-info--content{top: 50%;margin-left: -190px;}
.c3 .tooth-info--pinpoint[data-pin="1"][data-info-direction="left"] .tooth-info--content{top:105%;}


@media(max-width:1500px){
  .listen--char-anim {
      left: -16vw;
  }
	.header--top{
		/* SCSS#HC */
		padding:5px 30px !important;
	}

	.myth-char{
	/*	max-width:230px;*/
	}

	.myth-section--label{
		top:50px;
	}


	[data-section="0"] .myth-char{
		bottom:24vh;
	}

	[data-section="1"] .myth-char{
		left:40%;
	}

	[data-section="1"] .myth-object{
		max-width:260px;
	}

	[data-section="0"] .myth--anim-container{width:1600px;}
	[data-section="7"] .myth--anim-container{
		width:1000px;
	}

	[data-section="1"] .myth--anim-container,
	.myth--anim-container{
		width:700px;
	}

	[data-section="0"] .myth-char-speech{
		top:0px;
		left:-100px;
	}

	[data-section="2"] .myth-char-speech{
		position: absolute;
		top: -200px;
		left: -200px;
	}

	[data-section="2"] .myth-object{
	    max-width: 300px;
	}

	[data-section="6"] .myth-object{
		max-width:160px;
    	right: 15%;
    	top:60%;
	}

	[data-section="7"] .myth-object{
		max-width:300px;
	}

	[data-section="8"] .myth-object{
		max-width:300px;
	}

	[data-section="3"] .myth-object{
		top:initial;
		bottom:0;
		transform:translateY(50%);
	}

	[data-section="3"] .myth-char,
	[data-section="4"] .myth-char{
	    position: absolute;
	    bottom: -25%;
	    transform: translateY(50%);
	}

	[data-section="2"] .myth-char,
	[data-section="4"] .myth-char{
	    left:150px;
	}

	[data-section="6"] .myth-char,
	[data-section="8"] .myth-char{
	    position: absolute;
	    left:100px;
	    bottom: -10%;
	    transform: translateY(50%);
	}


	[data-section="7"] .myth-char{
	    position: absolute;
	    left:320px;
	    bottom: -10%;
	    transform: translateY(50%);
	}

	[data-section="3"] .myth-char-speech,
	[data-section="7"] .myth-char-speech{
	    position: absolute;
	    top: -200px;
	    right: -150px;
	}


	[data-section="4"] .myth-char-speech,
	[data-section="6"] .myth-char-speech,
	[data-section="8"] .myth-char-speech{
	    position: absolute;
	    top: -150px;
	    left: -150px;
	}


	[data-section="5"] .myth-char-speech{
	    position: absolute;
	    top: -125px;
	    right: -0px;
	}


	[data-section="2"] .myth-description,
	[data-section="3"] .myth-description,
	[data-section="4"] .myth-description,
	[data-section="8"] .myth-description{
		top:50%;
	}
   [data-section="3"] .myth-description{top:55%;}

	[data-section="6"] .myth-description{
		top:50%;
	}

  [data-section="4"] .myth-object {
    top: 54%;
    max-width:430px;
}
[data-section="2"] .myth-char{
      left: 70px;bottom: -50%;
}
[data-section="7"] .myth--anim-container {
    width: 1500px;
}
[data-section="7"] .myth-description {
    top: 60%;
}

}
@media(max-width:1400px){
  [data-section="1"] .myth-char-speech{
    top:-100px;
  }
}

@media(max-width:1200px){
.tooth-info--content .tooth-info--box{width:300px; line-height:1em;}
.tooth-info--content .tooth-info--box p strong{font-size:18px;}
.tooth-info--content .tooth-info--box span{font-size:16px; line-height:1.1em;}
[data-info-direction="right"] .tooth-info--content{top:50% ;margin-left: 170px;}
[data-info-direction="left"] .tooth-info--content{top: 50%;margin-left: -170px;}
[data-section="0"] .myth-description { bottom: 55%;}
.know--char-anim-container {
  margin-top:-12%;
}
}
@media(max-width:1024px){

    [data-section="4"] .myth-object {top: 75%;}
	[data-section="0"] .myth--anim-container{width:1200px;}

  .tooth-n-gum.broken-tooth{padding-top: 0px;}
  .tooth-info--box { background: rgba(212,221,208,0.95); width:120%;}
  [data-char-facing="left"] .kyg-char-speech,  [data-char-facing="left"] .kyg--anim-container{display:none;}
.tooth-content .tooth-info--bracket p{display:block;margin-left: -10px;}
.tooth-info--bracket[data-pin="1"] {top: 0%;left: 10%;}
.tooth-info--graphic {  top: -90px;width: 128px;}
.tooth-info--content .tooth-info--box {width: 350px;}
.c1 .tooth-info--pinpoint[data-pin="3"][data-info-direction="right"] .tooth-info--content{top:-15%;}
.c3 .tooth-info--pinpoint[data-pin="1"][data-info-direction="left"] .tooth-info--content { top: -15%;}
/*[data-info-direction="right"] .tooth-info--content {
    right: 0;
    width: 50%;
    left: auto;
    transform: none;
}*/
[data-info-direction="right"] .tooth-info--content, [data-info-direction="left"] .tooth-info--content  {
    top:-15%;
    left: 50%;transform: translate(-50%, 0%);
    right: auto;
    width: auto;
    margin:0 auto;
}
[data-info-direction="double"] .tooth-info--content{
    left: auto; right: -1%;transform:none;top:-15%;
}
[data-info-direction="double"] .tooth-info--content.double_content{
    left: -1%; right: auto; top:-15%;transform:none;
}

	[data-section="0"] .myth-char{
		/*bottom:150px;*/
    bottom: 6vh;
    right: 22vw;
    left: auto;
	}
  [data-section="1"] .myth-char {
      bottom: -22%;
      left:42%;
  }
  [data-section="1"] .myth-object{
    margin-top: 4vh;
    margin-left: -3vw;
  }
  [data-section="1"] .myth-description, [data-section="2"] .myth-description{
    margin-top: 15vh;
  }
	[data-section="2"] .myth-char, [data-section="4"] .myth-char
	{
		left:10%;
		bottom:-10%;
		z-index:5;
	}

	[data-section="7"] .myth-char{
		left:30%;
	}

	[data-section="7"] .myth-object{
		max-width:200px;
	}

	[data-section="8"] .myth-object{
    right: 0%;
    max-width: 240px;
    top: 100%;
	}

	/*.tooth-pages{
		width:450px;
		height:420px;
	}*/

	.kyg-slider-container{
		max-height:initial;
		height:auto;
	}

	.kyg-slider.slick-slider{
		margin-bottom:0 !important;
		order:2;
		/*height:700px;*/
    height:80vh;
		margin-top:150px;
	}

	.kyg-char--container{
		height:350px;
		top:-350px;
		order:2;
	}

	.kyg-char[data-char-facing="right"]{
		/*left:-35%;
		bottom:-100%;*/
    left: -10%;
  bottom:-70%;
    width: 510px;
	}

	[data-char-facing="right"] .kyg-char-speech {
	    width: 200px;
	    position: absolute;
	    top: -60px;
	    right: 90px;
    }

    .kyg-char[data-char-facing="left"]{
    	/*right:-35%;
    	bottom:-100%;*/
      bottom: 80vh; right: 0; margin: 0 auto; width: 100%; padding: 0 10%; text-align: center;
    }

    [data-char-facing="left"] .kyg-char-speech {
	    width: 200px;
	    position: absolute;
	    top: -60px;
	    left: 90px;
    }

    .tooth-info--bracket{
    	left:0;
    }

    .tooth-info--bracket[data-pin="6"]{
    	left:0;
    }

    .page-wrapper[data-page="know"]{
    	overflow:hidden;
    }

    .tooth-info--content{
    	position:fixed;
    	/*top:70%;*/
      top:-8%;
    }
    [data-section="2"] .myth-char{
          left: 0;bottom: -50%;
    }
    [data-section="2"] .myth-object {top:74%;}


    .know--char-anim-container {
      width:230%;
    }
}



@media(max-height:800px){
	@media(min-width:1024px){
		.tooth-info--content{
		/*	position:fixed;
			top:70%;*/
		}
	}
}


@media(max-width:1023px){
  .myth-description{
		position:static !important;
		transform:initial !important;
		padding:20px 40px;
		margin:0 auto;
	}

	.myth-char{

	}

	.text-anim{
		opacity:1;
	}

	.section-scrolling,.fp-tableCell{
		/* SCSS#HC */
		height:initial !important;
	}

	.myth-page,
	.myth-page .fp-tableCell{
		height:600px !important;
	}

	.myth-page .wrapper{
		overflow: hidden;
    height:99%;
	}
  .myth-page .wrapper.references-page {
      overflow: visible;
      height: auto;
      padding-top:60px;
      padding-bottom:60px;
  }
  .myth-page.references-page,  .myth-page.references-page .fp-tableCell{height:auto !important;}
	.scroll-down-indicator{
		display: none;
	}

	.headline-bold {
	    font-size: 50px;
	    line-height: 50px;
	}

	.wrapper{
		padding-top: 60px;
		padding-bottom:40px;
	}

	.circle-line-anim {
	    width: 70px;
	    top: -30px;
	    right: 20px;
	}

	.event-box{
		background:none;
		padding:0;
	}

	.event-box ul li{
		max-width:500px;
		width:80%;
	    background: #be767c;
	    border: 3px solid #663434;
	    border-radius:15px;
	    padding-top:20px;
	    margin-bottom:20px;
	}

	.event-box ul li:before{
		width:70%;
		left:50%;
		transform: translateX(-50%);
		top:40px;
	}

	.event-box ul li:after{
		background:none;
	}

	.event-pinpoint img{
		width:40px;
	}

	.event-headline{
		width:68%;
	}

	.event-headline .shiny-spark-anim[data-spark="1"]{
		top:-75px;
		left:-75px;
	}

	.event-box .shiny-spark-anim[data-spark="2"] {
	    bottom: 20px;
	    right: 20px;
	}

	.char-with-mag-glass{
		max-width: 300px;
		width:100%;
		margin-left:0;
		margin-top:0;
	}

	.locator-msg{
		max-width:220px;
		width:50%;
		display:inline-block;
		margin-bottom:0;
		padding-right:15px;
	}

	.locator-char--speech.gsap-anim{
		width:120px;
	}

	.locator-cta{
		float:left;
	}

	.wrapper{
		width:100% !important;
		overflow-x:hidden;
	}

	.circle-line-anim[data-headline="locator"]{
    top: -19px;
    right: auto;
    left: 100px;
	}

	.bathtub-bg{
		width:100%;
		height:100%;
	}
	.products-item-container-top{position:relative;}
	.products-item-container{
		margin-bottom:30px;
	}

	.kodomo-set-logo{
		margin-top:initial;
	}

	.bathtub-products-left img {
	    max-width: 300px;
	    width: 70%;
	    left: 20%;
	}

	.bathtub-products-right img {
	    width: 130%;
	    max-width: 650px;
	    right: 62%;
	}

	.products-container{
		/*padding-bottom:440px;*/
		padding-bottom:45vh;
	}

	.char-with-mag-glass{position: absolute;top: -55px; right:0;}
	.mag-glass-char-anim{width:330px; transform: translate(0%,0%);left:25px; top:0;}

	.listen--char-anim-container{
		height:300px;
	}

	.listen--char-anim{
		width:80vw;
    	left: -20vw;
	}

	.listen-headline-right{
		padding-left:110px;
	}

	.know-description{
		max-width:initial;
		width:90%;
		float:initial;
		margin-bottom:10px;
	}

	.know-container .headline-text {
	    max-width: 240px;
	    width: 90%;
	}

	.know-mirror{
		width: 90%;
		max-width: 650px;
		margin: 0 auto;
	}
}

@media(max-width:991px){
  /*.tooth-decay-holder, .gb-abs{position:absolute;}*/
  .myth-object{display:none;}
  [data-section="1"] .myth-char {
      left: 22%;top: 28vh;
  }
.myth-description{width:50%;}
[data-section="1"] .myth-description{margin-left:50%;}
[data-section="2"] .myth-description{margin-left:0;}
[data-section="2"] .myth-char{position:absolute;left: 72%; bottom: -6vh;}
[data-section="3"] .myth-char{position:absolute;left: 10%; bottom: auto;}
[data-section="3"] .myth-description{margin: 15vh 0 0 50%;}
[data-section="4"] .myth-char{position:absolute;right: 10%; left:auto; bottom: 3vh;}
[data-section="4"] .myth-description{margin: 12vh 0 0 0;}
[data-section="5"] .myth-char{position:absolute;left: 10%; bottom: -37vh;}
[data-section="5"] .myth-description{margin: 10vh 0 0 50%;}
[data-section="6"] .myth-char{position:absolute;right: 10%; left:auto; bottom: 3vh;}
[data-section="6"] .myth-description{margin: 10vh 0 0 0;}
[data-section="7"] .myth-char{position:absolute;left: 10%; bottom: -32vh;}
[data-section="7"] .myth-description{margin: 10vh 0 0 50%;}
[data-section="8"] .myth-char{position:absolute;right: 10%; left:auto; bottom: 3vh;}
[data-section="8"] .myth-description{margin: 12vh 0 0 0;}
	.products-item-devider{display:none;}
	.banner{
		padding-top:80px;
	}

	.fp-section.fp-table, .fp-slide.fp-table{
		display:inline-block;
		table-layout: initial;
	}

	.fp-tableCell{
		display:inline-block;
		vertical-align:initial;
	}

	.wrapper{
		padding-inline:initial !important;
		width:100% !important;
		margin-inline:initial !important;
	}


	.landing-banner-graphic{
		float:initial;
	}

	.landing-banner-graphic--cta{
		left:initial;
		max-width: 300px;
	    width: 60%;
	    top: -50px;
	}

	.landing-banner-graphic>img{
		max-width:480px;
		width:90%;
		margin:0 auto;
	}

	.landing-banner-graphic .shiny-spark-anim[data-spark="1"]{
		left:5%;
	}

	.landing-banner-headline img{
		margin:0 auto;
	}

	.landing-banner-headline--description{
		text-align:center;
	}
	.product .wrapper {
    padding-top: 60px;
	}

	.listen--char-anim {
	    width: 100%;
	    left: 20%;
	    top:25%;
	    transform:translate(-50%,-50%)
	}
  .listen-description{right:0; position:absolute;}
  .headline-text{display:block;}
  .know-cta{float:none;}
  .listen-cta{float:left; margin-top:5vh;}
  .cta-holder{width:100%; display: block; text-align:center; }
  .locator .headline-text{width:50%; display: inline-block;}
  .locator-description{width:100%;}
  .know-description{width:100%; text-align: center;}
  .know-description.text-line:after{display: none;}
  .know-container .headline-text{max-width: none; width:100%; text-align: center;}
  .know-container .headline-text .headline-bold{display:inline-block;}
  .know-container .headline-text .circle-line-anim{display:inline-block; position:static;}
  .know-container .headline-bigger-font{padding:0;}
  .know--char-anim-container {margin-top:-10%;}
  [data-section="6"] .myth-char-speech{   left: -80px;}

}

@media(max-width:800px){
	.event-container .circle-line-anim{
		display:none;
	}

	.shiny-spark-anim{
		width:75px;
		height:75px;
	}

	.shiny-spark-anim div:nth-child(1) img{
		transform:scale(0.5);
	}

	.shiny-spark-anim div:nth-child(2) img{
		transform:scale(0.5);
	}

	.shiny-spark-anim div:nth-child(3) img{
		transform:scale(0.3);
	}

	.event-headline{
		width:100%;
	}
}

@media(max-width:768px){
  .myth-description{width:90%;}
  .tooth-decay-holder, .gb-abs{position:absolute;bottom:0vh;}
  	[data-section="0"] .myth--anim-container{width:1000px;}

  [data-section="1"] .myth-description, [data-section="2"] .myth-description,[data-section="3"] .myth-description,[data-section="4"] .myth-description, [data-section="5"] .myth-description, [data-section="6"] .myth-description, [data-section="7"] .myth-description, [data-section="8"] .myth-description, [data-section="9"] .myth-description
  {
    margin: 0 auto;
  }
  .myth-page[data-section="0"] .myth-page--container{
       margin-top:-5vh;
  }
  [data-section="0"] .myth-description {max-width:90%; margin-top:5vh;}
	.headline-bold {
	    font-size: 40px;
	    line-height: 40px;
	}

	h3{
		font-size:19px;
		font-family: 'HelveticaNeue-Bold';
	}

	h4{
		font-size:18px;
		font-family: 'HelveticaNeue-Bold';
	}

	h5{
		font-size:18px;
		font-family: 'HelveticaNeue-Bold';
	}

	p{
		font-size:16px;
		font-family: 'HelveticaNeue';
		line-height:1.2em;
	}

	span{
		font-size:14px;
	}

	.event-pinpoint h4{margin-top:-15px; margin-bottom:0;}
	.event-box ul li {padding-top:10px;}
	.locator .headline-text{width:55%;}
	.locator .locator-msg{width:50%;}
	.locator .locator-msg{position: absolute;right: 0px; right: -14px; top: -10px;}
	.locator-description {width: 100%; margin-top:15px;}
	.circle-line-anim[data-headline="locator"]{top: -45px;left: 85px; margin-top:15px;}
		.mag-glass-char-anim{width:280px;left:80px;}
		.text-anim{opacity:1;}

	.myth-page--container{
		padding:40px 0;
	}

	.myth-char{
		height:250px;
	}

	.myth-description{
		position:static !important;
		transform:initial !important;
		padding:20px 20px;
		margin:0 auto;
	}

	.myth-object{
		display:none;
	}

	/*.myth-char-speech{
		position:static !important;
		transform:initial !important;
	}*/

	.myth-char{
		position:static !important;
		transform: initial !important;
	}

	[data-section="0"] .myth-char-speech img,
	[data-section="1"] .myth-char-speech img,
	[data-section="2"] .myth-char-speech img,
	[data-section="3"] .myth-char-speech img,
	[data-section="4"] .myth-char-speech img,
	[data-section="5"] .myth-char-speech img,
	[data-section="6"] .myth-char-speech img,
	[data-section="7"] .myth-char-speech img,
	[data-section="8"] .myth-char-speech img{
		width:150px;
	}

	[data-section="1"] .myth-char{
		left:20%;
		transform:translate(-50%,-50%);
	}

	[data-section="1"] .myth--anim-container{
		transform:translate(-70%,-50%);
	}

	[data-section="2"] .myth-description, [data-section="4"] .myth-description, [data-section="6"] .myth-description, [data-section="8"] .myth-description{
		top:10%;
		transform:initial !important;
	}

	[data-section="2"] .myth--anim-container{
		width:400px;
	}

	[data-section="2"] .myth-object{
		width:30vw;
	}


	[data-section="3"] .myth-char, [data-section="4"] .myth-char{
		left:50%;
	}

	[data-section="3"] .myth-char{
		bottom:-50%;
		transform:translate(-50%,0%);
	}

	[data-section="3"] .myth-description{
		top:70%;
	}

	[data-section="1"] .myth--anim-container,
	[data-section="3"] .myth--anim-container,
	[data-section="4"] .myth--anim-container,
	[data-section="5"] .myth--anim-container,
  [data-section="6"] .myth--anim-container,
	[data-section="8"] .myth--anim-container{
		width:400px;
	}

	[data-section="4"] .myth-char{
		bottom:50%;
	}

	[data-section="5"] .myth-object{
		width:100vw;
		display:block;
	    position: static;
	    margin-top: 150px;
	    margin-left: -100px;
	}
  [data-section="5"] .myth--anim-container{
    left:-5vw; top:0; transform: none;
  }
	[data-section="5"] .myth-char-speech{
    left: 180px; top: -50px;
	}

	[data-section="6"] .myth--anim-container{
		top: 40%;
    	left: 60%;
	}

	[data-section="7"] .myth--anim-container{
		top:25%;
	}

	/*[data-section="2"] .myth-char-speech,
	[data-section="4"] .myth-char-speech,
	[data-section="6"] .myth-char-speech,
	[data-section="8"] .myth-char-speech{
	    left: 0;
	    top:0;
	}

	[data-section="1"] .myth-char-speech,
	[data-section="3"] .myth-char-speech,
	[data-section="7"] .myth-char-speech{
		top: 0;
	    right: 0;
	}*/

	[data-section="2"] .myth-char-speech,
	[data-section="4"] .myth-char-speech,
	[data-section="6"] .myth-char-speech,
	[data-section="8"] .myth-char-speech{
	    /*top:-10%;left: 30%;*/
        top: -9%; left: 50%; transform: translate(-50%, 0%); margin-left: -80px;
	}

	[data-section="1"] .myth-char-speech,
	[data-section="3"] .myth-char-speech,
	[data-section="7"] .myth-char-speech{
		  top: 0;
	    left: 50%;
	}
	[data-section="6"] .myth-char-speech,
	[data-section="7"] .myth-char-speech,
	[data-section="8"] .myth-char-speech{
		top: 30px;
	}

	.myth-page .wrapper,
	.myth-page .container-fluid,
	.myth-page .row,
	.myth-page .myth-page--container{
		height:99%;
	}

	.myth-section--label.right{
		right:20px;
	}

	.myth-section--label.left{
		left:20px;
	}

	.myth-section--label{
		top:20px;
	}

	.myth-section--label h2{
		font-size:40px;
	}

	.myth-section--label:before{
		height:5px;
	}

	[data-section="0"] .myth-char{
    margin-top:-5vh;
		/*left:50%;
		bottom:50%;
		transform: translate(-50%,-50%);*/
	}

	[data-section="0"] .myth-char-speech {
	    top: 20%;
	    left: 40%;
	    transform: translate(-50%,0%);
	}

	[data-section="1"] .myth-object{
		display:none;
	}

	[data-section="1"] .fact-box{
		bottom:0;
	}

  [data-section="7"] .myth--anim-container {
      width: 1000px;
  }

  .know--char-anim-container {
    margin-top:-11%;
  }
}

@media(max-width:720px){
  /*.tooth-info--box {width: 200%;margin-left: -50%;}*/
  [data-info-direction="right"] .tooth-info--content, [data-info-direction="left"] .tooth-info--content, [data-info-direction="center"] .tooth-info--content  {top: -16vh;}
  .c1 .tooth-info--pinpoint[data-pin="3"][data-info-direction="right"] .tooth-info--content{top:-16vh;}
  .c3 .tooth-info--pinpoint[data-pin="1"][data-info-direction="left"] .tooth-info--content { top: -16vh;}

  [data-info-direction="double"] .tooth-info--content{
      right: 50%;transform: translate(50%, 0);top: -27vh;;
  }
  [data-info-direction="double"] .tooth-info--content.double_content{
      left: 50%; right: auto; top:-10vh;transform: translate(-50%, 0);
  }
  .tooth-info--graphic {top: -33px;width: 70px;right: 0px;}

.kyg-char--container{z-index:11;  pointer-events: none; top: auto; bottom: -30px; /*left: 25%;*/}
  .tooth-content{position:absolute; bottom:0; height:auto; width:100%;}
  .kyg-slider-container{min-height:auto;}
	.kyg--char-anim{transform: scale(0.5);left:-25%;}

	.kyg-slide-ending .kyg--char-anim{transform: scale(0.54);margin-left:-1%;}
	[data-char-facing="left"] .kyg-char-speech{top: -40vh; left: 20%; width:35%;}
	[data-char-facing="right"] .kyg-char-speech{top: -5vh; right: 14%;width:30%;}
	.tooth-info{max-width: 500px;}
  .tooth-welcome--description {width: 90%;order: 1;position: absolute;top: auto;bottom: 72vh;margin: 0 auto;}

.kyg-char[data-char-facing="left"] {/*bottom: -75%;*/}
.kyg-slider-container{padding:0;}
.kyg-char--container{/*top:-65px;*/}
.kyg-char[data-char-facing="right"]{/*width: 100%;left: 0; bottom: auto; top: 19vh;*/}
.kyg-char[data-char-facing="right"] {width: 100%;left: -5%;bottom: 26vh;}
.kyg-char[data-char-facing="left"]{/*width: 100%;right: 0%; bottom: auto; top: -34vh;*/}
.kyg-char-speech{width:65%; margin:10% auto 0 auto;}
.instruction-mobile.kyg-char[data-char-facing="left"]{top: 16vh;left: 0; bottom: auto; right: auto;transform:none;}
.tooth-info--bracket[data-pin="6"] p{max-width:50%;}
.tooth-info--bracket[data-pin="6"] img{height:210px;padding-left:10px;}
.tooth-info--bracket[data-pin="1"] img{height:120px;padding-left:30px;}
canvas{max-width:100%;}
	.kyg-slider.slick-slider{
		height:auto;
		margin:0;
	}
.tooth-pages[data-step="0"]{max-width: 500px;margin: 33% auto 0 auto;}
	.kyg-slide--content{
		/*height:480px;
		height:100vh;*/
    	height:95vh;
		padding-top:80px;
	}

	.tooth-pages[data-step="0"]{
		position:static;
		transform:initial;
	}

	.tooth-pages{
		width:100%;
		height: auto;
    	aspect-ratio: 1/.9;
	}

	.tooth-pages.tooth-welcome{
		width:100%;
		height:auto;
	}

	.tooth-welcome--object{
		display:flex;
		flex-direction: column;
	}

	.tooth-welcome--object>img{
		margin-top:-10%;
		order:2;
	}

	.tooth-welcome--description{
		/*width:90%;
		width:80%;
		order:1;
		position:static;
		transform:initial;
		margin:0 auto;*/
	}

	.tooth-welcome--description h2,
	.tooth-pages[data-slide="1"] .tooth-welcome--description h2{
		font-size:30px;
		line-height:30px;
	}

	.tooth-info--pinpoint {
	    width: 30px;
	    height: 30px;
	}
  .myth-page[data-section="9"] .myth-page--container {
    padding: 5vh 2vh;
}
.references-details li p, .references-details li a {font-size:16px;margin-bottom:5px;}
.references-details li{font-size:16px;}


}
@media(max-width:600px){
  .kyg-slide--content {height: 90vh;padding-top: 80px;}
  .tooth-welcome--description {bottom: 65vh;}
  .tooth-info--box { /*width: 150%; margin-left: -25%;*/ }
  .instruction-mobile{font-size:18px;}
  .listen-description {width: 100%;/*margin-top: -10vh;*/}
  .listen-headline-right {padding-left:0; display:inline-block;}
  .circle-line-anim[data-headline="listen"] {position:static;}
  .listen-cta{margin:0 auto; float: left;}

  .listen-description{position:static;}

}
@media(max-width:500px){
  .know--char-anim-container{margin-top: -13%;}
	.tooth-pages[data-step="0"] {margin-top:39%;}
  .tooth-welcome--description {bottom: 61vh;}
  .kyg-char[data-char-facing="right"] {bottom: 30vh;}
  .tooth-info--bracket[data-pin="6"] img{height:43vw;}
  .tooth-info--bracket[data-pin="1"] img{height:22vw;}
	.highlight--container .headline-text h2{font-size:32px;}
  .highlight--container .circle-line-anim {width: 50px; top: -9px; right: -60px;}
  .circle-line-anim[data-headline="locator"] {top: -9px;width: 50px;right: 22px;}
  .circle-line-anim{/*display:none;*/}
	.listen--char-anim-container{height:170px;}
  .bathtub-products-right img {right:0%;}
  .bathtub-products-left {display:none;}
  .product-systema{display:block; margin-bottom:5vh; margin-top:1vh;}
  .product-systema img{width:30%; display:block; margin:0 auto;}
  .products-container{padding-bottom:24vh;}
}
@media(max-width:460px){
  .kyg-char[data-char-facing="right"] {bottom: 21vh;}
  .circle-line-anim[data-headline="locator"] {top: -23px;}
	.tooth-info--pinpoint[data-pin="3"] .tooth-info--content .tooth-info--box span{
		letter-spacing:-0.5px;
	}
}
@media(max-width:450px){
	.tooth-welcome--object {position:absolute; bottom:0;}
	.kyg-slide--content {height:90vh;}
}

@media(max-width:380px){
	.kyg-slide--content {height:100vh;}
}
/*-------hard fixes for small screen---------*/


@media(max-height: 800px) and (min-width: 1000px){
	.container, .products-item-container{transform:scale(0.9);}
	.product .wrapper {padding-top: 7%;}
	.bathtub-products-left img{bottom: 13px;left: 8%;}
	.bathtub-products-right img{bottom: 13px;right: 15%;}
	.bathtub-products-left img{bottom: 38px;left:22%;transform: translateX(-50%) scale(0.8);}
	.bathtub-products-right img{bottom: 38px;right:25%;transform: translateX(50%) scale(0.8);}
	.highlight--container .container{margin-top:-15px;}
  .listen--char-anim {left: -24vw;}
}
@media(max-height: 800px) and (min-width: 1500px){
.listen--char-anim {left: -30vw;}
}
@media(max-height: 700px) and (min-width: 1500px){
.listen--char-anim {left: -30vw;}
}
@media(max-height: 700px) and (min-width: 1000px){
  .container, .products-item-container{transform:scale(0.8);}
	.product .wrapper {padding-top: 5%;}
	.bathtub-products-left img{bottom: 13px;left: 8%;transform: translateX(-50%) scale(0.8);}
	.bathtub-products-right img{bottom: 13px;right: 15%;transform: translateX(50%) scale(0.8);}
	.highlight--container {padding-top: 65px;}
	.highlight--container .container{margin-top:-65px;}
  .myth-page[data-section="9"] .myth-page--container{margin-top:8vh;padding: 2vh 10vh;}
  .tooth-info--content.double_content { top: -39vh; left: -9vw;}

  .myth-section--label h2{ font-size:110px; }
}

/*-----slider last next button hack------*/
.kyg-slider-nextsecbtn.kyg-slider-nav--next{display:none !important;}
.kyg-slider-nextsecbtn.kyg-slider-nav--next.slick-disabled{display:block !important;}
.kyg-slider-nextsecbtn.kyg-slider-nav--next a{padding:0; margin:0; text-decoration:none; border:0;}
.kyg-slider-nextsecbtn.kyg-slider-nav--next a .next-sec-desc{ position:absolute; right: 40px; margin-top: 10px;font-size: 16px;line-height: 1.1em;width: 140px;color: #464647; text-align:center;}

@media(max-width:500px){
  .kyg-slider-nextsecbtn.kyg-slider-nav--next a .next-sec-desc{right: -1px;margin-top: 73px;font-size: 14px;line-height: 1.1em;width: 75px;}
  }




  /*------- New header and footer ------ */
  @-moz-keyframes fadeleft {
    0% {
        transform: translate(-400%);
        opacity: 0
    }

    80% {
        transform: translate(20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeleft {
    0% {
        transform: translate(-400%);
        opacity: 0
    }

    80% {
        transform: translate(20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes fadeleft {
    0% {
        transform: translate(-400%);
        opacity: 0
    }

    80% {
        transform: translate(20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeleft {
    0% {
        transform: translate(-400%);
        opacity: 0
    }

    80% {
        transform: translate(20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-moz-keyframes faderight {
    0% {
        transform: translate(400%);
        opacity: 0
    }

    80% {
        transform: translate(-20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes faderight {
    0% {
        transform: translate(400%);
        opacity: 0
    }

    80% {
        transform: translate(-20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes faderight {
    0% {
        transform: translate(400%);
        opacity: 0
    }

    80% {
        transform: translate(-20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes faderight {
    0% {
        transform: translate(400%);
        opacity: 0
    }

    80% {
        transform: translate(-20px)
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-moz-keyframes floating {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes floating {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@-o-keyframes floating {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes floating {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}


@-moz-keyframes slideIn {
    0% {
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes slideIn {
    0% {
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes slideIn {
    0% {
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes slideIn {
    0% {
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}


header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 80px;
    transition: all .2s ease
}
header a{
	font-family: 'Helvetica-Neue-Condensed-Black';
	text-decoration: none;
}

@media screen and (min-width: 1440px) {
    header {
        height:100px
    }
}

header.white-background {
    transition: all .2s ease;
    background: rgba(255, 255, 255, 0.5);
}

header .relative {
    height: 100%
}

header .flex-wrapper {
    padding-right: 20px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width: 1440px) {
    header .flex-wrapper {
        padding-right:50px
    }
}

header .lion-logo {
    height: 100%;
    max-width: 60px
}

@media screen and (min-width: 1440px) {
    header .lion-logo {
        max-width:100px
    }
}

header .lion-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

header .systema-logo {
    max-width: 180px;
    height: 100%
}

@media screen and (min-width: 1440px) {
    header .systema-logo {
        max-width:250px
    }
}

header .systema-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

header .burger-menu {
    cursor: pointer
}

header .burger-menu .menu-wrapper {
    width: 30px
}

@media screen and (min-width: 1440px) {
    header .burger-menu .menu-wrapper {
        width:40px
    }
}

header .burger-menu .menu-wrapper span {
    display: block;
    background-color: #001583;
    height: 5px;
    margin-top: 4px
}

@media screen and (min-width: 1440px) {
    header .burger-menu .menu-wrapper span {
        height:7px;
        margin-top: 6px
    }
}

header .burger-menu .menu-wrapper span:first-child {
    margin-top: 0
}

header #burgerMenu {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #28282887
}

header #burgerMenu .white-menu {
    transform: translate(100%);
    background-color: #fff;
    max-width: 400px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

header #burgerMenu .white-menu .close-wrapper {
    padding: 0 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media screen and (min-width: 1440px) {
    header #burgerMenu .white-menu .close-wrapper {
        padding:0 50px;
        height: 100px
    }
}

header #burgerMenu .white-menu .close-wrapper #closeMenuBtn {
    cursor: pointer;
    width: 35px;
    height: 35px;
    position: relative
}

@media screen and (min-width: 1440px) {
    header #burgerMenu .white-menu .close-wrapper #closeMenuBtn {
        width:40px;
        height: 40px
    }
}

header #burgerMenu .white-menu .close-wrapper #closeMenuBtn span {
    position: absolute;
    width: 100%;
    height: 7px;
    background-color: #001583;
    display: block;
    top: 50%;
    left: 0
}

header #burgerMenu .white-menu .close-wrapper #closeMenuBtn span:first-child {
    transform: rotate(45deg)
}

header #burgerMenu .white-menu .close-wrapper #closeMenuBtn span:last-child {
    transform: rotate(-45deg)
}

header #burgerMenu .white-menu nav {
    padding-top: 80px
}

@media screen and (min-width: 1440px) {
    header #burgerMenu .white-menu nav {
        padding-top:100px
    }
}

header #burgerMenu .white-menu nav ul {
    padding: 0;
    list-style-type: none
}

header #burgerMenu .white-menu nav ul li {
    padding: 15px 0
}

header #burgerMenu .white-menu nav ul li a {
    padding: 0 30px;
    font-weight: 900;
    font-size: 30px;
    line-height: 1em;
    color: #00c3b4;
    border-left: 8px #fff solid;
	text-decoration: none;
}

header #burgerMenu .white-menu nav ul li a.active {
    border-left: 8px #00c3b4 solid
}

header #burgerMenu.active .white-menu {
    animation: slideIn .3s forwards ease-out
}


.content-wrapper {
    max-width: 1440px;
    margin: auto;
    padding: 0 20px;
}
footer{
    background-color:#001583!important;
    padding:80px 0 40px
}
footer a:hover{
    text-decoration:underline
}

footer a{
	text-decoration: none;
    color: #fff;
}
footer h3{
    color:#fff;
    font-size:24px
}
footer .footer-flex{
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-direction:column
}
.flex {
    display: flex;
}

.icon-flex{
    gap:15px
}
.icon-flex .icon-wrapper{
    width:40px;
    height:40px
}
.icon-flex a{
    transition:.3s ease
}
@media screen and (min-width: 1440px){
    .icon-flex a:hover{
        transform:rotate(15deg);
        transition:.3s ease
    }
}
.links-wrapper{
    color:#fff;
    font-size:14px;
    margin-top:30px
}
.copy-wrapper{
    color:#fff;
    margin-top:20px;
    font-size:10px
}

.copy-wrapper span{
	color:#fff;
    margin-top:20px;
    font-size:10px
}

@media screen and (max-width: 580px) {
	.copy-wrapper{
		display: block;
	}
}