/** {
  margin: 0;
  padding: 0;
}*/

body {
  margin: auto;
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #002B5C;
  background-color: white; 
}


/*
==================================
====== The Whole Site CSS ========
==================================
*/

h2 {
  padding: 160px 0px 30px 0px;
  font-size: 30pt;
  text-align: center;
  font-weight: bold;
}

.bg {
  background-color: rgba(255, 255, 255, 0.9);
  width: 700px;
  margin: auto;
  padding: 30px 30px 30px 50px;
}

li {
  padding-top: 10px;
}

.sideNote {
  font-size: 9pt;
}


/*
==================================
=========== NAV BAR ==============
==================================
*/

#menubutton, #menubutton2, #blackout {
  display: none;
}

#links {
  width: 900px;
  margin: auto;
}

#links nav {
  width: 800px;
  height: 25px;
  margin: auto;
  position: fixed;
  text-align: right;
  color: #002B5C;
  padding: 60px 200px 0px 200px;
  z-index: 3;
}

#links nav a {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13pt;
}

a {
  color: #002B5C;
  text-decoration: none;
  background-color: inherit;
}

a:visited {
  color: #002B5C;
  background-color: inherit;
}

/*a:hover {
  border-color: #E37F1C;
  border-bottom-style: solid;
  border-width: thick;
  padding-bottom: 5px;
}*/

#logo:hover {
  border-bottom-style: none;
}

#servicesInfo a, #owners a, #managers a, #support a {
  text-decoration: none;
  color: #E37F1C;
  display: block;
}

#servicesInfo a:hover, #owners a:hover, #managers a:hover, #support a:hover, #thankyou a {
  border-bottom-style: none;
  padding-bottom: 0;
}

#servicesInfo a:visited, #owners a:visited, #managers a:visited, #support a:visited, #thankyou a:visited {
  color: #E37F1C;
}

nav img {
  width: 200px;
}

#logo {
  left: 0;
  top: 25px;
}

#logo img {
  width: 180px;
}

#top {
  width: 100%;
  height: 90px;
  color: inherit;
  background-color: white;
  position: fixed;
  left: 0px;
  z-index: 3;
}

#mobilemenu {
  position: relative;
  top: -25px;
}


/*
==================================
===== Home Page / Index Page =====
==================================
*/

#homebg {
    height: 120vh;
    background-image: url("/assets/img/home.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#noshow, .noshow {
  display: none;
}

#instaconnect {
  position: absolute;
  top: 320px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

#instaconnect img {
  margin-top: -110px;
  display: none;
}

#mobSign {
  display: none;
}

#homeimg {
  height: 590px;
  z-index: 3;
}

#homeimg h3 {
  width: 700px;
  margin: auto;
  font-size: 60pt;
  text-align: center;
  z-index: 4;
}

#homevid video {
  position: absolute;
  width: 100vw;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: .5;
  z-index: -1;
}

#homebg {
  display: none;
}

#title {
  padding-top: 190px;
  padding-bottom: 20px;
  font-weight: bold;
}

#signup {
  background-color: #002B5C;
  color: white;
  padding: 13px 18px 13px 18px;
  border-radius: 8px;
  font-size: 20pt;
  font-weight: normal;
}

#signup:hover {
  background-color: #E37F1C;
  color: white;
  border-style: none;
}

#homedetails {
  height: 200px;
  width: 100vw;
  margin: auto;
  padding-top: 30px;
  background-color: white;
  z-index: 6;
}

#homecenter {
  width: 915px;
  margin: auto;
}

.icon {
  font-size: 11pt;
  text-align: center;
  float: left;
  padding: 30px 40px 0px 40px;
}

#wifi p, #time p, #people p {
  text-align: left;
  padding-top: 25px;
  width: 225px;
}

.highlight, .bodyHighlight {
  color: #E37F1C;
}


/*
==================================
============ Services ============
==================================
*/

#servicesbg {
  background-color: white;
  width: 100vw;
  height: 400px;
}

#services {
  z-index: 2;
  height: 940px;
  width: 1000px;
  margin: auto;
  margin-top: -400px;
}

#servicesInfo {
  float: left;
  width: 600px;
  padding-top: 40px;
}

#services li{
  padding-bottom:10px;
}

#services img {
  width: 400px;
  float: left;
  padding-bottom: 50px;
  margin-left: -50px;
}


/*
==================================
============ Owners ============
==================================
*/


#owners {
  z-index: 2;
}

#ownersub {
  text-align: center;
  font-size: 12pt;
  margin-right: 10px;
  padding-top: 20px;
}

p {
  width: 50%;
  margin: auto;
  padding-top: 10px;
}

#owners {
    height: 1100px;
    background-image: url("/assets/img/owners.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#owners p {
  padding-left: 20px;

}

#ownersimg {
  width: 250px;
  margin-top:-50px;
}

#ownerscontent {
  height: 600px;
  margin-top: 10px;
}

#ownerscontent img {
  width: 250px;
  float: left;
  padding: 10px 0px 0px 0px;
}

#owners ul {
  float: right;
  margin-top: -350px;
}

#owners li{
  padding-bottom:6px;
}

#ownersimg a:hover {
  border-style: none;
}

#servicePlan{
  margin-top:20px;
}

#cost{
  margin-top:-30px;
}


/*
==================================
============ Managers ============
==================================
*/

#managers {
    height: 1000px;
    width: 100%;
    background-image: url("/assets/img/services.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#managersbg {
  height: 565px;
}

#managers img {
  width: 250px;
  float: right;
  margin-right: 30px;
  padding-top: 50px;
}

#managers ul {
  width: 350px;
  float: left;
  margin-left: 30px;
}

#managers li {
  padding-bottom: 10px;
}

#managers p {
  float: left;
  padding-top: 20px;
}


/*
==================================
============ Support  ============
==================================
*/

#support {
    height: 120vh;
    background-image: url("/assets/img/support.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#support p {
  margin-left: 30px;
  padding-bottom: 20px;
}

#supporticon {
  width: 270px;
  float: right;
  margin-top: 50px;
  padding-right: 10px;
}


/*
==================================
============   About  ============
==================================
*/

#about {
  height: 120vh;
  position: relative;
}

#aboutbg {
    width: 50%;
    height: 100%;
    background-image: url("/assets/img/about.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}

#abouttext {
  float: right;
  width: 60%;
}

#about p {
  padding-bottom: 30px;
}

#aboutlong{
  line-height: 22px;
}


/*
==================================
============ Contact  ============
==================================
*/

#contact {
  height: 1200px;
  position: relative;
}

#contactbg {
    width: 50%;
    height: 100%;
    background-image: url("/assets/img/contact.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .5;
}

#contacttext {
  float: left;
  width: 60%;
}

#my_form {
  width: 300px;
  margin: auto;
}

#my_form p, #my_form input, #my_form textarea {
  width: 300px;
  margin-bottom: 5px;
  color: #002B5C;
}

#my_form select {
  width: 100%;
  padding: 10px 10px 10px 10px;
  font-size: 9pt;
  border-style: solid;
  border-width: thin;
  border-color: #e6e6e6;
  background-color: white;
}

#my_form input {
  padding: 5px 10px 5px 10px;
  font-size: 9pt;
}

#name {
  margin-top: 10px;
}

#my_form p {
  padding-bottom: 3px;
}

#helpQuestion {
  padding-top: 20px;
}

#my_form textarea {
  font-size: 9pt;
  padding: 10px 10px 10px 10px;
  border-color: #e6e6e6;
}

#my_form input:focus, #my_form textarea {
  outline-color: rgba(227, 127, 28, .5);
}

.antispam {
  display: none;
}


/*
==================================
============  Footer  ============
==================================
*/

footer {
  width: 100%;
  height: 165px;
  background-color: #e6e6e6;
}

#footerSect {
  width: 600px;
  margin: auto;
}

footer h3 {
  font-size: 12pt;
  margin-left: 48px;
}

footer p {
  font-size: 9pt;
}

footer ul {
  list-style: none;
  width: 100px;
}

#support a:hover, footer a:hover {
  border-style: none;
  color: #E37F1C;
  padding-bottom: 0;
}

#footerNav, #footerSupport, #footerContact {
  float: left;
  width: 200px;
  padding-top: 15px;
}

#footerContact img {
  margin-left: 50px;
  padding-top: 5px;
}

#copyright {
  font-size: 8pt;
  width:210px;
  margin-top: -5px;
  padding-left: 50px;
}

#thankyou {
  text-align: center;
  width: 600px;
  margin: auto;
}

@media (max-width: 550px) {
  #thankyou {
    width: 430px;
  }
}