.bodyContainer-fuller{
  max-width:100% !important;
}

.vjs-hubspot .vjs-big-play-button {
  max-width:120px!important;
  max-height:120px!important;
}
.mainWrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  overflow:visible;
  max-height:660px;
}

.mainWrapper::before {
  content:'';
  position:absolute;
  background-color:rgba(0,0,0,0.35);
  width:100%;
  height:660px;
}

.featuredImageArea{
  flex-basis: 58% !important;
}

.featuredFormArea{
  margin-top:120px;
  flex-basis: 38%; 
  background-color: rgba(236,236,236,1);
  border-radius: 5px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.25);
  color:#0099D8;
  z-index:1;
  margin-bottom:-140px
}

#hsForm_4836b544-70df-416c-a0fb-953a7a1b711d_5205 .landerForm form{
  line-height: 26px; 
  margin-left: 10px;
  margin-right:10px;
}
.landerForm form{
  line-height: 26px; 
  margin-left: 10px;
  margin-right:10px;
}
.landerForm fieldset{
  max-width: 100% !important;   
}
.landerForm input[type="text"], .landerForm input[type="email"], .landerForm input[type="tel"] {
  height: 35px;   
  box-sizing: border-box; 
  width:100% !important; 
}

.hs-field-desc{
  font-size:1em;
}
.landerForm form label{
  color:#000 !important;
  font-size:13px;
  margin-bottom: 12px;
}

.landerForm form label span{
    margin-bottom: 12px;
}
.hs_cco_case_studies input:checked ~ .checkmark {
  background-color: #8996A0;
  border-radius: 35px;
}
.landerFormContent{
  padding-left:10px;
  margin-bottom:10px;
}
.landerFormContent p{
  color:#0099D8 !important;
  margin-bottom: 10px;
}

.landerFormContent h2{
  color:#0099D8; 
 font-family: "century-gothic", sans-serif;
  font-size: 32px; 
  margin-top: 20px; 
  line-height: 1.2em;
}
.form-sub{
  font-size:1.2em;
  font-family: "century-gothic", sans-serif;
  font-weight:400;
  color:#000;
  margin-bottom: 10px;
}

.landerForm input[type="submit"] {
  font-size:1.2em;
  font-family: "century-gothic", sans-serif!important;
  font-weight:400;
  color:#000;
  margin-bottom: 10px;
}

.landerScreen{
  min-height: 100%;   
}

.formAreaInner{
  padding: 2px 12px 2px 10px; 
}

.landerForm form label span {
    margin-bottom: 0px!important;
}
.hs-form-booleancheckbox label{
 margin-bottom: 0px!important;
 margin-top: 3px!important;
 display: flex;
}
.hs-form-booleancheckbox span{
  line-height: 1em;
  margin-top:3px;
}
.legal-consent-container{
  margin-bottom:12px;
}
.legal-consent-container p{
  font-size:12px;
  line-height:1.1em;
  color:#000;
}
.legal-consent-container .hs-richtext{
    font-size:12px;
  line-height:1.1em;
  color:#000;
  margin-top:10px;
}

.landerMainHeadline{
  color:#FFFFFF; 
  font-size: 4.3vw; 
  padding: 0px 10px 0px 10px; 
  font-family: "century-gothic", sans-serif;
  letter-spacing: 0.01em;
  text-shadow: 2px 2px 30px rgba(0, 4, 52, 0);
  margin: 0;
  position: absolute;
    top: 38%;
    transform: translateY(-38%);
  margin-left: 80px;
  width:48%;
}

.landerMainHeadline span{
  color:#F6921E;
}

/*-- Submit Button ---*/
.landerForm input[type="submit"] {
    color: #FFF;
    text-align: center;
  font-family: "Lato", sans-serif;
  font-weight:bold!important;
    font-size: 18px;
    border: 0;
    padding: 12px 38px!important;
    appearance: none;
    border-radius: 35px;
    -webkit-appearance: none;
 background: rgb(207,88,159);
background: linear-gradient(90deg, rgba(207,88,159,1) 3%, rgba(246,146,30,1) 97%);
margin-top: 20px;
margin-bottom: 30px;
}

.landerForm input[type="submit"]:hover {
    cursor:pointer;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
}

/*=== mobile mobile =====*/

@media screen and (max-width: 1328px){
.mainWrapper{
  max-height: 530px;
  }
.mainWrapper::before {
max-height: 530px;
}  
.landerMainHeadline{
    top:28%;
    color:#FFFFFF; 
    font-size: 4.2vw; 
    padding: 20px; 
   margin-left: 38px;
    width:45%;
  }
.featuredImageArea{
  flex-basis: 50% !important;
}
  .featuredFormArea{
    flex-basis: 45%;
    margin-bottom:-140px
  }
  
}

@media screen and (max-width: 1030px){
.landerMainHeadline{
   /* font-size: 66px; */
}

@media screen and (max-width: 900px){
  .mainWrapper{
  max-height: 380px;
  }
.mainWrapper::before {
max-height:380px;
} 
  
  .landerMainHeadline{
   /* font-size: 46px; */
    padding: 15px; 
    margin: 0px;
  }
  
.featuredImageArea{
  flex-basis: 48% !important;
}
  .featuredFormArea{
    flex-basis: 43%;
    margin-bottom:-140px
  }

.landerForm form{
  line-height: 30px; 
  margin-left: 3%;
  margin-right: 3%;
}  
.formAreaInner {
    padding: 13px;
  }
}

@media screen and (max-width: 787px){
.mainWrapper{
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: flex-start; 
  align-items: stretch;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  overflow:visible;
  position:relative;
      width: 100%;
    height: 380px;
}
.mainWrapper::before {
max-height:380px;
} 
  
  .landerScreen{
    min-height: 80%;   
  }

  .featuredFormArea{
    display:none;    
  }
  .landerMainHeadline{
  padding-top: 80px;
  margin: 0;
  margin-left: 20px;
  width:90%;
  top: 38%;
  transform: translateY(-38%);
  }
.left-col {
    width: 96%;
    margin-left: 36px;
}
.right-col {
    width: 1%;
}
}

@media screen and (max-width: 698px){
visible-phone{
  display:block;
     }
   .landerMainHeadline{
    font-size:6.2vw;
    padding-top: 80px;}
}

@media screen and (min-width: 1200px){
.vjs-hubspot .vjs-big-play-button {
    width: 120px!important;
    height: 120px!important;
}
}