/*
	CSS file for 
*/


/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	body {
		font-family: 'Plus Jakarta Sans';
		background: #fff;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	a img {
		border: 0;
	}

	a {
		cursor: pointer;
	}
	
	a,
	svg,
	path,
	button {
		transition: all ease 0.4s;
	}
	
	.container {
		padding: 0 160px;
	}	

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

	[data-aos="fade-up"] {
		-webkit-transform: translate3d(0px, 15px, 0px);
		transform: translate3d(0px, 15px, 0px);
	}

	[data-aos="fade-up"].aos-animate {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	[data-aos="fade-right"] {
		-webkit-transform: translate3d(-15px, 0px, 0px);
		transform: translate3d(-15px, 0px, 0px);
	}

	[data-aos="fade-right"].aos-animate {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	
	
/*	Header
-------------------------------------------*/
	
	header {
		z-index: 100;
		top: 0px;
		left: 0px;
		right: 0px;
		display: flex;
		position: fixed;
		background: rgba(255, 255, 255, 0.75);
		border-bottom: 1px solid rgba(135, 131, 168, 0.25);
		backdrop-filter: blur(5px);
		-wekbit-backdrop-filter: blur(5px);
	}

		header .logo {
			display: flex;
			align-items: center;
			width: 290px;
			box-sizing: border-box;
		}

			header .logo img {
				display: block;
				margin-left: 70px;
			}

		header nav {
			width: calc(100% - 290px);
			box-sizing: border-box;
		}

		header nav ul {
			display: flex;
			justify-content: flex-end;
			list-style: none;
		}

			header nav > ul > li {
				border-left: 1px solid rgba(135, 131, 168, 0.25);
			}

				header nav > ul > li > a {
					display: flex;
					align-items: center;
					justify-content: center;
					color: #8783A8;
					font-size: 15px;
					font-weight: 600;
					line-height: 23px;
					text-decoration: none;
					padding: 0 40px;
					height: 108px;
					border-top: 5px solid transparent;;
					border-bottom: 5px solid transparent;
					box-sizing: border-box;
				}

					header nav > ul > li > a:hover /*,
					header nav > ul > li.current-menu-item > a,
					header nav > ul > li.current-menu-parent > a */ {
						border-bottom-color: #4400A2;
					}

						header nav > ul > li.red > a:hover /*,
						header nav > ul > li.red.current-menu-item > a,
						header nav > ul > li.red.current-menu-parent > a */ {
							border-bottom-color: #FD2E74;
						}

						header nav > ul > li.purple > a:hover /*,
						header nav > ul > li.purple.current-menu-item > a,
						header nav > ul > li.purple.current-menu-parent > a*/ {
							border-bottom-color: #723FB9;
						}

					header nav > ul > li > a > span {
						display: inline-block;
					}

					header nav > ul > li > .sub-menu {
						top: calc(100% + 12px);
						width: 268px;
						padding: 23px 0;
						background: rgba(255, 255, 255, 0.85);
						border: 1px solid rgba(135, 131, 168, 0.25);
						border-radius: 10px;
						position: absolute;
						-wekbit-backdrop-filter: blur(5px);
						backdrop-filter: blur(5px);
					}

						header nav > ul > li > .sub-menu:before {
							content: "";
							height: 12px;
							left: 0px;
							right: 0px;
							bottom: 100%;
							position: absolute;
						}

						header nav > ul > li > .sub-menu {
							display: block;
							opacity: 0;
							visibility: hidden;
							transform: translate3d(0px, 15px, 0px);
							transition: all ease 0.3s;
						}

							header nav > ul > li:hover > .sub-menu {
								opacity: 1;
								visibility: visible;
								transform: translate3d(0px, 0px, 0px);
							}

						header nav > ul > li > .sub-menu li a {
							display: block;
							color: #8783A8;
							font-size: 15px;
							font-weight: 500;
							line-height: 19px;
							text-decoration: none;
							padding: 5px 32px 7px 32px;
							box-sizing: border-box;
							transition: all ease 0.3s;
							position: relative;
						}

							header nav > ul > li > .sub-menu li a:before {
								content: "";
								top: 0px;
								left: 0px;
								right: 0px;
								bottom: 0px;
								opacity: 0;
								position: absolute;
								transition: all ease 0.3s;
							}

								header nav > ul > li.red > .sub-menu li a:before {
									background-image: linear-gradient(90deg, rgba(253,46,116,0.14) 2%, rgba(252,223,234,0.15) 100%);
								}

								header nav > ul > li.purple > .sub-menu li a:before {
									background-image: linear-gradient(90deg, rgba(171,115,221,0.19) 1%, rgba(114,63,185,0.00) 100%);
								}

								header nav > ul > li > .sub-menu li a:hover:before {
									opacity: 1;
								}

				@media (min-width: 1024px)
				{
					header nav ul li.menu-contact > a {
						width: 252px;
						color: #ffffff;
						background: #4400A2;
					}

						header nav ul li.menu-contact > a:hover,
						header nav ul li.menu-contact.current-menu-item > a {
							border-bottom-color: #39E0B5;
						}

					header nav ul li.menu-contact > a > span,
					header nav ul li.menu-item-has-children > a > span {
						display: inline-block;
						padding-right: 56px;
						position: relative;
					}

						header nav ul li.menu-contact > a > span:before,
						header nav ul li.menu-item-has-children > a > span:before {
							content: "";
							top: 50%;
							right: 0px;
							width: 38px;
							height: 38px;
							margin-top: -19px;
							position: absolute;
						}

					header nav ul li.menu-contact > a > span:before {
						background: url('../img/nav-arrow-contact.svg') no-repeat top left;
					}

					header nav ul li.red > a > span:before {
						background: url('../img/nav-arrow-red.svg') no-repeat top left;
					}

					header nav ul li.purple > a > span:before {
						background: url('../img/nav-arrow-purple.svg') no-repeat top left;
					}
				}

			header nav .socials {
				display: none;
				margin-top: 20px;
				margin-left: 30px;
			}

				header nav .socials a {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 48px;
					height: 48px;
					background: rgba(135,131,168,0.07);
					border-radius: 10px;
				}

					header nav .socials a + a {
						margin-left: 10px;
					}

					header nav .socials a svg {
						fill: #8783A8;
					}

					header nav .socials a:hover {
						background: #723FB9;
					}

					header nav .socials a:hover svg {
						fill: #fff;
					}

		header .menu-trigger {
			display: none;
			top: 0px;
			right: 0px;
			width: 138px;
			height: 90px;
			align-items: center;
			padding: 0 30px;
			color: #ffffff;
			font-weight: bold;
			background: #4400A2;
			box-sizing: border-box;
			transition: all ease 0.4s 0s;
			position: absolute;
		}

			.opened-nav header .menu-trigger {
				transition-delay: 0.037s;
			}

			header .menu-trigger .bars {
				width: 20px;
				height: 2px;
				position: relative;
				margin-right: 10px;
			}

				header .menu-trigger .bars span {
					width: 20px;
					height: 2px;
					background: #39E0B5;
					position: absolute;
					transition: all ease 0.4s;
				}

					header .menu-trigger .bars:before,
					header .menu-trigger .bars:after {
						content: "";
						width: 20px;
						height: 2px;
						background: #39E0B5;
						position: absolute;
						transition: all ease 0.4s;
					}

			header .menu-trigger .bars:before {
				top: -6px;
				left: 0px;
			}

			header .menu-trigger .bars:after {
				top: 6px;
				left: 0px;
			}

			.opened-nav header .menu-trigger {
				width: 290px;
			}

			.opened-nav header .menu-trigger .bars:before {
				top: 0px;
				transform-origin: center center;
				transform: rotate(-45deg);
			}

			.opened-nav header .menu-trigger .bars:after {
				top: 0px;
				transform-origin: center center;
				transform: rotate(45deg);
			}

			.opened-nav header .menu-trigger .bars span {
				background: transparent;
			}

				

/*	Footer
-------------------------------------------*/
	
	footer {

	}

	/*
	 *	Top
	 */
	footer .top {
		display: flex;
		justify-content: space-between;
		padding-top: 115px;
		padding-bottom: 95px;
	}

		/*
		 *	Main
		 */
		footer .main {
			padding-right: 25px;
		}

			footer .main img {
				display: block;
			}

			footer .main p {
				color: #8783A8;
				font-size: 15px;
				line-height: 21px;
				margin: 20px 0 24px 0;
			}
			

		/*
		 *	Col
		 */
		.footer .col {
			display: flex;
			flex-direction: column;
			padding-right: 25px;
		}

			footer .col:last-child {
				padding-right: 0px;
			}

			footer .col h4 {
				display: inline-block;
				color: #39E0B5;
				font-size: 13px;
				font-weight: 900;
				line-height: 13px;
				text-transform: uppercase;
				padding: 4px 20px 5px 20px;
				background: #EBFFFA;
				border: 1px solid rgba(57, 224, 181, 0.88);
				border-radius: 9px;
			}

			footer .col ul {
				height: calc(100% - 44px);
				color: #8783A8;
				font-size: 15px;
				font-weight: 500;
				line-height: 21px;
				list-style-type: none;
				padding-left: 20px;
				margin-top: 20px;
				border-left: 1px solid rgba(57, 224, 181, 0.3);
			}

				footer .col ul li + li {
					margin-top: 21px;
				}

				footer .col ul li a {
					color: inherit;
					text-decoration: none;
					position: relative;
				}

					footer .col ul li a:before {
						content: "";
						top: 4px;
						left: -26px;
						width: 12px;
						height: 12px;
						opacity: 0;
						position: absolute;
						border-radius: 50%;
						background: #39E0B5;
						transition: all ease 0.3s;
					}

					footer .col ul li a:hover:before {
						opacity: 1;
					}

			footer .col .contacts {
				height: calc(100% - 44px);
				color: #8783A8;
				font-size: 15px;
				font-weight: 500;
				line-height: 21px;
				list-style-type: none;
				padding-left: 20px;
				margin-top: 20px;
				border-left: 1px solid rgba(253, 46, 116, 0.3);
			}

				footer .col .contacts .row + .row {
					margin-top: 21px;
				}

				footer .col .contacts a {
					color: inherit;
					text-decoration: none;
				}

					footer .col .contacts a:hover {
						color: #FD2E74;
					}

		footer .col.purple {

		}

			footer .col.purple h4 {
				color: #723FB9;
				background: #F8F3FF;
				border-color: rgba(114, 63, 185, 0.88);
			}

			footer .col.purple ul {
				border-color: rgba(114, 63, 185, 0.3);
			}

			footer .col.purple ul li a:before {
				background: #723FB9;
			}

		footer .col.pink {

		}

			footer .col.pink h4 {
				color: #FD2E74;
				background: #FFF3F7;
				border-color: rgba(253, 46, 116, 0.88);
			}

	/*
	 *	Bottom
	 */
	footer .bottom {
		color: #8783A8;
		font-size: 13px;
		font-weight: 500;
		line-height: 21px;
		padding: 40px 0 55px 0;
		border-top: 1px solid rgba(135, 131, 168, 0.25);
	}

	footer .bottom .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		footer .bottom .left {
			display: flex;
		}

			footer .bottom .left ul {
				display: flex;
				list-style-type: none;
				margin-left: 38px;
			}

				footer .bottom .left ul li + li:before {
					display: inline-block;
					content: "•";
					color: #39E0B5;
					margin: 0 7px;
				}
				
		footer .bottom .socials {
			display: flex;
		}
		
			footer .bottom .socials a {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 46px;
				height: 46px;
				background: rgba(135,131,168,0.07);
				border-radius: 10px;
			}
		
				footer .bottom .socials a + a {
					margin-left: 10px;
				}
		
				footer .bottom .socials a svg {
					fill: #8783A8;
				}
		
			footer .bottom .socials a:hover {
				background: #723FB9;
			}
		
				footer .bottom .socials a:hover svg {
					fill: #fff;
				}		

		footer .bottom .left a,
		footer .bottom .right a {
			color: inherit;
			text-decoration: none;
		}

			footer .bottom .left a:hover,
			footer .bottom .right a:hover {
				color: #39E0B5;
			}
			
		footer .bottom .developer svg {
			top: 2px;
			margin: 0 3px;
			position: relative;
		}
		
		footer .bottom .right {
			display: flex;
			align-items: center;
		}
		
			footer .bottom .right .socials {
				margin-right: 30px;
			}
		


/*	General Content
-------------------------------------------*/

	.general-text {
		margin-top: 80px;
	}

	header + .general-text {
		margin-top: 170px;
	}

	.general-content {
		color: #8783A8;
		font-size: 17px;
		line-height: 30px;
	}

	.general-content > *:first-child {
		padding-top: 0px;
		margin-top: 0px;
	}

	.general-content h1 {
		color: #4400A2;
		font-size: 36px;
		font-weight: bold;
		line-height: 42px;
		margin-top: 47px;
	}

	.general-content h2 {
		color: #4400A2;
		font-size: 32px;
		font-weight: bold;
		line-height: 42px;
		margin-top: 45px;
	}

	.general-content h3 {
		color: #4400A2;
		font-size: 24px;
		font-weight: 500;
		line-height: 28px;
		margin-top: 35px;
	}

	.general-content h4 {
		color: #26006E;
		font-size: 17px;
		font-weight: bold;
		line-height: 30px;
		text-decoration: underline;
		margin-top: 30px;
	}

	.general-content p {
		margin-top: 30px;
	}

		.general-content h3 + p {
			margin-top: 15px;
		}

	.general-content ul {
		margin-top: 15px;
		list-style: none;
	}

		.general-content ul li {
			padding-left: 27px;
			position: relative;
		}

		.general-content ul li:before {
			content: "•";
			left: 0px;
			color: #39E0B5;
			position: absolute;
		}

	.general-content ol {
		margin-left: 18px;
		margin-top: 15px;
	}

	.general-content a {
		color: #26006E;
		text-decoration: underline;
	}

		.general-content a:hover {
			color: #39e0b5;
		}

	.general-content .table-wrapper {
		margin-top: 45px;
	}

	.general-content table {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid rgba(135, 131, 168, 0.25);
	}

		.general-content table th {
			color: #26006E;
			font-size: 16px;
			font-weight: bold;
			line-height: 21px;
			border: 1px solid rgba(135, 131, 168, 0.25);
		}

			.general-content table thead,
			.general-content table th {
				color: #26006E;
				font-size: 16px;
				font-weight: bold;
				line-height: 21px;
				background: #EFFEFF;
			}


		.general-content table td {
			padding: 24px 20px;
			line-height: 27px;
			border: 1px solid rgba(135, 131, 168, 0.25);
		}

	.page-id-175 .general-content table {
		min-width: 760px;
	}

					
	
/*	Welcome (Home)
-------------------------------------------*/
	
	.home footer {
		display: none;
	}
	
	.welcome {
		display: flex;	
		flex-direction: column;
		height: 100vh;
		position: relative;
	}
	
		.welcome .bg {
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: -1;
			position: absolute;
		}
		
			.welcome .bg .image {				
				left: 0px;
				bottom: 0px;
				width: 100%;
				height: 100%;
				position: absolute;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
		.welcome .bg:after {
			content: "";
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			position: absolute;
			background-image: linear-gradient(180deg, rgba(68,0,162,0.00) 0%, #4400A2 87%);
		}
		
	.welcome .content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 109px 30px 0 30px;
		text-align: center;
		box-sizing: border-box;
	}
	
		.welcome .content h1 {
			color: #FFFFFF;
			font-size: 60px;
			font-weight: bold;						
			line-height: 62px;
		}
		
		.welcome .content p {
			color: #B7FFEC;
			font-size: 20px;
			font-weight: 500;
			line-height: 28px;
			text-align: center;			
			margin-top: 13px;
		}
		
	.welcome .pods {		
		padding-bottom: 28px;		
	}
	
		.welcome .pods .swiper {
			padding: 0 30px;
		}
		
		.welcome .swiper-slide {
			height: 288px;
			background: #D8D8D8;			
			border-radius: 18px;
			position: relative;
			overflow: hidden;
		}
		
			.welcome .swiper-slide .image {
				top: 0px;
				left: 0px;				
				width: 100%;
				height: 100%;
				position: absolute;	
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
			
				.welcome .swiper-slide .image:after {
					content: "";
					top: 0px;
					left: -59px;				
					right: -92px;
					bottom: -5px;
					position: absolute;	
					background-image: linear-gradient(198deg, rgba(68,0,162,0.00) 1%, #4400A2 100%);	
				}
				
			
			.welcome .swiper-slide h3 {
				left: 24px;
				bottom: 25px;				
				z-index: 3;
				color: #FFFFFF;
				font-size: 26px;
				font-weight: bold;				
				line-height: 30px;
				position: absolute;
			}
		
	



/*	Section: Hero
-------------------------------------------*/

	.hero {
		min-height: 788px;
		background: #F1EFFF;
	}

	.hero .container {
		display: flex;
	}

		.hero .content {
			width: calc(100% - 640px);
			padding-right: 75px;
			padding-top: 240px;
			box-sizing: border-box;
		}

			.hero .content h1 {
				color: #4400A2;
				font-size: 60px;
				font-weight: bold;
				line-height: 62px;
			}

			.hero .content h2 {
				max-width: 530px;
				color: #4400A2;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				margin-top: 24px;
			}

				.hero .content h2 a {
					color: inherit;
					text-decoration: none;
				}

					.hero .content h2 a:hover {
						text-decoration: underline;
					}

			.hero .content p {
				max-width: 460px;
				color: #8783A8;
				font-size: 17px;
				line-height: 27px;
				margin-top: 26px;
			}

			.hero .content .btn {
				display: inline-block;
				color: #26006E;
				font-size: 17px;
				font-weight: bold;
				line-height: 22px;
				text-decoration: none;
				margin-top: 48px;
				padding: 18px 35px 20px 35px;
				background: #FFFFFF;
				box-shadow: 1px 2px 4px 0 rgba(135,131,168,0.25);
				border-radius: 10px;
			}

				.hero .content .btn:hover {
					color: #ffffff;
					background: #4400A2;
				}

		.hero .images {
			width: 640px;
			position: relative;
			margin-top: 63px;
		}

			.hero [class*="img-"] {
				position: absolute;
				background-color: #fff;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}

			.hero .img-1 {
				top: 0px;
				left: 0px;
				width: 354px;
				height: 426px;
				border-radius: 20px 20px 177px 177px;
			}

			.hero .img-2 {
				top: 97px;
				right: 24px;
				width: 247px;
				height: 247px;
				border-radius: 50%;
			}

			.hero .img-3 {
				top: 446px;
				left: 0px;
				width: 192px;
				height: 192px;
				border-radius: 50%;
			}

			.hero .img-4 {
				top: 364px;
				right: 0px;
				width: 415px;
				height: 458px;
				border-radius: 208px 208px 20px 20px;
				box-shadow: 0 22px 44px 0 rgba(135,131,168,0.38);
			}


/*	Section: About
-------------------------------------------*/

	.about {
		padding-top: 80px;
	}

		.about .container {
			max-width: 700px;
		}

		.about h2 {
			display: flex;
			color: #26006E;
			font-size: 13px;
			font-weight: bold;
			line-height: 16px;
			letter-spacing: 1px;
			padding-bottom: 15px;
			margin-bottom: 25px;
			border-bottom: 1px solid #00BDD5;
		}

			.about h2:before {
				content: "";
				width: 11px;
				height: 11px;
				margin-top: 2px;
				margin-right: 15px;
				border-radius: 50%;
				background: #04C0D1;
				box-shadow: 0 0 6px 0 rgba(4,192,209,0.46);
			}

			.about .text {
				color: #8783A8;
				font-size: 17px;
				line-height: 30px;
			}

				.about .text > *:first-child {
					margin-top: 0px;
					padding-top: 0px;
				}

				.about .text p {
					margin-top: 30px;
				}

				.about .text h4 {
					color: #26006E;
					font-size: 19px;
					font-weight: bold;
					line-height: 33px;
					margin-top: 30px;
				}


/*	Section: Featured Boxes
-------------------------------------------*/

	.featured-boxes {
		margin-top: 135px;
	}

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

		.featured-boxes .box {
			display: flex;
			flex-direction: column;
			width: calc(33.333% - 22px);
			background: #ffffff;
			border-radius: 20px;
			margin-bottom: 17px;
			position: relative;
		}

			.featured-boxes .box:before {
				content: "";
				z-index: -1;
				left: -15px;
				right: 90px;
				bottom: -17px;
				height: 150px;
				position: absolute;
				background: rgba(57,224,181,0.13);
				border-radius: 20px;
			}

			.featured-boxes .box .circle {
				top: -125px;
				left: -15px;
				z-index: -1;
				width: calc(100% + 30px);
				height: auto;
				position: absolute;
			}

			.featured-boxes .box .image {
				width: 100%;
				height: 295px;
				border-radius: 20px 20px 0 0;
				background-color: #f1f1f1;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				border-bottom: 5px solid #39E0B5;
			}

			.featured-boxes .box .content {
				height: calc(100% - 295px);
				border-radius: 0px 0px 20px 20px;
				padding: 45px 20px 30px 30px;
				background: #ffffff;
				border: 1px solid rgba(151, 151, 151, 0.25);
				border-top: 0px;
				box-sizing: border-box;
			}

				.featured-boxes .box .content h3 {
					color: #39E0B5;
					font-size: 20px;
					font-weight: bold;
					line-height: 25px;
					margin-bottom: 30px;
				}

				.featured-boxes .box .content .text {
					color: #8783A8;
					font-size: 17px;
					line-height: 27px;
				}

					.featured-boxes .box .content .text > *:first-child {
						margin-top: 0px !important;
						padding-top: 0px !important;
					}

				.featured-boxes .box .content h4 {
					color: #39E0B5;
					font-weight: bold;
				}

				.featured-boxes .box .content p {
					margin-top: 27px;
				}

				.featured-boxes .box .content ul {
					list-style: none;
					margin-top: 27px;
				}

					.featured-boxes .box .content ul li {
						padding-left: 27px;
						position: relative;
					}

						.featured-boxes .box .content ul li:before {
							content: "•";
							left: 0px;
							color: #39E0B5;
							position: absolute;
						}

						.featured-boxes .box .content ul li + li {
							margin-top: 27px;
						}

				.featured-boxes .box .content .btn {
					display: inline-block;
					color: #ffffff;
					font-size: 14px;
					font-weight: bold;
					line-height: 17px;
					text-decoration: none;
					margin-top: 30px;
					padding: 11px 15px 12px 15px;
					background: #39E0B5;
					border-radius: 10px;
					cursor: pointer;
				}

					.featured-boxes .box .content .btn:hover {
						background: #1AC89B;
					}

		.featured-boxes .box.purple .image {
			border-color: #4400A2;
		}

			.featured-boxes .box.purple .content h3,
			.featured-boxes .box.purple .content h4,
			.featured-boxes .box.purple .content ul li:before {
				color: #4400A2;
			}

			.featured-boxes .box.purple:before {
				background: rgba(114,63,185,0.15);
			}

			.featured-boxes .box.purple .content .btn {
				background: #723FB9;
			}

				.featured-boxes .box.purple .content .btn:hover {
					background: #4400A2;
				}

		.featured-boxes .box.pink .image {
			border-color: #FD2E74;
		}

			.featured-boxes .box.pink .content h3,
			.featured-boxes .box.pink .content h4,
			.featured-boxes .box.pink .content ul li:before {
				color: #FD2E74;
			}

			.featured-boxes .box.pink:before {
				background: rgba(253,46,116,0.13);
			}

			.featured-boxes .box.purple .content .btn {
				background: #723FB9;
			}

				.featured-boxes .box.purple .content .btn:hover {
					background: #4400A2;
				}


/*	Section: Features
-------------------------------------------*/

	.features {
		margin-top: 145px;
	}

		.features .image {
			width: 95%;
			max-width: 1254px;
			height: 436px;
			border-radius: 0px 218px 218px 0px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			position: relative;
		}

			.features .image:before {
				content: "";
				z-index: -1;
				top: -185px;
				right: -185px;
				width: 778px;
				height: 778px;
				position: absolute;
				background: url('../img/features-circle.svg') no-repeat center center / cover;
			}

		.features .container {
			max-width: 1084px;
		}

			.features .image + .container {
				padding-top: 100px;
			}

		.features .items {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-top: 15px;
		}

			.features .head {
				padding-bottom: 55px;
			}

				.features .head h2 {
					color: #4400A2;
					font-size: 35px;
					font-weight: bold;
					line-height: 47px;
				}

					.hero + .features .head h2 {
						max-width: 760px;
					}

				.features .head p {
					margin-top: 5px;
					color: #4400A2;
					font-size: 20px;
					font-weight: 500;
					line-height: 28px;
				}

			.features .item {
				width: calc(50% - 32px);
				color: #8783A8;
				font-size: 17px;
				line-height: 30px;
			}

				.features .item h3 {
					color: #4400A2;
					font-size: 19px;
					font-weight: bold;
					line-height: 30px;
					text-decoration: underline;
				}

				.features .item ul {
					list-style: none;
				}

					.features .item ul li {
						padding-left: 27px;
						position: relative;
					}

						.features .item ul li:before {
							content: "•";
							left: 0px;
							color: #39E0B5;
							position: absolute;
						}

			.features .item:nth-child(n+3) {
				margin-top: 50px;
			}


/*	Section: Services
-------------------------------------------*/

	.services {
		margin-top: 100px;
	}

		.services .head {
			margin-bottom: 60px;
		}

			.services .head h2 {
				color: #4400A2;
				font-size: 35px;
				font-weight: bold;
				line-height: 47px;
			}

				.hero + .services .head h2 {
					max-width: 760px;
				}

			.services .head p {
				color: #4400A2;
				font-size: 20px;
				font-weight: 500;
				line-height: 28px;
				margin-top: 17px;
			}

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

			.services .items .item {
				width: calc(33.3333% - 22px);
			}

				.services .items .item .image {
					width: 172px;
					height: 172px;
					border-radius: 20px;
					margin-bottom: 30px;
					background-color: #f1f1f1;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center
				}

				.services .items .item h3 {
					color: #4400A2;
					font-size: 24px;
					font-weight: 400;
					line-height: 30px;
					margin-bottom: 30px;
				}

				.services .items .item p {
					color: #8783A8;
					font-size: 17px;
					line-height: 30px;
				}

			.services .items .item:nth-child(n+4) {
				margin-top: 60px;
			}

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

			.services .content .image {
				width: 456px;
				max-height: 885px;
				background-color: #f1f1f1;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: top center;
				border-radius: 228px 228px 20px 20px;
			}

			.services .content .list {
				width: calc(100% - 530px);
			}

				.services .content .list .item {
					color: #8783A8;
					font-size: 17px;
					line-height: 27px;
					background: #FBFBFB;
					border-radius: 20px;
					padding: 12px 24px;
					border: 1px solid #FBFBFB;
					box-sizing: border-box;
					transition: all ease 0.4s;
				}

					.services .content .list .item strong {
						color: #4400A2;
						font-weight: bold;
					}

					.services .content .list .item:hover {
						background: #FFFFFF;
						border: 1px solid rgba(190, 144, 255, 0.25);
						box-shadow: 1px 4px 13px 0 rgba(135,131,168,0.08);
					}

				.services .content .list .item + .item {
					margin-top: 27px;
				}


/*	Section: Notice
-------------------------------------------*/

	.notice {
		margin-top: 70px;
	}

		.notice .box {
			color: #FFFFFF;
			font-size: 19px;
			line-height: 29px;
			text-align: center;
			padding: 18px 35px 22px 35px;
			background-image: linear-gradient(141deg, #AB73DD 0%, #723FB9 100%);
			border-radius: 20px;
		}

		.notice .box p {
			width: 100%;
			max-width: 1120px;
			margin: 0 auto;
		}


/*	Section: Courses
-------------------------------------------*/

	.courses {
		margin-top: 130px;
		padding: 120px 0 270px 0;
		background: #F8F4FF;
	}

		.courses .head {
			margin-bottom: 80px;
		}

			.courses .head h2 {
				color: #4400A2;
				font-size: 35px;
				font-weight: bold;
				line-height: 47px;
				text-align: center;
			}

			.courses .head p {
				max-width: 1024px;
				color: #8783A8;
				font-size: 17px;
				line-height: 30px;
				text-align: center;
				margin: 24px auto 0 auto;
			}

		.courses .items {
			width: 100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-bottom: -30px;
		}

			.courses .item {
				width: calc(33.333% - 22px);
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 30px;
				padding: 12px 20px 12px 12px;
				background: #FFFFFF;
				box-shadow: 0 0 17px 0 rgba(114,63,185,0.05);
				border-radius: 20px;
				box-sizing: border-box;
			}

			.courses .item img {
				display: block;
				width: 55px;
				height: 55px;
			}

				.courses .item h4 {
					width: calc(100% - 71px);
					color: #8783A8;
					font-size: 17px;
					font-weight: bold;
					line-height: 21px;
				}

		.course .notice {
			margin-top: 60px;
		}


/*	Section: Benefits
-------------------------------------------*/

	.benefits {
		color: #ffffff;
		background: #04C0D1;
		padding: 100px 0 145px 0;
		margin-top: 150px;
	}

		.benefits .container > h4 {
			display: flex;
			align-items: center;
			color: #B7FFEC;
			font-size: 13px;
			font-weight: bold;
			line-height: 16px;
			letter-spacing: 1px;
		}

			.benefits .container > h4:before {
				content: "";
				display: block;
				width: 11px;
				height: 11px;
				margin-right: 15px;
				border-radius: 50%;
				background: #B7FFEC;
				box-shadow: 0 0 6px 0 #B7FFEC;
			}

		.benefits .content {
			display: flex;
			justify-content: space-between;
			margin-top: 45px;
		}

			.benefits .content .left {
				width: 50%;
				padding-right: 65px;
				box-sizing: border-box;
			}

			.benefits .content .right {
				width: 50%;
				padding-left: 65px;
				box-sizing: border-box;
			}

			.benefits .content > div > *:first-child {
				margin-top: 0px;
				padidng-top: 0px;
			}

			.benefits .content h2 {
				color: #FFFFFF;
				font-size: 37px;
				font-weight: bold;
				line-height: 46px;
				margin-top: 46px;
			}

				.benefits .content h2 strong {
					color: #B7FFEC;
				}

			.benefits .content p {
				color: #ffffff;
				font-size: 17px;
				line-height: 30px;
				margin-top: 30px;
			}

				.benefits .content h2 + p {
					margin-top: 40px;
				}

			.benefits .content ul {
				list-style: none;
				font-size: 17px;
				line-height: 30px;
				margin-top: 50px;
			}

				.benefits .content ul li {
					min-height: 52px;
					display: flex;
					align-items: center;
					background: url('../img/benefits-arrow.svg') no-repeat top left / 52px 52px;
					padding-left: 82px;
				}

				.benefits .content ul li + li {
					margin-top: 33px;
				}

				.benefits .content ul li h4 {
					font-size: 22px;
					font-weight: 400;
					line-height: 32px;
				}

			
/*	Section: Contact 
-------------------------------------------*/
	
	.contact {
		position: relative;
		margin-top: 200px;
		padding-bottom: 125px;
	}

		.benefits + .contact,
		.location + .contact{
			margin-top: 0px;
		}

			.benefits + .contact .form-wrapper,
			.location + .contact .form-wrapper {
				border: 0px;
			}

	.contact .container {
		display: flex;
	}
	
		.contact .bg {
			z-index: -1;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

			.contact .bg:after {
				content: "";
				z-index: 1;
				opacity: 0.82;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				position: absolute;
				background: #4400A2;
			}

		.contact .content {
			width: 50%;
			padding-right: 45px;
			padding-top: 100px;
		}

			.contact .content p {
				color: #FFFFFF;
				font-size: 21px;
				font-weight: bold;
				line-height: 27px;
			}

				.contact .content p strong {
					color: #39E0B5;
				}

				.contact .content p + p {
					margin-top: 27px;
				}

			.contact .content .info {
				font-size: 30px;
				line-height: 38px;
				padding-left: 46px;
				position: relative;
			}

				.contact .content .info svg {
					top: 8px;
					left: 0px;
					position: absolute;
				}

				.contact .content .info h4 {
					color: #39E0B5;
					font-weight: 400;
				}

				.contact .content .info a {
					color: #ffffff;
					font-weight: bold;
					text-decoration: none;
				}

					.contact .content .info a:hover {
						color: #39E0B5;
					}

				.contact .content p + .info {
					margin-top: 50px;
				}

				.contact .content .info + .info {
					margin-top: 38px;
				}

				.contact .content .details {
					color: #ffffff;
					font-size: 17px;
					line-height: 30px;
					margin-top: 35px;
				}

					.contact .content .details br:first-child {
						display: none !important;
					}

					.contact .content .details p {
						color: #ffffff;
						font-size: 17px;
						font-weight: 400;
						line-height: 30px;
					}

					.contact .content .details strong {
						color: #39E0B5;
						font-weight: bold;
					}

					.contact .content .details a {
						color: inherit;
						text-decoration: none;
					}

						.contact .content .details a:hover {
							color: #39E0B5;
						}

		.contact .form-wrapper {
			width: calc(50% + 160px);
			background: #FFFFFF;
			padding: 100px 160px 60px 110px;
			margin-top: -107px;
			margin-right: -160px;
			border-radius: 124px 0 0 20px;
			box-sizing: border-box;
			border: 1px solid rgba(135, 131, 168, 0.25);
		}

			.contact .form-wrapper {

			}

			.contact .validation_error,
			.contact .gform_validation_container,
			.contact .gform_ajax_spinner {
				display: none;
			}

			.contact .gform_title {
				color: #4400A2;
				font-size: 21px;
				font-weight: bold;
				line-height: 27px;
				margin-bottom: 36px;
			}

			.contact .gform_fields {
				list-style: none;
			}

			.contact .gfield + .gfield {
				margin-top: 25px;
			}

				.contact .gfield_label {
					display: none;
				}

				.contact .gfield input[type="text"],
				.contact .gfield input[type="email"],
				.contact .gfield textarea {
					width: 100%;
					display: block;
					color: #8783A8;
					font-family: 'Plus Jakarta Sans';
					font-size: 17px;
					font-weight: 500;
					line-height: 22px;
					padding: 15px 0px 16px 24px;
					border: 1px solid rgba(135, 131, 168, 0.5);
					border-radius: 10px;
					background: #FFFFFF;
					box-sizing: border-box;
				}

					.contact .gfield input[type="text"]:focus,
					.contact .gfield input[type="email"]:focus,
					.contact .gfield textarea:focus {
						border-color: #723FB9;
						box-shadow: 0 2px 4px 0 rgba(135,131,168,0.27);
					}

					.contact .gfield input::placeholder,
					.contact .gfield textarea::placeholder {
						opacity: 1;
						color: #D3D2E1;
					}

				.contact .gfield textarea {
					height: 77px;
					resize: none;
				}

				.contact .gfield_html {
					margin-top: 20px !important;
					color: #8783A8;
					font-size: 12px;
					line-height: 17px;
				}

					.contact .gfield_html a {
						color: inherit;
						font-weight: bold;
						text-decoration: underline;
					}

						.contact .gfield_html a:hover {
							color: #4400A2;
						}

				/*
				*	Select
				*/
				.select2-container {
					display: block;
					width: auto !important;
				}

				.select2-container--default .select2-selection--single {
					height: auto;
					border: 0px;
					background: none !important;
					position: relative;
				}

				.select2-container .select2-selection--single .select2-selection__rendered {
					display: block;
					width: 100%;
					color: #8783A8;
					font-family: 'Plus Jakarta Sans';
					font-size: 17px;
					font-weight: 500;
					line-height: 22px;
					padding: 15px 0px 16px 24px;
					border: 1px solid rgba(135, 131, 168, 0.5);
					border-radius: 10px;
					box-sizing: border-box;
					box-shadow: 0 2px 4px 0 rgba(135,131,168,0.27);
				}

				.select2-container--default .select2-selection--single .select2-selection__arrow {
					top: 2px;
					right: 21px;
					bottom: 0px;
					width: 17px;
					height: auto !important;
					background: url('../img/select-arrow.svg') no-repeat center center / contain;
				}

				.select2-container--default .select2-selection--single .select2-selection__arrow b {
					display: none;
				}

				.select2-container--default .select2-selection--single .select2-selection__placeholder {
					color: #D3D2E1;
				}

				.select2-dropdown {
					z-index: 9006;
					white-space: nowrap;
					padding: 10px 0;
					border: 1px solid rgba(135, 131, 168, 0.5) !important;
					border-radius: 10px !important;
					box-shadow: 0 2px 4px 0 rgba(135,131,168,0.27);
					overflow: hidden;
				}

				.select2-container--open .select2-dropdown--below {
					margin-top: 8px;
				}

				.select2-container--open .select2-dropdown--above {
					margin-top: -15px;
				}

				.select2-search--dropdown {
					display: none !important;
				}

				.select2-results__option {
					color: #8783A8;
					font-size: 16px;
					font-weight: 500;
					line-height: 22px;
					padding: 9px 15px 9px 15px;
					box-sizing: border-box;
				}

				.select2-container--default .select2-results__option--selected {
					background-color: rgba(114, 63, 185, 0.11);
				}

				.select2-container--default .select2-results__option--highlighted[aria-selected] {
					background-color: #4400A2 !important;
				}

				.contact .gfield--type-consent {

				}

					.contact .gfield--type-consent label {
						color: #8783A8;
						font-size: 12px;
						line-height: 15px;
					}

					.contact .gfield--type-consent label a {
						color: inherit;
					}

						.contact .gfield--type-consent label a:hover {
							color: #39E0B5;
						}

				.contact .gfield--type-radio {
					display: flex;
				}

					.contact .gfield--type-radio .gfield_label {
						display: block;
						color: #8783A8;
						font-size: 17px;
						font-weight: 500;
						line-height: 22px;
						padding-left: 0px !important;
						margin-right: 28px;
					}

						.contact .gfield--type-radio .gfield_required {
							display: none;
						}

					.contact .gfield--type-radio ul {
						display: flex;
						list-style: none;
					}

						.contact .gfield--type-radio li + li {
							margin-left: 22px;
						}

						.contact .gfield--type-radio label {
							color: #8783A8;
							font-size: 17px;
							font-weight: 500;
							line-height: 22px;
							padding-left: 28px !important;
						}

						.contact .gfield--type-radio label:before {
							top: 2px !important;
						}

				.contact input[type="checkbox"],
				.contact input[type="radio"] {
					display: none;
				}

				.contact input[type="checkbox"] + label,
				.contact input[type="radio"] + label {
					padding-left: 32px;
					position: relative;
					cursor: pointer;
				}

				.contact input[type="checkbox"] + label:before,
				.contact input[type="radio"] + label:before {
					content: "";
					display: block;
					top: 0px;
					left: 0px;
					width: 19px;
					height: 19px;
					position: absolute;
					border-radius: 50%;
					border: 1px solid #8783A8;
					box-sizing: border-box;
				}

				.contact input[type="checkbox"]:checked + label:before,
				.contact input[type="radio"]:checked + label:before {
					border-color: #39E0B5;
					background: #39E0B5 url('../img/icon-tick.svg') no-repeat center center;
				}

				.contact .ginput_container_fileupload {
					color: #8783A8;
					font-family: 'Plus Jakarta Sans';
					font-size: 17px;
					font-weight: 500;
					line-height: 22px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					padding: 15px 56px 16px 24px;
					background: #FFFFFF url('../img/icon-upload.svg') no-repeat top 50% right 20px;
					border: 1px dashed rgba(135, 131, 168, 0.5);
					box-shadow: 0 2px 4px 0 rgba(135,131,168,0.27);
					border-radius: 10px;
					position: relative;
				}

					.contact .ginput_container_fileupload input[type="file"] {
						top: 0px;
						left: 0px;
						width: 100%;
						height: 100%;
						position: absolute;
						cursor: pointer;
						opacity: 0;
					}

					.contact .ginput_container_fileupload:before {
						content: "Upload your CV ( PDF or DOC format only)";
					}

					.contact .ginput_container_fileupload[data-filename]:before {
						content: attr(data-filename);
					}

				.contact .gform_fileupload_rules {
					display: none;
				}

				.ginput_container_consent {
					display: flex;
				}

				.contact .validation_message {
					color: #fff;
					font-size: 12px;
					font-weight: 600;
					line-height: 16px;
					padding: 6px 15px;
					margin-top: 5px;
					background: #FD2E74;
					border-radius: 10px;
				}

					.validation_message--hidden-on-empty {
						display: none;
					}

				.contact .gform_footer {
					margin-top: 22px;
				}

				.contact .gform_button {
					color: #FFFFFF;
					font-family: 'Plus Jakarta Sans';
					font-size: 17px;
					font-weight: 900;
					line-height: 22px;
					padding: 18px 32px;
					background: #39E0B5;
					border-radius: 10px;
					border: 0px;
					transition: all ease 0.4s;
					cursor: pointer;
				}

					.contact .gform_button:hover {
						background: #4400A2;
					}

				.contact .gform_confirmation_wrapper {
					color: #8783A8;
					font-size: 20px;
					font-weight: 400;
					line-height: 24px;
				}

					.contact .gform_confirmation_wrapper h3 {
						color: #4400A2;
						font-size: 30px;
						font-weight: bold;
						line-height: 40px;
						margin-bottom: 36px;
					}


/*	Section: Team
-------------------------------------------*/

	.team-members {
		padding-top: 125px;
	}

		.team-members h2 {
			color: #4400A2;
			font-size: 35px;
			font-weight: bold;
			line-height: 47px;
			margin-bottom: 95px;
		}

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

			.team-members .member {
				width: calc(33.333% - 22px);
				overflow: hidden;
				position: relative;
				border-radius: 15px;
			}

				.team-members .member .image {
					width: 100%;
					z-index: 1;
					padding-bottom: 100%;
					position: relative;
				}

					.team-members .member .image img {
						width: 100%;
						left: 0px;
						bottom: 0px;
						position: absolute;
					}

				.team-members .member .details {
					z-index: 3;
					left: 20px;
					bottom: 20px;
					color: #26006E;
					font-size: 17px;
					font-weight: bold;
					line-height: 22px;
					background: #FFFFFF;
					box-shadow: 1px 2px 4px 0 rgba(135,131,168,0.25);
					padding: 9px 18px 11px 18px;
					border-radius: 10px;
					position: absolute;
				}

				.team-members .member .details p {
					color: #FD2E74;
					font-size: 14px;
					font-weight: 400;
				}


/*	Section: Location
-------------------------------------------*/

	.location {
		margin-top: 55px;
		padding-bottom: 235px;
		position: relative;
	}

		.location:after {
			content: "";
			z-index: -2;
			left: 0px;
			right: 0px;
			bottom: 0px;
			height: 425px;
			background: #EFFAFF;
			position: absolute;
		}

		.location h2 {
			color: #4400A2;
			font-size: 35px;
			font-weight: bold;
			line-height: 47px;
			margin-bottom: 28px;
		}

		.location .image {
			display: block;
			width: 95%;
			max-width: 1254px;
			height: 436px;
			border-radius: 0px 218px 218px 0px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			position: relative;
		}

			.location .image:before {
				content: "";
				z-index: -1;
				top: -185px;
				right: -185px;
				width: 778px;
				height: 778px;
				position: absolute;
				background: url('../img/features-circle.svg') no-repeat center center / cover;
			}

		.location .container {
			max-width: 1084px;
		}



/*	Responsive
-------------------------------------------*/

@media (max-width: 1500px)
{
	.container { padding-left: 80px; padding-right: 80px; }

	header .logo { width: 230px; }
	header .logo img { margin-left: 35px; }

	header nav { width: calc(100% - 230px); }
	header nav ul li a { padding-left: 30px; padding-right: 30px; }
	header nav ul li.team a { width: 210px; padding-left: 20px; padding-right: 20px; }

	.contact .form-wrapper { margin-right: -80px; width: calc(50% + 80px); padding-right: 80px; }

	footer .top { padding-left: 80px; padding-right: 80px; padding-top: 95px; }
}

@media (max-width: 1360px)
{
	header nav ul li a { padding-left: 22px; padding-right: 22px; }

	.services { margin-top: 70px; }

	.features .image + .container { padding-top: 70px; }

	.benefits { margin-top: 100px; }
	
	.welcome .swiper-slide { height: 220px; }
}

@media (max-width: 1280px)
{
	.container { padding-left: 30px; padding-right: 30px; }

	footer .top { padding: 85px 30px 75px 30px; }
	footer .bottom { padding-bottom: 40px; }

	.about .container { max-width: 650px; }

	.featured-boxes { margin-top: 95px; }
	.features { margin-top: 100px; }

	.benefits { padding-top: 70px; }
	.benefits .content .left { padding-right: 30px; }
	.benefits .content .right { padding-left: 30px; }

	.contact { padding-bottom: 90px; }
	.contact .content p { font-size: 19px; }
	.contact .content .info { font-size: 26px; line-height: 34px; }
	.contact .content .info svg { top: 6px; }
	.contact .form-wrapper { margin-right: -30px; width: calc(50% + 30px); padding-right: 30px; padding-left: 50px; }
}

@media (max-width: 1180px)
{
	header { justify-content: space-between; }
	header .logo { height: 90px; }
	header nav { position: fixed; top: 91px; right: 0px; width: 290px; height: 100vh; display: block; background: #ffffff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3); transform: translate3d(315px, 0, 0); transition: all ease 0.4s; }
	header nav ul { display: block; padding-top: 20px; }
	header nav ul li { border: 0px; }
	header nav ul li a { display: block; height: auto; padding: 10px 15px 10px 25px; text-align: left; border-top: 0px; border-bottom: 0px; border-left-color: transparent; border-left-style: solid; border-left-width: 5px; }
	header nav ul li a:hover { border-left-color: #4400A2; }
	header nav ul li a br { display: none; }
	header nav ul li.team a { width: auto; padding-left: 25px; padding-right: 20px; }

	header nav > ul > li > .sub-menu { transition: none; width: 100%; display: none; transform: none; opacity: 1; visibility: visible; position: relative; top: auto; left: auto; border: 0px; padding: 0px; }
	header nav > ul > li > .sub-menu li a { padding-left: 40px; padding-right: 25px; dispaly: block; }

	header .menu-trigger { display: flex; }
	header nav .socials { display: flex; }

	.opened-nav header nav { transform: translate3d(0, 0, 0); }

	footer .col.green { padding-right: 25px; }
	footer .col.purple { padding-right: 10px; }
	footer .col .contacts { width: 320px; }
	
	footer .bottom .left { display: block; }
	footer .bottom .left ul { margin-left: 0px; }
	footer .bottom .right .socials { margin-right: 20px; }

	.hero { min-height: 688px; }
	.hero .images { width: 500px; }
	.hero .content { width: calc(100% - 500px); padding-right: 40px; padding-top: 160px; padding-bottom: 80px; }
	.hero .content h1 { font-size: 45px; line-height: 48px; }
	.hero .img-1 { width: 300px; height: 361px; }
	.hero .img-2 { width: 185px; height: 185px; right: 0px; top: 140px; }
	.hero .img-3 { width: 155px; height: 155px; top: 380px; }
	.hero .img-4 { width: 330px; height: 364px; top: 335px; }

	.about .container { max-width: 610px; }

	.services .head h2 { font-size: 33px; }
	.services .head p { font-size: 19px; }
	.services .content .image { width: 430px; max-height:  }
	.services .content .list { width: calc(100% - 470px); }
	.services .content .list .item { font-size: 16px; line-height: 28px; }

	.notice .box { font-size: 18px; line-height: 27px; }

	.features { margin-top: 80px; }
	.features .image { height: 370px; }
	.features .image + .container { padding-top: 50px; }
	.features .image:before { width: 640px; height: 640px; top: -150px; right: -150px; }
	.features .item { font-size: 16px; line-height: 28px; }
	.features .item:nth-child(n+3) { margin-top: 40px; }
	.features .head { padding-bottom: 45px; }

	.benefits { margin-top: 75px; }
	.benefits .content p { font-size: 16px; line-height: 28px; }

	.featured-boxes .box .image { height: 235px; }
	.featured-boxes .box .content { height: calc(100% - 235px); padding: 35px 15px 35px 20px; }
	.featured-boxes .box .content h3 { margin-bottom: 25px; }
	.featured-boxes .box .content .text { font-size: 16px; line-height: 24px; }
	.featured-boxes .box .content ul li + li { margin-top: 20px; }
	.featured-boxes .box .circle { left: 0px; width: 100%; opacity: 0.5; }

	.location { padding-bottom: 190px; }
	.location .image { height: 370px; }
	.location .image:before { width: 640px; height: 640px; top: -150px; right: -150px; }
	.location:after { height: 300px; }

	.hero + .services .head { padding-top: 35px; }

	header + .general-text { margin-top: 140px; }
}

@media (max-width: 1023px)
{
	footer .top { flex-wrap: wrap; padding-top: 65px; padding-bottom: 65px; }
	footer .col { width: 50%; box-sizing: border-box; }
	footer .col:nth-child(n+3) { margin-top: 50px; }
	footer .bottom { padding: 30px 0; }
	footer .bottom .container { display: block; text-align: center }
	footer .bottom .right { display: block; }
	footer .bottom .right .socials { justify-content: center; margin-right: 0px; margin-bottom: 20px; }
	footer .bottom .left { display: block; }
	footer .bottom .left ul { font-size: 12px; margin-bottom: 20px; margin-left: 0px; justify-content: center; }

	.benefits { padding-bottom: 75px; }
	.benefits .content { display: block; }
	.benefits .content .left { width: 100%; padding-right: 0px; }
	.benefits .content .right { width: 100%; padding-left: 0px; padding-top: 30px; }

	.contact .container { display: block; }
	.contact .content { padding-top: 70px; padding-right: 0px; width: 100%; }
	.contact .form-wrapper { margin-top: 50px; margin-right: 0px; width: 100%; border-radius: 20px; padding-top: 60px; padding-right: 50px; }
	.contact .gform_confirmation_wrapper h3 { margin-bottom: 20px; }

	.featured-boxes { margin-top: 45px; }
	.featured-boxes .container { display: block; }
	.featured-boxes .box { width: 100%; }
	.featured-boxes .box + .box { margin-top: 50px; }
	.featured-boxes .box .image { height: 295px; }

	.about .container { max-width: 100%; }

	.hero { min-height: 710px; }
	.hero .content { width: calc(100% - 330px); padding-right: 30px; padding-bottom: 90px; }
	.hero .content h1 { font-size: 42px; }
	.hero .content h2 { font-size: 18px; }
	.hero .content p { font-size: 16px; line-height: 26px; }
	.hero .images { width: 330px; }
	.hero .img-1 { width: 240px; height: 288px; }
	.hero .img-2 { width: 120px; height: 120px; top: 230px; }
	.hero .img-3 { display: none; }

	.services .items .item h3 { font-size: 22px; margin-bottom: 25px; }
	.services .items .item p { font-size: 16px; line-height: 27px; }

	.notice { margin-top: 50px; }
	.notice .box { font-size: 17px; line-height: 25px; }

	.location { padding-bottom: 80px; }

	.services  { margin-top: 45px; }
	.services .head { margin-bottom: 40px; }
	.services .head h2 { font-size: 30px; line-height: 40px; }
	.services .head p { font-size: 18px; }
	.services .content { flex-direction: column; }
	.services .content .image { order: 2; height: 800px; width: 100%; margin-top: 50px; border-radius: 50% 50% 20px 20px; }
	.services .content .list { width: 100%; }

	.features .head h2 { font-size: 30px; line-height: 40px; }
	.features .head p { font-size: 18px; }

	.courses { margin-top: 70px; padding-top: 60px; padding-bottom: 80px; }
	.courses .head { margin-bottom: 55px; }
	.courses .head h2 { font-size: 30px; line-height: 40px; }
	.courses .item { width: calc(50% - 14px); }

	.general-text { margin-top: 45px; }

	.general-content .table-wrapper { overflow: auto; position: relative; padding-top: 25px; margin-top: 25px; }
	.general-content .table-wrapper:before { content: "Swipe left/right to see table contents."; font-size: 13px; line-height: 16px; margin-bottom: 10px; position: absolute; top: 0px; left: 0px; }
	.general-content .table-wrapper table { position: relative; }

	.team-members h2 { margin-bottom: 50px; }
	.team-members .members { margin-bottom: -25px; }
	.team-members .member { width: calc(50% - 15px); margin-bottom: 30px; }
	.team-members .member { width: 100% }

	.contact { margin-top: 50px; }
}

@media (max-width: 767px)
{
	.container { padding-left: 20px; padding-right: 20px; }

	header .logo { width: auto; height: 60px; }
	header .logo img { margin-left: 20px; height: 38px; }
	header .menu-trigger { width: 108px; height: 60px; padding: 0 15px; }
	header nav { top: 61px; }

	footer .top { padding: 45px 20px 40px 20px; }
	footer .col { width: 100%; margin-top: 35px !important; }
	footer .col ul li a br { display: none; }	

	.benefits { padding-top: 50px; padding-bottom: 50px; margin-top: 40px; }
	.benefits .content { margin-top: 35px; }
	.benefits .content h2 { font-size: 32px; line-height: 38px; }
	.benefits .content h2 + p { margin-top: 30px; }
	.benefits .content p { font-size: 16px; line-height: 27px; }
	.benefits .content ul { margin-top: 40px; }
	.benefits .content ul li { padding-left: 70px; }

	.features .image { height: 270px; }
	.features .image:before { width: 350px; height: 350px; top: -50px; right: -90px; }
	.features .image + .container { padding-top: 30px; }
	.features .item { width: 100%; }
	.features .item + .item { margin-top: 28px; }

	.contact { padding-bottom: 30px; }
	.contact .content { padding-top: 45px; }
	.contact .content p { font-size: 17px; line-height: 25px; }
	.contact .content .info { font-size: 19px; line-height: 26px; padding-left: 40px; }
	.contact .content .info svg { top: 2px; }
	.contact .content .details p { font-size: 16px; line-height: 25px; }
	.contact .form-wrapper { padding: 30px 25px; }
	.contact .gform_title { font-size: 19px; margin-bottom: 30px; }
	.contact .gfield + .gfield { margin-top: 18px; }
	.contact .gfield input[type="text"], .contact .gfield input[type="email"], .contact .gfield textarea { font-size: 16px; padding-left: 18px; }
	.contact .gform_button { width: 100%; padding-top: 18px; padding-bottom: 18px; }
	.contact .gform_confirmation_wrapper { font-size: 17px; line-height: 25px; text-align: center; }
	.contact .gform_confirmation_wrapper h3 { font-size: 25px; line-height: 32px; }

	.hero .container { display: block; }
	.hero .content { width: 100%; padding-top: 100px; padding-right: 0px; padding-bottom: 20px; }
	.hero .content h1 { font-size: 40px; }
	.hero .content .btn { margin-top: 35px; }
	.hero .images { width: 100%; margin-top: 0px; }
	.hero .images .img-1 { display: none; }
	.hero .images .img-2 { display: none; }
	.hero .images .img-3 { display: none; }
	.hero .img-4 { position: relative; top: 30px; width: 100%; }

	.about .text h4 { font-size: 18px; line-height: 30px; }

	.featured-boxes .box .circle { display: none !important; }
	.featured-boxes .box .image { height: 235px; border-top: 1px solid rgba(151, 151, 151, 0.25) !important; border-left: 1px solid rgba(151, 151, 151, 0.25) !important; border-right: 1px solid rgba(151, 151, 151, 0.25) !important; }

	.features { margin-top: 60px; }
	.features .image + .container { padding-top: 15px; }

	.services { margin-top: 40px; }
	.services .head { margin-bottom: 35px; }
	.services .head h2 { font-size: 28px; line-height: 37px; }
	.services .head p { font-size: 17px; line-height: 26px; }
	.services .items { display: block; }
	.services .items .item { width: 100%; }
	.services .items .item .image { margin-bottom: 25px; }
	.services .items .item h3 { margin-bottom: 18px; }
	.services .items .item + .item { margin-top: 40px; }

	.notice { margin-top: 40px; }
	.notice .box { font-size: 16px; padding-left: 25px; padding-right: 25px; }

	.features { margin-top: 40px; }
	.hero + .features { margin-top: 70px; }
	.features .head { padding-bottom: 15px; }
	.features .item h3 { font-size: 18px; }
	.features .head h2 { font-size: 28px; line-height: 36px; }
	.features .head p { font-size: 16px; line-height: 24px; margin-top: 10px; }
	.features .image + .container { padding-top: 25px; }
	.features .item ul li { padding-left: 22px; }

	.services .head p { font-size: 16px; }
 	.services .content .image { border-radius: 228px 228px 20px 20px; height: 400px; }

	.location { padding-bottom: 50px; }
	.location h2 { font-size: 30px; line-height: 35px; }

	.courses { margin-top: 50px; padding-top: 50px; padding-bottom: 50px; }
	.courses .head { margin-bottom: 45px; }
	.courses .head h2 { font-size: 28px; line-height: 37px; }
	.courses .head p { font-size: 16px; line-height: 28px; }
	.courses .item { width: 100%; margin-bottom: 20px; }
	.courses .item h4 { font-size: 16px; }

	.team-members { padding-top: 90px; }
	.team-members h2 { font-size: 32px; line-height: 38px; }

	header + .general-text { margin-top: 95px; }

	.general-content { font-size: 16px; line-height: 28px; }
	.general-content h1 { font-size: 30px; line-height: 40px; }
	.general-content h2 { margin-top: 30px; font-size: 24px; line-height: 32px; }
	.general-content h3 { margin-top: 24px; font-size: 20px; line-height: 30px; }
	.general-content p { margin-top: 24px; }
	.general-content h4 + p { margin-top: 10px; }

	.general-text + footer { border-top: 1px solid #eee; margin-top: 50px; }

	.team-members h2 { margin-bottom: 30px; }

	.contact .gfield--type-radio { display: block; }
	.contact .gfield--type-radio .gfield_label { font-size: 16px; padding-bottom: 8px; }
	.contact .gfield--type-radio li label { font-size: 15px; }
	.contact .gfield--type-radio li + li { margin-left: 16px; }
	.contact .ginput_container_fileupload { padding-left: 18px; font-size: 16px; }
	.select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px; padding-left: 18px; }

	.welcome .content { padding: 61px 20px 0 20px; }
	.welcome .content h1 { font-size: 45px; line-height: 52px; }
	.welcome .content h1 br { display: none; }
	.welcome .pods .swiper { padding: 0 15px; }	
	.welcome .swiper-slide { height: 180px; }
	.welcome .swiper-slide h3 { font-size: 20px; line-height: 22px; left: 16px; bottom: 20px; }
}