/* @media screen and (min-width: 1900px){ */

/* Setting up some custom CSS on top of Bootstrap */



@font-face{
  font-family: helvetica;
  src: url(../content/Helvetica.otf);
}
@font-face{
  font-family: helvaticaltstd-blkcond;
  src: url(../content/HelveticaLTStd-BlkCond.otf);
}
@font-face{
  font-family: helveticaltstd-boldcond;
  src: url(../content/HelveticaLTStd-BoldCond.otf);
}
/* Faqs page */


hr.bold{
  border: 1px solid black;
}

[data-toggle="collapse"] .fa:before {   
  content: "\f077";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f078";
}

.faq-section{
  position: relative;
  top: 10vw;
  z-index: 9;
  width: 50%;
}


/**/
.contact-modal-header{
  position: relative;
  left: 3.5vw;
}
.contact-modal-header-text{
  font-family: helveticaltstd-boldcond;
}
.helv-bold-txt{
  font-family: helveticaltstd-boldcond;
  font-size: 22pt;
  position: relative;
  left: 0;
  margin-left: 65px;
}
.body-wrap{
  overflow-x: hidden;
  height: 100%;
  position: relative;
}

@media (min-width: 1300px){
  .header_bg{
    background-image: url("../images/subpack web_Title Bar - Bar.png");
    background-color: none;
    background-size: 100%;
  }}
  @media (max-width: 1299px){
  .header_bg_mobile{
    background-color: #95c3e0;
    background-image: none;
    background-size: 100%;
  }}
.left-toggle-icon{
  position: relative;
  left: -20vh;
  z-index: 10;
}
.navbar-get-started{
  position: relative;
  left: 25vw;
  display: flex;
}
.logo-brand{
  position: relative;
  left: 0vw;
}

/* CSS for Sample contact form */

#fcf-form {
  display:block;
}

.fcf-body {
  margin: 0;
  font-family: -apple-system, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
  padding: 30px;
  padding-bottom: 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  max-width: 100%;
}

.fcf-form-group {
  margin-bottom: 1rem;
}

.fcf-input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.fcf-form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  outline: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fcf-form-control:focus {
  border: 1px solid #313131;
}

select.fcf-form-control[size], select.fcf-form-control[multiple] {
  height: auto;
}

textarea.fcf-form-control {
  font-family: -apple-system, Arial, sans-serif;
  height: auto;
}

label.fcf-label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.fcf-credit {
  padding-top: 10px;
  font-size: 0.9rem;
  color: #545b62;
}

.fcf-credit a {
  color: #545b62;
  text-decoration: underline;
}

.fcf-credit a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.fcf-btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .fcf-btn {
      transition: none;
  }
}

.fcf-btn:hover {
  color: #212529;
  text-decoration: none;
}

.fcf-btn:focus, .fcf-btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.fcf-btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.fcf-btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.fcf-btn-primary:disabled,
.fcf-btn-primary[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.fcf-btn-primary:focus, .fcf-btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.fcf-btn-lg, .fcf-btn-group-lg>.fcf-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.fcf-btn-block {
  display: block;
  width: 100%;
}

.fcf-btn-block+.fcf-btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].fcf-btn-block, input[type="reset"].fcf-btn-block, input[type="button"].fcf-btn-block {
  width: 100%;
}

/* Top Images */

.main-ocean-bg{
  position: absolute;
  z-index: 3;
  top: 29vw;
  height: 6500px;
  width: 110%;
  left:-1vw;
}

.main-ocean-secondlyr{
  position: absolute;
  z-index: 3;
  top: 32vw;
  left: -1vw;
  height: 6500px;
  width: 110%;
}

.main-ocean-ray{
  z-index: 5;
  position: absolute;
  top: 40vw;
  left: 20vw;
}

.tou-main-ocean-bg{
  position: absolute;
  z-index: 3;
  top: -5vw;
  height: 5970px;
  width: 110%;
  left:-1vw;
}
.tou-main-ocean-secondlyr{
  position: absolute;
  z-index: 3;
  top: -3vw;
  left: -1vw;
  height: 5970px;
  width: 110%;
}
.tou-main-ocean-ray{
  z-index: 5;
  position: absolute;
  top: 15vw;
  left: 20vw;
}
.pp-main-ocean-bg{
  position: absolute;
  z-index: 3;
  top: -292vw;
  height: 5970px;
  width: 110%;
  left:-1vw;
}
.pp-main-ocean-secondlyr{
  position: absolute;
  z-index: 3;
  top: -290vw;
  left: -1vw;
  height: 5970px;
  width: 110%;
}
.pp-main-ocean-ray{
  z-index: 5;
  position: absolute;
  top: -285vw;
  left: 20vw;
}
.faq-main-ocean-bg{
  position: absolute;
  z-index: 3;
  top: -252vw;
  height: 5970px;
  width: 110%;
  left:-1vw;
}
.faq-main-ocean-secondlyr{
  position: absolute;
  z-index: 3;
  top: -250vw;
  left: -1vw;
  height: 5970px;
  width: 110%;
}
.faq-main-ocean-ray{
  z-index: 5;
  position: absolute;
  top: -235vw;
  left: 20vw;
}
/* About Us Page */

.au-main-ocean-bg{
  position: absolute;
  z-index: 3;
  top: -20vw;
  height: 6000px;
  width: 110%;
  left:-1vw;
}
.au-main-ocean-secondlyr{
  position: absolute;
  z-index: 3;
  top: -18vw;
  left: -1vw;
  height: 6000px;
  width: 110%;
}
.au-main-ocean-ray{
  z-index: 5;
  position: absolute;
  top: -185vw;
  left: 20vw;
}

.cta-au{
  position: absolute;
  top: 10vw;
  left: 5vw;
  color: 	#bee5e8;
  z-index: 10;
  font-family: helvaticaltstd-blkcond;
  font-size: 50pt;
  text-align: center;
}
.getstarted-au{
  position: absolute;
  top: 23vw;
  left: 25vw;
  z-index: 10;
}
.ss-images-au{
  width: 100%;
  height: 30%;
  z-index: 10;
}
.header-div-text-au{
  font-family: helvaticaltstd-blkcond;
  color: #FFFF33;
  font-size: 30px;
}
.content-div-text-au{
  font-family: helveticaltstd-boldcond;
  color: white;
  font-size: 24px;
}
.header-section-text-au{
  font-family: helvaticaltstd-blkcond;
  color: #FFFF33;
  font-size: 30px;
}
.content-section-text-au{
  font-family: helveticaltstd-boldcond;
  color: white;
  font-size: 24px;
}
.connect-au-section{
  background-color: #FFA50B;
  position: relative;
  top: 5vw;
  
}
.connect-text-au{
  font-family: helveticaltstd-boldcond;
  color: white;
  font-size: 70px;
  text-align: center;
}
.social-link-modification{
  position: relative;
  top: -13px;
  left: 20px;
  width:60px;
  height:60px;
}
.about-us-header-logo{
  position: relative;
  height: 70%;
  width: 60%;
}
.content-step-spacing{
  margin-top: 10vw;
  margin-bottom: 10vw;
}
/* */
.skybox{
  position: absolute;
  z-index: -1;
  top: 0vw;
  width: 1920px;
}
.cloud1{
  position: absolute;
  z-index: 1;
  top: 5vw;
  left: 0vw;
}
.cloud2{
  position: absolute;
  z-index: 1;
  top: 0vw;
  left: 60vw;
}
.cloud3{
  position: absolute;
  z-index: 1;
  top:15vw;
  left: 60vw;
}
.wave{
  position: absolute;
  z-index: 7;
  top:31vw;
  left: 0vw;
  width: 141.4%;
  height: 450px;
}

.wave2{
  position: absolute;
  z-index: 7;
  top:31vw;
  width: 141.4%;
  height: 450px;
  
}

/* First Page */
.island{
  position: relative;
  top: 7vw;
  left: 2vw;
  z-index: 2;
}
.treeleft{
  position: relative;
  z-index: 5;
  top: -13vw;
  left: -36vw;
}
.treeright{
  position: relative;
  z-index: 4;
  top: -38vw;
  left: 23vw;
}
.subtext-first-line{
  color: #115482;
  position: relative;
  top: -45vw;
  z-index: 8;
  font-family: helvaticaltstd-blkcond;
  font-size: 50pt;
}
.subtext-second-line{
  color: #115482;
  position: relative;
  top: -46vw;
  z-index: 8;
  font-family: helvaticaltstd-blkcond;
  font-size: 50pt;
}
.startDesignBtn{
  position: relative;
  z-index: 8;
  top: -60vw;
}
.parallax-arrow{
  position: relative;
  z-index: 8;
  color: white;
  opacity: 60%;
  font-family: helvaticaltstd-blkcond;
  font-size: 20pt;
  top: -58vw
}
.island-man{
  position: relative;
  z-index: 5;
  top: -27vw;
  left: 17vw;
}
.sub-box-island{
  position: relative;
  z-index: 1;
  top: -31vw;
  left: 13vw;
}
.sub-island-bot{
  position: relative;
  z-index: 6;
  top: -22.5vw;
  left: 22vw;
}
.sub-island-hatch{
  position: relative;
  z-index: 5;
  top: -30.4vw;
  left: 0vw;
}
.tou-section1{
  position: relative;
  top: 10vw;
  z-index: 9;
}
.tou-header{
  position: relative;
  z-index: 10;
  color: black;
  font-family: helvaticaltstd-blkcond;
  top: 1vw;
  font-size: 24px;
}
.tou-content{
  position: relative;
  z-index: 10;
  color: black;
  font-family: helvetica;
  top: 1vw;
  font-size: 16px;
}
.tou-bg-clear{
  position: absolute;
  opacity: 20%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: white;
  width: 100%;
  height: 100%;

}
/*Second Page*/

.section2{
  position: relative;
  z-index: 7;
  top: -160vw;
  left: 2vw;
}
.clear-bg-pg2{ 
  z-index: 8;
  position: relative;
  top: -30vw;
  left: 0vw;
  margin-top: -5vw;
  opacity: 20%;
}
.services-header{
  position: relative;
  left: 32vw;
  top: -34vw;
  height: 90px;
  width: 457px;
  margin-top: -20vw;
  z-index: 8;
}
.info-header-style{
  color: #FFFF33;
  font-family: helvaticaltstd-blkcond;
  font-size: 24px;
}
.info-body-style{
  color: #eceeef;
  font-family: helveticaltstd-boldcond;
  font-size: 20px;
}
.info-slider-master{
  position: relative;
  z-index: 8;
}
.dolphin-pg2{
  position: relative;
  top: -30vw;
  left: 40vw;
  z-index: 7;
}
.dolphin-bubbles-top{
  position: relative;
  top: -32vw;
  left: 15vw;
  height: 44px;
  width: 67px;
  z-index: 7;
}
.dolphin-bubbles-back{
  position: relative;
  top: -29vw;
  left: 35vw;
  z-index: 7;
}
.schoolfish-pg2{
  position: relative;
  top: -19vw;
  left: -42vw;
  z-index: 7;
}
.schoolfish-pg2-bubbles{
  position: relative;
  top: -20vw;
  left: -50vw;
  z-index: 7;
}
.schoolfish-pg2-bubbles-2{
  position: relative;
  top: -27vw;
  left: -15vw;
  z-index: 7;
}
.swordfish-pg2{
  position: relative;
  top: -8vw;
  left: 41vw;
  z-index: 7;
}
.swordfish-pg2-bubbles{
  position: relative;
  top: -9vw;
  left: 12vw;
  z-index: 7;
}
.swordfish-pg2-bubbles-2{
  position: relative;
  top: -9vw;
  left: 28vw;
  z-index: 7;
}
/*Third Page*/
.section3{
  position: relative;
  top: -110vw;
  left: 2vw;
  display: block;
  margin-top: -45vw;
  z-index: 10;
}
.gallery-header{
  position: relative;
  left: 23vw;
  top: 0vw;
  z-index: 5;
}
.clear-bg-pg3{
  position: relative;
  z-index: 8;
  opacity: 20%;
  /* top: 5vh; */
  top: 5vw;
  /* left: -34vh; */
  left: -16vw;
}
.redfishschool-pg3{
  position: relative;
  z-index: 7;
  /* top: -50vh; */
  top: -25vw;
  /* left: -20vh; */
  left: -10vw;
}
.redfishschool-pg3-bubbles{
  position: relative;
  z-index: 7;
  /* top: -50vh; */
  top: -25vw;
  /* left: -30vh; */
  left: -13vw;
}
.submarine-pg3{
  position: relative;
  transform: scaleX(-1);
  /* top: -4vh; */
  top: -8vw;
  z-index: 7;
}
.submarine-pg3-bubbles{
  position: relative;
  /* top: -17vh; */
  top: -17vw;
  /* left: 38vh; */
  left: 25vw;
  transform: scaleX(-1);
  z-index: 7;
}

/* Carousel Styles */
/* Carousel Styles */
.carousel-gallery{
  position: relative;
  /* top: -40vh; */
  top: -37vw;
  /* left: 7vh; */
  left: 7vw;
  z-index: 10;
}
.gallery-image{
  position: relative;
  /* width: 28%;
  height: 28%; */
  width: 50%;
  height: 50%;
  z-index: 10;
  left: 10vw;
}

#left-carousel{
  position: relative;
  /* top: -30vw; */
  top: 0vw;
  /* left: -27vh; */
  left: -16vw;
  z-index: 10;
}
#right-carousel{
  position: relative;
  /* top: -30vw; */
  top: 0vw;
  /* left: 67vw; */
  left: 0vw;
  z-index: 10;
}

/*Fourth Page*/
.section4{
  position: relative;
  /* top: 10vh; */
  top: -49vw;
  margin-bottom: -20vw;
  left: -3vw;
  display: block;
  z-index: 10;
}
.diver-pg4{
  position: relative;
  /* top:-140vh; */
  top:-65vw;
  /* left: -30vh; */
  left: -10vw;
  z-index: 7;
}
.frame-pg4{
  position: relative;
  /* top: -160vh; */
  top: -78vw;
  z-index: 9;
}
.info-video{
  position: relative;
  z-index: 8;
  margin-bottom: -300vw;
  top: -384vw;
  left: 2.9vw;
  width: 104%;
  height: 104%;
}
.whale-pg4{
  position: relative;
  /* top: -160vh; */
  top: -78vw;
  /* left: 66vh; */
  left: 32vw;
  z-index: 7;
}
.whale-pg4-bubble-blowhole{
  position: relative;
  /* top: -175vh; */
  top: -88vw;
  /* left: 35vh; */
  left: 17vw;
  transform: rotate(-90deg);
  z-index: 7;
}
.whale-pg4-bubble-mouth{
  position: relative;
  transform: scaleX(-1);
  /* top: -165vh; */
  top: -80vw;
  /* left: 48vh; */
  left: 21vw;
  z-index: 7;
}
.cta-pg4{
  position: absolute;
  /* top: -20vh; */
  top: 12vw;
  /* left: 13vh; */
  left: 12vw;
  color: 	#bee5e8;
  z-index: 10;
  font-family: helvaticaltstd-blkcond;
  font-size: 50pt;
}
.getstarted-pg4{
  position: absolute;
  /* top: -5vh; */
  top: 19vw;
  /* left: 37vh; */
  left: 27vw;
  z-index: 10;
}

/*Fifth Page*/
.section5{
  position: relative;
  z-index: 10;
}
.bkgrd3{
  position: relative;
  /* top: -124vh; */
  top: -61vw;
  /* left: -42vh; */
  left: -21vw;
  /* margin-bottom: -200vh; */
  margin-bottom: -100vw;
  z-index: 7;
  width: 144%;
}
.bkgrd2{
  position: relative;
  /* top: -116vh; */
  top: -58vw;
  /* left: -44vh; */
  left: -22vw;
  /* margin-bottom: -200vh; */
  margin-bottom: -100vw;
  z-index: 8;
  width: 146%;
}
.bkgrd1{
  position: relative;
  /* top: -126vh; */
  top: -65vw;
  /* left: -57.2vh; */
  left: -31vw;
  /* margin-bottom: -200vh; */
  margin-bottom: -100vw;
  z-index: 9;
  width: 158%;
}
.mermaid-pg5-1{
  position: absolute;
  /* top: -31vh; */
  top: -17vw;
  /* left: 19vh; */
  left: 16vw;
  z-index: 6;
}
.mermaid-pg5-2{
  position: absolute;
  /* top: -22vh; */
  top: -13vw;
  /* left: 26vh; */
  left: 20vw;
  z-index: 6;
}
.mermaid-pg5-3{
  position: absolute;
  /* top: -28vh; */
  top: -14vw;
  /* left: 29vh; */
  left: 23vw;
  z-index: 6;
}
.anglerfish-pg5{
  position: absolute;
  /* top: -40vh; */
  top: -20vw;
  /* left: 142vh; */
  left: 70vw;
  z-index: 7;
}
.anglerfish-pg5-bubble{
  position: absolute;
  /* top: -40vh; */
  top: -20vw;
  /* left: 150vh; */
  left: 73vw;
  transform: scaleX(-1) scale(.5);
  z-index: 7;
}
.subfloor-pg5{
  position: absolute;
  /* top: -50vh; */
  top: -24vw;
  /* left: 60vh; */
  left: 33vw;
  z-index: 8;
}
.subfloor-pg5-bubble{
  position: absolute;
  /* top: -39vh; */
  top: -17vw;
  /* left: 118vh; */
  left: 72vw;
  transform: scaleX(-1) scale(.5);
  z-index: 8;
}
.subpack-pg5{
  position: absolute;
  /* top: -30vh; */
  top: -15vw;
  /* left: 100vh; */
  left: 50vw;
  opacity: 0;
  z-index: 8;
}
.shark-pg5{
  position: absolute;
  /* top: -80vh; */
  top: -49vw;
  /* left: -20vh; */
  left: -30vw;
  z-index: 8;
}
.shark-pg5-bubble-1{
  position: absolute;
  /* top: -79vh; */
  top: -48vw;
  /* left: -32vh; */
  left: -36vw;
  transform: scaleX(-1) scale(.5);
  z-index: 8;
}
.shark-pg5-bubble-2{
  position: absolute;
  /* top: -79vh; */
  top: -49vw;
  /* left: 12vh; */
  left: -10vw;
  transform: rotate(80deg) scale(.5);
  z-index: 8;
}

.bubble-pg5-1{
  position: absolute;
  /* top: -56vh; */
  top: -27vw;
  /* left: -25vh; */
  left: -12vw;
  z-index: 10;
}
.bubble-pg5-2{
  position: absolute;
  /* top: -46vh; */
  top: -22vw;
  /* left: -5vh; */
  left: -3vw;
  z-index: 10;
}
.bubble-pg5-3{
  position: absolute;
  /* top: -31vh; */
  top: -15vw;
  /* left: 3vh; */
  left: 2vw;
  z-index: 10;
}
.bubble-pg5-4{
  position: absolute;
  /* top: -19vh; */
  top: -9vw;
  /* left: 6vh; */
  left: 3vw;
  z-index: 10;
}
.bubble-pg5-5{
  position: absolute;
  /* top: -16vh; */
  top: -8vw;
  /* left: 55vh; */
  left: 28vw;
  z-index: 10;
}
.bubble-pg5-6{
  position: absolute;
  /* top: -16vh; */
  top: -8vw;
  /* left: 75vh; */
  left: 38vw;
  transform: scaleX(-1);
  z-index: 10;
}
.bubble-pg5-7{
  position: absolute;
  /* top: -36vh; */
  top: -18vw;
  /* left: 135vh; */
  left: 64vw;
  transform: scaleX(-1);
  z-index: 10;
}

/* Footer Section */
.footersection{
  position: relative;
  z-index: 10;
}
.footersection-tou{
  position: relative;
  top: 20vw;
  z-index: 10;
}
.footersection-au{
  position: relative;
  top: 40vw;
  z-index: 10;
}
.about-header{
  position: relative;
  /* left: 20vh; */
  left: 10vw;
  z-index: 10;
}
.about-section{
  position: relative;
  /* top: 2.5vh; */
  top: 1vw;
  z-index: 10;
}
.exceed-logo{
  position: relative;
  height: 74px;
  width: 220px;
  /* left: -6.5vh; */
  left: -3vw;
  z-index: 10;
}
.subta-logo{
  position: relative;
  /* left: 1vh; */
  left: 0.5vw;
  z-index: 10;
}
.div-of{
  position: relative;
  /* left: 30vh; */
  left: 15vw;
  /* top: -16.5vh; */
  top: -11.3vw;
  z-index: 10;
}

/**/

 

@keyframes colorfade{
  from {color: #0378a6;}
  to {color: #ffa50b;}
}
#pricing-color{
  
  color: #0378a6;
  animation-name: colorfade;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}


#header-color{
  color: #0378a6;
}




.parallax-subheader{
  position: relative;
  margin-top: 190px;
}
.parallax-subtext-button{
  margin-top: 300px;
  margin-left: 30px;
  background-color: #011640;
  color: aliceblue;
  height: 25%;
  width: 25%;
  font-size: xx-large;
  padding-top: 20px;
  border-radius: 100px;
}

.info-picture{
  width: 250px;
  height: 250px;
  border-radius: 200px;
}


/*Scroll bar styling */

/* Scrollbar */
::-webkit-scrollbar{
  width: 20px;
}

/*Scrollbar track */
::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
  background: #6de5f2;
}

/* Scroll bar track-piece */

::-webkit-scrollbar-track-piece{
  background: #6de5f2;
  
}

::-webkit-scrollbar-corner{
  background: #6de5f2;
}
/* Scrollbar button */

::-webkit-scrollbar-thumb{
  background: #0378a6;
  border-radius: 10px;
}

/* End Scroll bar styling */

/* Footer Template */

.site-footer
{
  background-color:#011640;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#818a91;
  margin-top: 50px;
}

.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#FFFF33;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#818a91;
}
.site-footer a:hover
{
  color:#FFFF33;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#FFFF99;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.youtube:hover
{
  background-color:#FF0000
}
.social-icons a.instagram:hover
{
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}

/* End Footer Test */

/* } */

.onlymobile{
  display: none;

}
@media (max-width: 1099px){ 
  .nomobile{
    display: none;
    width: 100%;
  }
  .onlymobile{
    display: block;
    margin-bottom: 100vw;
    position: absolute;
    top: 30vw;
    z-index: 10;
    width: 100%;
  }
  .mobile-shift-bg{
    top: -400vw;
    width: 110%;
  }
    .mobile-shift-secondlyr{
    top: -398vw;
    width: 110%;
  }
  .tou-mobile-shift-bg{
    height: 7200px;
    top: -45vw;
  }
  .tou-mobile-shift-secondlyr{
    height: 7200px;
    top: -42vw;
  }
  .pp-mobile-shift-bg{
    top:-400vw;
  }
  .pp-mobile-shift-secondlyr{
    top:-398vw;
  }
  .faq-mobile-shift-bg{
    top:-322vw;
  }
  .faq-mobile-shift-secondlyr{
    top:-320vw;
  }
  .au-mobile-shift-bg{
    top: -20vw;
  }
  .au-mobile-shift-secondlyr{
    top: -18vw;
  }
  .header-text{
    font-family: helveticaltstd-boldcond;
    color: white;
    font-size: 50px;
    z-index: 12;
  }
  .header-spacing{
    margin-top: 25vw;
  }
  .footer-shift{
    top: 200vw;
    position: absolute;
    width: 110%;
    left: -1vw;
  }
  .tou-footer-shift{
    top: 105vw;
    margin-top: -55vw;
    /* margin-bottom: -100vw;
    padding-bottom: -50vw; */
    position: relative;
    width: 110%;
    left: -1vw;
  }
  .pp-footer-shift{
    width: 109%;
  }
  .tou-section1{
    margin-top: 20vw;
  }
  .navbar-brand{
    position: relative;
    left: 0vw;
  }
  .div-of{
    top: 0vw;
    left: 1vw;
  }
  .navbar-get-started{
    left: 2vw;
  }
  .tou-section1{
    width: 100%;
  }
  .footersection-tou{
    overflow-y: hidden;
  }
  body {
    overflow-x: hidden !important;
  }
  .container {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }
}