/*
	CSS file for FA365
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@700&display=swap');


/*	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 {
		margin-top: 97px;
		font-family: 'DM Sans', sans-serif;
		background: #390099;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	a,
	a *,
	button {				
		transition: all ease 0.4s;
	}
	
	a {
		color: inherit;
		text-decoration: none;
	}
	
	a img {
		border: 0;
	}
	
	input::-webkit-input-placeholder { color: #A4A7B5; opacity: 1; }
	input:-moz-placeholder { color: #A4A7B5; opacity: 1; }
	input::-moz-placeholder { color: #A4A7B5; opacity: 1; }
	input:-ms-input-placeholder { color: #A4A7B5; opacity: 1; }

	.container {
		padding: 0 120px;
		margin: 0 auto;
	}
	
	.wrapper {
		width: 100vw;
		overflow: hidden;
	}
	
	 .animation-container {
        display: flex;
        position: relative;
        height: 500px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .animation-container svg {
        width: 100%;
        height: 100%;
    }
    
    @-webkit-keyframes rotating {
	  from {
	    -webkit-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }
	  to {
	    -webkit-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}
	
	@keyframes rotating {
	  from {
	    -ms-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }
	  to {
	    -ms-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -webkit-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}
	
	.rotating {
	  -webkit-animation: rotating 1s linear infinite;
	  -moz-animation: rotating 1s linear infinite;
	  -ms-animation: rotating 1s linear infinite;
	  -o-animation: rotating 1s linear infinite;
	  animation: rotating 1s linear infinite;
	}
	
	.gform_validation_container,
	.gform_ajax_spinner,
	.validation_error {
		display: none;
	}
	
	[data-aos="fade-up"] {
		-webkit-transform: translate3d(0px, 15px, 0px);
				transform: translate3d(0px, 15px, 0px);
	}
	
	[data-aos="fade-left"] {
		-webkit-transform: translate3d(20px, 0px, 0px);
				transform: translate3d(20px, 0px, 0px);
	}
	
	body .cc-banner .cc-message,
	body .cc-banner .cc-message a {
		color: #ffffff !important;
	}
	
	
	
/*	Header
-------------------------------------------*/
	
	header {
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 9000;
		color: #ffffff;
		padding: 33px 0 30px;		
		position: fixed;
		transition: all ease 0.5s;
	}
	
		header .container {
			padding: 0 52px;
		}
		
		header .logo {
			width: 250px;
			float: left;
			margin-top: 5px;
		}
		
		header nav {
			float: left;
			width: calc(100% - 500px);
			font-size: 0px;
			line-height: 0px;
			text-align: center;
		}
		
			header nav ul {
				display: inline-block;
				list-style: none;
			}
			
				header nav ul li {
					float: left;
				}
				
					header nav ul li + li {
						margin-left: 4px;
					}
			
					header nav ul li a {
						display: block;
						color: #FFFFFF;
						font-size: 16px;
						font-weight: 500;
						line-height: 20px;
						letter-spacing: -0.23px;
						text-decoration: none;
						padding: 7px 13px;
						border-radius: 5px;
					}
					
					header nav ul li a:hover {
						color: #70FFF5;
						background: rgba(110, 23, 255, 0.53);
						box-shadow: 0 4px 5px 0 rgba(38,0,110,0.44);
					}
					
					header nav ul li.current-menu-item a,
					header nav ul li.current_page_parent a {
						color: #70FFF5;
						background: rgba(110, 23, 255, 0.53);
						box-shadow: 0 4px 5px 0 rgba(38,0,110,0.44);						
					}
		
		header .buttons {
			width: 250px;
			float: right;
			font-size: 0px;
			text-align: right;
		}
		
			header .buttons a {
				display: inline-block;
				color: #FFFFFF;
				font-size: 16px;
				font-weight: bold;		
				line-height: 21px;
				letter-spacing: -0.23px;
				text-decoration: none;
				padding: 6px 20px 7px 20px;
				background-image: linear-gradient(180deg, #FF6195 0%, #FF0054 100%);
				box-shadow: 0 4px 5px 0 rgba(38,0,110,0.14);
				border-radius: 5px;
			}
			
				header .buttons a:hover {
					background-image: linear-gradient(180deg, #FF0054 0%, #FF6195 100%);	
				}
			
			header .buttons .btn-green {
				margin-left: 11px;
				background-image: linear-gradient(179deg, #39E0B5 45%, #00BED3 100%);	
			}
			
				header .buttons .btn-green:hover {
					background-image: linear-gradient(179deg, #00BED3 45%, #39E0B5 100%);		
				}
			
		header .bars {
			display: none;
			float: right;
			cursor: pointer;
			z-index: 9501;		
			position: relative;
			margin-left: 15px;
		    padding: 8px 0 10px 0;
		    -webkit-transition: all .4s;
	   				transition: all .4s;	
		}
		
			header .bars:before {
				left: 0px;
				content: "MENU";
				font-size: 18px;
				font-weight: 600;
				line-height: 20px;
				margin-right: 10px;
				transition: all 0.4s;
				position: relative;
			}
		
			header .bars span {
				float: right;
				position: relative;
				display: block;
				width: 25px;
    			height: 3px;
			    margin: 8px 0;
			    background: #fff;
			    opacity: 1;
			    -webkit-transition: all .4s;
		   				transition: all .4s;
			}
				
				header .bars span:after,
				header .bars span:before {				    
    				content: '';
    				display: block;
    				position: absolute;
				    z-index: -1;
				    width: 25px;
				    height: 3px;
				    background: #fff;
					-webkit-transition: all .4s;
		   					transition: all .4s;
				}
					
					header .bars span:before {
					    top: -8px;
					    left: 0px;
					}
					
					header .bars span:after {
					    top: 8px;
					    left: 0px;
					}
	
	
	/*
	 *	Tiny
	 */		
	header.tiny {
		padding: 16px 0px 13px 0;
		background: #390099;
	}
			
	
	
	/*
	 *	Mobile nav
	 */
	.mobile-nav {
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 300px;
		z-index: 9000;
		position: fixed;
		background: #390099;
		box-shadow: -4px 0px 5px 0 rgba(38,0,110,0.3);
		transition: all .4s;
		-webkit-transform: translate3d(100%, 0px, 0px) translate3d(10px, 0px, 0px);
				transform: translate3d(100%, 0px, 0px) translate3d(10px, 0px, 0px);
	}
	
		/*
		.mobile-nav h3 {
			color: #ffffff;
			font-size: 20px;
			font-weight: bold;
			line-height: 20px;
			padding: 25px 0px 20px 30px;
		}
		*/	
	
		.mobile-nav ul {
			list-style: none;
			padding-top: 70px;
		}
		
			.mobile-nav ul li {
				
			}
		
				.mobile-nav ul li a {
					display: block;
					color: #ffffff;
					font-size: 18px;
					font-weight: 500;
					line-height: 22px;
					letter-spacing: -0.23px;
					text-decoration: none;
					padding: 8px 25px 8px 30px;
				}
				
				.mobile-nav ul li a:hover {
					color: #70FFF5;
				}
				
				.mobile-nav ul li.current-menu-item a,
				.mobile-nav ul li.current_page_parent a {
					color: #70FFF5;
					background: rgba(110, 23, 255, 0.53);
				}
				
		.mobile-nav .buttons-container {
			margin-top: 25px;
			margin-left: 30px;
		}
		
			.mobile-nav .buttons-container a {
				display: block;
				max-width: 120px;
				color: #FFFFFF;
				font-size: 16px;
				font-weight: bold;		
				line-height: 21px;
				text-align: center;
				letter-spacing: -0.23px;
				text-decoration: none;
				padding: 9px 20px 10px 20px;
				background-image: linear-gradient(180deg, #FF6195 0%, #FF0054 100%);
				box-shadow: 0 4px 5px 0 rgba(38,0,110,0.14);
				border-radius: 5px;
			}
			
			.mobile-nav .buttons-container .btn-green {
				margin-top: 10px;
				background-image: linear-gradient(179deg, #39E0B5 45%, #00BED3 100%);	
			}
	
	
	/*
	 *	Opened nav
	 */
	.opened-nav .mobile-nav {
		-webkit-transform: translate3d(0px, 0px, 0px);
				transform: translate3d(0px, 0px, 0px);	
	} 
	
	.opened-nav header .bars:before {
		left: -164px;
	}
	
	.opened-nav header .bars span {
		background: transparent;
	} 
	 
	.opened-nav header .bars span:before {
		top: 0px;
		transform: rotate(45deg);
		transform-origin: center center;
	}
	
	.opened-nav header .bars span:after {
		top: 0px;
		transform: rotate(-45deg);
		transform-origin: center center;
	}	
	
	

/*	Footer
-------------------------------------------*/
	
	footer {
		padding-top: 110px;
		position: relative;
	}
	
		footer:before {
			content: "";
			width: 1393px;
			height: 1115px;
			left: 0px;
			bottom: 0px;
			z-index: 1;
			position: absolute;
			background: url('../img/footer-map.svg') no-repeat top left;
		}
		
		.page-jobs + footer,
		.job-single + footer,
		.page-single + footer {
			overflow: hidden;
		}
	
	footer .container {		
		margin: 0;
		max-width: 1090px;
	}
	
	
	/*
	 *	Top
	 */
	footer .top {
		z-index: 4;
		position: relative;
		padding-bottom: 110px;
	}
	
		footer .contact {
			float: left;
		}
		
			footer .contact h3 {
				max-width: 460px;
				color: #FFFFFF;
				font-size: 38px;
				font-weight: 500;
				line-height: 54px;
				letter-spacing: -0.38px;
				padding-bottom: 17px;
			}
			
				footer .contact h3 span {
					color: #70FFF5;
				}
				
			footer .contact p {
				color: #FFFFFF;
				font-size: 21px;
				font-weight: 400;				
				letter-spacing: -0.38px;
			}
			
				footer .contact p a svg {
					display: inline-block;
					margin-left: 15px;
					-webkit-transform: translate3d(0px, 0px, 0px);
							transform: translate3d(0px, 0px, 0px);
				}
			
				footer .contact p a:hover {
					color: #70FFF5;
				}
				
					footer .contact p a:hover svg {
						-webkit-transform: translate3d(5px, 0px, 0px);
								transform: translate3d(5px, 0px, 0px);
					}
					
			footer .contact .office {
				margin-top: 78px;
				font-size: 17px;
				font-weight: 500;
				line-height: 22px;
				letter-spacing: -0.38px;
			}
			
				footer .contact .office h5 {
					color: #70FFF5;
					font-size: 17px;
					font-weight: 500;
					line-height: 22px;
					letter-spacing: -0.38px;
				}
				
				footer .contact .office .address {
					color: #ffffff;
					font-size: 17px;
					font-weight: 500;
					line-height: 22px;
					letter-spacing: -0.38px;
					margin-top: 22px;
					position: relative;
				}				
				
					footer .contact .office .address:before {
						content: "";
						float: left;
						top: -9px;
						width: 62px;
						height: 62px;
						margin-right: 18px;
						position: relative;
						border-radius: 50%;
						background: rgba(112,255,245,0.29);
						transform-origin: center center;
						transform: scale(0);
						animation: pulse 1.5s infinite;
					}
					
						@-webkit-keyframes pulse {
							0% { transform: scale(0); opacity: 1; }
							50% { opacity: 1; }
							100% { transform: scale(1); opacity: 0; }
						}
						
						@keyframes pulse {
							0% { transform: scale(0); opacity: 1; }
							50% { opacity: 1; }
							100% { transform: scale(1); opacity: 0; }
						}
					
					footer .contact .office .address:after {
						content: "";
						top: 9px;
						left: 18px;
						width: 26px;
						height: 26px;
						position: absolute;
						border-radius: 50%;
						background: #68dbe8;
					}
			
		footer .links {
			float: right;			
		}
		
			footer .links ul {
				float: left;
				color: #FFFFFF;
				font-size: 14px;				
				line-height: 28px;				
				letter-spacing: -0.23px;				
				list-style: none;
			}
			
				footer .links ul li:first-child {
					font-weight: bold;
				}
				
					footer .links ul li a:hover {
						color: #70FFF5;
					}
				
			footer .links ul + ul {
				margin-left: 126px;
			}
			
			footer .links .stores {
				margin-top: 35px;
			}
				
				footer .links .stores a {
					float: left;
				}
			
				footer .links .stores a + a {
					margin-left: 18px;
				}
				
				footer .links .stores a:hover path:first-child {
					fill: #70FFF5;
				}
	
	
	/*
	 *	Bottom
	 */
	footer .bottom {
		z-index: 2;
		position: relative;
		padding-bottom: 0px;
	}
	
		footer .bottom .left {
			float: left;
			padding-top: 20px;
		}	
		
			footer .bottom .left .copyright {
				float: left;
				color: #FFFFFF;
				font-size: 12px;
				font-weight: 400;
				line-height: 15px;
				letter-spacing: -0.04px;	
				padding-top: 5px;
			}
			
			footer .bottom .left .social {
				float: left;
				margin-left: 40px;				
			}
			
				footer .bottom .left .social h5 {
					float: left;
					color: #FFFFFF;
					font-size: 12px;
					font-weight: 400;
					line-height: 15px;
					letter-spacing: -0.04px;				
					padding-top: 5px;
				}
				
				footer .bottom .left .social ul {
					float: left;
					list-style: none;
					margin-left: 20px;
				}
				
					footer .bottom .left .social ul li {
						float: left;
					}
					
						footer .bottom .left .social ul li + li {
							margin-left: 10px;
						}
					
						footer .bottom .left .social li svg {
							display: block;
						}
						
					footer .bottom .left .social ul li a:hover path {
						fill: #ffffff;
					}
		
		footer .bottom .right {
			float: right;
		}
			
			footer .bottom .right .ht {
				float: left;
				margin-top: 20px;
			}
			
			footer .bottom .right .rm {
				float: left;
				margin-left: 57px;
			}
			
			footer .bottom .right .dev { 
				float: left;
				width: 85px;
				margin-left: 43px;								
			}
				
				footer .bottom .right .dev a {
					display: block;
					color: #FFFFFF;
					font-family: 'Poppins';
					font-size: 10px;
					font-weight: bold;									
					letter-spacing: -0.03px;
					text-align: center;
					padding: 12px 0 40px 0;
					border-radius: 10px 10px 0 0;
					background: rgba(38, 0, 110, 0.55);
				}
				
					footer .bottom .right .dev a svg {
						display: block;
						margin: 0 auto 4px auto;
					}
				


/*	Common styles
-------------------------------------------*/
	
	/*
	 *	Button
	 */
	.btn {
		height: 55px;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		line-height: 21px;
		letter-spacing: -0.23px;
		text-align: center;
		padding: 17px 25px 17px 25px;
		background-image: linear-gradient(180deg, #FF6195 0%, #FF0054 100%);
		box-shadow: 0 4px 5px 0 rgba(38,0,110,0.14);
		border-radius: 10px;
		box-sizing: border-box;
		border: 0px;
		cursor: pointer;
	}
	
	
	/*
	 *	Number 365
	 */
	.n365 {	
		top: 0px;
		left: 0px;
		right: 0px;	
		position: absolute;
	}
	
		.n365 .n3 {
			top: 135px;
			left: 0px;
			position: absolute;
		}
		
		.n365 .n6 {
			top: 530px;
			left: 182px;
			position: absolute;
		}
		
		.n365 .n5 {
			top: -181px;
			right: 0px;
			position: absolute;
		}
		
	
	/*
	 *	Share
	 */
	.share {
		font-size: 0px;
		line-height: 0px;
		position: relative;
	}
			
		.share a {
			display: inline-block;
			width: 52px;
			height: 52px;			
			border-radius: 26px;
			position: relative;
		}
		
			.share a svg {
				display: block;
			}
			
		.share a:after {
			content: "Share";
			top: 19px;
			right: 19px;
			color: #FFFFFF;
			font-size: 14px;
			font-weight: bold;
			line-height: 16px;
			position: absolute;
			transition: all ease 0.1s 0s;
			opacity: 0;
			visibility: hidden;
		}
		
		.share a + a {
			margin-left: 10px;
		}
		
		.share a:not(.top):hover {
			width: 100px;
		}
		
			.share a:hover:after {
				opacity: 1;
				visibility: visible;
				transition: all ease 0.3s 0.1s;	
			}
		
		.share a.fb {
			background: #3C5999;
		}
			
			.share a.fb svg {
				margin: 17px 0 0 22px;	
			}
			
		.share a.tw {
			background: #55ADEF;
		}
			
			.share a.tw svg {
				margin: 20px 0 0 18px;	
			}
			
		.share a.in {
			background: #263982;
		}
			
			.share a.in svg {
				margin: 17px 0 0 19px;	
			}
			
		.share a.top {
			background: #9C6FE9;
		}
		
			.share a.top svg {
				margin: 16px 0 0 19px;
			}
			
			.share a.top:after {
				display: none;	
			}
			
			.share a.top:hover {
				background: #7B00E4;
			}
			
			
	/*
	 *	Hero
	 */ 
	.hero {
		min-height: calc(100vh - 97px);
		padding-top: 182px;
		box-sizing: border-box;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	
		.hero .container {
			width: 100%;
			position: relative;
		}
	
		.hero h4 {
			color: #9C6FE9;
			font-size: 28px;
			font-weight: 500;
			line-height: 37px;
			letter-spacing: -0.23px;
			margin-bottom: 17px;
		}
	
		.hero h1 {
			color: #FFFFFF;
			font-size: 58px;
			font-weight: 500;
			line-height: 62px;
			letter-spacing: -0.25px;
			max-width: 575px;
		}
		
			.hero h1 span {
				color: #70FFF5;
			}
		
		.hero p {
			color: #FFFFFF;
			font-size: 18px;			
			line-height: 26px;
			margin-top: 26px;
			max-width: 480px;
		}
		
		.hero .image {
			top: 0px;
			right: 0px;
			display: flex;
            position: relative;
            height: 590px;
            width: calc(100% - 655px);
            align-items: center;
            justify-content: flex-end;
			position: absolute;
		}	
			
	        .hero .image svg {
	            height: 100%;
	        }
	
	.hero.centered {
		z-index: 3;
		position: relative;		
		padding-top: 39px;
		padding-bottom: 50px;
		text-align: center;
	}
	
		.hero.centered h4 {
			margin-bottom: 8px;
		}
	
		.hero.centered h1 {
			max-width: 100%;		
		}
		
		.hero.centered p {
			max-width: 540px;
			margin: 0 auto;
		}
		
		.hero.centered .image {
			width: 100%;
			height: 495px;
			align-items: center;
            justify-content: center;
			position: relative;
		}
	
		
	/*
	 *	Hero search box
	 */
	.hero-search-box {
		
	}
	
		.hero-search-box h4 {
			color: #9C6FE9;
			font-size: 16px;
			font-weight: bold;
			line-height: 21px;			
			letter-spacing: -0.23px;
			margin-bottom: 13px;
		}
		
		.hero-search-box form {
			float: left;
			width: 100%;
			max-width: 545px;
			background: #FFFFFF;
			box-shadow: 0 12px 16px 0 rgba(38,0,110,0.72);
			border-radius: 5px;
			position: relative;
		}	
		
			.hero-search-box form input {
				display: block;
				float: left;
				width: calc(100% - 105px);
				border: 0px;				
				color: #8F92A1;
				font-size: 16px;
				font-weight: 500;
				line-height: 21px;				
				letter-spacing: -0.23px;
				border-radius: 5px 0px 0px 5px;
				padding: 20px 0px 19px 20px;
				box-sizing: border-box;
			}
		
			.hero-search-box form button {
				float: left;
				display: block;
				width: 105px;
				height: 60px;
				border-radius: 0px 5px 5px 0px;
			}
			
		.hero-search-box .talk {
			float: right;
			color: #26006E;
			font-size: 17px;
			font-weight: 500;
			line-height: 23px;
			letter-spacing: -0.23px;
			padding: 20px 22px 17px 22px;
			background: #FFFFFF;
			box-shadow: 0 12px 16px 0 rgba(38,0,110,0.72);
			border-radius: 30px;
			cursor: pointer;
		}
		
			.hero-search-box .talk svg {
				float: left;
				margin-right: 10px;				
			}
			
		.hero-search-box .talk:hover {
			color: #ffffff;
			background: #9C6FE9;
		}
	
	.autocomplete-wrapper {
		top: 100%;
		left: 0px;
		right: 0px;
		position: absolute;			
	}
	
		.autocomplete-wrapper .autocomplete-suggestions {
			width: 100% !important;
			top: 0px !important;
			left: 0px !important;
			position: relative !important;
			box-shadow: 0 12px 16px 0 rgba(38,0,110,0.72);
		}
		
		.autocomplete-suggestions {
			margin-top: 2px;
			padding: 5px 0;
			background: #FFFFFF;
			box-shadow: 0 13px 34px 0 rgba(38,0,110,0.11);
			border-radius: 5px;
		}
		
		.autocomplete-suggestion {
			color: #26006E;
			font-size: 16px;
			font-weight: 400;
			line-height: 21px;				
			letter-spacing: -0.1px;
			padding: 8px 22px;
			box-sizing: border-box;
			cursor: pointer;
		}
		
			.autocomplete-suggestion:hover {
				color: #ffffff;
				background: #9C6FE9;
			}
		
	
	/*
	 *	BG White
	 */
	.bg-white {		
		z-index: 3;
		position: relative;
		background: #ffffff;
	}
	
	
	/*
	 *	Jobs Slider
	 */
	.jobs-slider {
		margin-left: 120px;
		position: relative;
		z-index: 3;
	}
	
		.jobs-slider .head {
			float: left;
			width: 345px;
		}
		
			.jobs-slider .head h5 {
				color: #390099;
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
				letter-spacing: -0.2px;
			}
			
			.jobs-slider .head h2 {
				color: #26006E;
				font-size: 38px;
				font-weight: 500;
				line-height: 50px;
				letter-spacing: -0.38px;
			}
			
			.jobs-slider .head .swiper-arrows {
				margin-top: 15px;
			}
			
				.jobs-slider .head .swiper-arrows div {
					float: left;
					width: 45px;
					height: 45px;
					background: #9C6FE9;
					border-radius: 50%;
					position: relative;
					cursor: pointer;
					transition: all ease 0.3s;
				}
				
					.jobs-slider .head .swiper-arrows div svg {
						top: 50%;
						left: 50%;
						position: absolute;
						-webkit-transform: translate(-50%, -50%);
								transform: translate(-50%, -50%);						
					}
					
					.jobs-slider .head .swiper-arrows div:hover {
						background: #6E17FF;	
					}									
					
				.jobs-slider .head .swiper-arrows div + div {
					margin-left: 13px;
				}
				
				.jobs-slider .head .swiper-arrows .swiper-button-disabled {
					opacity: 0.3;
				}
		
		.jobs-slider .swiper-container {
			float: left;
			width: calc(100% - 345px);
			padding-top: 35px;
			padding-left: 45px;
			padding-bottom: 64px;
			box-sizing: border-box;
			margin-top: -35px;
			margin-bottom: -64px;
		}
		
			.jobs-slider .swiper-slide {
				width: 385px;
				height: auto;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-flex-wrap: nowrap;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-webkit-justify-content: flex-start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				-webkit-align-content: stretch;
				-ms-flex-line-pack: stretch;
				align-content: stretch;
				-webkit-align-items: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-transition: all ease 0.3s;
						transition: all ease 0.3s;
			}
			
			.jobs-slider .swiper-slide-prev {
				opacity: 0;
			}							
	
	
	/*
	 *	Team slider
	 */
	.team-slider {
		z-index: 5;
		position: relative;
	} 
	
		.team-slider h2 {
			color: #26006E;
			font-size: 45px;
			font-weight: 500;
			line-height: 53px;
			letter-spacing: -0.38px;
			text-align: center;	
			margin-bottom: 40px;		
		}
		
			.team-slider h2 span {
				display: block;
				color: #6E17FF;
			}
		
		.team-slider .swiper-slide {
			width: calc(100% - 60px);
			max-width: 940px;
		}
		
			.team-slider .member-item {
				padding: 75px 0;
				position: relative;
			}
			
				.team-slider .member-item .bg {
					top: 0px;
					left: 125px;
					right: 0px;
					bottom: 0px;
					z-index: 1;
					opacity: 0.25;
					position: absolute;
					border-radius: 25px;
					background: #DCFFF7;
				}
				
				.team-slider .member-item .image {
					width: 327px;
					height: 345px;
					z-index: 2;
					position: absolute;
					background: #3BCEAC;
					box-shadow: 0 22px 30px 0 rgba(0,0,0,0.15);
					border-radius: 17px;
				}
				
					.team-slider .member-item .image img {
						max-width: calc(100% - 13px);
						max-height: 400px;
						left: 50%;
						bottom: 0px;
						width: auto;
						height: auto;
						position: absolute;
						-webkit-transform: translateX(-50%);
								transform: translateX(-50%);
					}
			
				.team-slider .member-item .content {
					z-index: 2;
					position: relative;
					min-height: 345px;
					padding-left: 400px;
					padding-right: 55px;
				}
				
					.team-slider .member-item .content h3 {
						color: #6E17FF;
						font-size: 45px;
						font-weight: bold;						
						letter-spacing: -0.38px;
						margin-bottom: 3px;
					}
					
					.team-slider .member-item .content .position {
						color: #390099;
						font-size: 20px;
						font-weight: 500;
						font-style: italic;						
						letter-spacing: -0.38px;
						margin-bottom: 13px;
					}
					
					.team-slider .member-item .content .text {
						color: #26006E;
						font-size: 17px;
						line-height: 32px;
						letter-spacing: -0.38px;						
						margin-bottom: 13px;
						display: -webkit-box;
						-webkit-line-clamp: 5;
						-webkit-box-orient: vertical;  
						overflow: hidden;
					}
					
					.team-slider .member-item .content .links {
						
					}
					
						.team-slider .member-item .content .links a {
							float: left;
						}
					
							.team-slider .member-item .content .links a svg {
								display: block;
							}
					
						.team-slider .member-item .content .links .view-profile {
							color: #6E17FF;
							font-size: 17px;
							font-weight: bold;
							letter-spacing: -0.38px;
							margin-top: 9px;	
						}
						
						.team-slider .member-item .content .links .view-profile + a {
							margin-left: 22px;
						}
						
						.team-slider .member-item .content .links .view-profile + a ~ a {
							margin-left: 11px;
						}
			
			.team-slider .member-item.dark-purple .bg { background: #C9ACFA; }
			.team-slider .member-item.dark-purple .image { background: #390099; }						
			
			.team-slider .member-item.bright-purple .bg { background: #BB93FF }
			.team-slider .member-item.bright-purple .image { background: #6E17FF; }
			
			.team-slider .member-item.pastel-purple .bg { background: #E2D1FF; }
			.team-slider .member-item.pastel-purple .image { background: #9C6FE9; }
			
			.team-slider .member-item.light-blue .bg { background: #B5F0FC; }
			.team-slider .member-item.light-blue .image { background: #5FD5EE;}
			
			.team-slider .member-item.red .bg { background: #FF92B6; }
			.team-slider .member-item.red .image { background: #FF0054; }
			
			.team-slider .member-item.brown .bg { background: #EDB69F; }
			.team-slider .member-item.brown .image { background: #A96F57; }
			
			.team-slider .member-item.dark-plum .bg { background: #D4A3E6; }
			.team-slider .member-item.dark-plum .image { background: #540D6E; }
			
			.team-slider .member-item.green-grass .bg { background: #ADEBD0; }
			.team-slider .member-item.green-grass .image { background: #0EAD69; }
			
			.team-slider .member-item.gray .bg { background: #8F92A1; }
			.team-slider .member-item.gray .image { background: #8F92A1; }
			
	 
		.team-slider .swiper-arrows {
			max-width: 306px;
 			margin: 75px auto 0 auto;
			padding: 10px 10px 9px 10px;
			background: #FFFFFF;
			box-shadow: 0 15px 44px 0 rgba(38,0,110,0.18);
			border-radius: 37.5px;
		}
		
			.team-slider .swiper-arrow {
				float: left;
				width: 45px;
				height: 45px;
				background: #9C6FE9;
				border-radius: 50%;
				position: relative;
				cursor: pointer;
				transition: all ease 0.3s;
			}
			
				.team-slider .swiper-arrow svg {
					top: 50%;
					left: 50%;
					position: absolute;
					-webkit-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);						
				}
				
				.team-slider .swiper-arrow:hover {
					background: #6E17FF;	
				}									
				
			.team-slider .swiper-arrow + .swiper-arrow {
				margin-left: 13px;
			}
			
			.team-slider .swiper-arrows .swiper-button-disabled {
				opacity: 0.3;
			}
			
			.team-slider .swiper-arrows .caption {
				float: left;
				width: calc(100% - 90px);
				color: #390099;
				font-size: 17px;
				font-weight: bold;
				line-height: 22px;
				letter-spacing: -0.38px;
				text-align: center;
				padding-top: 11px;
			}
	 


/*	General Content
-------------------------------------------*/
	
	.general-content {
		color: #45414D;
		font-size: 17px;
		line-height: 26px;
		letter-spacing: -0.19px;		
	}
	
		.general-content > *:first-child {
			padding-top: 0px;
			margin-top: 0px;
		}
		
		.general-content p {
			padding-top: 26px;
		}
		
		.general-content h2 {
			color: #390099;
			font-size: 24px;
			font-weight: bold;
			line-height: 31px;			
			letter-spacing: 0;
		}
		
		.general-content ul,
		.general-content ol {
			padding-top: 26px;
			padding-left: 40px;
		}
		
		.general-content ul li,
		.general-content ol li {
			padding-top: 10px;
		}
		


/*	Page: HOME
-------------------------------------------*/

	.page-home {
		
	}	
	
		.page-home .hero {
			padding-bottom: 220px;			
		}
		
			.page-home .hero .image {
				top: -60px;
				right: 120px;
				width: calc(100% - 820px);
				height: 460px;	
				justify-content: center;
			}
		
			.page-home .hero .hero-search-box {
				margin-top: 120px;
			}					
	
	
	/*
	 *	Focus
	 */
	.page-home .focus {
		top: -135px;
		position: relative;
		background: #FFFFFF;
		box-shadow: 0 30px 34px 0 rgba(38,0,110,0.05);
		border-radius: 50px;
		padding: 65px 60px 75px 60px;
		margin-bottom: -135px;
	}
	
		.page-home .focus .col {
			float: left;
			width: calc(50% - 27px);
			display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-flex-direction: row;
		    -ms-flex-direction: row;
		    flex-direction: row;
		    -webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		    -webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		    justify-content: flex-start;
		    -webkit-align-content: stretch;
		    -ms-flex-line-pack: stretch;
		    align-content: stretch;
		    -webkit-align-items: center;
		    -ms-flex-align: center;
		    align-items: center;
		}
		
			.page-home .focus .col p {
				color: #390099;
				font-size: 18px;
				line-height: 26px;
				padding-left: 36px;
			}
		
		.page-home .focus .col + .col {
			float: right;
		}
	
	
	/*
	 *	About
	 */
	.page-home .about {
		margin-top: 110px;
		margin-bottom: 50px;
		position: relative;
	}
	
		.page-home .d1 {
			top: -130px;
			left: 0px;
			position: absolute;
		}
		
		.page-home .d2 {
			top: 395px;
			left: 0px;
			position: absolute;
		}
		
		.page-home .d3 {
			top: 610px;
			left: 0px;
			position: absolute;
		}
		
		.page-home .d4 {
			top: -65px;
			right: 0px;
			z-index: 2;
			position: absolute;
		}
		
		.page-home .d5 {
			top: 80px;
			right: 0px;
			z-index: 1;
			position: absolute;
		}
		
		.page-home .d6 {
			top: 512px;
			right: 0px;
			position: absolute;
		}
		
		.page-home .about .image-1 {
			float: left;
			width: 50%;
			height: 680px;
			padding-right: 50px;
		    box-sizing: border-box;
		}
		
			.page-home .about .image-1 svg {
				width: calc(100% - 40px);
				max-width: 630px;
			}
		
		.page-home .about .image-2 {
			z-index: 3;
			right: -30px;
			bottom: 0px;
			width: 548px;
			height: 510px;
			position: absolute;
		}
		
		.page-home .about .content {
			float: left;
			width: 50%;
			z-index: 4;
			padding-bottom: 210px;
			position: relative;
		}
		
			.page-home .about .content h2 {
				color: #390099;
				font-size: 67px;
				font-weight: 500;
				line-height: 87px;	
				letter-spacing: -1.43px;
				margin-bottom: 15px;
			}
			
			.page-home .about .content h3 {
				max-width: 520px;
				color: #26006E;
				font-size: 31px;
				font-weight: 500;
				line-height: 41px;
				letter-spacing: -0.38px;
				margin-bottom: 33px;
			}
			
			.page-home .about .content p {
				max-width: 470px;
				color: #26006E;
				font-size: 18px;
				line-height: 32px;
				letter-spacing: -0.2px;
			}
			
			.page-home .about .content .button {
				display: inline-block;
				color: #FFFFFF;
				font-size: 18px;
				font-weight: bold;
				line-height: 24px;
				letter-spacing: -0.2px;
				margin-top: 45px;
				margin-bottom: 50px;
				padding: 13px 35px;
				background-image: linear-gradient(179deg, #39E0B5 45%, #00BED3 100%);
				border-radius: 5px;
			}
			
				.page-home .about .content .button:hover {
					background-image: linear-gradient(179deg, #00BED3 45%, #39E0B5 100%);
				}
			
			.page-home .about .content .rating {
				overflow: hidden;
			}
			
				.page-home .about .content .rating svg {
					float: left;
				}
				
					.page-home .about .content .rating svg + svg {
						margin-left: 18px;
					}
	 
	/*
	 *	Join
	 */
	.page-home .join {
		padding-top: 180px;
		padding-bottom: 280px;
		margin-top: -100px;
		background: #F6F6F7;
	}
	
		.page-home .join .box {
			width: 100%;
			max-width: 980px;
			background: #FFFFFF;
			border-radius: 50px;
			text-align: center;
			padding: 40px 40px 495px 40px;
			margin: 0 auto;
			box-sizing: border-box;
			position: relative;
		}
		
		.page-home .join .box h2 {
			color: #26006E;
			font-size: 45px;
			font-weight: 500;
			line-height: 53px;
			letter-spacing: -0.38px;
		}
		
			.page-home .join .box h2 span {
				color: #6E17FF;
				display: block;
			}
			
			.page-home .join .box p {
				max-width: 555px;
				color: #26006E;
				font-size: 18px;
				line-height: 32px;
				letter-spacing: -0.2px;
 				margin: 20px auto 0 auto;
			}
			
		.page-home .join .box .phone {
			left: 50%;
			bottom: -270px;
			z-index: 2;
			position: absolute;
			-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
		}
		
			.page-home .join .box .phone .left {				
				top: 125px;
				left: -75px;
				z-index: -1;
				position: absolute;
				transition: all ease 1s;
				transform-origin: center center;
				-webkit-transform: rotate(0deg) translate(150px);
						transform: rotate(0deg) translate(150px);
			}
			
			.page-home .join .box .phone .right {
				top: 125px;
				right: -75px;
				z-index: -1;
				position: absolute;
				transition: all ease 1s;
				transform-origin: center center;
				-webkit-transform: rotate(0deg) translate(-150px);
						transform: rotate(0deg) translate(-150px);
			}
			
			.page-home .join .box .phone .main {
				max-width: none;
			}
			
		.page-home .join .box .phone.aos-animate .left {
			-webkit-transform: rotate(-15deg);
					transform: rotate(-15deg);
		}
		
		.page-home .join .box .phone.aos-animate .right {
			-webkit-transform: rotate(15deg);
					transform: rotate(15deg);
		}
	 


/*	Page: JOBS
-------------------------------------------*/
	
	/*
	 *	Job Item
	 */
	.job-item {
		display: block;
		background: #FFFFFF;
		box-shadow: 0 13px 34px 0 rgba(38,0,110,0.11);
		border-radius: 10px;
		padding: 38px 33px 35px 43px;
		box-sizing: border-box;
		position: relative;
		transform-origin: center center;
	}
	
		.job-item .image {
			top: 38px;
			right: 30px;
			width: 60px;
			height: 60px;
			background: #390099 url('../img/job-logo.svg') no-repeat center center;
			border-radius: 50%;
			box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.22);
			position: absolute;
		}
	
		.job-item h2 {
			color: #26006E;
			font-size: 23px;
			font-weight: bold;
			line-height: 30px;	
			margin-bottom: 5px;	
			padding-right: 70px;	
		}
		
		.job-item .location {
			color: #45414D;
			font-size: 16px;
			font-weight: 500;
			line-height: 24px;
			padding-left: 22px;
			padding-right: 70px;
			background: url('../img/icon-location.svg') no-repeat 0px 5px;
		}
		
		.job-item .info {
			font-size: 0px;
			line-height: 0px;
			list-style: none;
			margin-top: 18px;
			margin-bottom: 28px;
		}
		
			.job-item .info li {
				display: inline-block;
				color: #FFFFFF;
				font-size: 14px;				
				font-weight: bold;
				line-height: 24px;
				letter-spacing: 0;				
				padding: 3px 12px 3px 12px;
				background: #9C6FE9;
				border-radius: 10px;
			}
			
			.job-item .info li + li {
				margin-left: 18px;
				color: #3FD4B4;
				background: rgba(59, 206, 172, 0.22);
			}
			
		.job-item .text {
			color: #26006E;
			font-size: 18px;
			line-height: 24px;
			letter-spacing: 0;
			display: -webkit-box;
			-webkit-line-clamp: 5;
			-webkit-box-orient: vertical;  
			overflow: hidden;
		}
		
	.job-item:hover,
	.swiper-slide-active .job-item {
		transform: scale(1.07);
		background: #390099;
	}
	
		.job-item:hover h2,
		.job-item:hover .location,
		.job-item:hover .text,
		.swiper-slide-active .job-item h2,
		.swiper-slide-active .job-item .location,
		.swiper-slide-active .job-item .text {
			color: #ffffff;
		}
		
		.job-item:hover .info li + li,
		.swiper-slide-active .job-item .info li + li {
			color: #26006E;
			background: #ffffff;
		}
	
	
	/*
	 *	Jobs page
	 */
	.page-jobs {
		background: #ffffff;
	}
		
	.page-jobs .container {
		max-width: 980px;
	}
	
		.page-jobs .search {
			padding: 80px 0 72px 0;
			border-bottom: 1px solid rgba(143, 146, 161, 0.25);
		}
		
			.page-jobs .search h1 {
				color: #5700C2;
				font-size: 39px;
				font-weight: bold;
				line-height: 48px;
				letter-spacing: -0.23px;
				text-align: center;
				margin-bottom: 54px;
			}
			
				.page-jobs .search h1 small {
					display: block;
					color: #9E00FF;
					font-size: 19px;
					font-weight: 500;
					line-height: 21px;
				}
			
			.page-jobs .search form {
				
			}
								
				.page-jobs .search input {
					float: left;
					width: calc(50% - 105px);
					height: 55px;
					color: #26006E;
					font-size: 16px;
					font-weight: 500;		
					line-height: 21px;			
					letter-spacing: -0.23px;
					padding: 21px 17px;
					background: #FFFFFF;
					border: 1px solid rgba(143, 146, 161, 0.25);
					box-shadow: 0 12px 16px 0 rgba(143,146,161,0.11);
					border-radius: 10px;
					box-sizing: border-box;
					margin-right: 15px;
				}
				
				.page-jobs .search button {
					float: left;
					width: 180px;					
				}
		
		.page-jobs .list {
			padding-top: 50px;
			padding-bottom: 60px;
		}
		
			.page-jobs .list h5 {
				color: #4C00B5;
				font-size: 15px;
				font-weight: 500;
				line-height: 48px;
				letter-spacing: -0.23px;
				text-align: center;
				margin-bottom: 20px;
			}
			
			.page-jobs .list .job-item {
				width: calc(50% - 21px);
				float: left;
				clear: both;
				margin-bottom: 40px;
			}
			
			.page-jobs .list .job-item:nth-child(even) {
				float: right;
				clear: none;
			}
			
			.page-jobs .list .load-more {
				clear: both;
				padding-top: 20px;
				padding-bottom: 40px;
				text-align: center;
			}
			
				.page-jobs .list .load-more a {
					width: 180px;
					display: inline-block;
				}
			
			
			
/*	Page: JOB SINGLE
-------------------------------------------*/
			
	.job-single {
		padding-top: 90px;
		padding-bottom: 130px;
		background: #ffffff;
	}
		
	.job-single .container {
		max-width: 980px;
	}
	
	.job-single .content-wrapper {
		transform: none !important;
	}
		
		.job-single .content {
			float: left;
			width: calc(100% - 410px);
		}
		
			.job-single .content .back a {
				color: #6300CF;
				font-size: 15px;
				font-weight: 500;				
				letter-spacing: -0.23px;
				text-align: center;
				line-height: 18px;
			}
			
			.job-single .content h1 {
				color: #2B007D;
				font-size: 33px;
				font-weight: bold;
				line-height: 43px;
				padding-bottom: 12px;
			}
			
			.job-single .content .location {
				color: #45414D;
				font-size: 16px;
				font-weight: 500;
				line-height: 24px;
				padding-left: 22px;
				background: url('../img/icon-location.svg') no-repeat 0px 5px;
			}
			
			.job-single .content .info {
				font-size: 0px;
				line-height: 0px;
				list-style: none;
				margin-top: 18px;
				margin-bottom: 35px;
			}
			
				.job-single .content .info li {
					display: inline-block;
					color: #FFFFFF;
					font-size: 14px;				
					font-weight: bold;
					line-height: 24px;
					letter-spacing: 0;				
					padding: 3px 12px 3px 12px;
					background: #9C6FE9;
					border-radius: 10px;
				}
				
				.job-single .content .info li + li {
					margin-left: 18px;
					color: #3FD4B4;
					background: rgba(59, 206, 172, 0.22);
				}
				
			.job-single .content .text {
				margin-bottom: 60px;
			}
		
		.job-single aside {
			float: right;
			width: 330px;
		}
		
			.job-single aside .form {
				max-width: 330px;
				padding: 32px 26px;
				background: #FFFFFF;
				box-shadow: 0 13px 34px 0 rgba(38,0,110,0.11);
				border-radius: 10px;
				position: relative;
				box-sizing: border-box;
			}
			
				.job-single aside .form.sticky {
					top: 110px;
					position: fixed;
				}
			
			.job-single aside .form h2 {
				color: #4300A9;
				font-size: 27px;
				font-weight: bold;
				line-height: 35px;
				padding: 0px 0 26px 0;
			}
			
				.job-single aside .form h2 span {
					display: block;
					color: #6F00DA;
					font-size: 15px;
					font-weight: 500;
					line-height: 18px;
					letter-spacing: -0.23px;					
				}
				
			.job-single aside .form .image {
				top: 20px;
				right: 20px;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				position: absolute;
				border-radius: 50%;
				background: #390099 url('../img/job-logo.svg') no-repeat center center;
				box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.22);
			}
			
			.job-single aside .gform_fields {
				list-style: none;
			}
			
				.job-single aside .gfield {
					
				}	
				
					.job-single aside .gfield_label {
						display: none;	
					}
				
					.job-single aside .gfield + .gfield {
						margin-top: 20px;
					}
				
					.job-single aside .gfield input {
						display: block;
						width: 100%;
						color: #ADB0BE;
						font-size: 16px;
						line-height: 20px;
						font-weight: 500;						
						letter-spacing: 0;						
						border: 1px solid rgba(143, 146, 161, 0.5);
						border-radius: 10px;
						padding: 14px 17px;
						box-sizing: border-box;
					}
					
					.job-single aside .gfield .gfield_description {
						color: #8F92A1;
						font-size: 12px;
						font-weight: 500;
						line-height: 16px;
						margin-top: 12px;
					}
					
					.job-single aside .gfield .validation_message {
						color: #E11D5D;
					}
		
			.job-single aside .gform_footer .btn {
				margin-top: 25px;
				display: block;
				width: 100%;
				height: 50px;
				padding-top: 15px;
				padding-bottom: 15px;
			}
			
			.job-single aside .gform_confirmation_wrapper {
				color: #45414D;
				font-size: 16px;
				line-height: 26px;
				letter-spacing: -0.19px;
				padding-top: 25px;
				border-top: 1px solid rgba(143, 146, 161, 0.25);
			}
			
				.job-single aside .gform_confirmation_wrapper strong {
					color: #2B007D;
					font-size: 18px;
					display: block;
				}
	
	.job-single .share {
		margin-bottom: 60px;
	}
	
		.job-single .share:before {
			content: "";
			top: 50%;
			left: -1000px;
			right: -1000px;
			height: 1px;
			position: absolute;
			background: rgba(143, 146, 161, 0.25);
		}
			
	.job-single .related {
		
	}
	
		.job-single .related h5 {
			color: #7B00E4;
			font-size: 20px;
			font-weight: bold;
			line-height: 48px;
			letter-spacing: -0.23px;
			margin-bottom: 15px;
		}
		
		.job-single .related .job-item {
			float: left;
			width: calc(50% - 20px);
		}
		
			.job-single .related .job-item + .job-item {
				float: right;
			}
				
			
			
/*	Page: PAGE SINGLE
-------------------------------------------*/
			
	.page-single {
		padding-top: 90px;
		padding-bottom: 130px;
		background: #ffffff;
	}
		
		.page-single h1 {
			color: #2B007D;
			font-size: 33px;
			font-weight: bold;
			line-height: 43px;
			padding-bottom: 12px;
		}
			
			
			
/*	Page: CONTACT
-------------------------------------------*/

	.page-contact {		
		padding-top: 125px;
		padding-bottom: 120px;
	}
	
		.page-contact .image {
			top: 175px;
			right: 106px;
			width: 835px;
			z-index: 2;
			position: absolute;
		}
		
			.page-contact .img-1 {
				float: left;
				width: 442px;
				height: 475px;
			}
		
			.page-contact .img-2 {
				float: left;
				width: 395px;
				height: 360px;
				margin-left: -13px;
				margin-top: 54px;
			}
		
		.page-contact .content {
			z-index: 2;
			position: relative;
		}
		
			.page-contact .content h1 {
				color: #9C6FE9;
				font-size: 28px;
				font-weight: 500;
				line-height: 37px;
				letter-spacing: -0.23px;
				margin-bottom: 30px;
			}
			
			.page-contact .content .info {
				color: #ffffff;
				font-size: 26px;
				font-weight: 500;
				line-height: 22px;					
				letter-spacing: -0.23px;
			}
			
				.page-contact .content .info + .info {
					margin-top: 45px;
				}
			
				.page-contact .content .info strong {
					display: block;
					color: #9C6FE9;
					font-size: 17px;
					font-weight: 500;
					line-height: 22px;					
					letter-spacing: -0.23px;
					padding-bottom: 5px;
				}
				
				.page-contact .content .info a:hover {
					color: #70FFF5;
				}
					
				.page-contact .content .info p {
					font-size: 20px;
					line-height: 22px;
				}
				
			.page-contact .content .hero-search-box {
				margin-top: 52px;
			}



/*	Page: NEWS ARCHIVE
-------------------------------------------*/

	/*
	 *	News item
	 */
	.news-item {
		display: block;
		width: 270px;
		height: 394px;
		z-index: 5;
		overflow: hidden;
		position: relative;
		background: #45414D;
		box-shadow: 0 26px 14px -10px rgba(24,0,70,0.23);
		border-radius: 11px;
	}
	
		.news-item .image {
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			opacity: 0.82;
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top center;
			transition: all linear 0.6s;
		}
		
			.news-item:hover .image {
				transform: scale(1.1);
				transition-duration: 5s;
				transition-delay: 0s;
			}
		
			.news-item .image:before {
				content: "";
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				position: absolute;
				background-image: linear-gradient(180deg, rgba(156,111,233,0.13) 39%, rgba(70,0,188,0.73) 100%);				
			}
		
		.news-item .category {
			top: 28px;
			left: 30px;
			color: #FFFFFF;
			font-size: 16px;
			font-weight: bold;
			line-height: 21px;
			position: absolute;
		}
		
			.news-item .category:before {
				content: "";					
				float: left;
				width: 18px;
				height: 18px;
				margin-top: 1px;
				margin-right: 12px;
				background: #70FFF5;
				border-radius: 50%;					
			}
			
		.news-item .content {
			left: 30px;
			right: 30px;
			bottom: 34px;
			position: absolute;
		}					
		
			.news-item .content h2 {
				height: 116px;
				color: #FFFFFF;
				font-size: 28px;
				font-weight: bold;
				line-height: 29px;
				letter-spacing: -0.23px;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;  
				overflow: hidden;
			}
			
			.news-item .content p {
				height: 69px;
				color: #FFFFFF;				
				font-size: 16px;
				line-height: 23px;
				margin-top: 18px;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;  
				overflow: hidden;				
			}
			
	/*
	 *	Category selector
	 */
	.category-selector {
		left: 120px;
		width: 270px;
		z-index: 6;
		position: absolute;
		background: #FFFFFF;
		box-shadow: 0 12px 16px 0 rgba(38,0,110,0.72);
		border-radius: 30px;
	}
	
		.category-selector p {
			float: left;
			width: 95px;
			color: #390099;
			font-size: 17px;
			font-weight: 500;
			line-height: 22px;
			padding: 14px 0 0 24px;
			letter-spacing: -0.23px;
		}
		
		.category-selector .dd {
			float: left;
			width: 139px;
			margin: 9px 0;	
			position: relative;
			background: #6E17FF;
			border-radius: 16px;
			box-sizing: border-box;
		}
		
			.category-selector .dd span {
				cursor: pointer;
				display: block;
				z-index: 3;
				color: #FFFFFF;
				font-size: 17px;
				font-weight: 500;
				line-height: 22px;
				letter-spacing: -0.23px;
				padding: 5px 36px 5px 18px;
				position: relative;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				background: url('../img/category-selector.svg') no-repeat right 16px top 14px;
			}
		
			.category-selector .dd ul {
				top: 16px;
				z-index: 2;
				min-width: 100%;
				list-style: none;
				position: absolute;
				background: #6E17FF;
				border-radius: 0 0 16px 16px;
				padding-top: 20px;
				padding-bottom: 12px;
				transition: all ease 0.4s;
				opacity: 0;
				-webkit-transform: translate3d(0px, -5px, 0px);
						transform: translate3d(0px, -5px, 0px);
			}
			
				.category-selector .dd ul li {
					color: #FFFFFF;
					font-size: 15px;
					font-weight: 500;
					line-height: 17px;
					padding: 7px 18px;
					cursor: pointer;
				}	
				
					.category-selector .dd ul li.selected {
						color: #70FFF5;
					}			
				
					.category-selector .dd ul li:hover {				
						background: #8A45FF;
					}
					
			.category-selector .dd.show ul {
				opacity: 1;
				-webkit-transform: translate3d(0px, 0px, 0px);
						transform: translate3d(0px, 0px, 0px);
			}
			
			
	/*
	 *	New archive
	 */
	.hero-news {
		min-height: 425px;
	}
	
		.hero-news .image {
			top: -115px;
			right: 80px;
		}
	
	.news-listing {
		z-index: 3;
		position: relative;
		margin-top: 160px;
	}
	
		.news-listing .d1 {
			top: 427px;
			left: 0px;
			z-index: 2;
			position: absolute;
		}
		
		.news-listing .d2 {
			top: 455px;
			left: 0px;
			z-index: 3;
			position: absolute;
		}
		
		.news-listing .d3 {
			top: 246px;
			left: 0px;
			z-index: 1;
			position: absolute;
		}
		
		.news-listing .d4 {
			top: 336px;
			right: 0px;
			z-index: 1;
			position: absolute;
		}
		
		.news-listing .d5 {
			top: 215px;
			right: 0px;
			z-index: 1;
			position: absolute;
		}
	
		.news-listing .items {
			padding-bottom: 92px;
		}
		
			.news-listing .news-item {
				float: left;
				width: calc(25% - 33px);
				margin-bottom: 44px;
			}
			
				.news-listing .news-item + .news-item {
					margin-left: 44px;
				}
				
				.news-listing .news-item:nth-child(4n+1) {
					margin-left: 0px;
				}
				
				.news-listing .news-item:nth-child(odd) {
					-webkit-transform: translateY(92px);
							transform: translateY(92px);
				}
				
		.news-listing .loader {
			clear: both;
			padding-top: 130px;
		}
		
			.news-listing .loader svg {
				display: block;
				margin: 0 auto; 
			}
		
	
			
	/*
	 *	News slider
	 */
	.news-slider {
		position: relative;	
		padding-top: 170px;	
	}
	
		.news-slider .category-selector {
			margin-top: -75px;
		}
	
		.news-slider .swiper-container {
			z-index: 3;
			padding-bottom: 40px;
			margin-bottom: -40px;
		}
		
			.news-slider .swiper-slide {
				width: 285px;
				padding-bottom: 92px;
				transition: all ease 0.5s;
			}
			
			.news-slider .swiper-slide:nth-child(odd) {
				-webkit-transform: translate3d(0px, 92px, 0px);
						transform: translate3d(0px, 92px, 0px);
			}
				
			
			
/*	Page: NEWS SINGLE
-------------------------------------------*/
	
	body.single-post {
		margin-top: 0px;
	}

	.news-single {
		background: #ffffff;
		padding-bottom: 195px;
	}
	
	
	/*
	 *	Head
	 */
	.news-single .head {
		min-height: 705px;
		position: relative;
		background: #D8D8D8;
	}
	
		.news-single .head .bg {
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			z-index: 1;
			opacity: 0.82;
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center top;
		}
		
			.news-single .head .bg:before {
				content: "";
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				z-index: 1;
				position: absolute;
				background-image: linear-gradient(180deg, rgba(156,111,233,0.13) 39%, rgba(70,0,188,0.73) 100%);
			}							
		
		.news-single .head .content {
			z-index: 2;
			position: relative;
			padding-top: 280px;
			max-width: 620px;
		}
			
			.news-single .head .content .category {
				color: #9C6FE9;
				font-size: 28px;
				font-weight: 500;
				line-height: 37px;
				letter-spacing: -0.23px;
				margin-bottom: 15px;
			}
			
			.news-single .head .content h1 {
				color: #FFFFFF;
				font-size: 36px;
				font-weight: 500;		
				line-height: 40px;		
				letter-spacing: -0.25px;
				margin-bottom: 21px;
			}
			
			.news-single .head .content p {
				max-width: 480px;
				color: #FFFFFF;
				font-size: 18px;
				font-weight: 500;
				line-height: 26px;
			}
	
	.news-single .content-wrapper {
		margin-top: 85px;		
	}
		
		.news-single .content-wrapper .content {
			float: left;
			width: calc(100% - 385px);
			padding-right: 120px;
			box-sizing: border-box;
		}
		
			.news-single .post-contents {
				
			}
			
				.news-single .post-contents > *:first-child {
					padding-top: 0px !important;
					margin-top: 0px !important;
				}
				
				.news-single .post-contents .text {
					margin-top: 26px;
				}
				
				.news-single .post-contents .image {
					margin-top: 32px;
				}
				
					.news-single .post-contents .image .img {
						width: 100%;						
						padding-bottom: 56.25%;
						border-radius: 10px;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
					}
					
					.news-single .post-contents .image p {
						color: #3BCEAC;
						font-size: 13px;
						font-weight: 500;
						line-height: 17px;
						letter-spacing: -0.16px;
						margin-top: 15px;
					}
					
			.news-single .author {
				margin-top: 34px;
				padding-top: 34px;
				border-top: 1px solid rgba(143, 146, 161, 0.25);
			}
			
				.news-single .author .info {
					float: left;
					width: calc(100% - 290px);
				}
				
					.news-single .author .info .avatar {
						display: none;
						float: left;
						width: 60px;
						height: 60px;
						margin-right: 18px;
						border-radius: 50%;
						background-color: #eee;
						background-size: cover;
						background-repeat: no-repeat;
						background-position: center center;
					}
					
					.news-single .author .info .text {
						min-height: 60px;
						color: #45414D;
						font-size: 15px;
						font-weight: 500;						
						letter-spacing: -0.17px;
						display: -ms-flexbox;
						display: -webkit-flex;
						display: flex;
						-webkit-flex-direction: row;
						-ms-flex-direction: row;
						flex-direction: row;
						-webkit-flex-wrap: nowrap;
						-ms-flex-wrap: nowrap;
						flex-wrap: nowrap;
						-webkit-justify-content: flex-start;
						-ms-flex-pack: start;
						justify-content: flex-start;
						-webkit-align-content: stretch;
						-ms-flex-line-pack: stretch;
						align-content: stretch;
						-webkit-align-items: center;
						-ms-flex-align: center;
						align-items: center;
					}
					
			.news-single .author .share {
				float: right;
				margin-top: 4px;
				transform: scale(0.87);
				transform-origin: center right;
			}
		
		.news-single aside {
			float: right;
			width: 385px;
		}
		
			.news-single aside h3 {
				max-width: 275px;
				color: #26006E;
				font-size: 22px;
				font-weight: bold;
				line-height: 29px;				
				letter-spacing: -0.38px;
				margin-bottom: 25px;										
			}
			
				.news-single aside h3 small {
					display: block;
					color: #3BCEAC;
					font-size: 18px;
					font-weight: bold;
					line-height: 24px;
					letter-spacing: -0.2px;
					margin-bottom: 9px;
				}
				
			.news-single aside .job-item + .job-item {
				margin-top: 35px;
			}
				
			
			
/*	Page: FAQ
-------------------------------------------*/
	
	.page-faq .hero {
		
	}

	.page-faq .hero .image {
		margin: -15px 0 -20px 0;
	}
	
	.page-faq .bg-white {
		padding: 75px 0 140px 0;
	}
	
		.page-faq .d1 {
			top: 35px;
			left: 0px;
			position: absolute;
		}
		
		.page-faq .d2 {
			top: 395px;
			left: 0px;
			position: absolute;
		}
		
		.page-faq .d3 {
			top: 610px;
			left: 0px;
			position: absolute;
		}
		
		.page-faq .d4 {
			top: 78px;
			right: 0px;
			position: absolute;
		}
		
		.page-faq .d5 {
			top: 512px;
			right: 0px;
			position: absolute;
		}
	
	
	/*
	 *	FAQ Box
	 */	
	.faq-box {
		z-index: 5;
		max-width: 950px;
		background: #FFFFFF;
		box-shadow: 0 30px 34px 0 rgba(38,0,110,0.05);
		border-radius: 50px;
		padding: 70px 60px 35px 60px;
		margin: 0 auto 195px auto;
		position: relative;
	}
	
		.faq-box h2 {
			color: #26006E;
			font-size: 31px;
			font-weight: 500;
			line-height: 41px;
			letter-spacing: -0.38px;
			text-align: center;
			margin-bottom: 60px;
		}
		
		.faq-box .item {
			
		}
		
			.faq-box .item h3 {
				color: #390099;
				font-size: 19px;
				font-weight: bold;				
				letter-spacing: -0.38px;
				line-height: 32px;
				padding: 15px 0 15px 36px;
				position: relative;
				cursor: pointer;
			}
			
				.faq-box .item h3:before {
					content: "";
					top: 25px;
					left: 3px;
					width: 7px;
					height: 11px;
					position: absolute;
					background: url('../img/faq-arrow.svg') no-repeat top left;
					transition: all ease 0.3;
				}
				
				.faq-box .item.opened h3:before {
					-webkit-transform: rotate(90deg);
							transform: rotate(90deg);
				}
			
			.faq-box .item .text {
				color: #8F92A1;
				font-size: 18px;							
				line-height: 32px;
				letter-spacing: -0.2px;
				padding-bottom: 30px;
				height: max-content;
				display: none;
			}
			
				.faq-box .item .text p + p {
					margin-top: 32px;
				}
				
		.faq-box .item + .item {
			border-top: 1px solid rgba(192, 194, 207, 0.25);
		}
				
			
			
/*	Page: WHY JOIN
-------------------------------------------*/
		
	.page-join .hero .image {
		margin: -15px 0 -20px 0;
	}
	
	.page-join .bg-white {
		padding: 95px 0 140px 0;
	}
	
		.page-join .d1 {
			top: 150px;
			left: 0px;
			position: absolute;
		}
		
		.page-join .d2 {
			top: 395px;
			left: 0px;
			position: absolute;
		}
		
		.page-join .d3 {
			top: 610px;
			left: 0px;
			position: absolute;
		}
		
		.page-join .d4 {
			top: 78px;
			right: 0px;
			position: absolute;
		}
		
		.page-join .d5 {
			top: 512px;
			right: 0px;
			position: absolute;
		}
				
		.page-join .d6 {
			bottom: -140px;
			right: 0px;
			position: absolute;
		}
		
	.page-join .benefits {
		z-index: 3;
		max-width: 1050px;
		margin: 0 auto;
		padding-bottom: 95px;
		position: relative;
	}
	
		.page-join .benefits .item {
			float: left;
			width: 33.333%;
			margin-bottom: 33px;
			padding: 0 35px 32px 35px;
			border-radius: 50px;
			transition: all ease 0.3s;
			box-sizing: border-box;
		}
		
			.page-join .benefits .item:nth-child(3n+1) {
				clear: both;
			}
		
			.page-join .benefits .item .icon {
				height: 72px;
				margin-bottom: 25px;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-flex-wrap: nowrap;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-webkit-justify-content: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-align-content: stretch;
				-ms-flex-line-pack: stretch;
				align-content: stretch;
				-webkit-align-items: center;
				-ms-flex-align: center;
				align-items: center;
				transition: all ease 0.3s;
				-webkit-transform: scale(1);
						transform: scale(1);
			}
			
				.page-join .benefits .item .icon svg {
					display: block;					
				}
		
			.page-join .benefits .item h3 {
				color: #6E17FF;
				font-size: 18px;
				font-weight: bold;
				line-height: 22px;
				text-align: center;
				margin-bottom: 14px;
			}
			
			.page-join .benefits .item p {
				color: #8F92A1;
				font-size: 15px;
				font-weight: 500;
				line-height: 22px;			
				text-align: center;			
			}
			
		.page-join .benefits .item:hover {
			background: #FFFFFF;
			box-shadow: 0 30px 34px 0 rgba(38,0,110,0.05);			
		}
		
			.page-join .benefits .item:hover .icon {
				-webkit-transform: scale(1.08);
						transform: scale(1.08);
			}
	
	
							
/*	Page: ABOUT
-------------------------------------------*/

	/*
	 *	Hero
	 */
	.hero-about {
		padding-bottom: 200px;
	}
	
		.hero-about .image {
			top: -115px;
			right: 80px;
		}
		
		.hero-about .hero-search-box {
			margin-top: 65px;
			z-index: 5;
			position: relative;
		}
		
		
	.page-about .bg-white {
		padding: 0px 0 140px 0;
		position: relative;
	}
	
		.page-about .d1 {
			top: 420px;
			left: 0px;
			z-index: 3;
			position: absolute;
		}
		
		.page-about .d2 {
			top: 395px;
			left: 0px;
			z-index: 3;
			position: absolute;
		}
		
		.page-about .d3 {
			top: 455px;
			left: 0px;
			z-index: 3;
			position: absolute;
		}
		
		.page-about .d4 {
			top: 78px;
			right: 0px;
			position: absolute;
		}
		
		.page-about .d5 {
			top: 512px;
			right: 0px;
			position: absolute;
		}
		
		.page-about .d6 {
			bottom: 510px;
			right: 0px;
			position: absolute;
		}
		
	.page-about .about-1 {
		z-index: 2;
		top: -94px;
		position: relative;
		background: #FFFFFF;
		box-shadow: 0 30px 34px 0 rgba(38,0,110,0.05);
		border-radius: 50px;		
	}
	
		.page-about .about-1 .content {
			min-height: 730px;
			padding: 112px 520px 112px 108px;
			box-sizing: border-box;
		}
		
			.page-about .about-1 .content h2 {
				max-width: 450px;
				color: #26006E;
				font-size: 31px;
				font-weight: 500;
				line-height: 41px;
				letter-spacing: -0.38px;
				margin-bottom: 35px;
			}
			
			.page-about .about-1 .content p {
				color: #26006E;
				font-size: 18px;
				line-height: 32px;
				letter-spacing: -0.2px;				
			}
			
				.page-about .about-1 .content p + p {
					margin-top: 32px;
				}
				
		.page-about .about-1 .phone {
			width: 517px;
			height: auto;
			right: 7px;
			bottom: -246px;
			position: absolute;
		}
				
			.page-about .about-1 .phone img {
				display: block;
			}
			
		.page-about .face {
			width: 77px;
			height: 77px;
			position: absolute;
			border-radius: 50%;
			background-color: #D8D8D8;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			box-shadow: 0 15px 44px 0 rgba(38,0,110,0.18);
		}
		
			.page-about .about-1 .face-1 {
				top: 78px;
				right: 466px;
				background-image: url('../img/about-face-1.jpg');
			}
			
			.page-about .about-1 .face-2 {
				top: 251px;
				right: -46px;
				background-image: url('../img/about-face-2.jpg');
			}
			
			.page-about .about-1 .face-3 {
				top: 462px;
				right: 69px;
				background-image: url('../img/about-face-3.jpg');
			}
			
			.page-about .face-4 {
				top: 605px;
				left: 221px;
				z-index: 5;
				background-image: url('../img/about-face-4.jpg');
			}
	
	.page-about .about-2 {
		z-index: 5;
		margin-top: 160px;
		margin-bottom: 200px;
		position: relative;
	}
	
		.page-about .about-2 .content {
			min-height: 610px;
			padding-left: 635px;
			padding-right: 75px;
			box-sizing: border-box;
		}
		
			.page-about .about-2 .content h2 {
				color: #26006E;
				font-size: 31px;
				font-weight: 500;
				line-height: 41px;
				letter-spacing: -0.38px;
				margin-bottom: 38px;
			}
			
			.page-about .about-2 .content p {
				color: #26006E;
				font-size: 18px;
				line-height: 32px;
				letter-spacing: -0.2px;				
			}
			
				.page-about .about-2 .content p + p {
					margin-top: 32px;
				}
				
		.page-about .about-2 .phone {
			top: -110px;
			left: -10px;
			width: 517px;
			height: auto;
			position: absolute;	
		}
		
			.page-about .about-2 .phone .popup {
				top: 375px;
				left: 126px;
				width: 494px;
				height: auto;
				position: absolute;	
			}
	
	
	
/*	Member Profile
-------------------------------------------*/
	
	.profile-popup {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		opacity: 0;
		visibility: hidden;
		z-index: 999999;
		position: fixed;
		background: #ffffff;
		transition: all ease 0.4s;
	}
	
		.profile-popup.show {
			opacity: 1;
			visibility: visible;
		}
	
	.profile-popup .close {
		top: 56px;
		left: 56px;
		width: 82px;
		height: 82px;
		z-index: 9005;
		position: absolute;
		border-radius: 50%;
		background: #FFFFFF;
		border: 1px solid rgba(232, 237, 238, 0.25);
		box-shadow: 7px 18px 25px 0 rgba(118,134,146,0.16);
		transition: all ease 0.4s;
	}
	
		.profile-popup .close svg {
			top: 50%;
			left: 50%;
			cursor: pointer;
			position: absolute;
			transition: all ease 0.4s;
			-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
		}
		
		.profile-popup .close:hover {
			background: #390099;
			border-color: #390099;
		}
		
			.profile-popup .close:hover svg path {
				fill: #ffffff;
			}
	
	.profile-popup .swiper-container {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		position: absolute;
	}
	
	.member-profile .wrap {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		position: absolute;
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	}
				
		.member-profile .image {
			width: 50%;			
			position: relative;
		}
		
			.member-profile.green .image { background: #3BCEAC; }			
			.member-profile.purple .image { background: #9C6FE9; }
			.member-profile.dark-purple .image { background: #390099; }
			.member-profile.bright-purple .image { background: #6E17FF; }
			.member-profile.pastel-purple .image { background: #9C6FE9; }
			.member-profile.light-blue .image { background: #5FD5EE;}
			.member-profile.red .image { background: #FF0054; }
			.member-profile.brown .image { background: #A96F57; }
			.member-profile.dark-plum .image { background: #540D6E; }
			.member-profile.green-grass .image { background: #0EAD69; }						
		
			.member-profile .image img {
				width: auto;
				height: auto;
				max-height: calc(100vh - 75px);
				left: 50%;
				bottom: 0px;
				position: absolute;
				-webkit-transform: translateX(-50%);
						transform: translateX(-50%);
			}
			
		.member-profile .content {
			width: 50%;			
			padding: 100px 80px 0px 90px;
			box-sizing: border-box;
		}
		
			.member-profile .content h3 {
				color: #6E17FF;
				font-size: 45px;
				font-weight: bold;
				line-height: 59px;
				letter-spacing: -0.38px;
			}
			
			.member-profile .content .position {
				color: #390099;
				font-size: 20px;
				font-weight: 500;
				font-style: italic;				
				letter-spacing: -0.38px;
			}
			
			.member-profile .content .text {
				color: #26006E;
				font-size: 17px;
				line-height: 32px;
				letter-spacing: -0.38px;												
				height: calc(100vh - 126px - 300px);
				position: relative;
				box-sizing: border-box;
			}
			
				.member-profile .content .text:before {
					content: "";
					top: 0px;
					left: 0px;
					width: 100%;
					height: 35px;
					z-index: 2;
					position: absolute;
					background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 49%, rgba(255,255,255,0) 100%);
					background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0) 100%);
					background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
				}
				
				.member-profile .content .text:after {
					content: "";
					bottom: 0px;
					left: 0px;
					width: 100%;
					height: 35px;
					position: absolute;
					background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 51%, rgba(255,255,255,1) 100%);
					background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 51%,rgba(255,255,255,1) 100%);
					background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 51%,rgba(255,255,255,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
				}
				
				.member-profile .content .text .inner {
					top: 0px;
					left: 0px;
					right: 0px;
					bottom: 0px;
					padding-top: 33px;
					padding-bottom: 35px;
					overflow: auto;	
					position: absolute;
				}
			
				.member-profile .content .text p + p {
					margin-top: 33px;
				}
			
			.member-profile .content .links {
				margin-top: 0px;
				padding-bottom: 210px;
				overflow: hidden;
			}
			
				.member-profile .content .links span {
					float: left;
					color: #6E17FF;
					font-size: 17px;
					font-weight: bold;
					line-height: 22px;
					letter-spacing: -0.38px;
					margin-right: 17px;
					padding-top: 9px;
				}
				
				.member-profile .content .links a {
					float: left;
				}
				
					.member-profile .content .links a + a {
						margin-left: 11px;
					}
					
		.member-profile .navigation {
			left: 50%;
			right: 0px;
			bottom: 0px;
			padding: 43px 80px 43px 90px;
			position: absolute;
		}
		
			.member-profile.purple .navigation { background: #EFE5FF; }		
			.member-profile.green .navigation { background: #F0FFFC; }			
			.member-profile.dark-purple .navigation { background: #C9ACFA; }						
			.member-profile.bright-purple .navigation { background: #BB93FF }						
			.member-profile.pastel-purple .navigation { background: #E2D1FF; }						
			.member-profile.light-blue .navigation { background: #B5F0FC; }						
			.member-profile.red .navigation { background: #FF92B6; }						
			.member-profile.brown .navigation { background: #EDB69F; }						
			.member-profile.dark-plum .navigation { background: #D4A3E6; }						
			.member-profile.green-grass .navigation { background: #ADEBD0; }			
			
			
			.member-profile .avatar {
				top: 43px;
				width: 90px;
				height: 90px;
				overflow: hidden;
				position: absolute;
				border-radius: 50%;
				box-shadow: 7px 18px 25px 0 rgba(118,134,146,0.16);								
			}
			
				.member-profile .avatar.purple { background: #9C6FE9; }				
				.member-profile .avatar.green { background: #3BCEAC; }
				
				.member-profile .avatar.green { background: #3BCEAC; }			
				.member-profile .avatar.purple { background: #9C6FE9; }
				.member-profile .avatar.dark-purple { background: #390099; }
				.member-profile .avatar.bright-purple { background: #6E17FF; }
				.member-profile .avatar.pastel-purple { background: #9C6FE9; }
				.member-profile .avatar.light-blue { background: #5FD5EE;}
				.member-profile .avatar.red { background: #FF0054; }
				.member-profile .avatar.brown { background: #A96F57; }
				.member-profile .avatar.dark-plum { background: #540D6E; }
				.member-profile .avatar.green-grass { background: #0EAD69; }	
				
				.member-profile .avatar.right {
					right: 80px;
				}
				
				.member-profile .avatar img {
					bottom: 0px;
					left: 50%;
					right: 0px;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 90%;
					position: absolute;
					-webkit-transform: translateX(-50%);
							transform: translateX(-50%);							
				}
				
			.member-profile .swiper-arrows {
				margin: 14px 120px 0 120px;
				padding: 10px 10px 9px 10px;
				background: #FFFFFF;
				box-shadow: 0 15px 44px 0 rgba(38,0,110,0.18);
				border-radius: 37px;
			}
			
				.member-profile .swiper-arrow {
					float: left;
					width: 45px;
					height: 45px;
					background: #9C6FE9;
					border-radius: 50%;
					position: relative;
					cursor: pointer;
					transition: all ease 0.3s;
				}
				
					.member-profile .swiper-arrow svg {
						top: 50%;
						left: 50%;
						position: absolute;
						-webkit-transform: translate(-50%, -50%);
								transform: translate(-50%, -50%);						
					}
					
					.member-profile .swiper-arrow:hover {
						background: #6E17FF;	
					}									
					
				.member-profile .swiper-arrow + .swiper-arrow {
					margin-left: 13px;
				}
				
				.member-profile .swiper-arrows .swiper-button-disabled {
					opacity: 0.3;
				}
				
				.member-profile .swiper-arrows .caption {
					float: left;
					width: calc(100% - 90px);
					color: #390099;
					font-size: 17px;
					font-weight: bold;
					line-height: 22px;
					letter-spacing: -0.38px;
					text-align: center;
					padding-top: 11px;
				}

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

@media (min-width: 1650px)
{
	.hero .image { justify-content: center; height: 700px; }
	.hero-about .image { top: -175px; }
	.hero-news .image { top: -200px; }
	.page-home .hero .image { height: 590px; top: -170px; }
	
	.hero.centered .image { height: 580px; }
	
	.page-contact .image { transform: scale(1.15) !important; }
}

@media (max-width: 1400px)
{
	.page-contact .image { right: 30px; }
}

@media (max-width: 1360px)
{
	.member-profile .content { padding-left: 50px; padding-right: 50px; padding-top: 60px; }
	.member-profile .navigation { padding-left: 50px; padding-right: 50px; }
	.member-profile .navigation .avatar.right { right: 50px; }
	
	.member-profile .content .text { height: calc(100vh - 126px - 245px); }
}

@media (max-width: 1340px)
{
	.container { padding-left: 50px; padding-right: 50px; }
	
	header .container { padding-left: 50px; padding-right: 50px; }
	
	.category-selector { left: 50px; }
	
	.news-listing { margin-top: 120px; }
	.news-listing .news-item { width: calc(33.33% - 30px); -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; }
	.news-listing .news-item + .news-item { margin-left: 45px; }
	.news-listing .news-item:nth-child(4n+1) { margin-left: 45px; }
	.news-listing .news-item:first-child { -webkit-transform: translateY(92px) !important; transform: translateY(92px) !important; }
	.news-listing .news-item:nth-child(3n+1) { margin-left: 0px; -webkit-transform: translateY(92px) !important; transform: translateY(92px) !important; }
	.news-listing .news-item:nth-child(3n+3) { -webkit-transform: translateY(92px) !important; transform: translateY(92px) !important; }
	
	.page-home .hero .image { right: 55px; width: calc(100% - 650px); }
	
	.jobs-slider { margin-left: 50px; }
}

@media (max-width: 1300px)
{
	.page-home .about .content p { max-width: 410px; }
}

@media (max-width: 1240px)
{
	header nav { display: none; }
	header .bars { display: block; }
	
	.hero.centered { padding-bottom: 80px; }
	
	.n365 svg { transform-origin: center center; transform: scale(0.7); }
	.n365 .n3 { left: -40px; }
	.n365 .n6 { left: -30px; }
	.n365 .n5 { right: -50px; }
	
	.page-join .benefits { padding-bottom: 30px; }
	
	.page-faq .bg-white { padding-top: 25px; padding-bottom: 60px; }	
	.page-faq .d5 { display: none; }
	.page-faq .d6 { display: none; }	
	.faq-box { margin-bottom: 100px; }
	
	.news-slider { padding-bottom: 20px; }
	
	.page-contact .img-1 { float: none; width: 100%; } 
	.page-contact .img-2 { display: none; }
	.page-contact .image { width: calc(100% - 430px); }
	
	.news-single .content-wrapper .content { padding-right: 60px; }
	
	.hero { position: relative; z-index: 3; padding-top: 39px; padding-bottom: 0px; text-align: center; }
	.hero .container > h4 { margin-bottom: 8px; } 
	.hero h1 { max-width: 100%; }
	.hero h1 br { display: none; }
	.hero .image { position: relative; z-index: 3; width: 100% !important; height: 495px !important; top: auto !important; left: auto !important; right: auto !important; padding-top: 39px; padding-bottom: 0px; text-align: center; width: 100%; align-items: center; justify-content: center; }
	.hero p { max-width: 600px; margin: 0 auto; }
	
	.hero.hero-news .image { padding-top: 0px; }
	
	.hero.hero-about { padding-bottom: 150px; }
	.hero.hero-about .image { padding-top: 0px; }
	.hero-about .hero-search-box { margin-top: 40px; }
	.hero-about .hero-search-box form { margin-left: auto; margin-right: auto; float: none; }		
	
	.page-about .d6 { display: none; }
	.page-about .about-1 { z-index: 4; }
	.page-about .about-1 .content { padding-left: 60px; padding-top: 70px; }
	.page-about .about-1 .face-1 { right: 405px; }
	.page-about .about-2 .content { padding-right: 10px; }
	.page-about .about-2 .content { padding-left: 615px; }
	.page-about .about-2 { margin-bottom: 100px; }
	
	.page-home .hero { padding-bottom: 190px; }
	.page-home .hero .image { padding-top: 0px; }
	.page-home .hero .hero-search-box { text-align: left; margin-top: 70px; }
	.page-home .hero-search-box form { width: calc(100% - 170px); }
	
	.page-home .about { margin-top: 70px; }
	
	.member-profile .content { padding-top: 40px; }
	.member-profile .content .text p + p { margin-top: 28px; }
	.member-profile .content .links { margin-top: 30px; }
	.member-profile .navigation .avatar { display: none; }
	.member-profile .swiper-arrows { margin: 0px; }
	.member-profile .navigation { padding-top: 30px; padding-bottom: 30px; }
	
	.member-profile .content .text { height: calc(100vh - 126px - 215px); }
}

@media (max-width: 1180px)
{
	.page-home .focus .col { display: block; }
	.page-home .focus .col img { display: block; margin: 0 auto 20px auto; }
	.page-home .focus .col p { padding-left: 0px; text-align: center; }
	
	.page-home .about { margin-bottom: 80px; }
	.page-home .about .image-1 { display: none; }
	.page-home .about .image-2 { bottom: -20px; }
	.page-home .about .content { padding-bottom: 20px; padding-left: 50px; padding-right: 50px; float: none; width: auto;  }
	.page-home .about .content h3 { max-width: 100%; padding-right: 160px; }
	.page-home .about .content p { max-width: 530px; }
}

@media (max-width: 1100px)
{
	footer .bottom .left .social { margin-left: 25px; }
	footer .bottom .right .rm { margin-left: 35px; }
	
	.job-single { padding-top: 55px; }
	
	.news-single { padding-bottom: 60px; }
	.news-single .content-wrapper { margin-top: 50px; }
	.news-single .content-wrapper .content { width: 100%; float: none; padding-right: 0px; }
	.news-single aside { float: none; width: 100%; padding-top: 50px; }
	.news-single aside h3 { max-width: 100%; }
	
	.page-about .about-1 .content { padding-right: 440px; }
	.page-about .about-1 .content h2 { max-width: 100%; }
	.page-about .about-1 .face-1 { right: 305px; }
	.page-about .about-1 .face-3 { right: 20px; }
	.page-about .about-1 .phone { right: -40px; }
	.page-about .about-2 .phone { left: -50px; }
	.page-about .about-2 .content { padding-left: 560px; }	
}

@media (max-width: 1023px)
{
	header .container { padding-left: 35px; padding-right: 35px; }
	.container { padding-left: 35px; padding-right: 35px; }
	
	footer { padding-top: 60px; text-align: center; }
	footer .top { padding-bottom: 20px; }
	footer .contact { float: none;  }
	footer .contact h3 { margin-left: auto; margin-right: auto; }	
	footer .contact .office { margin-top: 45px; }
	footer .contact .office .address { margin-top: 10px; }
	footer .contact .office .address:before { display: none; }
	footer .contact .office .address:after { display: none; }
	footer .links { float: none; display: inline-block; margin-top: 50px; }
	footer .links ul { width: 50%; margin-left: 0px !important; }
	footer .bottom .left { float: none; padding-bottom: 35px; }
	footer .bottom .left .copyright { float: none; padding-bottom: 10px; }
	footer .bottom .left .social { float: none; display: inline-block; margin-left: 0px; }
	footer .bottom .left .social ul { margin-left: 10px; }
	footer .bottom .right { float: none; display: inline-block; }
	
	.page-join .bg-white { padding-top: 60px; padding-bottom: 80px; }
	.page-join .benefits { padding-bottom: 10px; }
	.page-join .benefits .item { padding-left: 20px; padding-right: 20px; }		
	.page-join .d1 { display: none; }
	.page-join .d2 { display: none; }
	.page-join .d3 { display: none; }
	.page-join .d4 { display: none; }
	.page-join .d5 { display: none; }
	.page-join .d6 { display: none; }
	
	.team-slider h2 { font-size: 40px; line-height: 50px; }
	.team-slider .member-item { padding-bottom: 65px; }
	.team-slider .member-item .image { width: 270px; height: 285px; }
	.team-slider .member-item .image img { max-height: 350px; }
	.team-slider .member-item .content { min-height: 285px; padding-left: 315px; padding-right: 40px; }
	.team-slider .member-item .content h3 { font-size: 39px; }
	.team-slider .member-item .content .position { font-size: 19px; }
	.team-slider .member-item .content .text { -webkit-line-clamp: 4; font-size: 16px; line-height: 28px; }
	
	.job-single { padding-bottom: 60px; }
	.job-single .content { float: none; width: 100%; }
	.job-single aside { width: 100%; float: none; }
	.job-single aside .form { max-width: 100%; }
	.job-single .share { margin-top: 60px; margin-bottom: 40px; }	
	.job-single .related .job-item { width: 100%; float: none; }
	
	.page-jobs .list .job-item { width: 100%; float: none; }
	
	.page-faq .d1 { display: none; }
	.page-faq .d2 { display: none; }
	.page-faq .d3 { display: none; }
	.page-faq .d4 { display: none; }
	.page-faq .d5 { display: none; }
	.page-faq .d6 { display: none; }	
	.faq-box { padding: 35px 30px 20px 30px; }
	
	.jobs-slider { margin-left: 0px; }
	.jobs-slider .head { float: none; width: auto; text-align: center; padding-left: 35px; padding-right: 35px; padding-bottom: 25px; }
	.jobs-slider .swiper-container { float: none; width: 100%; }
	.jobs-slider .head .swiper-arrows { display: inline-block; }
	
	.page-contact { padding-top: 50px; padding-bottom: 0px; text-align: center; }
	.page-contact .image { width: 100%; position: relative; top: auto; right: auto; margin-top: 50px; }
	.page-contact .hero-search-box .box { width: calc(100% - 170px); }
	.page-contact .hero-search-box h4 { text-align: left; }
	
	.category-selector { left: 35px; }
	
	.news-single .head { min-height: 600px; }
	.news-single .head .content { padding-bottom: 55px; }
		
	.news-listing { margin-top: 70px; }
	.news-listing .news-item { width: calc(50% - 20px); -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; }
	.news-listing .news-item:nth-child(odd) { margin-left: 0px !important; -webkit-transform: translateY(92px) !important; transform: translateY(92px) !important; }
	.news-listing .news-item:nth-child(even) { margin-left: 40px; !important; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; }
	
	.page-about .about-1 .content { text-align: center; padding-right: 60px; padding-bottom: 600px; }
	.page-about .about-1 .phone { right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.page-about .about-1 .face-1 { left: 20px; bottom: 470px; top: auto; }
	.page-about .about-1 .face-2 { right: 30px; bottom: 300px; top: auto; }
	.page-about .about-1 .face-3 { right: 90px; bottom: 100px; top: auto; }
	.page-about .face-4 { top: 806px; left: 100px; }
	.page-about .about-2 { margin-top: 100px; }
	.page-about .about-2 .content { text-align: center; padding-left: 0px; padding-right: 0px; min-height: 0px; padding-bottom: 720px; }
	.page-about .about-2 .phone { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: auto; bottom: -150px; }
	
	.page-home .focus { padding: 35px 30px; }
	.page-home .focus .col { width: calc(50% - 25px); }
	.page-home .focus .col p { font-size: 17px; }	
	
	.page-home .d5 { display: none; }
	.page-home .about .content p { max-width: 420px; padding-bottom: 10px; }
	.page-home .about .image-2 { bottom: -100px; right: -40px; }
	
	.page-home .join { margin-top: -170px; padding-bottom: 230px; }
	
	.profile-popup .close { top: 50px; left: 50px; }
	.member-profile .wrap { display: block; overflow: auto; }
	.member-profile .image { width: 100%; height: 400px; }
	.member-profile .image img { max-height: 90%; }
	.member-profile .content { width: 100%; }
	.member-profile .navigation { left: 0px; }
	
	.member-profile .content .text { height: auto; }
	.member-profile .content .text:before { display: none; }
	.member-profile .content .text:after { display: none; }
	.member-profile .content .text .inner { position: static; padding-top: 0px; padding-bottom: 10px; }
	.member-profile .content .links { padding-bottom: 120px; }
}

@media (max-width: 767px)
{
	header { padding: 20px 0; }
	header .logo { width: auto; }
	header .container { padding-left: 20px; padding-right: 20px; }
	header .buttons { display: none; }
	header .bars { margin-left: 0px; padding-top: 10px; }
	
	.container { padding-left: 20px; padding-right: 20px; }
	
	.n365 svg { transform: scale(0.4); }
	.n365 .n3 { left: -80px; top: 45px; }
	.n365 .n6 { left: -120px; top: 350px; }
	.n365 .n5 { right: -90px; }
	
	.hero.centered { padding-bottom: 40px; padding-top: 10px !important; }
	.hero.centered .image { height: auto; margin: 15px 0 10px 0; }
	.hero.centered .image svg { height: 260px; }
	
	.hero { padding-bottom: 40px; padding-top: 10px !important; min-height: calc(100vh - 200px) !important; }
	.hero .image { height: auto !important; margin: 15px 0 10px 0; }
	.hero .image svg { height: 260px; }
	.hero .container > h4 { font-size: 18px; line-height: 25px; }
	.hero h1 { font-size: 40px; line-height: 44px; }
	.hero.hero-home h1 { font-size: 36px; line-height: 44px; }
	.hero p { font-size: 16px; }
	
	footer { padding-top: 40px; }
	footer .top { padding-bottom: 10px; }
	footer .contact h3 { font-size: 33px; line-height: 40px; }
	footer .contact h3 span { display: block; }
	footer .contact p { font-size: 18px; }
	footer .contact p a svg { margin-left: 6px; }
	footer .contact .office { margin-top: 35px; }
	footer .contact .office .address { font-size: 16px; }
	footer .links { margin-top: 40px; }
	footer .bottom .left { padding-bottom: 0px; }
	footer .bottom .right { display: block; }
	footer .bottom img { float: none !important; display: block; margin-left: auto !important; margin-right: auto !important; }
	footer .bottom .rm { margin-top: 25px; margin-bottom: 25px; }	
	footer .bottom .right .dev { float: none; margin-left: auto; margin-right: auto; width: 110px; }
	footer .bottom .right .dev a { padding-bottom: 20px; }
	
	.page-join .bg-white { padding-top: 40px; padding-bottom: 50px; }
	.page-join .benefits .item { float: none; width: 100%; padding-bottom: 10px; }			
	
	.team-slider h2 { font-size: 32px; line-height: 40px; margin-bottom: 30px; }
	.team-slider .member-item { padding: 20px 0 0 0; }
	.team-slider .member-item .bg { left: 0px; top: 70px; }
	.team-slider .member-item .image { width: 200px; height: 210px; position: relative; top: auto; left: auto; margin: 0 auto 30px auto; }
	.team-slider .member-item .image img { max-height: 230px; }
	.team-slider .member-item .content { padding-left: 20px; padding-right: 20px; text-align: center; }
	.team-slider .member-item .content h3 { font-size: 34px; }
	.team-slider .member-item .content .position { font-size: 18px; }
	.team-slider .member-item .content .text { -webkit-line-clamp: 4; font-size: 16px; line-height: 28px; }
	.team-slider .member-item .content .links { display: inline-block; }
	.team-slider .member-item .content .links .view-profile + a { margin-left: 15px; }
	.team-slider .swiper-arrows { margin-top: 40px; }
	.team-slider .swiper-arrows .caption { font-size: 16px; }
	
	.job-single { padding-top: 30px; }
	.job-single .content .text { margin-bottom: 40px; }	
	.job-single .content .info li + li { margin-left: 10px; }
	.job-single .share { text-align: center; }
	.job-single .share a { display: inline-block; }
	.job-single .related h5 { text-align: center; }
	
	.job-item { padding: 22px; }
	.job-item .info { margin-bottom: 20px; }
	.job-item .info li { font-size: 13px; padding-left: 10px; padding-right: 10px; }
	.job-item .info li + li { margin-left: 10px; }
	.job-item .image { top: 20px; right: 20px; }
	.job-item .text { font-size: 16px; line-height: 24px; }	
	
	.page-jobs .search { padding: 30px 0; }		
	.page-jobs .search small { font-size: 17px; padding-bottom: 4px; }
	.page-jobs .search h1 { font-size: 28px; line-height: 35px; margin-bottom: 25px; }
	.page-jobs .search h1 span { display: block; }
	.page-jobs .search input { width: 100%; float: none; margin-bottom: 10px; }
	.page-jobs .search .btn { width: 100%; float: none; }
	.page-jobs .list { padding-top: 30px; }
	.page-jobs .list .load-more { padding-bottom: 0px; }
	
	.faq-box { margin-bottom: 50px; border-radius: 25px; padding: 20px 20px 10px 20px; }
	.faq-box h2 { margin-bottom: 10px; }
	.faq-box .item h3 { font-size: 18px; padding-left: 25px; }
	.faq-box .item .text { font-size: 16px; line-height: 26px; }
	
	.jobs-slider .head h2 { font-size: 31px; line-height: 40px; }
	.jobs-slider .swiper-container { padding-left: 20px; padding-right: 20px; }
	.jobs-slider .swiper-slide { width: 100%; box-sizing: border-box; }
	
	.page-contact .content .info { font-size: 22px; }
	.page-contact .img-1 { height: auto; }
	
	.hero-search-box { text-align: center; }
	.hero-search-box .box { width: 100% !important; }
	.hero-search-box form input { width: calc(100% - 90px); }
	.hero-search-box form button { padding-left: 0px; padding-right: 0px; width: 90px; }
	.hero-search-box h4 { text-align: center !important; }
	.hero-search-box .talk { float: none; display: inline-block; margin-top: 30px; }
	
	.category-selector { left: 20px; }
	
	.news-single .content-wrapper { margin-top: 40px; }
	.news-single .head { min-height: 0px; background: #333; }
	.news-single .head .content { padding-bottom: 40px; padding-top: 150px; }	
	.news-single .head .content .category { font-size: 24px; }
	.news-single .head .content h1 { font-size: 32px; line-height: 38px; }
	.news-single .head .content p { font-size: 17px; line-height: 24px; }
	.news-single .author .info { width: 100%; float: none; }
	.news-single .author .share { float: none; margin-top: 25px; transform-origin: center left; }
	
	.news-slider { padding-top: 130px; padding-left: 20px; }
	.news-slider .swiper-slide { width: 270px; }
	.news-slider .category-selector { margin-top: -80px; } 
	
	.news-listing { margin-top: 0px; }
	.news-listing .category-selector { width: 100%; position: relative; left: auto; right: auto; margin-bottom: 35px; }
	.news-listing .category-selector .dd { width: calc(100% - 127px); }
	.news-listing .items { padding-bottom: 30px; }
	.news-listing .news-item { margin-left: 0px !important; width: 100%; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; margin-bottom: 35px; }
	.news-listing .news-item:nth-child(odd) { width: 100%; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; }
	.news-listing .loader { padding-top: 30px; }
	
	.page-about .bg-white { padding-bottom: 60px; }
	.page-about .about-1 .content { padding-left: 25px; padding-right: 25px; padding-top: 40px; padding-bottom: 410px; }
	.page-about .about-1 .content h2 { font-size: 28px; line-height: 36px; }
	.page-about .about-1 .content p { font-size: 17px; line-height: 28px; }
	.page-about .about-1 .phone { width: 400px; }
	.page-about .about-1 .face-1 { display: none; }
	.page-about .about-1 .face-2 { display: none; }
	.page-about .about-1 .face-3 { display: none; }
	.page-about .face-4 { display: none; }
	.page-about .about-2 .content { padding-bottom: 530px; }
	.page-about .about-2 .content h2 { font-size: 28px; line-height: 36px; }
	.page-about .about-2 .content p { font-size: 17px; line-height: 28px; }
	.page-about .about-2 .content p + p { margin-top: 28px; }
	.page-about .about-2 .phone { width: 400px; bottom: -130px; }
	.page-about .about-2 .phone .popup { width: 300px; top: 330px; left: 95px; } 
	
	.page-home .hero { padding-bottom: 170px; } 
	.page-home .hero .hero-search-box { margin-top: 40px; }
	.page-home .hero-search-box form { width: 100%; }
	.page-home .hero-search-box .talk { font-size: 0px; line-height: 0px; width: 100%; box-sizing: border-box; text-align: center; } 
	.page-home .hero-search-box .talk svg { position: absolute; }
	.page-home .hero-search-box .talk span { font-size: 17px; font-weight: 500; line-height: 23px; padding-left: 40px; }
	
	.page-home .focus { margin-bottom: -30px; }
	.page-home .focus .col { float: none; width: 100%; }
	.page-home .focus .col + .col { padding-top: 40px; }
	.page-home .focus .col img { height: 100px; width: auto; } 
	
	.page-home .d1 { display: none; }
	.page-home .d4 { display: none; }
	
	.page-home .about { clear: both; position: relative; margin-top: -100px; margin-bottom: 0px; top: -55px; }
	.page-home .about .content { padding-top: 35px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; text-align: center; }	
	.page-home .about .content h2 { font-size: 45px; line-height: 55px; }
	.page-home .about .content h3 { padding-right: 0px; font-size: 23px; line-height: 32px; }
	.page-home .about .content .button { margin-top: 25px; margin-bottom: 35px; }
	.page-home .about .content .rating { display: inline-block; }
	.page-home .about .image-2 { width: auto; height: auto; margin-top: 20px; position: relative; bottom: auto; right: 0px; margin-left: 20px; margin-right: 20px; }
	
	.page-home .join { padding-top: 140px; padding-bottom: 95px; }
	.page-home .join .box { padding: 35px 30px 360px 30px; }
	.page-home .join .box h2 { font-size: 35px; line-height: 45px; }
	.page-home .join .box p { font-size: 17px; line-height: 30px; }
	.page-home .join .box .phone { transform-origin: bottom center; transform: scale(0.6) translateX(-83%); bottom: -110px; }
	.page-home .join .box .phone .left { left: -25px; }
	.page-home .join .box .phone .right { right: -25px; }
	
	.profile-popup .close { top: 20px; left: 20px; width: 50px; height: 50px; }
	.member-profile .image { height: 250px; }
	.member-profile .content { padding: 30px 25px; }
	.member-profile .content h3 { font-size: 35px; line-height: 42px; text-align: center; }
	.member-profile .content .position { font-size: 18px; text-align: center; }
	.member-profile .content .text { margin-top: 25px; line-height: 29px; }
	.member-profile .content .links { padding-bottom: 150px; }
	.member-profile .navigation { padding-left: 20px; padding-right: 20px; }
}
