/* Theme Name: Custom Theme */

body {background: #0a1423; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif;}
#wrapper {width: 100%; height: auto; max-width: 1800px; margin: 0 auto;}
.header {text-align: center;}

.banner {width: 100%; height: auto; margin: 0; padding:0; position: relative; z-index: 1;}
.content {width: 100%; position: relative;}

.wpcf7 span, .wpcf7-validation-errors, .wpcf7 .screen-reader-response {color: #66E9F8;}
.contact .cftext {font-weight: bold; font-size: 16px; color: #0a1423; width: 96%; border: 0; padding: 0 2%; margin: 0; height: 42px; line-height: 42px; margin-bottom: 15px;}
.contact .cfsubmit {cursor: pointer; font-size: 20px; background: #66e9f8; color: #0a1423; border: 0; padding: 0; height: 46px; line-height: 46px; font-weight: bold; width: 50%; margin: 10px 0 0 25%;}
.contacttext {width: 100%; margin-bottom: 20px;}
.contacttitle {color: #ffffff; font-size: 22px; font-weight: bold;}
.contactdetails {color: #ffffff; font-size: 14px; font-style: italic;}
.contactdetails span {font-weight: bold;}
.contactlabel {color: #ffffff;}

.menu {padding: 0; margin: 0;}
.menu li {font-weight: bold; padding: 0; margin: 0 0 10px 0; font-size: 22px; width: 100%; text-align: center; list-style-type: none; color: #65EBF7;}
.menu li a {color: #65EBF7; text-decoration: underline;}


.contact, .cftext, .cfsubmit {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

.thanks {text-align:center; color: #ffffff; width: 100%; max-width: 400px; margin: 0 auto;}
.thanks li {list-style-type: none; color: #52BBCA;}
.thanks ul li a {font-weight: bold; color: #52BBCA;}
.thanks ul li a:hover {color: #ffffff;}


#ouibounce-modal {z-index: 2000 !important; text-align:center !important;}
.modal-title {font-weight: bold !important; background: #0A1423 !important}
.exit1 {font-weight: bold; font-size: 20px; padding: 0; margin: 0 0 20px 0; color: #000000 !important;}
.exit2 {font-style: italic; font-weight:bold; font-size: 20px; padding: 0; margin: 0 0 30px 0;}

.stay {
text-transform: uppercase;
  font-weight: bold;
  padding: 12px;
  font-size: 24px;
  border-radius: 4px;
  color: #fff;
  background-color: #0A1423;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  display:inline-block;
  }

@media screen and (min-width:1000px) {
.mobibanner {display: none !important;}
.logo {width: 22%; height: auto; margin: 10px 0; display: inline-block;}
.share {color: #ffffff; text-align:right; position: absolute; z-index: 1000; top: 6%; right: 28%;}
.contact {background: #0a1423; position: absolute; top: 38%; left: 8%; width: 31%; padding: 20px 2%; z-index: 1000;}
.menu {width: 30%; z-index: 1000; position:absolute; top: 73%; right: 12%;}
.menu li a:hover {color: #0A1423;}
}
@media screen and (min-width:1450px) {
}
@media screen and (min-width:1000px) and (max-width:1449px) {
}
@media screen and (max-width:999px) {
.mobibanner {width: 100%; height:auto;}
.logo {width: 100%; max-width: 360px; height: auto; margin: 10px 0; display: inline-block;}
.share {color: #ffffff; width: 250px; margin: 15px auto; text-align:left !important;}
.contact {background: #000000; width: 90%; padding: 20px 2%; margin: 0 3%;}
.banner {display:none !important;}
.menu {margin: 30px 0;}
}