body {
  background-color:#ffe8ff;
  margin-top: 0;

}

.header{
  width: 100%;
  height:100px;
  background-color:#e1e1e1;
  margin:0px;
  position: sticky;
  top: 0;
  z-index: 1;
}

.headimg{
  height:100%;
  margin-left:8%;
  float:left;
}

.headtext {
  height:50px;
  width:65%;
  margin-top:25px;
  float:right;
}

.headp {
  float:left;
  margin-left:auto;
  display: none;
}

.headlog{
  height:50px;
  width:30%;
  float:right;
  padding-top:13px;
  display: none;
}

.headspace{
  margin-left:10px;
  margin-right:15px;
}

.overlaytab {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-contenttab {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

a.stacktab:link{
  font-size: 6vw;
}

.stack {
  float: right;
  padding-right: 10%;
}

.overlaytab a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlaytab a:hover, .overlaytab a:focus {
  color: #f1f1f1;
}

.overlaytab .closebtntab {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 8vw;
}


@media screen and (max-height: 450px) {
  .overlaytab a {font-size: 20px}
  .overlaytab .closebtntab {
  font-size: 8vw;
  top: 15px;
  right: 35px;
  }
}

.stack {
  float: right;
  padding-right: 10%;
}

.ul2 {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0;
  overflow: hidden;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
  display: none;
   
}

#myBtnRTN {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 30px;
  border: none;
  outline: none;
  background-color: #e1e1e1;
  color: black;
  cursor: pointer;
  padding: 2px 8px 10px 8px;
  border-radius: 4px;
}

#myBtnRTN:hover {
  background-color: #555;
}


.welsect {
  height: 560px;
  width: 100%;
}

.backvid {
  z-index: -2;
  top: -12;
  left: 0;
  margin-left: -160px;
}

#myVideo {
  position: fixed; 
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

.shapedivide {
  display: none;
}

.easybar{
  width: 100%;
  background-color: white;
  height: 10px;
}

.weltext {
  width: auto;
  max-height: 190px;
  margin: 80px;
  background-color: rgba(255, 232, 255, 0.8);
  border-radius: 15px;
}

.txtbox{
  right: 1%;
  left: 1%;
  top: 450px;
}

.backvid {
  z-index: -2;
  top: -12;
  left: 0;
  margin-left: -160px;
  display: none;
}

.welh1 {
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  color: #55004a;
  font-size: 4.4vw;
}

.welh3 {
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  color: #55004a;
  margin-top: -33px;
  font-size: 2.8vw;
  color: black;
}

.welbutton {
  margin-top: -15px;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 3vw;
}
.welbutton1 {
  margin-top: 0px;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2.8vw;
  background-color: #bababa;

}
.fix {
  background-color: white;
  z-index: 0;
  margin: 0;
}

.wwosect {
  height: auto;
  background-color: white;
  padding-top: 50px;
  padding-bottom: 60px;
  margin-bottom: 0px;
}


.wwoh2{
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 6vw;
}

.wwocolumn{
  margin: auto;
  width: 100%;
  padding: 25px;
}

.wwotable {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.wwotable:after{
  content: "";
  display: table;
  clear: both;
}



.ecd{
  font-size: 5vw;
  font-family: 'Trebuchet MS', sans-serif;
  color: red;
}

.ne{
  font-size: 5vw;
  font-family: 'Trebuchet MS', sans-serif;
  color: orange;
}

.diw{
  font-size: 5vw;
  font-family: 'Trebuchet MS', sans-serif;
  color: blue;
}

.wwoth2 {
  font-size: 4vw;
  font-family: 'Trebuchet MS', sans-serif;
  color: #747474;
  vertical-align: text-top;
  width: 86%;
  margin: auto;
}

.lbreak {
  width: 80%;
  color: black;
  margin: 40px auto 10px auto;
}

.imposect {
  background-image: url(../images/wp8376834.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-bottom: 140px;
  margin-top: -14px;
  padding-top: 50px;
}

.impocolumn{
  float: left;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.impotable {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.impotable:after{
  content: "";
  display: table;
  clear: both;
}

.impoh2{
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 5.4vw;
  margin-bottom: 25px;
}

.impoh3{
  font-size: 4vw;
  color: #7e0072;
}

.impopb{
  font-size: 4vw;
}


.impoimgpad1{
  max-width: 100%;
  height: auto;
}

.impotxt {
  font-size: 3.8vw;
  padding: 5% 12% 5% 15%;
  font-weight: bold;
  text-align: center;
  margin-top: 50px;
  background-color: #ffe8ff;
}

.impoabout {
  background-color: white;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  max-height: fit-content;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: auto;
  text-align: center;
  border-radius: 16px 16px 0px 0px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  margin-left: auto;
  margin-right: auto;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 2.4vw;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontentimpo {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0px 0px 16px 16px;
  text-align: left;
  font-size: 3.4vw;
}

.efdtab {
  width: 100%;
}

.impoefd{
  width: 50%;
  padding-left: 2%;
  padding-right: 4%;
}

.efddh2{
  color: #7e0072;
  padding-bottom: 3%;
  font-size: 5vw;
}

.imgefd{
  width: 100%;
}

.efdtabcolumn{
  float: left;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.efdtabtable {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.efdtabtable:after{
  content: "";
  display: table;
  clear: both;
}
.galtable {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 75px;
  margin-bottom: 80px;
}
.galtable1 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 75px;
}

.galtable:after{
  content: "";
  display: table;
  clear: both;
}
.gallery {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 30px;
  height: 900px;
  display: none;
}

.tmoni {
  background-color: #ffe8ff;
  padding-top: 50px;
  padding-bottom: 70px;
}

.testh2{
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 6vw;
}

/* Testimonial Section */
.testimonial {
  background-color: #fff;
  width: 78%;
  margin: auto;
}

/* Slideshow container */
.slideshow-container-test {
  position: relative;
  background: #f1f1f1;
  min-height: px;
}

/* Slides */
.mySlides-test {
  display: none;
  padding-top: 15px;
  padding-bottom: 5px;
  width: 78%;
  text-align: center;
  margin: auto;
}

.q {
  font-size: 3.2vw;
}

/* Next & previous buttons */
.prev-test, .next-test {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next-test {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev-test:hover, .next-test:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container-test {
    text-align: center;
    padding: 20px;
    background: #ccc;
}

/* The dots/bullets/indicators */
.dot-test {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active-test, .dot-test:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q-test {font-style: italic;}

/* Add a blue color to the author */
.author-test {color: cornflowerblue;font-size: 2.8vw;}

q {
  font-size: 3vw;
}

.rates {
  background-image: url(../images/bceasy.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  z-index: 0;
}

.ratesh2 {
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 6vw;
}

.ratescolumn{
  float: left;
  width: 100%;
  padding: 10px 0px -50px 0px;
  text-align: center;
}

.ratestable {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.ratestable:after{
  content: "";
  display: table;
  clear: both;
}

.enh2 {
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 5vw; 
  padding: auto;
  border: 1px solid black;
  border-radius: 20px;
  width: 200px;
  height: 48px;
  margin: auto;
}

.enh3 {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12vw;
  margin-bottom: 5px;
}

.enp {
  text-align: center;
  margin-top: -18px;
}

.enp1 {
  text-align: left;
  line-height: 2;
  margin-top: -28px;
  padding-left: 18%;
  display: none;
}

.enpd {
  text-align: center;
  line-height: 2;
  margin-top: -28px;
  margin: auto;
  font-size: 3.8vw;
}

.enbutton {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}

.enbuttonph {
  position: absolute;
  left: 50%;
  margin-top: 10px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.enbut1{
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
}

.faqcolumn{
  float: left;
  width: 100%;
  padding: 10px 0px -50px 0px;
  text-align: center;
}

.faqtable {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.faqtable:after{
  content: "";
  display: table;
  clear: both;
}

.faq {
  background-color: #eee;
  height: auto;
  padding: 60px;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.activeACC, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeACC:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.footer {
  background-color: #fff;

}

.fa {
	padding: 10px;
	font-size: 30px;
	width: 50px;
	text-align: center;
	text-decoration: none;
}
.fa:hover {
    opacity: 0.7;
}
.fa-facebook {
	background: #3B5998;
	color: white;
}

/* Slideshow container */
.slideshow-containerbac {
  max-width: 1000px;
  position: relative;
  margin: auto;
  z-index: -2;
}

/* Caption text */
.textbac {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertextbac {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  display: none;
}

/* The dots/bullets/indicators */
.dotbac{
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  display: none;
}

.activebac {
  background-color: #717171;
}

/* Fading animation */
.fadebac {
  animation-name: fade;
  animation-duration: 2.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.inqh2 {
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 5.4vw;
}

.faqh2{
  font-family: 'Trebuchet MS', sans-serif;
  text-align: center;
  font-size: 6vw;
}

/* Style the list */
ul.breadcrumb {
  margin-top: 50px;
  margin-left: 6%;
  padding: 10px 16px;
  list-style: none;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.abouth2 {
  font-family: 'Trebuchet MS', sans-serif;
  margin-top: 55px;
  font-size: 5vw;
  text-align: center;
}

.abouth3 {
  font-family: 'Trebuchet MS', sans-serif;
  margin-top: px;
  font-size: 6vw;
  text-align: center;
}

.abouttable2 {
  width: 78%;
  margin-left: auto;
  margin-right: auto;
}

.abouttable2:after{
  content: "";
  display: table;
  clear: both;
}

.abouttable {
  width: 78%;
  margin-left: auto;
  margin-right: auto;
}

.abouttable:after{
  content: "";
  display: table;
  clear: both;
}
.aboutcolumn{
  float: left;
  width: 100%;
  padding: 10px;
  text-align: center;
}
.aboutcolumn1{
  float: left;
  width: 100%;
  padding: 10px;
  text-align: center;
}
.aboutp {
  text-align: left;
  font-size: 3.2vw;
}

.aboutimg {
  margin-top: 25px;
  height: 470px;
}

.servtable07 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.servtable12 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
.servtable1 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.servtable12:after{
  content: "";
  display: table;
  clear: both;
}
.servtable1:after{
  content: "";
  display: table;
  clear: both;
}

.servtable {
  width:  80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}

.servtable6 {
  width:  90%;
  margin-left: auto;
  margin-right: auto;
}

.servtable:after{
  content: "";
  display: table;
  clear: both;
}

.servcolumn{
  float: left;
  width: 100%;
  padding-top: 10px;
  text-align: center;
}
.servcolumn1{
  float: left;
  width: 100%;
  padding: 10px;
  text-align: center;
}
.servcolumn2{
  float: left;
  width: 100%;
  padding: 20px 15px;
  text-align: center;
}
.servh10 {
  font-size: 2.8vw;
}
.servh9 {
  font-size: 2.8vw;
  padding-left: 8%;
}
.servh2 {
  font-size: 5vw;
  text-decoration: underline;
}
.marginpay{
  display: flex; 
  justify-content: center; 
  align-items: center; 
}
.servh3 {
  font-size: 5vw;
  color: #7e0072;
  font-weight: bold;
  text-align: center;
}
.servh4 {
  font-size: 5vw;
  font-weight: bold;
}
.servp {
  text-align: left;
  line-height: 1.8;
  font-size: 2.8vw;
  padding-left: 2%;
}
.servp1 {
  text-align: center;
  font-size: 2.8vw;
  padding-top: 25px;
}
.servp2 {
  text-align: center;
  font-size: 2.8vw;
  padding-top: 25px;
  margin-bottom: 0px;
}
.servp0 {
  text-align: left;
  line-height: 1.8;
  font-size: 2.8vw;
  padding-left: 10%;
}
/* Slideshow container */
.slideshow-containerserv {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.contactdiv {
  background: white;
  padding: 8%;
  margin-bottom: 30px;
}
/* Caption text */
.textserv {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.enrollh2 {
  border-style: dotted;
  border-color: #7e0072;
  border-width: 0px 0px 4px 0px;
  width: 88%;
  margin: auto;
}
/* Number text (1/3 etc) */
.numbertextserv {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.contacth2 {
  margin-bottom: 25px;
}
/* The dots/bullets/indicators */
.dotserv {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activeserv {
  background-color: #717171;
}

/* Fading animation */
.fadeserv {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fadeservs {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .textserv {font-size: 11px}
}

.missect {
  background-color: white;
  margin-top: 70px;
  margin-bottom: 30px;
  padding-top: 80px;
  padding-bottom: 70px;
}

.aboutimg1 {

  max-height: 350px;
}

.img1{
  display: none;
}
.img2{
  margin-left: auto;
  margin-right: auto;
}
.abth2{
  font-size: 6vw;
}
.abtp1{
  margin-bottom: 75px;
}

.abtp{
  text-align: center;
  font-size: 2.8vw;
}

.aboutsect {
  margin-bottom: 0;
  padding-bottom: 500px;
}


.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  width: 78%;
  margin: auto;
  height: 600px;
  overflow-y: scroll;
}

/* Create four equal columns that sits next to each other */
.column {
flex: 25%;
max-width: 25%;
padding: 0 4px;
}

.column img {
 margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column {
  flex: 50%;
  max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
  flex: 100%;
  max-width: 100%;
  }
}

/* Hide for screen */
@media screen and (min-width: 1646px) {
.hidexl {
  display: none;
  }
}

/* Hide for screen */
@media screen and (max-width: 1646px) {
.super {
  display: none;
  }
}