@charset "UTF-8";
/* CSS Document */
/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;500&display=swap');
/* CSS RESET */
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  padding: 0px;
  margin: 0px;
}
#root, #__next {
  isolation: isolate;
}
::selection {
	background: #FFFFFF;
	color: #596763;
}
html, body {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 300;
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
  color: #FFFFFF;
  background-color: #A4BEB7;
}
button {
  border: none;
  outline: none;
}
a {
  text-decoration: none;
  outline: none;
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
/* TRANSITIONS */
header .headcontactlink, #section1 a, #section2 a, #section3 a, #section4twocolumn a, #section5 p a, header a, fieldset, input, textarea, select, #submit-go, #closebutton, #section4twocolumn .maincontactlink {
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  transition-timing-function: ease-out;
}
/* CSS STARTS */
header {
  width: 100%;
  height: 60px;
  background-color: transparent;
  position: absolute;
  top: 0px;
  z-index: 1;
}
header h1 {
  width: 204px;
  height: 21px;
  margin: 22px 22px 22px 94px;
  background: top left no-repeat url("../images/artemis-now-logo.png");
  background-size: contain;
  text-indent: -32000px;
  float: left;
}
header .headcontactlink {
	font-size: 19px;
	float: right;
	color: #FFFFFF;
	font-weight: 300;
  margin: 22px 94px 22px 22px;
	opacity: 0.4;
	cursor: pointer;
}
header .headcontactlink:hover {
	opacity: 1;
}
#section1 {
  width: 100%;
  display: grid;
  grid-template-columns: 187px 363px auto;
  grid-template-rows: 185px auto 70px auto 28px auto 80px;
  background: top left repeat-y url("../images/background-left-lines.png"), bottom center no-repeat url("../images/section-01-background.jpg");
  background-size: 1280px auto, cover;
  background-attachment: scroll, fixed;
}
#section1 .topline {
  grid-column: 1 / span 3;
  grid-row: 1 / 2;
  background: center left repeat-x url("../images/doublelines.png");
  background-size: 1280px auto;
}
#section1 h2, #section3 h2 {
  grid-column: 2 / span 1;
  grid-row: 2 / 3;
  font-size: 45px;
  font-weight: 200;
}
.textholder {
  grid-column: 2 / span 1;
  grid-row: 4 / 5;
}
.textholder p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
}
#section1 .underline {
  grid-column: 1 / span 2;
  grid-row: 3 / 4;
  background: center left repeat-x url("../images/1px-underline.gif");
}
#section1 a, #section3 a {
  grid-column: 2 / span 1;
  grid-row: 6 / 7;
  justify-self: start;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 15px;
  background-color: #596763;
  color: #FFFFFF;
  font-weight: 500;
}
#section1 a:hover, #section3 a:hover {
  background-color: #A4BEB7;
}
#section3 {
  width: 100%;
  display: grid;
  grid-template-columns: auto 363px 187px;
  grid-template-rows: 80px auto 70px auto 28px auto 80px;
  background: top right repeat-y url("../images/background-right-lines.png"), center center no-repeat url("../images/section-03-background.jpg");
  background-size: 1280px auto, cover;
  background-attachment: scroll, fixed;
}
#section3 .underline {
  grid-column: 2 / span 2;
  grid-row: 3 / 4;
  background: center left repeat-x url("../images/1px-underline.gif");
}
#section2 {
  width: 100%;
  display: grid;
  grid-template-columns: auto 420px auto;
  grid-template-rows: 45px 156px 43px auto 25px auto 45px;
  background: top left repeat-y url("../images/background-left-lines.png") #596763;
  background-size: 1280px auto;
}
#section2 img {
  grid-column: 2 / span 1;
  grid-row: 2 / 3;
  width: 140px;
  height: 140px;
  border-radius: 70px;
  justify-self: start;
  margin: 0px auto;
  border: 8px solid #FFFFFF;
  filter: drop-shadow(0px 4px 4px #000000);
}
#section2 .underline {
  grid-column: 1 / span 2;
  grid-row: 3 / 4;
  background: center center repeat-x url("../images/1px-underline.gif");
}
#section2 p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: center;
}
#section2 a {
  grid-column: 2 / span 1;
  grid-row: 6 / 7;
  justify-self: start;
  margin: 0px auto;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 15px;
  background-color: #A4BEB7;
  color: #FFFFFF;
  font-weight: 500;
}
#section2 a:hover {
  background-color: #596763;
}
#section4threecolumn {
  width: 100%;
  display: grid;
  grid-template-columns: auto 234px 50px 234px 50px 234px auto;
  grid-template-rows: 80px auto 80px auto 30px;
  background: top right repeat-y url("../images/background-right-lines.png") #A4BEB7;
  background-size: 1280px auto;
}
#section4twocolumn {
  width: 100%;
  display: grid;
  grid-template-columns: auto 185px 50px 185px auto;
  grid-template-rows: 30px auto 30px auto 80px;
  background: top right repeat-y url("../images/background-right-lines.png") #A4BEB7;
  background-size: 1280px auto;
}
#section4threecolumn h2 {
  grid-column: 2 / span 5;
  grid-row: 2 / 3;
  font-size: 45px;
  font-weight: 200;
}
#section4threecolumn .underline {
  grid-column: 2 / span 6;
  grid-row: 3 / 4;
  background: center center repeat-x url("../images/1px-underline.gif");
}
#section4threecolumn .leftcolumn, #section4threecolumn .midcolumn, #section4threecolumn .rightcolumn {
  grid-row: 4 / 5;
  text-align: center;
}
#section4threecolumn .leftcolumn {
  grid-column: 2 / span 1;
}
#section4threecolumn .midcolumn {
  grid-column: 4 / span 1;
}
#section4threecolumn .rightcolumn {
  grid-column: 6 / span 1;
}
#section4twocolumn .leftcolumn, #section4twocolumn .rightcolumn {
  grid-row: 2 / 3;
  text-align: center;
}
#section4twocolumn .leftcolumn {
  grid-column: 2 / span 3;
}
#section4twocolumn .rightcolumn {
  grid-column: 4 / span 1;
}
#section4threecolumn p, #section4twocolumn p {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 10px;
}
#section4threecolumn h3, #section4twocolumn h3 {
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 10px;
}
#section4threecolumn h4, #section4twocolumn h4 {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 0px;
}
#section4threecolumn h4 strong, #section4twocolumn h4 strong {
font-size: 21px;
  font-weight: 200;
	color: #596763;
}
#section4twocolumn .maincontactlink {
  grid-column: 2 / span 3;
  grid-row: 4 / 5;
  justify-self: start;
  margin: 0px auto;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 15px;
  background-color: #596763;
  color: #FFFFFF;
  font-weight: 500;
   cursor: pointer;
}
#section4twocolumn .maincontactlink:hover {
  background-color: #A4BEB7;
}
#section4threecolumn img, #section4twocolumn img {
  width: 107px;
  height: auto;
  margin: 0px auto 25px auto;
}
#section5 {
  width: 100%;
  background: top right repeat-y url("../images/background-right-lines.png") #596763;
  background-size: 1280px auto;
}
#section5 h3 {
  color: #A4BEB7;
  font-weight: 200;
  font-size: 24px;
  padding: 22px 22px 0px 94px;
}
#section5 h3 span {
  color: #FFFFFF;
}
#section5 .underline {
  width: 100%;
  height: 125px;
  background: center left repeat-x url("../images/doublelines.png");
  background-size: 1280px auto;
}
#section5 p {
  padding: 0px 94px 40px 94px;
  font-size: 12px;
}
#section5 p span {
  float: right;
}
#section5 p a {
  color: #FFFFFF;
  font-weight: 500;
}
#section5 p a:hover {
  color: #A4BEB7;
}

/* CONTACT FORM */

#contactcontent {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
  bottom: 0px;
	display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr auto 70px auto 1fr 40px;
	z-index: 2;
	min-height: 100vh;
	background: top left repeat-y url("../images/background-left-lines.png"), center center no-repeat url("../images/contact-background.jpg");
  background-size: 1280px auto, cover;
  background-attachment: scroll, fixed;
  transition: visibility 1s, opacity 1s linear;
	overflow-y: scroll!important;
}
#contactcontent.invisible {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s linear;
}
#contactcontent h2 {
  grid-column: 2 / span 1;
  grid-row: 2 / 3;
  font-size: 45px;
  font-weight: 200;
}
#contactcontent p {
	margin-bottom: 50px;
}
#contactcontent .underline {
  grid-column: 1 / span 2;
  grid-row: 3 / 4;
  background: center center repeat-x url("../images/1px-underline.gif");
}
#formholder {
  grid-column: 2 / span 1;
  grid-row: 4 / 5;
}
form {
	width: 280px;
	margin: 20px auto 20px 0px;
}
fieldset {
	margin: 0px auto 10px auto;
	border: 1px solid #FFFFFF;
	padding: 5px 5px 5px 5px;
	background-color: #596763;
}
fieldset:hover {
	background: #A4BEB7;
}
fieldset p {
	text-align: left;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 14px;
}
.error {
	color: #FF0000;
	border-color: #FF0000;
}
fieldset div {
	padding: 5px;
	clear: both;
}
fieldset label {
	text-align: left;
	margin-bottom: 5px;
	width: 100%;
}
legend {
	font-size: 21px;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: left;
}
label {
	font-size: 14px;
	float: left;
	font-weight: 400;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 10px 0px 0px;
	padding-bottom: 5px;
}
input, textarea {
	padding: 10px;
	width: 258px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	color: #A4BEB7;
	font-family: inherit;
}
textarea {
	max-width: 258px;
	min-width: 258px;
}
.required {
	border-color: #BA633E;
	color: #BA633E;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	border-color: #596763;
	background-color: #FFFFFF;
	color: #596763;
}
select {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	padding: 10px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #FFFFFF;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #000000;
	background-image: url(../images/select_arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
 display: none;
}
.select option {
	font-weight: 400;
}
#submit-go, #closebutton {
	padding: 15px;
	width: 258px;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	background: #A4BEB7;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	font-family: inherit;
}
#submit-go:hover, #closebutton:hover {
	color: #FFFFFF;
	background: #596763;
}
#closebutton {
	width: 100px;
	cursor: pointer;
}
#captcha-image {
	float: left;
	margin-bottom: 10px;
}
#refresh-captcha {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: center center no-repeat url(../images/refresh.png);
	background-size: 30px auto;
	cursor: pointer;
	margin-left: 15px;
	margin-bottom: 15px;
	opacity: 0.6;
	text-indent: -32000px;
}
#refresh-captcha:hover {
	opacity: 1;
}
@media screen and (max-width:1024px) {
  #section1, #section3, #contactcontent {
    background-attachment: scroll, scroll;
  }
}
@media screen and (max-width:959px) {
#section4threecolumn {
  grid-template-columns: 1fr 234px 1fr;
  grid-template-rows: 50px auto 50px auto 50px auto 50px auto 30px;
}
#section4threecolumn .leftcolumn, #section4threecolumn .midcolumn, #section4threecolumn .rightcolumn, #section4twocolumn .leftcolumn, #section4twocolumn .rightcolumn {
  grid-column: 2 / span 1;
}
#section4threecolumn .leftcolumn {
  grid-row: 4 / 5;
	}
#section4threecolumn .midcolumn {
  grid-row: 6 / 7;
}
#section4threecolumn .rightcolumn {
  grid-row: 8 / 9;
}
#section4threecolumn .underline {
  grid-column: 2 / span 2;
}
#section4twocolumn {
  grid-template-columns: 1fr 234px 1fr;
  grid-template-rows: 20px auto 50px auto 30px auto 50px;
}	
#section4twocolumn .leftcolumn {
  grid-row: 2 / 3;
}
#section4twocolumn .rightcolumn {
  grid-row: 4 / 5;
}
#section4twocolumn .maincontactlink {
  grid-column: 2 / span 1;
  grid-row: 6 / 7;
}
}
@media screen and (max-width:699px) {
header h1 {
  margin: 22px 22px 22px 44px;
}
header .headcontactlink {
  margin: 22px 44px 22px 22px;
}
#section1, #section3, #contactcontent {
  background-size: 640px auto, cover;
	}
#section1 .topline, #section2, #section4threecolumn, #section4twocolumn, #section5, #section5 .underline {
  background-size: 640px auto;
	}	
#section1 {
  grid-template-columns: 87px 363px auto;
  grid-template-rows: 150px auto 70px auto 28px auto 80px;
}	
#section3 {
  grid-template-columns: auto 363px 87px;
  grid-template-rows: 80px auto 70px auto 28px auto 80px;
}	
#section5 h3 {
  font-size: 18px;
  padding: 22px 22px 0px 44px;
}
#section5 p {
  padding: 0px 44px 40px 44px;
}
#section5 p span {
  float: none;
	display: block;
	margin-top: 10px;
}	
}
@media screen and (max-width:549px) {
	
	
header {
  height: 120px;
}
header h1 {
		float: none;
	}
header .headcontactlink {
	float: none;
	display: block;
  margin: 44px 0px 22px 44px;
}
#section1, #section2, #section3 {
  grid-template-columns: 44px 1fr 44px;
}			
#section5 h3 {
  padding: 22px 44px 0px 44px;
}				
#section5 p {
  font-size: 10px;
}	
#contactcontent {
	background: center center no-repeat url("../images/contact-background.jpg");
  background-size: cover;
    background-attachment: scroll;
}	
	
	
	
	
}