* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}



.videosection {
  background-color: #ffffff;
}

.videosectionvero {
  background-color: #b650b8;
}

.titlewrappermain h1 {
  color: #ab4aad;
}

.addresswrapperlbmain {
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #656565;
  font-size: 1.2em;
}

.addresswrapper h1 {
  font-size: 16px;
  padding: 25px 0
}

.addresscontainer h1 {
  font-size: 25px;
  color: black;
}

.addresscontainer a {
  color: #24a9e1;
}

.videosectioncaliente {
  background-color: #ffffff;
}

.videoContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  display: inline-flex;
  justify-content: left;
  flex-wrap: wrap;
}

.videoContainermain {
  position: relative;
  overflow: hidden;
  width: 90%;
  padding-top: 50.25%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}

.spotlightvideo {
  max-width: 900px;
  text-align: center;
  margin: 0 auto;
}

.videoContainer__videomain {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.titlewrapper h1 {
  height: 50px;
  padding-top: 30px;
  font-size: 1em;
  color: black;
  font-family: Arial;
}

.videoContainer__video {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  text-align: center;
}

h1,
h2 {
  font-family: anton;
}

p,
a,
label {
  font-family: montserrat;
  font-size: 1.1em;
}

.lservice h1 a {
  font-family: anton;
  color: grey;
}

.navheader {
  position: absolute;
  z-index: 60;
  width: 100%;
  background: #ffffff;
}

.logobar #btn2 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 5px;
  top: 2px;
  transition: 500ms;
}

.logobar #btn3 {
  width: 50px;
  ;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 10px;
  transition: 500ms;
  animation-fill-mode: both;
}

.logobar #btn4 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 10px;
  transition: 500ms;
  animation-fill-mode: both;
}

.logobar #btn44 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 5px;
  right: 10px;
  transition: 500ms;
  animation-fill-mode: both;
}

.mobileNavdesktop {
  display: none;
}

.logobar {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: flex;
  justify-content: center;
}

.logobar a {
  font-size: 1.5em;
  font-family: 'Montserrat', sans-serif;
}

.mobileSection {
  background: #2a9ce2;
  font-family: 'Montserrat', sans-serif;
  display: none;
}

.mobileSection ul {
  text-align: center;
}

.mobileSection ul li {
  text-align: center;
  padding: 15px 0;
}

.mobileSection ul li a {
  color: white;
  font-size: 1em;
}

.sitelogo {
  right: 1px;
  position: absolute;
  float: right;
}

.iconbar {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.icanbardesktop {
  display: none;
}

.iconbar ul {
  display: inline-block;
}

.iconbar img {
  width: 40px;
  height: 40px;
}

.bodyheader {
  position: relative;
  background: url(../img/backgroundimage.jpg) no-repeat 50% center;
  z-index: 40;
  /* height: 100vh; */
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 3em;
  text-shadow: 1px 1px black;
}



.bodyhead,
.aboutusSection {
  width: 90%;
  margin: 0 auto;
  /* padding: 50px 0; */
}

.bodyhead h1,
p,
a {
  padding: 16px 0px;
}


.mobilePanels a {
  padding: 0px 0px;
}

#attencionemail a {
  color: #baced6;
}

.aboutusSection h1,
.aboutusSection p,
.aboutusSection hr {
  color: white;
  margin: 30px 0;
  text-shadow: .5px .5px black;
}
.aboutusSection .services-list {
    width: max-content; /* makes the width of the ul only as wide as its content */
    margin: auto; /* centers the ul on the page */
}
.aboutusSection .services-list li {
    color: white;
    text-align: left;
    margin: 10px 0;
    text-shadow: .5px .5px black;
}

.aboutusSectionWrapper {
  background: #24a9e1;
}

.aboutusSectionWrapperBox2 {
  height: 600px;
  z-index: 50;
  position: relative;
  background-color: #092034;
}

.topt {
  width: 100%;
  vertical-align: top;
}

.quotesection {
  width: 90%;
  margin: 0 auto;
  color: #011a3e;
  padding: 50px 0;
}

.quotesection p {
  font-family: 'Parisienne', cursive;
  font-size: 1.5em;
}

.servicebox {
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  align-items: stretch;
}

.lservice {
  color: #535353;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f4;
  font-size: 4vw;
}

.lservice,
.rservice {
  flex: 1;
}

.rservice img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.servicer {
  order: 1;
}

.teamsectionwrapper {
  background: #24a9e1;
}

.teamsection {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.teammember {
  max-width: 100%;
}

.teammember img {
  width: 80%;
  padding: 10px 0px;
}

.teammemberbuttons {
  align-items: center;
  justify-content: center;
  text-align: center;
  display: inline-block;
  margin: 10px 0px;
}

.teamlink {
  background: white;
  color: black;
  padding: 10px;
}

.teammemberemail {
  background: black;
  color: white;
  padding: 10px;
}

.teamsec {
  color: white;
}

.teamsec h2 {
  font-family: 'Parisienne', cursive;
}

.form {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #24a9e1;
}

.formsideside {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.inputname {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 10px 0;
  width: 90%;
  color: black;
}

.inputname input,
.inputemail input {
  height: 50px;
  background: #f0f0f0;
  border: none;
  padding: 0 10px;
}

.inputemail {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 10px 0;
  width: 90%;
  color: black;
}

.inputtextarea {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left;
  color: black;
}

textarea {
  width: 100%;
  background: #f0f0f0;
  border: none;
}

.form button {
  width: 150px;
  padding: 15px;
  background: black;
  color: white;
  border: none;
  margin: 10px 0;
}



#disclamer {
  width: 30px;
  height: 30px;
  margin: 20px 0px;
}

/* SERVICE PAGE */
.bodyheaderservices::before {
  content: "";
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url(../img/headerbg2.jpg) no-repeat 53% center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.bodyheaderservices {
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;
}

.bodyheaderservices::after {
  content: "";
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #092034;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

/* SERVICE PAGE */
.bodyheadwhattobring::before {
  content: "";
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url(../img/headerbg3.jpg) no-repeat 50% center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.bodyheadwhattobring {
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;
}

.bodyheadwhattobring::after {
  content: "";
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #092034;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

/*NEW WHAT TO BRING*/
.whattobringhead {
  height: 85vh;
  background: url(../img/Bottomwhattobring.png) no-repeat 50% center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #021b2b;
  text-shadow: 2px 2px white;
  font-size: 6vw;
}

.whattobringparent {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.serviceboxwhatToBring {
  width: 350px;
  margin: 10px;
}

.serviceboxwhatToBring ul {
  background: #ececec;
  margin-top: 10px;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: flex;
  display: none;
  box-shadow: 0 8px 6px -6px #6f6f6f;
}

.serviceboxwhatToBring ul li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: #7b7b7b;
  padding: 9px 0px;
  width: 90%;
  text-align: center;
  margin: 0 auto;
}

#showInfo,
#showInfo1,
#showInfo2,
#showInfo3,
#showInfo4,
#showInfo5,
#showInfo6,
#showInfo7,
#showInfo8,
#showInfo9,
#showInfo10,
#showInfo11,
#showInfo12,
#showInfo13,
#showInfo14 {

  -webkit-appearance: none;
  border-radius: 0;

  background: rgb(22, 174, 186);
  background: linear-gradient(168deg, rgba(22, 174, 186, 1) 0%, rgba(20, 92, 150, 1) 100%);
  width: 100%;
  height: 90px;
  color: white;
  border: none;
  font-size: 1.8em;
  font-family: anton;
}

/*VIDEO PAGE*/
.bodyvideoservice::before {
  content: "";
  display: flex;
  height: 80vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.bodyvideoservicecaliente {
  display: flex;
  height: 70vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;
  background: black;
}

.bodyvideoservice {
  display: flex;
  height: 80vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;

}

.bodyvideoservice::after {
  content: "";
  display: flex;
  height: 80vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #092034;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

.bodyvideoservice img {
  color: #fffcfc;
  width: 400px;
  z-index: 15;
  padding-top: 50px;
}

.bodyvideoservicecaliente img {
  width: 300px;
}

/*END VIDEO PAGE*/
.bodyheaderservices h1,
.bodyheadwhattobring h1 {
  color: #fffcfc;
  font-size: 3em;
  z-index: 15;
}

/* SERVICE INFORMATION PAGE */
.serviceinformationtitle::before {
  content: "";
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: url(../img/servicebg.png) no-repeat 90% center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.serviceinformationtitle {
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 10;
}

.serviceinformationtitle::after {
  content: "";
  display: flex;
  height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #006cca;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

.serviceinformationtitle h1 {
  color: #fffcfc;
  font-size: 4.5em;
  z-index: 15;
}

/*END OF SERVICE INFO PAGE HEADER*/
.servicetaxprepwrapper {
  background: #2aabe2;
}

.servicetaxprepwrapper2 {
  background: #3CA5FF;
}

.servicetaxprep {
  background: url(../img/servicebg.png) no-repeat 90% center;
  background-size: cover;
  color: white;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  padding: 50px 0;
}

.serviceboxleft {
  display: none
}

.serviceboxright {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.serviceboxright h1 {
  font-size: 3em;
}

.serviceboxright h3 {
  font-size: 1.75em;
  text-align: left;
}
.serviceboxright p {
  font-size: 1em;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: left;
}

.serviceboxright a {
  font-size: 1.5em;
  width: 150px;
  margin: 0 auto;
  background: white;
  color: black;
  font-weight: bolder;
}

.footer {
  width: 100%;
  height: 200px;
  background: #171515;
  line-height: 200px;
  border-top: 50px solid #03A9F4;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center; /* This will vertically center the items in the footer */
}

.footer-column {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center; /* This ensures content inside each column is centered */
}

.bbb-image {
    max-width: 150px;
    height: auto;
    display: block;
}

@media (max-width: 600px) {
    .footer-content {
        flex-direction: column;
    }
    .bbb-image {
        max-width: 100px;
    }
}

.bodyheadserviceshows {
  background: url(../img/showselectionbg.jpg) no-repeat 60% center;
  background-size: cover;
  display: flex;
  height: 80vh;
  justify-content: center;
  align-items: center;
}

.bodyheadserviceshows h1 {
  font-size: 75px;
  color: white;
  text-shadow: 1px 1px black;
}

.showwrapper {
  display: flex;
  flex-wrap: wrap;
}

.showsection {
  width: 100%;
}

.showsection img {
  width: 100%;
}

.bodyheadcontact {
  position: relative;
  background: url(../img/contactbgmain.png) no-repeat 45% center;
  z-index: 40;
  height: 50vh;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 3em;
  text-shadow: 1px 1px black;
}

.contactarea {
  width: 90%;
  margin: 0 auto;
  padding-top: 50px;
}

.contactarea img {
  width: 300px;
  height: auto;
}

.contactarea h1,
h2 {
  color: #868686;
  font-family: 'Lato', sans-serif;
}

.contactarea h3 {
  color: #868686;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

.contactarea h3 a {
  color: #868686;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

.contactarea p {
  color: #08a7f4;
  font-family: 'Lato', sans-serif;
}

.contactbuttons a {
  display: inline-block;
  width: 200px;
  background: #06a8f4;
  height: 10px;
  color: white;
  border-radius: 50px;
  margin: 15px 0;
  line-height: 10px;
}

.imgseparater {
  background: url(../img/contactsep.png) no-repeat 50% center;
  height: 180px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.specialtysectionwrapper {
  background: #06a8f4;
}

.specialtysection {
  width: 90%;
  color: white;
  margin: 0 auto;
  padding-top: 20px;
}

.specialtysection h1 {
  font-size: 70px;
}

.smallersection h1,
.smallersection p {
  font-size: 19px;
}

.whattobringservice {
  width: 350px;
  border: 1px solid #b7b7b7;
  height: 450px;
  margin: 20px 0px;
}

.whattobringbanner {
  background: #06a8f4;
  color: white;
}

.whattobringbanner2wrapper {
  width: 100%;
  margin: 0 auto;
}

.whattobringbanner2 h1,
.whattobringbanner2 p {
  color: #222732
}

.whattobringbanner2 {
  width: 80%;
  margin: 0 auto;
  font-size: 1.2em;
  padding: 100px 10px;
}

.whattobringbanner h1 {
  font-size: 25px;
  text-shadow: 1px 1px black;
  font-family: roboto;
}

.servicebox ul li img {
  margin: 15px 0;
  width: 50px;
  height: auto;
}

.servicebox {
  width: 90%;
  padding-bottom: 15px;
}

.servicebox ul li {
  font-family: 'Lato', sans-serif;
  padding-bottom: 10px;
}

.whattobringcontainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}

.instapictures h1 {
  color: #24a9e1;
  padding: 15px 0;
}

.instapictures {
  padding: 15px 0;
}

.titlewrappermaincaliente h1 {
  color: black;
  font-size: 1.5em;
}

.titlewrappermainpoto h1 {
  color: black;
  font-size: 1.5em;
}

.spotlightvideo h1 {
  font-size: 30px;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}





#spanishshow {
  display: none;
}

.spanishattencion {
  background: #000000;
  display: inline-block;
  padding: 15px 16px;
  border-radius: 5px;
  margin: 30px 0;
  cursor: pointer;
}

.spanishattencion {
  color: white;
}

#attencionemail {
  color: #24a9e1;
}

.privacysection {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  color: #5f5f5f;
  font-family: Lato;
  padding-top: 30px
}

.privacysection h1 {
  color: #2a9dbc;
  font-family: Lato;
}

.privacysection h2 {
  font-family: Lato;
  color: #656565;
  margin: 15px 0;
}

.privacysection h3 {
  font-family: Lato;
}

.privacysection ul li {
  list-style-type: circle;
  padding: 10px 0;
  width: 90%;
  margin: 0 auto;
  list-style-position: inside;
}

.privacysection ul li p {}

.teamservicepic {
  width: 100%;
}

.securefilepro {
  position: relative;
  background: url(../img/securefileprobg.jpg) no-repeat 50% center;
  height: 50vh;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 3em;
  text-shadow: 1px 1px black;
  background-attachment: scroll;
}

.securefilepro::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0 179 255));
}

.securefileprodesc {
  position: relative;
  background: url(../img/securefilebg2.jpg) no-repeat 50% center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  flex-direction: column;
  padding: 50px 0;
}

.securefileprodesc h1 {
  color: #383838;
  font-size: 2.2em;
  font-family: Roboto;
}

.securefileprodesc p {
  color: #1d1d1d;
  width: 80%;
  font-family: Roboto;
}

.drakebutton {
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
}

.drakebutton a {
  width: 170px;
  color: white;
  width: 170px;
  background: #00b3ff;
  padding: 16px 50px;
  border-radius: 3px;
}

.securefileprodesc a {
  background: #00b3ff;
  width: 160px;
  color: white;
  border-radius: 50px;
  margin: 20px 0;
}

.red {
  color: red !important;
}

.clientcontainer {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

input[type=radio] {
  transform: scale(1.5);
}

.clientcontainer label {
  margin: 0px 10px;
}

.clientinformation {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.clientinformation label {
  margin-bottom: 5px;
}

.clientinformation input {
  height: 40px;
  width: 300px;
  ;
  margin: 15px 0px;
  border: 1px solid #6b6b6b;
}

.clientinformation textarea {
  background: white;
  border: 1px solid #6b6b6b;
}

.formsecurepro {
  margin: 40px 0;
}

#securefilesubmit {
  -webkit-appearance: none;
  border-radius: 0;
  width: 200px;
  height: 50px;
  margin-bottom: 50px;
  background: #06a8f4;
  color: white;
  border: none;
  font-size: 20px;
}

.radio2 {
  margin-left: 15px;
}

.tiersection {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-family: Roboto;
  flex-wrap: wrap;
}

.tier {
  width: 380px;
  background: #101010;
  margin: 5px;
  box-shadow: 5px 5px 2px #c5c5c5;
  text-shadow: 1px 1px #636363;
}

.tier:nth-child(2) {
  background: #06a8f4;
}

.tier:nth-child(2) h2,
.tier:nth-child(3) h2 {
  /* color: red; */
}

.tier h1 {
  color: #ffffff;
  font-size: 3em;
  padding-top: 30px;
}

.tier h2 {
  color: #ffffff;
  font-size: 18px;
  padding-top: 10px;
}

.tier ul li {
  color: #fffcfc;
  padding: 35px 0;
  border-bottom: 1px solid white;
  width: 200px;
  margin: 0 auto;
  height: 30px;
}

.tier ul li:nth-last-child(1) {
  border-bottom: none
}

.tier ul li a {
  color: white;
  border: none;
  padding: 10px 10px;
  border-radius: 15px;
  background: #0aa7f4;
}

.tier:nth-child(2) ul li a:nth-child(1) {
  background: #111111;
}

.studiotopwrapper {
  height: 60vh;
  background: #ff000000;
  z-index: -10000;
  overflow: hidden;
}

.studiotopwrapper video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: relative;
  top: -100px;
  left: 0;
  z-index: -50;
  padding-top: 50px;
}

.studiosinfosection {
  background: url(../img/securefilebg2.jpg) 50% center;
  background-size: cover;
  background-attachment: fixed;
  padding: 30px 0;
}

.studioinfo {
  margin: 0 auto;
  width: 90%;
  color: #525252;
  padding: 50px 0px;
}

.tierform {
  display: flex;
  flex-direction: column;
  width: 300px;
  margin: 0 auto;
  padding: 30px 0;
  align-items: center;
}

.tierform input {
  height: 40px;
  width: 300px;
}

select {
  height: 40px;
  width: 300px;
  margin-bottom: 20px;
}

.tierform button {
  text-align: center;
  width: 150px;
  height: 50px;
  background: #0aa7f4;
  color: white;
  border: none;
  font-size: 1.2em;
  cursor: pointer;
  margin: 10px 0;
}

.mobileSection ul li:nth-child(6) {
  background: #2a9ce2;
}

.addresstopbannerlb {
  background: url(../img/lbbg.jpg) 50% center;
  background-size: cover;
  height: 100px;
  width: 90%;
  margin: 0 auto;
}

.addresswrapperlb {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #656565;
  font-size: 1.2em;
   margin-bottom: 25px;
}

.addresswrapperlb a,
.addresswrapperaz a {
  color: #29aae1;
}

.addresstopbanneraz {
  background: url(../img/azbg.jpg) 50% center;
  background-size: cover;
  height: 100px;
  width: 90%;
  margin: 0 auto;
}

.addresswrapperaz {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #656565;
  font-size: 1.2em;
  margin-bottom: 25px;
}

.tierform {
  width: 95%;
  margin: 0 auto;
}

.sidebysideform {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.tierform input {
  background: #f0f0f0;
  border: none;
  margin: 5px;
  width: 300px;
  padding: 5px;
}

.emailcontainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}

.emailcontainer input {
  width: 300px;
  padding: 5px;
}

.emailcontainer textarea {
  width: 300px;
  margin: 5px 0;
  padding: 5px;
}

.privacycontainer {
  margin: 10px;
  margin-top: 50px;
}


.mainPanels {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}


.mainPanels img {
  width: 70%;
  border-radius: 10px;
}

.panels {
  width: 33%;


}


.panel2 img {
  width: 100%;
}


/*Instruction Videos*/

.instructionPageHeader {
  height: 160px;
  /*   background: url('/img/instructionbg.jpg')no-repeat 50% center; */
  background-size: cover;
}

.instructionVideoSpotlight {
  max-width: 90%;
  margin: 0 auto;
  padding: 50px 0;

}

.instructionVideoSpotlight h1 {
  padding: 25px 0;
  font-size: 2em;
  color:white;
  text-shadow:3px 2px black;
}

.instructionVideoContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  display: inline-flex;
  justify-content: left;
  flex-wrap: wrap;

}

.insturctionVideoMain {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;



}

.instructionButtons {
  padding: 15px 0;
}


.instructionButtons a {
  background: #0f0f0f;
  color: white;
  padding: 15px;
}



/*New Nav*/



.siteshow40 {
  margin-right: 65px;

  width: 100px !important;

}

.siteshow41 {
  margin-right: 160px;
  width: 100px !important;
}


.siteshow42 {
  margin-right: 270px;
  width: 100px !important;
}

.siteshow43 {
  margin-right: 380px;
  width: 100px !important;
}


.siteshow44 {
  margin-right: 490px;
  width: 100px !important;
}



.mobilePanels {
  padding-top: 243px;
  flex-wrap: wrap;
}



.mobilePanels img {
  width: 80%;
  border-radius: 10px;
}

.sidebysidePanels {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
}


.sidebysidePanels img {

  width: 150px;
  margin: 5px;
  border-radius: 10px;
}



.mainPanels {
  display: none;
}

.downloadLink {
  margin: 50px 0;
}

.downloadLink a {
  color: white;
  background: #39a5c5;
  margin: 50px 0;
  padding: 15px;
  border-radius: 30px;

}



.snapDesktop {
  display: none;
}

.textButtonMain img {
  width: auto;
  height: 50px;
}

  /*HomeScreen V2 Video*/

  .videoSectionv2 {
    position: relative;
    background: url(../img/backgroundimage.jpg) no-repeat 50% center;
    z-index: 40;
  
    background-size: cover;
  
    justify-content: center;
    align-items: center;
  padding-top:250px;
  
  }



@media only screen and (min-width: 0px) and (orientation:landscape) {

  /*Mobile landscape*/
  .videoContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 400px;
    display: inline-flex;
    flex-wrap: wrap;
  }

  .showsection {
    width: 50%;
  }

  .whattobringhead {
    font-size: 5vw;
    padding: 30px;
  }
}

@media only screen and (min-width: 569px) and (orientation:landscape) {
  .titlewrapper {
    display: inline-flex;
    flex-direction: column;
    width: 49%;
    justify-content: center;
    align-items: center;
  }

  /*Mobile landscape*/
  .videoContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 400px;
    display: inline-flex;
    flex-wrap: wrap;
  }

  .bodyheadserviceshows h1 {
    font-size: 100px;
  }

  .showsection {
    width: 50%;
  }
}

@media only screen and (min-width: 813px) {
  .teammember {
    max-width: 30%;
  }

  .aboutusSection {
    width: 80%;
    margin: 0 auto;
    padding: 0px 0;
    font-size: 1.2em;
  }

  .bodyhead {
    margin-top: 20px;
  }



  .mobileNav {
    display: none;
  }

  .mobileNavdesktop {
    display: inline;
  }

  .desktopNav {
    width: 80%;
    height: 60px;
    line-height: 60px;
  }

  .desktopNav ul {
    padding-left: 50px;
  }

  .desktopNav ul li {
    display: inline;
    margin-right: 15px;
    margin-left: 0px;
  }

  .desktopNav ul a {
    color: black;
  }

  .desktopNav img {
    position: absolute;
    width: 50px;
    left: 10px;
    top: 5px;
  }

  .icanbardesktop {
    display: block;
  }

  .serviceboxleft {
    display: block;
  }

  .serviceboxright {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }

  .serviceboxright h1 {
    font-size: 5em;
  }

  .serviceboxright p {
    width: 90%;
    font-size: 1.5em;
  }

  .serviceboxright a {
    width: 250px;
  }

  .serviceboxright,
  .serviceboxleft {
    flex: 1;
  }

  .flipOrder {
    order: 1;
  }

  .bodyheaderservices h {
    color: #fffcfc;
    font-size: 100px;
    z-index: 15;
  }

  .bodyvideoservice img,
  .bodyvideoservicecaliente img {
    width: 600px;
  }

  .bodyheadserviceshows h1 {
    font-size: 200px;
  }

  .topt {
    height: 180px;
  }

  .servicebox {
    width: 60%;
  }

  .lservice {
    font-size: 3vw;
  }

  .teamservicepic {
    width: 60%;
  }

  .clientinformation input {
    width: 600px;
  }

  .securefilepro {
    background-attachment: fixed;
  }

  .emailcontainer input {
    width: 622px;
  }

  .emailcontainer textarea {
    width: 622px;
  }

  .serviceboxwhatToBring ul {
    display: flex;
  }

  .instructionVideoSpotlight {
    max-width: 50%;

  }

  .mobilePanels {
    display: none;
  }

  .mainPanels {
    display: flex;

  }




  .snapDesktop {
    display: block;
  }


  .snapMobile {
    display: none;
  }


  /*HomeScreen V2 Video*/

.videoSectionv2 {

padding-top:50px;

}


}

@media only screen and (min-width: 1366px) and (orientation:landscape) {
  .titlewrapper {
    display: inline-flex;
    flex-direction: column;
    width: 32%;
  }

  /*Mobile landscape*/
  .videoContainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 450px;
    display: inline-flex;
    flex-wrap: wrap;
  }
}
.services-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-category .responsive-service {
    width: 100%; /* adjust this to your desired width */
    margin: 10px;
    box-sizing: border-box;
}
.service-category .responsive-service {
    flex: 1 0 calc(20% - 20px);
    margin: 10px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .service-category {
        width: 90%;
    }
    .service-category .responsive-service {
        flex: 1 0 calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .service-category .responsive-service {
        flex: 1 0 100%;
    }
}
.collapsible-button {
  -webkit-appearance: none;
  border-radius: 0;
  background: rgb(22, 174, 186);
  background: linear-gradient(168deg, rgba(22, 174, 186, 1) 0%, rgba(20, 92, 150, 1) 100%);
  width: 100%;
  height: 90px;
  color: white;
  border: none;
  font-size: 1.8em;
  font-family: anton;
}
@media (min-width: 768px) { /* adjust the 768px to the breakpoint for your desktop layout */
  .collapsible-button {
    min-width: 526px; /* adjust the 200px to the minimum width you want for your buttons on desktop */
  }
}


.collapsible-content {
    background: #ececec;
    margin-top: 10px;
    min-height: 450px;  /* Change to min-height or auto */
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 8px 6px -6px #6f6f6f;
}


.collapsible-content li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #000;  /* or whatever color you want the text to be */
    font-size: 1em;  /* or whatever size you want the text to be */
    padding: 9px 0px;
    width: 90%;
    text-align: left;
    margin: 0 auto;
}
.hide-content {
    display: none;
}