/*
::Table Of Content

1.) @FontFace Style
2.) Global TypoGraphy
	2.1) Body Copy
	2.2) Global Heading Elements
	2.3) Inline Text Elements
	2.4) Alignment Classes
	2.5) Address css
	2.6) Global List
	2.7) Global List
3.) Forms Element
4.) Button & Link Element
5.) Helping Classes
	5.1) Clear Style
	5.2) Global Sprite Icon Style
	5.3) Global Show Mobile Style
	5.4) Float Style
	5.5) Width Style
6.) Header Section
7.) Footer Section
8.) Content Section
9.) Responsive CSS
	9.1) Media query only for desktop
	9.2) Media query for Ipad and below
	9.3) Media query only for Ipad Portrate and below
	9.4) Media query only for Ipad
	9.5) Media query only for Ipad Landscape
	9.6) Media query only for Ipad Portrate
	9.7) Media query for Iphone
	9.8) Media query for Iphone Landscape
	9.9) Media query for Iphone Portrate
*/

/*1.) @FontFace Style*/

/*1.) @FontFace Style End*/

/*2.) Global TypoGraphy*/

/*2.1) Body Copy*/

/* body{
	background: url(../images/adults-responder-m.jpg)no-repeat top center ;
}  */

html.hideScroll {
	position: relative;
	overflow-y: scroll;
	height: 100%;
}

.hideScroll body {
	position: relative;
	overflow: hidden;
	height: 100%;
}

body {
	color: #424242;
	font-size: 15px;
	font-family: ingra, sans-serif;
	font-weight: 200;
	line-height: 1.534;
}

body.termin {
	background-color: #f8f7f6;
}

body.pp-page {
	background-color: #f8f8f7;
}

#wrapper {
	overflow: hidden;
}

p {
	/* text-align: justify; */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-bottom: 25px;
}

p:last-child {
	margin-bottom: 0px;
}

/*2.1) Body Copy End*/

.kids-main p strong {
	font-weight: 500;
}

.kids-main h1, .kids-main h2, .kids-main h3, .kids-main h4, .kids-main h5, .kids-main h6 {
	font-family: "sofia-pro-soft", sans-serif;
	letter-spacing: -.8px;
	line-height: 1;
}

.kids-main h1, .kids-main h2 {
	font-size: 55px;
	font-weight: 300;
	margin-bottom: 40px;
}

.kids-main h1 strong, .kids-main h2 strong {
	display: block;
	color: #86cedb;
	font-weight: 700;
}

.kidsText, .kidsBigText {
	display: block;
	font-family: "hilde-sharp", sans-serif;
	font-size: 50px;
	font-weight: 400;
	line-height: 0.9;
	color: #e1ccab;
}

.kidsBigText {
	font-size: 90px;
	line-height: 1;
	letter-spacing: 2px;
}

.kids-main h1.big, .kids-main h2.big {
	font-size: 80px;
	line-height: 0.9;
	margin-left: -5px;
	margin-bottom: 40px;
}

.kids-main h3, .adults-main h3 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.05;
}

.kids-main h4, .adults-main h4 {
	font-size: 30px;
	font-weight: 500;
}

.kids-main h5, .adults-main h5 {
	font-size: 25px;
	font-weight: 300;
	letter-spacing: -0.4px;
	line-height: 1.2;
	margin-bottom: 22px;
}

.kids-main h6, .adults-main h6 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 10px;
}

.adults-main h1, .adults-main h2, .adults-main h3, .adults-main h4, .adults-main h5, .adults-main h6 {
	font-family: "sofia-pro", sans-serif;
}

.adults-main h1, .adults-main h2 {
	font-size: 70px;
	line-height: 0.929;
	letter-spacing: -.8px;
	margin-bottom: 30px;
}

.adults-main h1 strong, .adults-main h2 strong {
	display: block;
	font-weight: 700;
	color: #e1ccab;
}

.adults-main h1.mid, .adults-main h2.mid {
	font-size: 55px;
	line-height: 1;
}

.adults-main h4 {
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.8px;
}

.adults-main p {
	color: #838383;
}

/*2.2) Global Heading End*/

/*2.3) Inline Text Elements*/

img {
	max-width: 100%;
	height: auto;
	display: block;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup {
	vertical-align: top;
	font-size: 35px;
}

/*2.3) Inline Text Elements End*/

/*2.4) Alignment Classes*/

.align-center {
	text-align: center;
}

.align-center p {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

/*2.4) Alignment Classes End*/

/*2.5) Address css*/

address {}

/*2.5) Address css End*/

/*2.6) Global List*/

.default {
	font-size: 3em;
	line-height: 2;
	margin-bottom: 60px;
}

.default li {
	position: relative;
	padding-left: 12px;
}

.default li:before {
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 16px;
	background: #000;
	content: "";
	border-radius: 50%;
}

/*2.6) Global List*/

/*2.7) Global List*/

.flex {
	display: flex;
}

.v-center-flex {
	display: flex;
	align-items: center;
}

.v-bottom-flex {
	display: flex;
	align-items: flex-end;
}

.v-top-flex {
	display: flex;
	align-items: flex-start;
}

.hv-center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.space-between-flex {
	display: flex;
	justify-content: space-between;
}

.two-col, .three-col {
	display: flex;
}

.three-col p {
	text-align: justify;
}

.two-col>div {
	width: 50%;
}

.three-col>div {
	width: 33.333%;
}

/*2.7) Global List*/

/*2.) Global TypoGraphy End*/

/*3.) Forms Element*/

.form-group {
	display: flex;
	align-items: center;
}

.form-group label {
	flex: 0 0 auto;
	padding-right: 14px;
	padding-bottom: 0;
}

label {
	display: block;
	font-size: 15px;
	font-family: ingra, sans-serif;
	font-weight: 400;
	padding-bottom: 10px;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #b9b8b6;
	opacity: 1;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #b9b8b6;
	opacity: 1;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: #b9b8b6;
	opacity: 1;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #b9b8b6;
	opacity: 1;
}

input, textarea, select {
	outline: none;
	-webkit-appearance: none;
	background: #fff;
	border: none;
	font-family: ingra, sans-serif;
	font-weight: 200;
	font-size: 15px;
	border-radius: 5px;
	padding: 5px 15px;
	color: #424242;
	height: 44px;
	width: 100%;
}

textarea {
	padding: 10px 15px;
	width: 100%;
	height: 235px;
	resize: none;
}

select {
	outline: none;
	font-family: inherit;
	/* background      : url(../images/select-arrow.png) no-repeat; */
	background-position: center right 10px;
	background-size: 10px 6px;
	padding-right: 30px;
	cursor: pointer;
}

.yes-no {
	float: right;
	cursor: pointer;
	margin-right: 4px;
}

.yes-no input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.yes-no span {
	background: #b8bab5;
	border-radius: 36px;
	display: block;
	width: 65.5px;
	height: 34.5px;
	position: relative;
	transition: all .3s ease;
}

.yes-no input:checked~span {
	background: #99d531;
}

.yes-no span:after {
	content: '';
	background: #fff;
	border-radius: 100%;
	width: 29.5px;
	height: 28.5px;
	position: absolute;
	left: 4px;
	top: 3px;
	transition: all .3s ease-in;
}

.yes-no input:checked~span:after {
	left: 33px;
}

.terms-accept, .c-radio {
	position: relative;
	font-weight: 300;
	padding-left: 34px;
	color: rgba(66, 66, 66, 0.5);
	cursor: pointer;
}

.c-radio {
	padding-left: 32px;
	line-height: 1.6;
	color: #fff;
	padding-bottom: 0;
}

.terms-accept a {
	text-decoration: underline;
}

.add-design {
	/* display: inline-block; */
	text-decoration: underline;
	font-weight: 500;
}

.terms-accept a:hover {
	color: #000;
}

.terms-accept input, .c-radio input {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.terms-accept span, .c-radio span {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	position: absolute;
	left: 0;
	top: -1px;
	background-color: #fff;
}

.c-radio span {
	background: rgba(255, 255, 255, .3);
	border: none;
	top: 0;
}

.terms-accept span::before, .c-radio span::before {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #424242;
	opacity: 0;
	content: "";
	position: absolute;
}

.terms-accept input:checked~span:before, .c-radio input:checked~span:before {
	opacity: 1;
}

input.ng-invalid.ng-touched, select.ng-invalid.ng-touched {
	background: rgba(255, 0, 0, .2) !important;
}

.terms-accept input.ng-invalid.ng-touched~span {
	background: rgba(255, 0, 0, .2) !important;
}

.c-radio input.ng-invalid.ng-touched~span {
	background: rgba(255, 0, 0, .2);
}

button {
	font-family: inherit;
	font-size: 15px;
	background: none;
	border: none;
	cursor: pointer;
	transition: all .5s ease;
	text-align: left;
	width: 197px;
	height: 56px;
}

.resTick {
	margin: 6px auto 0;
	width: 50px;
	display: block;
}

/*3.) Forms Element End*/

/*4.) Button & Link Element*/

a {
	cursor: pointer;
	transition: all .5s ease;
	color: inherit;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.btn+.btn {
	margin-right: 10px;
}

/*4.) Button & Link Element End*/

/*5.) Helping Classes*/

.dshow {
	display: none;
}

.full-width, .full-width img {
	width: 100%;
}

/*5.1) Clear Style*/

.cursor {
	cursor: pointer;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
	/* For IE 6/7 (trigger hasLayout) */
}

.clear {
	clear: both;
}

/*5.1) Clear Style End*/

/*5.2) Global Sprite Icon Style*/

[class^="icon-"], .after-icon:after, .before-icon:before {
	background: url(../images/sprite.png) no-repeat;
	background-size: 350px auto;
}

.after-icon:after, .before-icon:before {
	content: '';
	position: absolute;
	left: 0px;
}

.after-icon:after {
	left: auto;
	right: 0px;
}

.blue-btn, .brown-btn {
	border-radius: 28px;
	font-weight: 400;
	color: #fff;
	padding: 16px 73px 16px 30px;
	display: inline-block;
	position: relative;
}

.blue-btn:after, .brown-btn:after {
	background-position: -51px 0;
	width: 20px;
	height: 20px;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s ease
}

.blue-btn {
	background: #86cedb;
}

.blue-btn:hover {
	background: #63b8c7;
}

.brown-btn {
	background: #e1ccab;
}

.brown-btn:hover {
	background: #c3a77b;
}

.blue-btn:hover:after, .brown-btn:hover:after {
	right: 25px;
}

.Vline {
	width: 20px;
	position: absolute;
	height: 120px;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.Vline::after {
	content: '';
	width: 2px;
	position: absolute;
	height: 120px;
	background-color: #424242;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-animation: Vline 1s infinite;
	animation: Vline 1s infinite;
}

@-webkit-keyframes Vline {
	0% {
		top: 6px;
	}
	10% {
		top: 6px;
	}
	50% {
		top: 20px;
	}
	60% {
		top: 20px;
	}
	100% {
		top: 6px;
	}
}

@keyframes Vline {
	0% {
		top: 6px;
	}
	10% {
		top: 6px;
	}
	50% {
		top: 20px;
	}
	60% {
		top: 20px;
	}
	100% {
		top: 6px;
	}
}

.bline-btn {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.539;
	font-weight: 700;
	color: #424242;
	position: relative;
	padding-left: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.bline-btn:before {
	content: '';
	position: absolute;
	background: #e1cdab;
	width: 34px;
	height: 10px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s ease;
}

.bline-btn:hover:before {
	left: 5px;
}

/* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	[class^="icon-"], .after-icon:after, .before-icon:before {
		background-image: url(../images/sprite@2x.png);
	}
} */

/* 1.25 dpr */

/* @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	[class^="icon-"], .after-icon:after, .before-icon:before {
		background-image: url(../images/sprite@2x.png);
	}
} */

/* 1.3 dpr */

/* @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
	[class^="icon-"], .after-icon:after, .before-icon:before {
		background-image: url(../images/sprite@2x.png);
	}
} */

/* 1.5 dpr */

/* @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	[class^="icon-"], .after-icon:after, .before-icon:before {
		background-image: url(../images/sprite@2x.png);
	}
} */

/*5.2) Global Sprite Icon Style End*/

/*5.3) Global Show Mobile Style*/

/*5.3) Global Show Mobile Style End*/

/*5.4) Float Style*/

.float-r {
	float: right !important;
}

.float-l {
	float: left !important;
}

/*5.4) Float Style End*/

/*5.5) Width Style*/

.container {
	max-width: 1010px;
	margin: 0 auto;
}

/*5.5) Width Style End*/

/*5.) Helping Classes End*/

/*6.) Header Section Start*/

/*6.) Header Section End*/

/*8) Content Section Start*/

.go-next {
	position: absolute;
	left: 50%;
	bottom: 5.4%;
	width: 23px;
	height: 36px;
	border-radius: 35px;
	border: 2px solid #000;
	transform: translateX(-50%);
	text-indent: -9999px;
	z-index: 2;
}

.go-next:after {
	position: absolute;
	left: 50%;
	top: 6px;
	transform: translateX(-50%);
	background: #000;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.go-next.white {
	border-color: #fff;
}

.go-next.white:after {
	background: #fff;
}

.go-next:hover:after {
	-webkit-animation: goNext 2s infinite;
	animation: goNext 2s infinite;
}

@-webkit-keyframes goNext {
	0% {
		top: 6px;
	}
	10% {
		top: 6px;
	}
	50% {
		top: 20px;
	}
	60% {
		top: 20px;
	}
	100% {
		top: 6px;
	}
}

@keyframes goNext {
	0% {
		top: 6px;
	}
	10% {
		top: 6px;
	}
	50% {
		top: 20px;
	}
	60% {
		top: 20px;
	}
	100% {
		top: 6px;
	}
}

.bubble {
	width: 100%;
	position: relative;
}

.bubble::before, .bubble::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.bubble::after {
	left: auto;
	right: 0;
}

.accordion-panel {
	transition: all .5s ease;
	border-bottom: 1px #d9d9d9 solid;
}

.accordion-panel.active {
	border: none;
	padding: 15px 0 44px;
	margin-bottom: 13px;
}

.kids-main .accordion-panel.active, .adults-main .accordion-panel.active {
	background: #e8f5f7;
	border-radius: 6px;
}

.adults-main .accordion-panel.active {
	background: #f8f8f7;
}

.kids-main .accordion-panel h5 {
	font-weight: 400;
}

.kids-main .accordion-panel.active h5 {
	color: #86cedb;
}

.adults-main .accordion-panel.active h5 {
	color: #e1ccab;
}

.accordion-panel h5:before, .accordion-panel h5:after {
	content: '';
	position: absolute;
}

.accordion-panel h5:before {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
}

.kids-main .accordion-panel h5:before {
	background: #86cedb;
}

.adults-main .accordion-panel h5:before {
	background: #e1ccab;
}

.accordion-panel h5:after {
	border-right: 2px #fff solid;
	border-bottom: 2px #fff solid;
	width: 6px;
	height: 6px;
	right: 60px;
	top: 43%;
	transform: rotate(45deg);
}

.accordion-panel.active h5:after {
	top: 46%;
	transform: rotate(-135deg);
}

.accordion-panel h5 {
	position: relative;
	padding: 18px 85px 21px 47px;
	margin-bottom: 0;
	cursor: pointer;
}

.adults-main .accordion-panel h5 {
	font-weight: 400;
}

.accordion-toggle {
	display: none;
}

.accordion-panel:first-child .accordion-toggle {
	display: block;
}

.accordion-toggle {
	padding: 9px 47px;
}

.bubble-anim:before, .bubble-anim:after {
	border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%;
	animation: bubbleAnim 12s infinite;
	animation-timing-function: ease-in-out;
}

@keyframes bubbleAnim {
	20% {
		border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%;
	}
	40% {
		border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%;
	}
	40% {
		border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%;
	}
	80% {
		border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%;
	}
}

/*8) Content Section End*/

/* 9.) Responsive CSS Start */

/*
-------------------------------------------
9.1) Media query only for desktop
-------------------------------------------
*/

@media (min-width:1026px) {}

/*
-------------------------------------------
9.2) Media query for Ipad and below
-------------------------------------------
*/

@media(max-width:1100px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.accordion-panel h5 {
		padding-left: 25px;
		padding-right: 50px;
	}
	.accordion-panel h5:before {
		right: 20px;
	}
	.accordion-panel h5:after {
		right: 31px;
	}
	.accordion-toggle {
		padding: 9px 25px;
	}
}

@media (min-width:768px) and (max-width:1100px) {
	.tabletFullImage {
		position: relative;
		overflow: hidden;
		height: 100vh;
	}
	.tabletFullImage img {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: none;
		height: 100%;
		width: auto;
		bottom: auto;
	}
}

/*
-------------------------------------------
9.3) Media query only for Ipad Portrate and below
-------------------------------------------
*/

@media (max-width:950px) {
	.kids-main h1, .kids-main h2, .adults-main h1.mid, .adults-main h2.mid {
		font-size: 42px;
	}
	.kids-main h1.big, .kids-main h2.big {
		font-size: 50px;
	}
	.kidsBigText {
		font-size: 60px;
	}
}

/*
-------------------------------------------
9.4) Media query only for Ipad
-------------------------------------------
*/

@media (min-width:768px) and (max-width:1024px) {}

/*
-------------------------------------------
9.5) Media query only for Ipad Landscape
-------------------------------------------
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/*
-------------------------------------------
9.6) Media query only for Ipad Portrait
-------------------------------------------
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

/*
-------------------------------------------
9.7) Media query for Iphone
-------------------------------------------
*/

@media (max-width:767px) {
	body {
		font-size: 14px;
		line-height: 1.5;
	}
	.kids-main h1, .kids-main h2, .adults-main h1, .adults-main h2, .adults-main h1.mid, .adults-main h2.mid {
		font-size: 41px;
		margin-bottom: 40px;
	}
	.adults-main h1, .adults-main h2 {
		margin-bottom: 22px;
	}
	.adults-main h5 br {
		display: none;
	}
	.kidsText, .kidsBigText {
		letter-spacing: 1px;
		font-size: 31.64px;
		line-height: 1;
	}
	.kidsBigText {
		font-size: 47px;
		line-height: 1;
	}
	.kids-main h1.big, .kids-main h2.big {
		font-size: 41px;
		line-height: 1;
		margin-left: -2px;
	}
	.kids-main h3 {
		font-size: 31.64px;
		line-height: 1.2;
	}
	.adults-main h5 {
		margin-bottom: 25px;
	}
	.kids-main h4, .adults-main h4 {
		font-size: 25.78px;
	}
	.kids-main h5, .adults-main h5 {
		font-size: 21px;
		margin-bottom: 18px;
	}
	.kids-main h6 {
		font-size: 21px;
	}
	.float-r, .float-l {
		float: none;
	}
	.flex, .v-center-flex, .v-bottom-flex, .v-top-flex, .hv-center-flex {
		flex-direction: column;
	}
	.container {
		padding-left: 35px;
		padding-right: 35px;
	}
	input, textarea {
		font-size: 16px;
		height: 42px;
	}
	textarea {
		height: 220px;
	}
	sup {
		font-size: 26px;
	}
	.form-group {
		flex-direction: column;
		align-items: flex-start;
	}
	.form-group label {
		flex: 1;
		padding-right: 0;
		padding-bottom: 4px;
	}
	label {
		font-size: 14px;
	}
	.go-next, .Vline {
		display: none;
	}
	.terms-accept {
		font-size: 12.89px;
		line-height: 1.27;
		padding-left: 30px;
	}
	.dshow {
		display: inline;
	}
	.two-col, .three-col {
		flex-direction: column;
	}
	.two-col>div, .three-col>div {
		width: 100%;
	}
	.accordion-panel.active {
		padding: 2px 0 30px;
	}
	.accordion-panel h5 {
		font-size: 18.75px;
		margin-bottom: 0;
		padding: 20px 58px 23px 20px;
	}
	.accordion-toggle {
		padding: 0 20px;
	}
	.bline-btn {
		font-size: 12px;
		padding-left: 45px;
	}
	.bline-btn::before {
		width: 32px;
		height: 10px;
	}
}

/*
-------------------------------------------
9.8) Media query for Iphone Landscape
-------------------------------------------
*/

@media (max-width: 900px) and (orientation: landscape) {}

/*
-------------------------------------------
9.9) Media query for Iphone Portrate
-------------------------------------------
*/

@media (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {}

/* 9.) Responsive CSS End */