:root {
  --color1: #ceedff;
  --color2: #3a95ca;
  --color3: #005592;
}

html, body {
  scroll-behavior: smooth;
	background: url('/storage/assets/images/background-2.jpg') center center fixed;
	background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden !important;
}
a.anchor {
  scroll-margin-top: 90px;
}
#header-top {
	min-height: 50px;
}
#header-top-container {
	background-color: var(--color2);
}
#header-bottom {
	transition: 1s;
	min-height: 130px;
}
.text-white {
	color: #ffffff !important; 
}
.text-white a {
	color: #ffffff !important; 
}
.menu_item {
	color: #323232;
	text-decoration: none;
	padding: 10px;
	font-size: 18px;
	margin-right: 12px;
}
.menu_item:hover {
	color: var(--color2);
	border-bottom: 4px solid var(--color2);
}
.menu_dark {
	background-color: var(--color2);
	color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
}
a.menu_dark:hover {
	background-color: var(--color3);
	color: #ffffff;
	border-bottom: 0px;
}
.active {
	color: var(--color2);
	border-bottom: 4px solid var(--color2);
}
.hero-text1 {
	font-family: 'Antonio', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-shadow: 2px 2px #000000;
}
.hero-text2 {
	color: #ffffff;
}
.summit-button {
	font-size: 20px;
	border: 0px;
	text-transform: uppercase;
	padding: 25px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-radius: 35px;
	display: inline;
	width: auto !important;
	margin-right: 20px;
	transition: 0.5s;
	font-weight: bold;
	cursor: pointer;
}
.button-v1 {
	background-color: var(--color2);
	color: #ffffff;
	padding-bottom: 11px;
}
.button-v1:hover {
	background-color: var(--color3);
	color: #ffffff;
}
.button-v2 {
	padding-top: 6px;
	border: 3px solid #ffffff;
	color: #ffffff;	
}
.button-v2:hover {
	background-color: #ffffff;
	color: var(--color2);
}
.service-title {
	font-weight: bold;
	font-size: 24px;
	color: var(--color2);
}
#about-container {
	background-color: var(--color2);
	color: #ffffff;
}
.software {
	position: relative;
}
.software-title {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
.header-fixed {
	transition: 1s;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 99999;
	height: 80px !important;
	-webkit-box-shadow: 0px 0px 8px 0px var(--color2);
	   -moz-box-shadow: 0px 0px 8px 0px var(--color2);
	        box-shadow: 0px 0px 8px 0px var(--color2);
}

.header-fixed a {
		font-size: 1em !important;
}
.header-fixed img {
	height: 50%;
	transition: 0.5s;
}
.header-fixed #menu-container {
	padding-top: 10px !important;
}
#header-bottom.header-fixed {
	min-height: auto !important;
	height: 92px !important;
}
.form-field {
	padding: 10px;
	width: 100%;
	border: 0px;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.testimonial {
	min-height: 200px;
}

#hero {
	padding-top:175px; 
	max-width:70%;
}
@media only screen and (max-width: 992px) {
	#hero {
		padding-top:200px; 
		max-width:80%
	}
}
@media only screen and (max-width: 768px) {
	#hero {
		padding-top:150px;
		max-width:100%
	}
}
@media only screen and (max-width: 576px) {
	#hero {
		text-align: center !important;
		padding-top:50px;
		max-width:100%
	}
	.summit-button {
		display: block;
		margin-bottom: 20px;
		width: 100% !important;
	}
}
@media only screen and (min-width: 991px) {
	#hamburger {
		display: none;
	}
}
#hamburger {
	cursor: pointer;
	float: left;
	font-size: 36px;
	color: var(--color2);
}
#language-selector {
	background-color: var(--color2);
	color: #ffffff;
	border: 1px solid #ffffff;
	font-size: 0.6em;
	padding: 4px;
	margin-left: 10px;
	margin-top: -6px;
}
.error {
	border: 1px solid #ff0000;
	color: #ff0000;
}