/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden */

html,
body,
div,
h1,
h2,
h3,
h4,
p,
a,
ul,
li,
form,
article,
footer,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
footer,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ul {
	list-style: none
}

*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:focus {
	outline: none
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

@-webkit-viewport {
	width: device-width
}

@-moz-viewport {
	width: device-width
}

@-ms-viewport {
	width: device-width
}

@-o-viewport {
	width: device-width
}

@viewport {
	width: device-width
}

html {
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: #ffffff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 100%;
	font-family: "Raleway", sans-serif;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: auto;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.subpage-margin-top {
	pointer-events: none;
	height: 250px
}

@media screen and (max-width:1024px) {
	.subpage-margin-top {
		height: 225px
	}
}

@media screen and (max-width:668px) {
	.subpage-margin-top {
		height: 125px
	}
}

body:after {
	content: '320';
	display: none
}

a {
	color: #000000;
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

a:hover {
	color: #9d9c9c;
	text-decoration: underline
}

a.get-started {
	background: linear-gradient(
		to right,
		rgb(129, 194, 255) 0%,
		rgb(164, 200, 225) 40%,
		rgb(244, 182, 176) 60%,
		rgb(255, 137, 129) 100%
	);
	font-weight: 400;
	color: #ffffff;
	border-radius: 5px;
	padding: 18px 20px 18px 45px;
	position: relative;
	display: inline-block;
	text-decoration: none
}

button {
	color: #000000;
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

button:hover {
	color: #9d9c9c;
	text-decoration: underline
}

button.button {
	background-color: #000000;
	color: #fff;
	font-size: 18px;
	font-family: "Poppins";
	font-weight: 400;
	box-shadow: none;
	-webkit-appearance: none;
	padding: 21px 20px 20px 20px;
	line-height: 21px;
	border-radius: 5px;
	text-decoration: none;
	min-width: 300px;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: none
}

button.button:hover {
	background-color: #80868b;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

button.button:disabled {
	cursor: default;
	color: #A8B1B5;
	background-color: #E5E8E9
}

p {
	line-height: 1.5em;
	margin-bottom: 1.5em
}

h1,
h2,
h3,
h4 {
	line-height: 1.25em
}

h1 {
	font-family: "Poppins";
	font-size: 57px;
	font-weight: 200
}

@media screen and (max-width:668px) {
	h1 {
		font-size: 41px
	}
}

h2 {
	font-family: "Poppins";
	font-weight: 200;
	font-size: 57px;
	padding-bottom: .5em
}

@media screen and (max-width:668px) {
	h2 {
		font-size: 36px
	}
}

h3 {
	font-family: "Poppins";
	font-weight: 700;
	font-size: 30px
}

h4 {
	font-family: "Raleway";
	font-weight: bold;
	font-size: 20px
}

.footer {
	background-color: #80868b
}

.footer footer {
	color: #fff;
	padding-top: 120px;
	padding-bottom: 120px;
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	-ms-grid-columns: repeat(12, 1fr);
	grid-template-columns: repeat(12, 1fr)
}

@media screen and (max-width:668px) {
	.footer footer {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

.footer footer .logo {
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 1/4;
	grid-row: 1/2
}

@media screen and (max-width:668px) {
	.footer footer .logo {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 1/2;
		text-align: center
	}
}

.footer footer .logo svg {
	display: inline-block;
	margin-bottom: 1em
}

.footer footer .information {
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-column: 1/7;
	grid-row: 2/3;
	max-width: 100%
}

@media screen and (max-width:668px) {
	.footer footer .information {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 2/3;
		text-align: center;
		margin-bottom: 1em
	}
}

.footer footer .information p {
	padding-bottom: 2em
}

.footer footer .sitemap {
	-ms-grid-column: 9;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-column: 9/11;
	grid-row: 2/3
}

@media screen and (max-width:668px) {
	.footer footer .sitemap {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 3/4;
		text-align: center;
		margin-bottom: 1em
	}
}

.footer footer .support {
	-ms-grid-column: 11;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-column: 11/13;
	grid-row: 2/3
}

@media screen and (max-width:668px) {
	.footer footer .support {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 4/5;
		text-align: center;
		margin-bottom: 1em
	}
}

.footer footer ul li {
	margin-bottom: 10px
}

.footer footer ul li a {
	color: #fff
}

.footer footer ul li a:hover {
	text-decoration: none;
	color: #000000
}

section {
	margin: 0 auto
}

section.wide {
	width: 100%;
	max-width: 1340px;
	padding-left: 25px;
	padding-right: 25px
}

@media screen and (max-width:668px) {

	section.wide {
		padding-left: 25px;
		padding-right: 25px
	}
}

.big-area-text .text-divider {
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	-ms-grid-columns: repeat(12, 1fr);
	grid-template-columns: repeat(12, 1fr);
	padding-top: calc(120px + 60px);
	padding-bottom: calc(120px + 60px + 40px)
}

@media screen and (max-width:1024px) {
	.big-area-text .text-divider {
		padding-top: calc(120px);
		padding-bottom: calc(120px + 40px)
	}
}

@media screen and (max-width:668px) {
	.big-area-text .text-divider {
		padding-top: calc(60px);
		padding-bottom: calc(60px + 40px)
	}
}

.big-area-text .text-divider .left {
	-ms-grid-column: 2;
	-ms-grid-column-span: 5;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 2/7;
	grid-row: 1/2
}

.big-area-text .text-divider .right {
	-ms-grid-column: 7;
	-ms-grid-column-span: 5;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 7/12;
	grid-row: 1/2
}

.big-area-text .text-divider p {
	padding-bottom: 2em
}

@media screen and (max-width:1024px) {
	.big-area-text .text-divider.text-left .left {
		-ms-grid-column: 2;
		-ms-grid-column-span: 7;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 2/9;
		grid-row: 1/2
	}

	.big-area-text .text-divider.text-left .right {
		-ms-grid-column: 9;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 9/12;
		grid-row: 1/2
	}
}

@media screen and (max-width:769px) {
	.big-area-text .text-divider.text-left .left {
		-ms-grid-column: 2;
		-ms-grid-column-span: 10;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 2/12;
		grid-row: 1/2
	}

	.big-area-text .text-divider.text-left .right {
		-ms-grid-column: 12;
		-ms-grid-column-span: 0;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 12/12;
		grid-row: 1/2
	}
}

@media screen and (max-width:668px) {
	.big-area-text .text-divider.text-left .left {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 1/2
	}

	.big-area-text .text-divider.text-left .right {
		-ms-grid-column: 12;
		-ms-grid-column-span: 0;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 12/12;
		grid-row: 1/2
	}
}

@media screen and (max-width:1024px) {

	.big-area-text .text-divider.text-right .right {
		-ms-grid-column: 5;
		-ms-grid-column-span: 7;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 5/12;
		grid-row: 1/2
	}
}

@media screen and (max-width:769px) {

	.big-area-text .text-divider.text-right .right {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 1/2;
		background-color: rgba(255, 255, 255, 0.5);
		padding-left: 3em;
		padding-right: 3em
	}
}

@media screen and (max-width:668px) {

	.big-area-text .text-divider.text-right .right {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 1/2;
		background-color: rgba(255, 255, 255, 0.5);
		padding-left: 0;
		padding-right: 0
	}
}



.big-area-text.dark-green {
	background: linear-gradient(
		to right,
		rgb(0, 85, 164) 0%,
		rgb(164, 200, 225) 40%,
		rgb(244, 182, 176) 60%,
		rgb(239, 65, 53) 100%
	);
	color: #fff
}

.big-area-text.with-bg {
	background-image: url("../image/background-intro-burb.png");
	background-position: center bottom;
	background-size: cover
}

.infr {
	padding-top: 120px;
	padding-bottom: 120px;
	text-align: center
}

@media screen and (max-width:668px) {
	.infr {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

.infr p {
	padding-bottom: 2em;
	max-width: 40%;
	display: inline-block
}

@media screen and (max-width:1024px) {
	.infr p {
		max-width: 60%
	}
}

@media screen and (max-width:668px) {
	.infr p {
		max-width: 100%
	}
}

nav.site {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	padding-top: 18px;
	position: absolute;
	pointer-events: auto;
	top: 0;
	left: 0;
	width: 100%
}

nav.site .upper {
	padding-bottom: 40px
}

@media screen and (max-width:668px) {
	nav.site .upper {
		display: none
	}
}

nav.site .upper ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end
}

nav.site .upper ul li {
	margin-left: 20px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400
}

nav.site .upper ul li a {
	color: #80868b
}

nav.site .upper ul li a:hover {
	color: #ff6a6a
}

nav.site .middle {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width:769px) {
	nav.site .middle {
		flex-wrap: wrap;
		margin-top: -2em
	}
}

@media screen and (max-width:668px) {
	nav.site .middle {
		margin-top: 10px;
		text-align: left
	}
}

nav.site .middle .logo {
	padding-top: 3px;
	align-content: flex-start;
	width: 25%
}

@media screen and (max-width:769px) {
	nav.site .middle .logo {
		width: 100%
	}
}

nav.site .middle .menu {
	width: 25%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

@media screen and (max-width:769px) {
	nav.site .middle .menu {
		width: 40%
	}
}

@media screen and (max-width:668px) {
	nav.site .middle .menu {
		display: none
	}
}

nav.site.inverted .upper ul li a {
	color: #ffffff
}

nav.site.inverted .upper ul li a:hover {
	color: #ff6a6a
}

.master-index {
	background-image: url("../image/background_index.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	position: relative;
	overflow-x: hidden;

}

@media screen and (max-width:668px) {
	.master-index {
		height: auto;
		padding-bottom: calc(120px + 40px)
	}
}

.hahc {
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100vh;
	align-items: center;
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	-ms-grid-columns: repeat(12, 1fr);
	grid-template-columns: repeat(12, 1fr)
}

@media screen and (max-width:769px) {
	.hahc {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		flex-direction: column
	}
}

@media screen and (max-width:668px) {
	.hahc {
		justify-content: flex-start;
		height: auto;
		display: block;
		margin-top: 175px
	}
}

.hahc .left {
	-ms-grid-column: 1;
	-ms-grid-column-span: 7;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 1/8;
	grid-row: 1/2
}

@media screen and (max-width:769px) {
	.hahc .left {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 1/2;
		text-align: center;
		margin-bottom: 2em
	}
}

@media screen and (max-width:1024px) {
	.hahc .left .content h1 {
		max-width: 80%
	}
}

@media screen and (max-width:769px) {
	.hahc .left .content h1 {
		max-width: 90%;
		text-align: center;
		display: inline-block
	}
}

@media screen and (max-width:668px) {
	.hahc .left .content h1 {
		max-width: 100%;
		padding-bottom: 20px
	}
}

.hahc .left .content p {
	font-size: 20px;
	line-height: 1.5em;
	max-width: 80%;
	font-weight: 200;
	display: inline-block
}

@media screen and (max-width:668px) {
	.hahc .left .content p {
		display: none
	}
}

.hahc .right {
	-ms-grid-column: 8;
	-ms-grid-column-span: 5;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 8/13;
	grid-row: 1/2;
	height: 100%;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	pointer-events: none
}

@media screen and (max-width:769px) {
	.hahc .right {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 2/3;
		height: auto
	}
}

.hahc .right .content {
	text-align: center;
	width: 100%
}

@media screen and (max-width:769px) {
	.hahc .right .content {
		text-align: center
	}
}

.hahc .right .content .search-box {
	pointer-events: auto;
	display: inline-block;
	text-align: left;
	padding-left: 20px;
	min-width: 340px;
	z-index: 10
}

@media screen and (max-width:769px) {
	.hahc .right .content .search-box {
		padding-left: 0px
	}
}

@media screen and (max-width:668px) {
	.hahc .right .content .search-box {
		min-width: 100%
	}
}

.hahc .right .content .search-box h3 {
	font-family: "Poppins";
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 10px
}

@media screen and (max-width:769px) {
	.hahc .right .content .search-box h3 {
		text-align: center
	}
}

.hahc .right .content .search-box input[type="text"] {
	border-radius: 5px;
	width: 100%;
	height: 60px;
	font-family: "Raleway";
	font-size: 20px;
	font-weight: 400;
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
	padding-left: 20px;
	margin-bottom: 20px
}

.hahc .right .content .search-box button.button {
	border-radius: 5px;
	width: 100%;
	height: 60px;
	background: linear-gradient(
		to right,
		rgb(0, 85, 164) 0%,
		rgb(164, 200, 225) 40%,
		rgb(244, 182, 176) 60%,
		rgb(239, 65, 53) 100%
	);
	color: #fff;
	font-size: 18px;
	font-family: "Poppins";
	font-weight: 400;
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
	padding-left: 20px;
	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.hahc .right .content .search-box button.button:hover {
	background-color: #ffffff;
	color: #80868b;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.hahc .rf {
	-ms-grid-column: 8;
	-ms-grid-column-span: 5;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 8/13;
	grid-row: 1/2;
	height: 100%;
	background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.5));
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	z-index: -1
}

@media screen and (max-width:769px) {
	.hahc .rf {
		display: none
	}
}

.hahc .rf:after {
	content: '';
	position: absolute;
	background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.5));
	height: 100%;
	top: 0px;
	right: -200%;
	width: 200%
}

#one {
	-webkit-animation: one 25s ease-in-out infinite alternate;
	-moz-animation: one 25s ease-in-out infinite alternate;
	-ms-animation: one 25s ease-in-out infinite alternate;
	-o-animation: one 25s ease-in-out infinite alternate;
	animation: one 25s ease-in-out infinite alternate
}

@-webkit-keyframes one {
	from {
		-webkit-box-shadow: 0 0 250px 20px #473C78
	}

	to {
		-webkit-box-shadow: 0 0 100px 15px #F72A3B
	}
}

@-moz-keyframes one {
	from {
		-moz-box-shadow: 0 0 250px 20px #473C78
	}

	to {
		-moz-box-shadow: 0 0 100px 15px #F72A3B
	}
}

@-o-keyframes one {
	from {
		-o-box-shadow: 0 0 250px 20px #473C78
	}

	to {
		-o-box-shadow: 0 0 100px 15px #F72A3B
	}
}

@keyframes one {
	from {
		box-shadow: 0 0 250px 20px #473C78
	}

	to {
		box-shadow: 0 0 100px 15px #F72A3B
	}
}

#two {
	width: 90%;
	-webkit-animation: two 4s ease-in-out infinite alternate;
	-moz-animation: two 4s ease-in-out infinite alternate;
	-ms-animation: two 4s ease-in-out infinite alternate;
	-o-animation: two 4s ease-in-out infinite alternate;
	animation: two 4s ease-in-out infinite alternate
}

@-webkit-keyframes two {
	from {
		-webkit-box-shadow: 0 0 250px 20px #18C499
	}

	to {
		-webkit-box-shadow: 0 0 100px 15px #D8F05E
	}
}

@-moz-keyframes two {
	from {
		-moz-box-shadow: 0 0 250px 20px #18C499
	}

	to {
		-moz-box-shadow: 0 0 100px 15px #D8F05E
	}
}

@-o-keyframes two {
	from {
		-o-box-shadow: 0 0 250px 20px #18C499
	}

	to {
		-o-box-shadow: 0 0 100px 15px #D8F05E
	}
}

@keyframes two {
	from {
		box-shadow: 0 0 250px 20px #18C499
	}

	to {
		box-shadow: 0 0 100px 15px #D8F05E
	}
}

#three {
	width: 80%;
	-webkit-animation: three 3s ease-in-out infinite alternate;
	-moz-animation: three 3s ease-in-out infinite alternate;
	-ms-animation: three 3s ease-in-out infinite alternate;
	-o-animation: three 3s ease-in-out infinite alternate;
	animation: three 3s ease-in-out infinite alternate
}

@-webkit-keyframes three {
	from {
		-webkit-box-shadow: 0 0 250px 20px #FFDD00
	}

	to {
		-webkit-box-shadow: 0 0 100px 15px #3E33FF
	}
}

@-moz-keyframes three {
	from {
		-moz-box-shadow: 0 0 250px 20px #FFDD00
	}

	to {
		-moz-box-shadow: 0 0 100px 15px #3E33FF
	}
}

@-o-keyframes three {
	from {
		-o-box-shadow: 0 0 250px 20px #FFDD00
	}

	to {
		-o-box-shadow: 0 0 100px 15px #3E33FF
	}
}

@keyframes three {
	from {
		box-shadow: 0 0 250px 20px #FFDD00
	}

	to {
		box-shadow: 0 0 100px 15px #3E33FF
	}
}

#four {
	width: 70%;
	-webkit-animation: four 4s ease-in-out infinite alternate;
	-moz-animation: four 4s ease-in-out infinite alternate;
	-ms-animation: four 4s ease-in-out infinite alternate;
	-o-animation: four 4s ease-in-out infinite alternate;
	animation: four 4s ease-in-out infinite alternate
}

@-webkit-keyframes four {
	from {
		-webkit-box-shadow: 0 0 250px 20px #781848
	}

	to {
		-webkit-box-shadow: 0 0 100px 15px #F2BBE9
	}
}

@-moz-keyframes four {
	from {
		-moz-box-shadow: 0 0 250px 20px #781848
	}

	to {
		-moz-box-shadow: 0 0 100px 15px #F2BBE9
	}
}

@-o-keyframes four {
	from {
		-o-box-shadow: 0 0 250px 20px #781848
	}

	to {
		-o-box-shadow: 0 0 100px 15px #F2BBE9
	}
}

@keyframes four {
	from {
		shadow: 0 0 250px 20px #781848
	}

	to {
		shadow: 0 0 100px 15px #F2BBE9
	}
}

#five {
	width: 60%;
	-webkit-animation: five 5s ease-in-out infinite alternate;
	-moz-animation: five 5s ease-in-out infinite alternate;
	-ms-animation: five 5s ease-in-out infinite alternate;
	-o-animation: five 5s ease-in-out infinite alternate;
	animation: five 5s ease-in-out infinite alternate
}

@-webkit-keyframes five {
	from {
		-webkit-box-shadow: 0 0 250px 20px #42F2A1
	}

	to {
		-webkit-box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@-moz-keyframes five {
	from {
		-moz-box-shadow: 0 0 250px 20px #42F2A1
	}

	to {
		-moz-box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@-o-keyframes five {
	from {
		-o-box-shadow: 0 0 250px 20px #42F2A1
	}

	to {
		-o-box-shadow: 0 0 100px 15px #F4F6AD
	}
}

@keyframes five {
	from {
		box-shadow: 0 0 250px 20px #42F2A1
	}

	to {
		box-shadow: 0 0 100px 15px #F4F6AD
	}
}

.totxt .content {
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	-ms-grid-columns: repeat(12, 1fr);
	grid-template-columns: repeat(12, 1fr);
	padding-bottom: 120px
}

@media screen and (max-width:1024px) {
	.totxt .content {
		padding-bottom: 120px
	}
}

@media screen and (max-width:668px) {
	.totxt .content {
		padding-bottom: 60px
	}
}

.totxt .content .maintxt {
	-ms-grid-column: 2;
	-ms-grid-column-span: 10;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-column: 2/12;
	grid-row: 1/2;
	z-index: 200;
	background: #fff;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.22));
	padding: 60px;
	margin-bottom: 120px
}

@media screen and (max-width:769px) {
	.totxt .content .maintxt {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/13;
		grid-row: 1/2;
		padding: 30px
	}
}

@media screen and (max-width:668px) {
	.totxt .content .maintxt {
		flex-wrap: wrap;
		padding: 60px 30px 60px 30px
	}
}

.totxt .content .maintxt .text {
	padding-bottom: 1em
}

.totxt .content .maintxt .text h2 {
	font-family: "Poppins";
	font-weight: 900;
	font-size: 30px
}

.totxt .content .maintxt .text p {
	font-size: 18px
}