@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto-Light.ttf");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto-Bold.ttf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url("../fonts/Roboto-Black.ttf");
	font-weight: 900;
	font-style: normal;
}

html {
	overflow-x: hidden;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
}

p {
	font-size: 18px;
	font-weight: 400;
}

@media only screen and (max-width: 991px) {
	p {
		font-size: 16px;
	}
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
	}

.small-text {
	font-size: 60%;
}

.custom-link {
	display: inline-block;
	/*  max-width: 170px;
  width: 100%;  ToDo: Ask why it is here */
	background-color: #0099cc;
	border: 1px solid #0099cc;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	padding: 5px 18px;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

	.custom-link:hover {
		background-color: #fff;
		color: #0099cc;
	}

@media only screen and (min-width: 1550px) {
	.container {
		max-width: 1550px;
	}
}

.black {
	font-weight: 900;
}

/****************/
/*****NAVBAR*****/
/****************/
.navbar-background {
	position: relative;
	width: 100vw;
	height: 71px;
	background: rgba(255, 255, 255, 0.7);
	z-index: 99;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.navbar {
	z-index: 99;
}

.navbar-brand {
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

	.navbar-brand img {
		max-height: 40px;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

.navbar-expand-lg .navbar-nav .nav-link {
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 22px;
	font-weight: 300;
	text-decoration: none;
	white-space: nowrap;
	padding: 10px 10px 0;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

.dropdown-menu .nav-link {
	display: block !important;
	width: 100% !important;
	padding: 10px !important;
}

.navbar-expand-lg .navbar-toggler {
	width: 37px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 0;
	margin-right: 15px;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

	.navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
		width: auto;
		height: auto;
		vertical-align: baseline;
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}

	.navbar-expand-lg .navbar-toggler:hover,
	.navbar-expand-lg .navbar-toggler:focus,
	.navbar-expand-lg .navbar-toggler:active {
		background-color: #fff;
		border-color: #0099cc;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

		.navbar-expand-lg .navbar-toggler:hover .navbar-toggler-icon,
		.navbar-expand-lg .navbar-toggler:focus .navbar-toggler-icon,
		.navbar-expand-lg .navbar-toggler:active .navbar-toggler-icon {
			color: #0099cc;
		}

@media only screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link {
		color: #0099cc;
	}

	.navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
		color: #0099cc;
	}

	.navbar-brand {
		position: absolute;
		top: 0;
		height: auto;
		margin-top: -55px;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

		.navbar-brand img {
			max-height: unset;
		}

		.navbar-brand.smaller {
			margin-top: -20px;
		}

			.navbar-brand.smaller img {
				-webkit-transition: all 0.15s ease-in-out 0s;
				transition: all 0.15s ease-in-out 0s;
				max-height: 120px;
			}

	.navbar-nav > li.active a {
		background: none !important;
	}
}

@media only screen and (max-width: 1549px) {
	.navbar-expand-lg .navbar-nav .nav-item .nav-link {
		font-size: 18px;
		padding-top: 20px;
	}

	.navbar-brand {
		margin-left: -70px;
	}
}

@media only screen and (max-width: 991px) {
	.navbar {
		padding: 0;
	}

		.navbar .navbar-brand {
			margin-left: 35px;
		}

	.navbar-background {
		height: 55px;
	}

		.navbar-background .container {
			width: 100vw;
			max-width: unset;
			padding-left: 0;
		}

	.navbar-expand-lg .navbar-nav {
		width: 100vw;
		background-color: #fff;
	}

		.navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
			background-color: #0099cc;
			color: #fff;
		}

			.navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before {
				color: #fff;
				font-weight: 900;
			}

		.navbar-expand-lg .navbar-nav .nav-link {
			font-size: 16px;
			padding: 8px 12px 16px;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s;
		}

	.navbar-collapse .navbar-nav {
		margin: 0;
	}

	.navbar-collapse ul li a {
		border-bottom: 1px solid #0099cc;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

		.navbar-collapse ul li a:before {
			content: '\f072';
			display: inline-block;
			font-family: "Font Awesome 5 Free";
			color: #0099cc;
			font-weight: 900;
			font-size: .6em;
			vertical-align: middle;
			padding-right: 5px;
			margin-bottom: 2px;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s;
		}

		.navbar-collapse ul li a:hover {
			background: #0099cc !important;
			border-bottom: 1px solid transparent;
			color: #fff !important;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s;
		}

			.navbar-collapse ul li a:hover:before {
				color: #fff !important;
				-webkit-transition: all 0.15s ease-in-out 0s;
				transition: all 0.15s ease-in-out 0s;
			}
}
/* IE HACK */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.navbar-brand img {
		max-height: none;
	}
}

@media only screen and (-ms-high-contrast: active) and (max-width: 991px), only screen and (-ms-high-contrast: none) and (max-width: 991px) {
	.navbar-brand img {
		max-height: 40px;
	}
}
/******************************/
/******* IMAGE TEXTBOXES ******/
/******************************/
.header {
	margin-top: -70px;
}

	.header .row .col-sm-12 {
		padding: 0;
	}

	.header .row .col-sm-12 img {
		display: block;
		margin: 0 auto;
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: auto;
		max-height: 400px;
	}

	.header .text-content {
		position: relative;
		max-width: 1550px;
		margin: 0 auto;
	}

		.header .text-content h1 {
			position: absolute;
			right: 0;
			bottom: 105px;
			color: #fff;
			font-size: 40px;
			font-weight: 900;
		}

			.header .text-content h1 .bigger {
				font-size: 92px;
			}

@media only screen and (max-width: 1599px) {
	.header .text-content h1 {
		right: 15px;
	}
}

@media only screen and (max-width: 1199px) {
	.header .text-content h1 {
		bottom: 20px;
		font-size: 50px;
	}

		.header .text-content h1 .bigger {
			font-size: 80px;
		}
}

@media only screen and (max-width: 991px) {
	.header {
		margin-top: 0;
	}

		.header .text-content h1 {
			right: auto;
			bottom: 40px;
			left: 15px;
			font-size: 36px;
		}

			.header .text-content h1 .bigger {
				font-size: 40px;
			}
}

@media only screen and (max-width: 767px) {
	.header .text-content h1 {
		right: unset;
		bottom: 0;
		font-size: 24px;
	}

		.header .text-content h1 .bigger {
			font-size: 36px;
		}
}

@media only screen and (max-width: 399px) {
	.header .text-content h1 {
		font-size: 21px;
	}

		.header .text-content h1 .bigger {
			font-size: 24px;
		}
}

.image-textboxes {
	margin-bottom: 50px;
	/* IE HACK */
}

	.image-textboxes h2 {
		font-size: 60px;
		font-weight: 300;
		margin: 75px 0 70px;
	}

		.image-textboxes h2 .bold {
			color: #0099cc;
			font-weight: 900;
		}

	.image-textboxes h3 {
		color: #0099cc;
		font-size: 36px;
		font-weight: 900;
		text-transform: uppercase;
		padding-left: 15px;
	}

	.image-textboxes .image-textbox {
		position: relative;
		max-width: 330px;
		margin-left: auto;
		margin-right: auto;
	}

		.image-textboxes .image-textbox .image {
			position: relative;
			display: block;
			margin-bottom: 20px;
		}

			.image-textboxes .image-textbox .image:hover img, .image-textboxes .image-textbox .image:hover h3 {
				opacity: .9;
			}

			.image-textboxes .image-textbox .image img {
				width: 100%;
				height: auto;
				min-height: 411px;
			}

			.image-textboxes .image-textbox .image .heading {
				position: absolute;
				bottom: -7px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				width: 100%;
				min-height: 41.5%;
				height: 100px;
				background-color: rgba(255, 255, 255, 0.85);
			}

		.image-textboxes .image-textbox .content {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			padding-left: 15px;
		}

			.image-textboxes .image-textbox .content p	 {
				line-height: 1.2;
				height: 4em;
			}

			.image-textboxes .image-textbox .content .custom-link {
				margin-top: 10px;
			}

@media only screen and (max-width: 1550px) and (min-width: 1200px) {
	.image-textboxes h3 {
		font-size: 27px;
	}

	.image-textboxes .image-textbox {
		min-height: auto;
	}

		.image-textboxes .image-textbox .image img {
			min-height: 286px;
		}
}

@media only screen and (max-width: 1199px) {
	.image-textboxes h3 {
		font-size: 36px;
	}

	.image-textboxes .image-textbox {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 991px) {
	.image-textboxes h2 {
		font-size: 32px;
	}

	.image-textboxes h3 {
		font-size: 28px;
		padding-left: 0;
	}

	.image-textboxes .image-textbox {
		max-width: 330px;
		text-align: center;
		padding-bottom: 50px;
		margin: 0 auto;
		min-height: 575px;
	}

		.image-textboxes .image-textbox .heading {
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			padding: 0 15px;
		}

		.image-textboxes .image-textbox .content {
			padding-left: 0;
		}

	.image-textboxes .custom-link {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 399px) {
	.image-textboxes .image-textbox {
		max-width: 300px;
		min-height: auto;
	}

		.image-textboxes .image-textbox .image img {
			min-height: auto;
		}
}

@media only screen and (-ms-high-contrast: active) and (max-width: 767px), only screen and (-ms-high-contrast: none) and (max-width: 767px) {
	.image-textboxes .custom-link {
		margin-left: 50%;
		transform: translateX(-50%);
	}
}

.round-image-textboxes {
	background-color: #eee;
	padding-bottom: 80px;
}

	.round-image-textboxes .container {
		width: 1200px;
	}

	.round-image-textboxes h2 {
		font-size: 36px;
		font-weight: 900;
		margin: 50px 0 80px;
	}

	.round-image-textboxes h3 {
		font-size: 24px;
		font-weight: 700;
		margin-top: 20px;
	}

	.round-image-textboxes .round-image-textbox {
		max-width: 300px;
	}

		.round-image-textboxes .round-image-textbox img {
			width: 118px;
			height: 118px;
			border-radius: 50%;
			margin: 0 auto;
		}

			.round-image-textboxes .round-image-textbox img:first-child {
				width: unset;
				height: auto;
				border-radius: 0;
			}

		.round-image-textboxes .round-image-textbox p {
			line-height: 1.2;
		}

	.round-image-textboxes .custom-link {
		margin-top: 50px;
	}

@media only screen and (max-width: 1199px) {
	.round-image-textboxes .container {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.round-image-textboxes h2 {
		font-size: 32px;
	}

	.round-image-textboxes h3 {
		font-size: 28px;
	}

	.round-image-textboxes .round-image-textbox {
		margin: 0 auto 30px;
	}

	.round-image-textboxes .custom-link {
		margin-top: 30px;
	}
}

.full-width-image .container-fluid {
	padding: 0;
}

.full-width-image h2 {
	color: #fff;
	font-size: 36px;
	font-weight: 900;
	margin-bottom: 50px;
	padding: 0 15px;
}

.full-width-image .image {
	position: relative;
	min-height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

	.full-width-image .image .content {
		position: absolute;
		bottom: 50px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.full-width-image .image .custom-link {
		font-size: 24px;
		max-width: 200px;
	}

@media only screen and (max-width: 991px) {
	.full-width-image h2 {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.full-width-image .image {
		min-height: 300px;
	}

		.full-width-image .image .content {
			bottom: 20px;
			width: 100%;
		}
}

@media only screen and (max-width: 767px) {
	.full-width-image h2 {
		font-size: 26px;
	}

	.full-width-image .image .custom-link {
		font-size: 18px;
	}
}

.action-line {
	margin-bottom: 90px;
}

	.action-line .container {
		width: 1200px;
	}

	.action-line h2 {
		font-size: 36px;
		font-weight: 900;
		margin: 50px 0;
	}

	.action-line h3 {
		justify-self: flex-start;
		font-size: 24px;
		font-weight: 700;
		margin-top: 30px;
	}

	.action-line p {
		line-height: 1.2;
		margin-top: 10px;
		height: 3em;
	}

	.action-line .action-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

		.action-line .action-box img {
			justify-self: flex-end;
			-o-object-fit: contain;
			object-fit: contain;
			max-width: 100%;
		}

			.action-line .action-box img:hover {
				opacity: .9;
			}

		.action-line .action-box .content {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			padding: 0 12px;
		}

		.action-line .action-box .custom-link {
			margin: 10px auto 0;
			margin-left: 50%;
			transform: translateX(-50%);
		}

@media only screen and (max-width: 1199px) {
	.action-line .container {
		width: 991px;
	}

	.action-line h3 {
		height: 4em;
	}
}

@media only screen and (max-width: 991px) {
	.action-line .container {
		width: 100%;
	}

	.action-line h2 {
		font-size: 32px;
	}

	.action-line h3 {
		font-size: 28px;
		margin-top: 20px;
	}

	.action-line .action-box {
		max-width: 390px;
		margin: 0 auto 50px;
		height: auto;
	}
}

@media only screen and (max-width: 767px) {
	.action-line h3 {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 399px) {
	.action-line h3 {
		margin-top: 10px;
	}
}

.bottom-line .container-fluid {
	padding: 0;
}

.bottom-border {
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
}

	.bottom-border:after {
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 50px;
		height: 1px;
		border-bottom: 1px solid #d7d7d7;
		-webkit-transition: all 1s ease-in 0s;
		transition: all 1s ease-in 0s;
	}

	.bottom-border:hover:after {
		width: 100%;
		border-color: #0099cc;
	}

footer {
	background-color: #252326;
	color: #d7d7d7;
	padding: 80px 0 200px;
	font-weight: 300;
}

	footer .container {
		width: 1200px;
		margin: 0 auto;
	}

	footer h4 {
		display: inline-block;
		color: #d7d7d7;
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 30px;
	}

		footer h4.bottom-border {
			position: relative;
			padding-bottom: 10px;
		}

			footer h4.bottom-border:after {
				content: "";
				position: absolute;
				bottom: 0px;
				left: 0;
				width: 50px;
				height: 1px;
				border-bottom: 1px solid #d7d7d7;
				-webkit-transition: all 1s ease-in 0s;
				transition: all 1s ease-in 0s;
			}

			footer h4.bottom-border:hover:after {
				width: 100%;
			}

	footer p {
		font-size: 15px;
		line-height: 1.2;
		font-weight: 300;
	}

	footer ul {
		padding-left: 0;
	}

		footer ul li {
			font-size: 15px;
			list-style-type: none;
			line-height: 1.2;
			white-space: nowrap;
		}

			footer ul li a {
				color: #d7d7d7;
				-webkit-transition: all 0.15s ease-in-out 0s;
				transition: all 0.15s ease-in-out 0s;
			}

		footer ul li ul {
			padding-left: 15px;
		}

				footer ul li a:hover {
					color: #0099cc;
				}

	footer .footer-menu {
		padding-left: 45px;
	}

		footer .footer-menu .list a {
			color: #d7d7d7;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s;
		}

			footer .footer-menu .list a:hover {
				color: #0099cc;
			}

@media only screen and (max-width: 1299px) {
	footer .container {
		width: 100%;
	}

	footer .item {
		min-width: 428px;
		margin: 0 auto 30px;
	}

		footer .item.footer-menu, footer .item.contacts {
			padding-left: 45px;
		}

	footer ul li {
		white-space: normal;
	}
}

@media only screen and (max-width: 991px) {
	footer {
		/* IE HACK */
	}

		footer .item {
			min-width: unset;
		}
}

@media only screen and (max-width: 991px) and (-ms-high-contrast: active), only screen and (max-width: 991px) and (-ms-high-contrast: none) {
	footer .item {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	footer .item {
		text-align: center;
	}

		footer .item.contacts, footer .item.footer-menu {
			padding-left: 0;
		}
}

.icon-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 35px;
	/* IE HACK */
}

	.icon-box .fab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border: 2px solid #d7d7d7;
		border-radius: 50%;
		color: #d7d7d7;
		margin-right: 10px;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

		.icon-box .fab:hover {
			border-color: #0099cc;
			color: #0099cc;
		}

@media only screen and (max-width: 991px) and (-ms-high-contrast: active), only screen and (max-width: 991px) and (-ms-high-contrast: none) {
	.icon-box {
		-ms-flex-pack: center;
	}
}

@media only screen and (max-width: 767px) {
	.icon-box {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.custom-login-form .form-control {
	max-width: 225px;
	background-color: #252326;
	border-radius: 0;
	color: #fff;
}

.custom-login-form .custom-link {
	font-size: 18px;
	width: 150px;
}

.custom-login-form .form-check {
	padding-left: 0;
}

.custom-login-form .checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.custom-login-form label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	padding: 0;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}

	.custom-login-form label:after {
		content: '';
		display: table;
		clear: both;
	}

	.custom-login-form label:hover {
		color: #0099cc;
	}

.custom-login-form input[type="checkbox"] {
	display: none;
}

	.custom-login-form input[type="checkbox"]:checked + .cr .icon {
		opacity: 1;
	}

	.custom-login-form input[type="checkbox"]:checked + .cr {
		border-color: #0099cc;
	}

.custom-login-form .cr {
	position: relative;
	float: left;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #252326;
	border: 1px solid #fff;
	margin-right: .5em;
}

	.custom-login-form .cr .icon {
		color: #fff;
		opacity: 0;
		position: absolute;
		top: 3px;
		left: 3px;
		font-size: 10px;
	}

		.custom-login-form .cr .icon i {
			color: #fff;
		}

.custom-login-form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #d7d7d7;
	font-weight: 300;
	font-size: 15px;
}

.custom-login-form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #d7d7d7;
	font-weight: 300;
	font-size: 15px;
}

.custom-login-form :-ms-input-placeholder {
	/* IE 10+ */
	color: #d7d7d7;
	font-weight: 300;
	font-size: 15px;
}

.custom-login-form :-moz-placeholder {
	/* Firefox 18- */
	color: #d7d7d7;
	font-weight: 300;
	font-size: 15px;
}

@media only screen and (max-width: 991px) {
	.custom-login-form {
		/* IE HACK */
	}
}

@media only screen and (max-width: 991px) and (-ms-high-contrast: active), only screen and (max-width: 991px) and (-ms-high-contrast: none) {
	.custom-login-form {
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media only screen and (max-width: 767px) {
	.custom-login-form {
		text-align: center;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

		.custom-login-form .form-control {
			max-width: unset;
		}
}

@media only screen and (max-width: 550px) {
	.custom-login-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}

		.custom-login-form .form-control {
			max-width: 225px;
			margin: 0 auto;
		}
}

.slide-up-arrow {
	position: fixed;
	right: 20px;
	bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 42px;
	height: 42px;
	background-color: #0099cc;
	border: 1px solid #0099cc;
	color: rgba(255, 255, 255, 0.95);
	font-size: 35px;
	padding: 30px 15px 15px;
	z-index: 99;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
	-webkit-animation: bounce-bottom 0.9s ease-in-out 1s both;
	animation: bounce-bottom 0.9s ease-in-out 1s both;
}

	.slide-up-arrow:hover {
		background-color: #fff;
		color: #0099cc;
		cursor: pointer;
	}

	.slide-up-arrow.hidden {
		display: none;
	}

/* ----------------------------------------------
 * Generated by Animista on 2020-1-30 10:26:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-bottom
 * ----------------------------------------
 */
@-webkit-keyframes bounce-bottom {
	0% {
		-webkit-transform: translateY(45px);
		transform: translateY(45px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	}

	24% {
		opacity: 1;
	}

	40% {
		-webkit-transform: translateY(24px);
		transform: translateY(24px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	65% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	82% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	93% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	25%, 55%, 75%, 87% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		opacity: 1;
	}
}

@keyframes bounce-bottom {
	0% {
		-webkit-transform: translateY(45px);
		transform: translateY(45px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	}

	24% {
		opacity: 1;
	}

	40% {
		-webkit-transform: translateY(24px);
		transform: translateY(24px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	65% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	82% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	93% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	25%, 55%, 75%, 87% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		opacity: 1;
	}
}
/*******************************/
/***** CUSTOM OWL CAROUSEL *****/
/*******************************/
.owl-theme.custom-owl-carousel {
	position: relative;
	margin-top: -70px;
}

	.owl-theme.custom-owl-carousel .inner {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		min-height: 850px;
		position: relative;
	}

	.owl-theme.custom-owl-carousel .text-content {
		position: absolute;
		width: 100%;
		height: 100%;
		max-width: 1550px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

		.owl-theme.custom-owl-carousel .text-content h1 {
			position: absolute;
			right: 0;
			bottom: 105px;
			color: #fff;
			font-size: 40px;
			font-weight: 900;
		}

			.owl-theme.custom-owl-carousel .text-content h1 .bigger {
				font-size: 92px;
			}

	.owl-theme.custom-owl-carousel .owl-dots {
		display: inline-block;
		margin-left: 50%;
		-webkit-transform: translate(-50%, -80px);
		transform: translate(-50%, -80px);
	}

	.owl-theme.custom-owl-carousel .owl-nav .owl-prev,
	.owl-theme.custom-owl-carousel .owl-nav .owl-next {
		position: absolute;
		top: 42%;
		width: 80px;
		height: 80px;
		background-color: rgba(0, 0, 0, 0.4);
		background-color: #0099cc;
		border: 1px solid transparent !important;
		border-radius: 0;
		color: #aaa;
		font-size: 90px !important;
		line-height: 0;
		margin-bottom: 0;
		-webkit-transition: all 0.15s ease-in-out 0s;
		transition: all 0.15s ease-in-out 0s;
	}

		.owl-theme.custom-owl-carousel .owl-nav .owl-prev span,
		.owl-theme.custom-owl-carousel .owl-nav .owl-next span {
			position: absolute;
			top: 30px;
			width: 20px;
			height: 20px;
			background-color: transparent;
			border-bottom: 2px solid #fff;
			font-size: 0px;
			z-index: 99;
		}

		.owl-theme.custom-owl-carousel .owl-nav .owl-prev:hover,
		.owl-theme.custom-owl-carousel .owl-nav .owl-next:hover {
			border-color: #0099cc !important;
			background-color: #fff;
		}

			.owl-theme.custom-owl-carousel .owl-nav .owl-prev:hover span,
			.owl-theme.custom-owl-carousel .owl-nav .owl-next:hover span {
				border-color: #0099cc !important;
			}

	.owl-theme.custom-owl-carousel .owl-nav .owl-prev {
		left: 0;
	}

		.owl-theme.custom-owl-carousel .owl-nav .owl-prev span {
			left: 35px;
			border-left: 2px solid #fff;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

	.owl-theme.custom-owl-carousel .owl-nav .owl-next {
		right: 0;
	}

		.owl-theme.custom-owl-carousel .owl-nav .owl-next span {
			right: 35px;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

@media only screen and (max-width: 1599px) {
	.owl-theme.custom-owl-carousel .inner {
		min-height: 700px;
	}

	.owl-theme.custom-owl-carousel .text-content h1 {
		right: 15px;
	}
}

@media only screen and (max-width: 1199px) {
	.owl-theme.custom-owl-carousel .inner {
		min-height: 500px;
	}

	.owl-theme.custom-owl-carousel .text-content h1 {
		bottom: 20px;
		font-size: 50px;
	}

		.owl-theme.custom-owl-carousel .text-content h1 .bigger {
			font-size: 80px;
		}
}

@media only screen and (max-width: 991px) {
	.owl-theme.custom-owl-carousel {
		margin-top: 0;
	}

		.owl-theme.custom-owl-carousel .inner {
			min-height: 400px;
		}

		.owl-theme.custom-owl-carousel .text-content h1 {
			bottom: 40px;
			right: auto;
			left: 15px;
			font-size: 36px;
		}

			.owl-theme.custom-owl-carousel .text-content h1 .bigger {
				font-size: 40px;
			}
}

@media only screen and (max-width: 767px) {
	.owl-theme.custom-owl-carousel .inner {
		min-height: 350px;
	}

	.owl-theme.custom-owl-carousel .text-content h1 {
		bottom: 0;
		right: unset;
		font-size: 24px;
	}

		.owl-theme.custom-owl-carousel .text-content h1 .bigger {
			font-size: 36px;
		}
}

@media only screen and (max-width: 399px) {
	.owl-theme.custom-owl-carousel .inner {
		min-height: 250px;
	}

	.owl-theme.custom-owl-carousel .text-content h1 {
		font-size: 21px;
	}

		.owl-theme.custom-owl-carousel .text-content h1 .bigger {
			font-size: 24px;
		}
}

/******************************/
/****** CUSTOM HP VIDEO *******/
/******************************/
.custom-video {
	position: relative;
	display: block;
	width: 100%;
	width: 100vw;
	max-width: 1920px;
	overflow: hidden;
	margin: -70px auto 0;
}

	.custom-video .text-content {
		position: absolute;
		left: 50%;
		width: 100%;
		height: 100%;
		max-width: 1550px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 88;
	}

		.custom-video .text-content h1 {
			position: absolute;
			right: 0;
			bottom: 105px;
			color: #fff;
			font-size: 40px;
			font-weight: 900;
		}

			.custom-video .text-content h1 .bigger {
				font-size: 92px;
			}

	.custom-video video {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100vw;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

@media only screen and (max-width: 1599px) {
	.custom-video .text-content h1 {
		right: 35px;
	}
}

@media only screen and (max-width: 1199px) {
	.custom-video .text-content h1 {
		bottom: 40px;
		font-size: 50px;
	}

		.custom-video .text-content h1 .bigger {
			font-size: 80px;
		}
}

@media only screen and (max-width: 991px) {
	.custom-video .text-content h1 {
		right: auto;
		left: 45px;
		font-size: 36px;
	}

		.custom-video .text-content h1 .bigger {
			font-size: 40px;
		}
}

@media only screen and (max-width: 767px) {
	.custom-video {
		margin-top: 0;
	}

		.custom-video .text-content h1 {
			right: unset;
			bottom: 50px;
			font-size: 24px;
		}

			.custom-video .text-content h1 .bigger {
				font-size: 36px;
			}
}

@media only screen and (max-width: 599px) {
	.custom-video .text-content h1 {
		font-size: 21px;
	}

		.custom-video .text-content h1 .bigger {
			font-size: 24px;
		}
}

@media only screen and (max-width: 399px) {
	.custom-video .text-content h1 {
		font-size: 21px;
	}

		.custom-video .text-content h1 .bigger {
			font-size: 24px;
		}
}

.contact-form {
	padding-top: 80px;
	padding-bottom: 60px;
	background-color: #eee;
}

	.contact-form form input,
	.contact-form form select,
	.contact-form form textarea {
		border-radius: 0;
	}

	.contact-form form th {
		vertical-align: middle;
	}

.text-shadow {
	text-shadow: 1px 1px 1px black;
}

strong {
	font-weight: 700;
}

.perex {
	font-size: 21px;
}

/*ul {
	padding-left: 0;
}

	ul li {
		font-size: 18px;
		list-style-type: none;
		line-height: 1.2;
		white-space: nowrap;
	}

		ul li a {
			color: black;
			-webkit-transition: all 0.15s ease-in-out 0s;
			transition: all 0.15s ease-in-out 0s;
		}

			ul li a:hover {
				color: #0099cc;
			}*/

.custom-table .applications thead th:first-child {
	border: 1px solid #000;
}

.custom-table .applications tbody th {
	border: 1px solid #000;
	max-width: 100%;
	/*white-space: nowrap;*/
	padding-right: 30px;
}

.custom-table .applications tbody .small-text {
	/*border: 1px solid red; */
	font-size: 60%;
}

.custom-table .applications tbody th .red-info {
	font-size: 12px;
	background-color: red;
	color: white;
}

/* Gallery Index - Thumbnail Images */
.custom-gallery-index .card-img-top {
	max-width: 100%;
}

.custom-gallery-index .gallery-thumbnail-link {
	display: block;
	width: 100%;
	height: 235px;
	overflow: hidden;
	background-color: #f8f9fa;
}

.custom-gallery-index .gallery-thumbnail-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.custom-gallery-index .card-body h3 a {
	color: #0099cc;
}

	.custom-gallery-index .card-body h3 a:hover {
		opacity: .9;
	}

.custom-gallery-index .card-text {
	line-height: 1.2;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

	.custom-gallery-index .card-text ul li {
		max-width: 100%;
		white-space: normal;
	}

@media only screen and (max-width: 767px) {
	.custom-gallery-index .card-body ul li {
		font-size: 16px;
	}
}

.btncontainer {
	position: relative;
	width: 50%;
}

	.btncontainer img {
		width: 100%;
		height: auto;
	}

	.btncontainer .btns {
		position: absolute;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		background-color: #555;
		padding: 0px;
		border: none;
		cursor: pointer;
		border-radius: 5px;
	}

	.btncontainer .btn {
		color: white;
		font-size: 16px;
	}

		.btncontainer .btn:hover {
			background-color: black;
		}


/* Container needed to position the button. Adjust the width as needed */
.webcam-container {
	 position: relative;
	 width: 100%;
 }

/* Make the image responsive */
.webcam-container > img {
	width: 100%;
	height: auto;
	margin: 3px;
}

/* Style the button and place it in the middle of the container/image */
.webcam-container .btn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	/*transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);*/
	background-color: #aaa;
	opacity: 0.5;
	color: white;
	font-size: 16px;
	padding: 12px 24px;
	border: none;
	cursor: pointer;
}

.webcam-container .btn:hover {
		background-color: #888;
	}

/* Gallery View Page - Photo Grid */
.gallery .gallery-photo-link {
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 75%; /* 4:3 aspect ratio */
	background-color: #f8f9fa;
}

.gallery .gallery-photo-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* Building Block Gallery Thumbnails */
.bb-gallery-thumbnail {
	max-width: 200px;
	max-height: 150px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/*# sourceMappingURL=styles.css.map */