body, html {
  height: 100%;
  margin: 0;
  color: #777;
}

a, a:link, a:visited {
  color:#9e6749;
  text-decoration: underline;
}

a:hover {
  color:blue;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, 
.bgimg-11, .bgimg-12, .bgimg-13, .bgimg-14 {
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("https://repository.embode.net/nectaratxleaf-2024-02-23.png");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("https://repository.embode.net/AdobeStock_310677242.jpeg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("https://repository.embode.net/KoteTek-Metallic-Office-Floor-2.jpg");
  min-height: 400px;
}

.bgimg-4 {
  background-image: url("https://repository.embode.net/KoteTek-Industrial-Floor-high-impact-chemical-resistance-floor.jpg");
  min-height: 400px;
}

.bgimg-5 {
  background-image: url("https://repository.embode.net/AdobeStock_392281643.jpeg");
  /* min-height: 400px; */
  min-height: 650px;
}

.bgimg-11 {
  background-image: url("https://repository.embode.net/kotetek-facebook.jpg");
  min-height: 100%;
}

.bgimg-12 {
  background-image: url("https://repository.embode.net/Kotetek-Full-Flake-Mars-Gray-garage-floor.jpg");
  min-height: 100%;
}

.bgimg-13 {
  background-image: url("https://repository.embode.net/kotetek-home-page-background.png");
  min-height: 100%;
  opacity:1;
}

.bgimg-14 {
  background-image: url("https://repository.embode.net/ver7-screenshot-3.png");
  min-height: 100%;
  opacity:1;
}


.caption {
  position: absolute;
  left: 0;
  top: 15%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
 /* background-color: #111;*/
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h1 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 30px "Lato", sans-serif;
  color: #111;
}

h1#cta {
  font-weight:bold; 
  font-size: 24pt;
}

div#nav {
  clear:both; 
  width: 70%; 
  margin: 0 auto;
  height: 60px;
}

div#nav ul {
  list-style-type:none; 
  margin-left:0;
}

div#nav ul li a {
  background-color: purple; /*#111;*/
  padding: 1em;
  /*opacity: 0.65;*/ 
  float:left; 
  text-transform:uppercase;
  width: 80px; 
  text-align:center;
}

div#nav ul li a:hover {
  background-color:#111;
  color:white;
}

span#mission {
  background-color:transparent;
  font-size:25px; 
  color: #000; 
  font-weight:bold; 
  letter-spacing:2px;
}

/* Logo */

div#logo {
  background-color: transparent; 
  color: #fff; 
  font-size: 25px; 
  letter-spacing:1px; 
  clear:both; 
  padding: 0; 
  width: 300px; 
  height: 300px; 
  margin: 0 auto;
}

div#logo img#logo {
  float:left; 
  width:300px; 
  height: 300px;
  margin: 0;
}

div#logo img#kotetek {
  float:left; 
  width: 255px; 
  height: 29px; 
  margin: 0px; 
  padding: 40px 20px 0 20px;
}

div#logo div#llc {
  font-size:18px; 
  padding-top: 45px; 
  text-align:left;
}


/* PARALLAX DOWN ARROW */

div.down a {
  color:white; 
  font-weight:bold; 
  font-size: 38px; 
  position:absolute; 
  width:100%; 
  text-align:center; 
  text-decoration:none; 
  bottom: 20px;
}
p.parallax1,
p.parallax2 {
  text-align:center; 
  line-height:24px;
}

p.parallax1 a,
p.parallax2 a {
  font-size: 38px; 
  text-align:center; 
  text-decoration:none;
}

p.parallax1 a { color: black; }
p.parallax2 a { color: white; } 

div.down a:hover,
p.parallax1 a:hover,
p.parallax2 a:hover {
  color:#9e6749;
}

/* FOOTER */

footer {
  background-color: #fffefa;
  color: #9e6749;
  text-align: center;
  padding: 20px 0;
  position: relative;
  font-size:0.4em;
}

footer div#footer {
  clear: both;
  width: 540px;
  margin: 0 auto;
  height:210px;
}
footer div#footer div img#footerlogo {
  width:171px; 
  height: 171px;
}

footer div#footer div {
  padding: 0 0 0 0; 
  float: left;
  width:180px;
  height: 200px;
}
footer p#footer {
  font-size: 0.8em; 
  text-align:center;
}

div#footerlt {
  text-align:left;
}

div#footerct {
  text-align:left;
}

div#footerrt {
  text-align:right;
}


/* Contact Us Form */

div#contactus {
  background-color:#111; 
  padding: 0.7em 1em 1.4em 1em;
  background-color: #111;
  width: 410px;
  height: 360px;
  margin: 0 auto;
}

form#ktcontactus fieldset {
  color: #000;
  width: 365px;
  margin: 0 auto;
}

form#ktcontactus fieldset legend {
  /*font-weight:bold;*/
  color: #fff;
  font-size: 0.6em;
  font-weight:bold;
}

form#ktcontactus fieldset div {
  /*display: block;*/
  height: 0.9em;
}

form#ktcontactus fieldset div input,
form#ktcontactus fieldset div textarea {
  border: 1px solid #ddd;
  background-color: #f9e3cf;
  color: #000;
  font-size: 0.5em;
  padding: 0 5px;
  width: 350px;
}

form#ktcontactus fieldset div input[type=button], 
form#ktcontactus fieldset div input[type=submit], 
form#ktcontactus fieldset div input[type=reset] {
 padding: 0;
 width: 363px;
}

form#ktcontactus fieldset div#mssge {
  height: 1.2em;
  margin: 0.4em 0 0 0;
}

div#projcols {
  width: 100%; 
  clear:both;
}

div#projlt {
  width: 50%; 
  float:left;
}

div#projrt {
  width: 50%; 
  float:right; 
}

div#projlt img {
  width: 60%; 
  border: 10px solid #111;
}

div#animate,
div#animate img {
  display:none;
  visibility: hidden;
}


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

  /* Turn off parallax scrolling for tablets and phones */
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
  h1#cta {
    font-weight:bold; 
    font-size: 18pt;
    text-align:center;
  }

  div#logo { padding: 20px; width: 300px; height: 250px; }
  div#logo img#logo { width: 300px; height: 185px; text-align:center; }
  div#logo img#kotetek { width: 123px; height: 15px; padding: 20px 10px 0 15px; }
  div#logo div#llc { font-size:12px;  padding-top: 19px; }
  div#nav { width: 290px; }
	span#mission {
		font-size:14px; 
		letter-spacing:2px;
	}
  div#contactus {
    width: 310px;
    height: 460px;
  }
	form#ktcontactus fieldset div input,
	form#ktcontactus fieldset div textarea {
		width: 250px;
	}
  form#ktcontactus fieldset div input[type="submit"] {
    width: 263px;
  }
  form#ktcontactus fieldset {
    width: 225px;
  }

  footer div#footer {
    height: 610px;
    width: 100%;
    margin: 0 auto;
  }
  footer div#footer div {
    /*clear:both;*/
    float:none;
    padding: 0;
    margin: 0 auto;
  }
  div#footerrt {
    text-align:left;
  }

  div#projcols {
    width: 100%; 
  }

  div#projlt {
    /*width: 100%; 
    clear: both;*/
    display:none;
    visibility:hidden;
  }

  div#projrt {
    width: 100%; 
    clear:both;
  }

  div#projlt img {
    /*width: 60%; 
    border: 10px solid #111;*/
    display:none;
    visibility:hidden;
  }

  div#animate {
    width: 100%;
    clear:both;
    display: block;
    visibility: visible;
    padding: 0.5em 0.05em;
  }

  div#animate img {
    width: 93%;
    border: 10px solid #111;
    display: block;
    visibility: visible;
    margin: 0 auto;
  }

}