/* Global CSS */

body {

	font-size: 16px;

	line-height: 1.5;

	font-style: normal;

	font-family: 'Raleway', sans-serif;

	font-weight: 300;

	overflow-x: hidden;

}



img {

	max-width: 100%;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

	font-style: normal;

}



p {

	margin: 0 0 20px;

}



strong {

	font-weight: 700;

}



:focus {

	outline: none;

}



a {

	color: #00235d;

}



a:hover {

	opacity: 0.95;

}



/* Utility CSS */

.m-0 {

	margin: 0 !important;

}



.p-0 {

	padding: 0 !important;

}



.pt-0 {

	padding-top: 0 !important;

}



.pb-0 {

	padding-bottom: 0 !important;

}



.pl-0 {

	padding-left: 0 !important;

}



.pr-0 {

	padding-right: 0 !important;

}



.mt-0 {

	margin-top: 0 !important;

}



.mb-0 {

	margin-bottom: 0 !important;

}



.ml-0 {

	margin-left: 0 !important;

}



.mr-0 {

	margin-right: 0 !important;

}



.text-center {

	text-align: center !important;

}



.text-left {

	text-align: left !important;

}



.text-right {

	text-align: right !important;

}



/* Header CSS */

.header-main {

	background-color: #000;

	background-image: url(../images/header-bg.jpg);

	padding: 44px 0;

	background-size: cover;

	background-position: 50% 50%;

}



.header-main-col {

	padding-left: 15px;

	padding-right: 15px;

}





.header-branding-logo a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	text-decoration: none;

}



.header-branding-logo a h1 {

	padding-left: 12px;

	color: #fff;

	margin: 0;

	font-weight: 300;

}



.header-branding-logo a h1 .font-bold {

	font-weight: 600;

}



.primary-menu {

	list-style: none;

	padding: 0;

	margin: 0;

}



.primary-menu li {

	list-style: none;

}



.primary-menu>li+li {

	margin-left: 28px;

}



.primary-menu li>a {

	color: #fff;

	font-weight: 500;

	text-transform: capitalize;

	display: inline-block;

	text-decoration: none;

	letter-spacing: 2px;

	font-size: 19px;

	line-height: 27px;

	position: relative;

}



.primary-menu li>a:after {

	position: absolute;

	display: block;

	content: "";

	width: 100%;

	left: 0;

	bottom: -1px;

	height: 5px;

	background: #ddd;

	-webkit-transition: 0.3s;

	transition: 0.3s;

	opacity: 0;

	visibility: hidden;

}



.primary-menu li>a:hover:after,

.primary-menu li>a.active-link:after {

	opacity: 1;

	visibility: visible;

}



.primary-menu .list-seperator {

	width: 1px;

	background: #fff;

}



.header-menu-toggle-button {

	height: 50px;

	width: 50px;

	position: relative;

	cursor: pointer;

	padding: 0;

	border: 0;

	outline: 0;

	display: block;

}



svg.hamburger {

	overflow: visible;

	fill: #FFF;

	position: absolute;

	max-width: 50px;

	top: 50%;

	left: 50%;

	/* -webkit-transform: translate(-50%, -50%); */

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.hamburger [class^="hamburger-bar"] {

	-webkit-transition: .25s ease;

	transition: .25s ease;

}



.header-menu-toggle-button.active-toggle .hamburger-bar-top {

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	opacity: 0;

}



.header-menu-toggle-button.active-toggle .hamburger-bar-bottom {

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

	opacity: 0;

}



.header-menu-toggle-button.active-toggle .hamburger .hamburger-bar-center-2 {

	-webkit-transform: rotate(-45deg) translateY(1px);

	transform: rotate(-45deg) translateY(1px);

}



.header-menu-toggle-button.active-toggle .hamburger .hamburger-bar-center-1 {

	-webkit-transform: rotate(45deg) translateY(1px);

	transform: rotate(45deg) translateY(1px);

}



.header-menu-toggle-button .hamburger .hamburger-bar-center-1,

.header-menu-toggle-button .hamburger .hamburger-bar-center-2 {

	-webkit-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

}



/* Responsive Menu CSS */

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

	.primary-menu li>a {

		font-size: 16px;

	}

	.primary-menu>li+li {

		margin-left: 20px;

	}

	.header-branding-logo a h1 {

		font-size: 26px;

	}

}

@media screen and (max-width: 991px) and (min-width: 768px) {

	.header-main-col {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}



	.header-branding-logo {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		margin-bottom: 20px;

	}



	.primary-menu {

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

	}

	.primary-menu>li+li {

		margin-left: 16px;

	}



	.primary-menu li>a {

		font-size: 14px;

	}

}



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

	.header-main {

		padding: 26px 0;

		position: relative;

	}



	.header-branding-logo a h1 {

		font-size: 20px;

		padding-left: 10px;

	}

	.header-main-col {

		padding: 0 10px;

	}



	#primary-menu {

		position: absolute;

		left: 0;

		right: 0;

		top: 100%;

		background: #040308;

		display: none;

		z-index: 99;

	}



	#primary-menu li {

		margin: 0;

		padding: 0;

		text-align: center;

		border-top: 1px solid rgba(255, 255, 255, 0.4);

	}



	.list-seperator {

		display: none;

	}



	#primary-menu li a {

		text-align: center;

		display: block;

		padding: 18px 20px;

	}

}

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

	.header-branding-logo a h1 {

		font-size: 18px;

		padding-left: 8px;

	}

	.header-main-col {

		padding: 0 5px;

	}

	.header-menu-toggle-button {

		height: 40px;

		width: 40px;

	}

}

body.home header#top {

	position: absolute;

	width: 100%;

	left: 0;

	background: transparent;

	z-index: 99999;

}

/* Footer CSS */

footer a {

	color: #fff;

}



footer {

	background: #191919;

	padding: 14px 0px 119px;

}





.cpoyright-block {

	font-weight: 400;

	font-size: 12px;

	color: #888888;

	display: block;

	text-align: right;

}



.return-arrow {

	position: fixed;

	bottom: 32px;

	color: #fff;

	font-size: 50px;

	line-height: 1;

	display: none;

	right: 40px;

	text-decoration: none;

}



/* Contact Page CSS */

.contact-block {

	clear: both;

	padding: 70px 0px;

	color: #fff;

}

.page-content-wrapper.content-wrapper {

	padding: 70px 0px;

	background: #191919;

	color: #fff;

}



.page-title-wrap h2 {

	font-weight: 700;

	color: #ffffff;

	font-size: 60px;

	margin: 20px 0;

}



.contact-form-col {

	margin-top: 26px;

}



.c-info-block h4 {

	font-weight: 500;

	font-size: 19px;

	margin-bottom: 5px;

}



.call-number {

	font-size: 38px;

	color: #888888;

}



.email-info.c-info-block {

	margin-top: 12px;

}



.c-info-block a {

	color: #888888;

	text-decoration: none;

}



#contactForm {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-left: -15px;

	margin-right: -15px;

}



.form-group {

	-webkit-box-flex: 0;

	-ms-flex: 0 0 100%;

	flex: 0 0 100%;

	max-width: 100%;

	padding: 0 15px;

	position: relative;

}



.form-group.group-1-3 {

	-webkit-box-flex: 0;

	-ms-flex: 0 0 33.3334%;

	flex: 0 0 33.3334%;

	max-width: 33.3334%;

}



.form-control {

	background-color: #EEEEEE;

	border: 0;

	padding: 0 15px;

	height: 42px;

	margin: 20px 0;

	width: 100%;

	font-weight: 500;

	color: #000;

	line-height: 42px;

	border: 1px solid #EEEEEE;

	border-radius: 5px;

}



.form-group label {

	position: absolute;

	left: 30px;

	top: 30px;

	font-size: 13px;

	line-height: 20px;

	color: #658997;

	font-weight: inherit;

	opacity: 1;

	-webkit-transition: 0.3s all ease;

	transition: 0.3s all ease;

	font-weight: 700;

}







.form-group .form-control:focus~label,

.form-group .form-control:valid~label {

	top: 0;

	opacity: 0.4;

	-webkit-transform: scale(0.8);

	transform: scale(0.8);

}



.form-control.form-message-area {

	min-height: 170px;

	line-height: 1.5 !important;

	padding: 15px;

}



.form-group-submit {

	margin-top: 20px;

}



.form-group-submit button {

	position: relative;

	background: #a9dc56;

	width: 113px;

	font-size: 15px;

	font-weight: 500;

	padding: 12px 0;

	-webkit-transition: 0.3s;

	transition: 0.3s;

	text-align: center;

	border: 0;

	border-radius: 4px;

	display: block;

	margin: auto;

}



.form-control.field-reqiured,

.form-control.field-invalid {

	border-bottom-color: #ff0000;

}



.form-control.field-reqiured+label,

.form-control.field-invalid+label {

	color: #ff0000;

	top: 0;

	opacity: 0.4;

	-webkit-transform: scale(0.8);

	transform: scale(0.8);

}



.form-submit-loader {

	margin-left: 40px;

	display: none;

}



#mail-status p {

	font-weight: 500;

	font-size: 20px;

	margin: 20px 0 0;

}



#mail-status p.error {

	color: red;

}



.loader {

	border: 4px solid #f3f3f3;

	border-radius: 50%;

	border-top: 4px solid #00235d;

	width: 30px;

	height: 30px;

	-webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

}



/* Safari */

@-webkit-keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

	}



	100% {

		-webkit-transform: rotate(360deg);

	}

}



@keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}



	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@media screen and (min-width: 1200px) {

	#top .container {

		max-width: 90%;

	}

}

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

	.video-play {

		top: 0;

		left: 0;

		transform: none;

		width: auto;

		height: 100%;

		bottom: 0;

	}



}

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



	.form-group.group-1-3 {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}

	.page-title-wrap h2 {

		font-size: 50px;

		line-height: 1.1;

	}

	.slide-text h2 {

		padding-top: 10px;

		font-size: 44px;

		line-height: 1.3;

		margin-bottom: 20px;

	}



}

.about-us,

.product-page,

.service-page {

	border-bottom: 2px solid #2b2b2b;

}

.about-us+footer,

.product-page+footer,

.service-page+footer {

	padding-top: 104px;

}