/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.menu-container.active {
	display: block!important;
}
.header-misc-icon span {
	display: block;
	width: 20px;
	height: 15px;
	background: url('/tr.svg');
	background-size: contain;
	cursor: pointer;
}
.header-misc-icon span:nth-child(2) {
	margin-top: 10px;
	background: url('/us.svg');
	background-size: contain;
}


/* Helpers */
.nobottommargin {
	margin-bottom: 0 !important;
}

.home-hero {
	min-height: 100vh;
}

.home-hero .top-area {
	padding: 10vh 100px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.home-hero .top-area .text {
	z-index: 46;
	white-space: normal;
	font-size: 16px;
	line-height: 50px;
	font-weight: 700;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	display: inline-block;
	font-family: Poppins;
	text-transform: uppercase;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	border-width: 0px;
	margin: 0px;
	padding: 0px 10px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
}

.home-hero .top-area .button-area a {
	z-index: 48;
	white-space: normal;
	font-size: 16px;
	line-height: 46px;
	font-weight: 700;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: Poppins;
	background-color: rgb(0, 0, 0);
	border-color: rgb(0, 0, 0);
	border-style: solid;
	border-width: 2px;
	outline: none;
	box-shadow: rgb(153 153 153) 0px 0px 0px 0px;
	box-sizing: border-box;
	cursor: pointer;
	text-decoration: none;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	margin: 0px;
	padding: 0px 120px 0px 30px;
	letter-spacing: 0px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform-origin: 50% 50% 0px;
	transition: all .3s linear;
}

.home-hero .top-area .button-area a i {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	margin-top: -1px;
}

.home-hero .top-area .button-area a:hover {
	color: #000;
	background: #fff;
}

.home-hero .parallax {
	position: relative;
	margin-top: 10vh;
	height: 200px;
	background: url('/welcome.jpeg') center!important;
}

.home-hero .columns .copyright,
.home-hero .columns a,
.home-hero .columns .subhead,
.home-hero .columns p,
.home-hero .columns .follow li,
.home-hero .columns .hero,
.home-hero .top-area .text {
	position: relative;
}

.home-hero .columns .copyright::before,
.home-hero .columns a::before,
.home-hero .columns .subhead::before,
.home-hero .columns p::before,
.home-hero .columns .follow li::before,
.home-hero .columns .hero::before,
.home-hero .top-area .text::before,
.home-hero .parallax .hero::before,
.home-hero .parallax::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-animation: goRight .4s .4s ease-out forwards;
	animation: goRight .4s .4s ease-out forwards;
}
.home-hero .parallax .hero::before {
	top: -50%;
	height: 200%;
	-webkit-animation: goRight .6s .6s ease-out forwards;
	animation: goRight .6s .6s ease-out forwards;	
}
.home-hero .top-area .text::before {
	-webkit-animation: goRight .5s .6s ease-out forwards;
	animation: goRight .5s .6s ease-out forwards;		
}
@keyframes goRight {
	0% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0px;
	}
}

.home-hero .columns {
	padding: 10vh 100px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.home-hero .column:nth-child(1) {
	flex: 0 0 36%;
	max-width: 36%;
}

.home-hero .column:nth-child(2) {
	flex: 0 0 34%;
	max-width: 34%;
}

.home-hero .column:nth-child(3) {
	flex: 0 0 20%;
	max-width: 20%;
	text-align: right;
}

.home-hero .parallax {
	position: relative;
}

.home-hero .parallax img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.home-hero .parallax .hero {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 15%;
	z-index: 17;
	white-space: nowrap;
	font-size: 295px;
	line-height: 145px;
	font-weight: 700;
	color: rgb(255, 255, 255);
	letter-spacing: -25px;
	font-family: Poppins;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	border-width: 0px;
	margin: 0px;
	margin-top: 25px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
}

.home-hero .columns .hero {
	z-index: 29;
	white-space: normal;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	display: inline-block;
	font-family: Poppins;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	border-width: 0px;
	margin: 0px;
	padding: 5px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
}

.home-hero .columns .follow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 50px;
}

.home-hero .columns .follow li {
	z-index: 36;
	white-space: normal;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	display: inline-block;
	font-family: Poppins;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	border-width: 0px;
	margin: 0px 30px 0px 0px;
	padding: 5px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
}

.home-hero .columns .follow li a {
	z-index: 37;
	white-space: normal;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	display: inline-block;
	font-family: Poppins;
	text-decoration: none;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	margin: 0px;
	padding: 5px 10px 5px 5px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
	box-shadow: rgb(153 153 153) 0px 0px 0px 0px;
}

.home-hero .columns .follow li a:hover {
	text-decoration: line-through;
}

.home-hero .columns p {
	z-index: 31;
	white-space: normal;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	display: inline-block;
	font-family: Poppins;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	border-width: 0px;
	margin: 0px;
	padding: 5px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
}

.home-hero .columns .subhead {
	display: block;
	z-index: 33;
	white-space: normal;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	font-family: Poppins;
	visibility: inherit;
	transition: none 0s ease 0s;
	border-width: 0px;
	margin: 0px;
	padding: 5px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
}

.home-hero .columns a {
	transition: none 0s ease 0s;
	text-align: left;
	line-height: 25px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 20px;
}

.home-hero .columns .copyright {
	z-index: 42;
	white-space: normal;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: rgb(0, 0, 0);
	letter-spacing: 0px;
	display: inline-block;
	font-family: Poppins;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	border-width: 0px;
	margin: 0px;
	padding: 5px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	margin-top: 50px;
}

/* Services */
.services-button {
	padding: 60px 0;
}

/* Footer */
.footer-address {
	background: url('/images/template/world-map.png') no-repeat center center;
	background-size: 100%;
}



/* Responsive */
@media(max-width: 768px) {
	.home-hero .top-area {
		padding: 120px 15px 40px;
	}	
	.home-hero .parallax {
		height: 110px;
	}
	.home-hero .parallax .hero {
		font-size: 130px;
		padding: 0 5%;
		letter-spacing: -5px;
		margin-top: -16px;
	}
	.home-hero .columns {
		padding: 30px 15px;
	}
	.services-area a,
	.home-hero .columns > div {
		flex: 0 0 100%!important;
		max-width: 100%!important;
		margin-bottom: 40px;
	}
	.home-hero .columns .copyright {
		margin-top: 0;
	}
	.header-misc {
		position: absolute;
		left: 0;
		top: 30px;
	}
	.header-row {
		text-align: center;
	}
	#logo img {
		margin: 0 auto;
	}
	#logo {
		margin: 0 auto;
	}
	#primary-menu-trigger, #page-menu-trigger {
		position: absolute;
		right: 0;
		top: 20px;
	}
	.home-hero .top-area .button-area a {
		margin-top: 30px;
	}
	.home-hero .parallax {
		height: 70px;
	}
	.home-hero .parallax .hero {
		font-size: 112px;
		padding: 0 5%;
		letter-spacing: -11px;
		margin-top: -37px;		
	}
	.home-hero .columns {
		margin-top: 70px;
	}
	.home-hero .columns .follow {
		margin-top: 10px;
	}
	.home-hero .columns .hero {
		font-size: 26px;
	}
	.services-area a, .home-hero .columns > div {
		margin-bottom: 5px!important;
	}
	.home-hero .columns .follow li {
		margin-right: 10px;
	}
	.home-hero .columns .follow li a {
		font-size: 10px;
	}
	.home-hero .columns .follow {
		margin-bottom: 0;
	}
	.home-hero .column:nth-child(3) {
		text-align: left;
	}
	.home-hero .columns .copyright {
		display: block;
	}
	.home-hero .columns p {
		font-size: 13px;
	}
	.home-hero .columns a {
		font-size: 15px;
	}
	.home-hero .columns .subhead,
	.home-hero .columns .copyright {
		padding-left: 0;
		padding-right: 0;
	}
	.button.button-full {
		font-size: 16px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.services-area {
		padding-left: 40px;
		padding-right: 40px;
	}
	.services-area .feature-box.fbox-plain.fbox-small {
		margin-bottom: 50px;
	}
}