@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
/*font-family: 'Kaushan Script', cursive;
font-family: 'Roboto', sans-serif;*/
body{margin:0;padding:0;font-family:'Roboto', sans-serif;}
p, li {color:#000000;font-size:1.25rem;line-height:2rem;font-weight:400;}
a {color:#45276b;text-decoration:underline;}
a:hover {color:#181d42;text-decoration:none;}
h1 {font-size:3.5rem;color:#45276b;}
h2 {font-size:2.75rem;line-height:3.25rem;color:#45276b;}
h3 {font-size:2rem;line-height:2.5rem;color:#45276b;}
h4 {font-size:1.85rem;line-height:2.5rem;color:#45276b;}
hr {border: 0;height: 3px; background-image: linear-gradient(to right, rgba(69, 39, 107, 0), rgba(69, 39, 107, 0.75), rgba(69, 39, 107, 0));}
.white{color:#ffffff;}
.rt {text-align:right;}
.clear {clear:both;}
.center {text-align:center;}
.large {font-size:1.75rem;line-height:2.75rem;color:#b0371f;}
.pad {padding-right:15px;}
.fright {float:right;padding-left:2%;}
.fright img {max-width:350px;height:auto;}
.fleft {float:left;padding-right:2%;}
.fleft img {max-width:350px;height:auto;}
.mb {display: none}
/* NAV */
.nwrapper {width:100%; margin: 0 auto;padding:1% 0;background-color: rgb(255,255,255);}
.menurt {float:right;padding-right:1%;text-align:right;font-size:22px;font-weight:700;}
.menurt img {max-width:193px;height:auto;}
.menurt a {color:#cd071e;text-decoration:none;} .menurt a:hover {text-decoration:underline;}
nav {width: 65%; padding:0 5%;background: #fff;z-index: 1;}
nav #brand {float: left;}
nav #brand img {max-width:330px;height:auto;}
nav #menu {float: right;padding-top: 39px;}
nav #menu li {display: inline-block;list-style:none;padding: 0 15px;cursor: pointer;font-size:1rem;}
nav #menu li a {color: #45276b;text-decoration:none;}
nav #menu li a:hover {color:#45276b;border-bottom:4px solid #45276b;padding-bottom:8px;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/*mobile menu*/
#toggle {position: absolute;right: 2%;top: 1%;z-index: 999;width: 40px;height: 40px;cursor: pointer;float: right;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;visibility: hidden;
  opacity: 0;}
#toggle .span {height: 7px;background: #593d7c;margin: 5px auto;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;backface-visibility: hidden;}
#toggle.on #one {-moz-transform: rotate(45deg) translateX(6px) translateY(6px);-webkit-transform: rotate(45deg) translateX(6px) translateY(6px);-o-transform: rotate(45deg) translateX(6px) translateY(6px);-ms-transform: rotate(45deg) translateX(6px) translateY(6px);transform: rotate(45deg) translateX(6px) translateY(6px);}
#toggle.on #two {opacity: 0;}
#toggle.on #three {-moz-transform: rotate(-45deg) translateX(10px) translateY(-12px);-webkit-transform: rotate(-45deg) translateX(10px) translateY(-12px);
  -o-transform: rotate(-45deg) translateX(10px) translateY(-12px);-ms-transform: rotate(-45deg) translateX(10px) translateY(-12px);transform: rotate(-45deg) translateX(10px) translateY(-12px);}
#resize {z-index: 1;position: absolute;top: 0;background: #45276b;width: 100%;height: 100%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;display: table;}
#resize #menu {height: 24px;display: table-cell;vertical-align: middle;}
#resize #menu li {display: block;text-align: center;padding: 20px 0;text-align: center;font-size: 24px;min-height: 24px;font-weight: bold;cursor: pointer;
  -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#resize #menu li:hover {background: #ffffff;}
#resize #menu li:hover a {color: #45276b;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#resize #menu li a {color: #ffffff;text-decoration:none;}
#resize.active {visibility: visible;opacity: 0.99;}
/* End NAV*/
.crystalwrap {width:100%;background-image:url('../img/amethyst-crystal.png');background-repeat:no-repeat;background-position:bottom right;background-size: 500px 350px;background-color: transparent;}
.hmwrap {width:100%;background-image:url('../img/ocean-background.jpg');background-repeat:no-repeat;background-position:top;background-size:cover;}
.hm1{width:53%;padding:5% 2% 0 5%;min-height:650px;float:left;}
.hm2{width:40%;min-height:600px;float:left;text-align:center;vertical-align: middle;}
.topbar {width:90%;padding:0 5%;background-color:rgb(69,39,107);text-align:center;}
.topbar p {font-size:1.25rem !important;font-weight:400;color:#ffffff !important;}
.edgeimgwrap {width:100%;padding:2% 0;}
.edgeimgrt {width:50%;float:right;}
.edgeimgrt img {width:100%;height:auto;}
.edgeimglt {width:50%;float:left;}
.edgeimglt img {width:100%;height:auto;}
.edgeimgrttxt {width:40%;padding:2% 5%;float:left;}
.edgeimglttxt {width:40%;padding:2% 5%;float:right;}
.edgeimgrttxt h1, h2, h3, h4, p, li {vertical-align: middle;}
.edgeimglttxt h1, h2, h3, h4, p, li {vertical-align: middle;}
.wideimg {width:100%;padding:0;}
.wideimg img {width:100%;height:auto;}
.content {width:90%;padding:2% 5%;}
.mid {position: absolute;top: 50%;transform: translateY(-50%);}
.watermark {background-image: url("../img/watermark.svg");background-attachment: fixed;background-size:20% auto;background-repeat: no-repeat;background-position:bottom right;}
.ctawrap {width:100%;background-color:rgb(69,39,107);}
.ctacontent {width:80%;padding:2% 10%;}
.ctacontent h3 {color:#ffffff;}
.ctacontent p {color:#ffffff;}
.ctacontent li {color:#ffffff;}
.dkbluewrap {width:100%;background-color:rgb(25,29,66);}
.dkbluewrap h3 {color:#ffffff;}
.dkbluewrap p {color:#ffffff;}
.dkbluewrap li {color:#ffffff;}
.reviews {width:100%;text-align:center;}
.reviews img {padding:10px 30px;display:inline-block;height:100%;vertical-align: middle;}
.reviews img a {text-decoration:none}
.hcol {width:30%;padding:1%;margin:1%;text-align:right;vertical-align: middle;float:left;}
.hcol2 {width:60%;padding:1%;margin:1%;vertical-align: middle;border-left:3px solid #000000;float:left;}
.hcol2 h2 p {vertical-align: middle;}
.hcol3 {width:30%;padding:1%;margin:1%;float:left;}
.hcol3 img {width:100%;height:auto;}
.hcol4 {width:60%;padding:1%;margin:1%;vertical-align: middle;float:left;}
.hcol4 h2 p {vertical-align: middle;}
.hcol5 {width:60%;padding:1%;margin:1%;float:left;}
.hcol5 h2 p {vertical-align: middle;}
.hcol6 img {width:100%;height:auto;}
.hcol6 {width:30%;padding:1%;margin:1%;vertical-align: middle;float:left;}
.halfcol {width:46%;padding:1%;margin:1%;float:left;}
.halfcol img {width:80%;height:auto;}
.boxcontain{width:100%;padding:0;margin:0;text-align:center;}
.column {float: left;width: 30.33%; margin:0 1.5%;}
.column {float: left;}
.left, .right {width: 25%;}
.middle {width: 50%;}
.column img {width:100%;height:auto;}
.footer1 {width:90%;padding:1% 5%;}
.fcol {width:30%;padding:0 1.5%;float:left;}
.footer2 {width:90%;padding:1% 5% 3% 5%;}
.footer2 p {font-size:1rem;}
ul.btns {margin: 1.25rem 1.25rem 1.25rem 0;padding: 1.25rem 1.25rem 1.25rem 0;list-style-type: none;text-align:center;text-transform:uppercase;}
ul.btns li {display: inline;margin:.25rem;}
ul.btns li a {font-size:18px;padding: .5rem 1.5rem;border-radius: 30px 30px;border:3px solid #ffffff;background-color:rgb(255,255,255);color: #45276b;text-decoration: none;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
ul.btns li a:hover {font-size:18px;padding: .5rem 1.5rem;background-color:rgb(69,39,107);color: #ffffff;text-decoration: none;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* Extras */
.google-maps {position: relative;padding-top:5%; height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper object, .videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* RESPONSIVE STUFF */
@media only screen and (max-width:1090px) {
#toggle {visibility: visible; opacity: 1;}
nav #menu {display: none;}
.topbar {width:78%;padding:2% 11%;font-size:1.125rem;}
.mb {display:inline}
h1 {font-size:2.5rem;line-height:2.5rem;line-height:3rem;}
h2 {font-size:2.5rem;line-height:1.875;line-height:2.875rem;}
h3 {font-size:1.875rem;line-height:1.5rem;line-height:2.5rem;}
h4 {font-size:1.375;line-height:1.25rem;}
p {font-size:1rem;line-height:1.75rem;}
.fcol img {width:80%;height:auto;text-align:center;}
ul.btns li a {font-size:1rem;text-align:center;}
.fright {float:none;padding:0 0 2% 0;text-align:center;}
.fleft {float:none;padding:0 0 2% 0;text-align:center}
}
@media only screen and (max-width: 860px) {
.hmwrap {width:100%;padding-bottom:250px;background-image:url('../img/ocean-background2.jpg');background-repeat:no-repeat;background-position:top right;background-size:cover;}
.hm1{width:90%;padding:5%;min-height:500px;float:none;}
.edgeimgwrap {width:90%;padding:2% 5%;}
.edgeimgrt {width:100%;float:none;}
.edgeimglt {width:100%;float:none;}
.edgeimgrttxt {width:100%;float:none;padding:0;}
.edgeimglttxt {width:100%;float:none;padding:0;}
.edgeimgrttxt h1, h2, h3, h4, p, li  {vertical-align: none;}
.edgeimglttxt h1, h2, h3, h4, p, li  {vertical-align: none;}
.reviews img {max-width:103px;height:auto;}
.fcol {width:90%;padding:0 5%;float:none;text-align:center;}
.rt {text-align:center;}
}
@media only screen and (max-width: 760px) {
.menurt {float:none;padding:0;text-align:center;font-size:18px;}
.mcol {width:100%;padding:0;float:none;}
.hcol {width:98%;padding:1%;text-align:left;float:none;}
.hcol2 {width:98%;padding:1%;border-left:0;float:none;}
.hcol3 {width:98%;padding:1%;float:none;}
.hcol3 img {width:100%;height:auto;}
.hcol4 {width:98%;padding:1%;float:none;}
.hcol5 {width:98%;padding:1%;float:none;}
.hcol6 {width:98%;padding:1%;float:none;}
.halfcol {width:98%;padding:1%;float:none;}	
nav {width: 90%; padding:0 5%;background: #fff;text-align:center;}
nav #brand {float: none;text-align:center;}
}
@media screen and (max-width: 600px) {
  .column {
	  width: 100%;}
}
@media only screen and (max-width: 570px) {
.content img {width:75%;height:auto;}
.topbar {width:60%;padding:2% 20%;}
.topbar p {font-size:18px;}
nav #brand img {max-width:185px;height:auto;}
.menurt img {max-width:150px;height:auto;}
ul.btns {margin: .875rem .875rem .875rem 0;padding: .875rem .875rem .875rem 0;}
ul.btns li a {font-size:.875rem;padding: .875rem;}
}
@media only screen and (max-width: 460px) {
nav {width: 94%; padding:0 5%;}
#toggle {position: absolute;right: 5%;}
ul.btns {text-align:center;}
ul.btns {margin: .875rem 0;padding:.875rem 0;}
}