/* Theme Name: Custom Theme */

body {background: #1D3C5B; 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; background: #027895;}

.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: #027895;}
.contact .cftext {font-weight: bold; font-size: 16px; color: #027895; 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: #027895; color: #ffffff; 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, .popform .wpcf7-text {-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: #054457 !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;}

.popform {text-align:center !important;}
.popform  .poptext1{font-style: italic;}
.popform label {font-weight:bold; font-size: 18px; clear:both !important;}
.popform label span {font-size: 14px !important; font-weight: normal !important;}
.popform .wpcf7-text {width: 70%; height: 30px; line-height: 30px; margin-bottom: 15px; border: 1px solid #054457; clear:both !important;}

.stay {clear:both !important;
text-transform: uppercase !important;
  font-weight: bold !important;
  padding: 10px !important;
  font-size: 18px !important;
  border-radius: 4px !important;
  color: #fff !important;
  background-color: #054457 !important;
  border: none !important;
  cursor: pointer !important;
  -webkit-font-smoothing: antialiased !important;
  display:inline-block !important;
  }

@media screen and (min-width:1000px) {
.mobibanner {display: none !important;}
.logo {width: 25%; height: auto; margin: 10px 0; display: inline-block;}
.share {color: #ffffff !important; padding: 15px; text-align:right; position: absolute; z-index: 1000; top: 82%; right: 20%;}
.contact {background: #022730; 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: #054457;}
}
@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; margin: 0; display:block;}
.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: #022730; width: 90%; padding: 20px 2%; margin: 10px 3% 0 3%;}
.banner {display:none !important;}
.menu {margin: 30px 0;}
}