h1{
  font-weight:bold;
  line-height:25px;
  font-size:4.6rem;
  color:#fff;
}
h1 span {
  font-size: 2.6rem;
  color:#4A4A4A;
  line-height: 25px;
  padding-left: 110px;
  display: block;
  font-weight: 400;
}

h2{
  font-size:10.5rem;
  font-weight:bold;
  color:#E7EBEE;
  line-height: 80px;
  margin: 20px 0;
}
h2 span{
  font-size:3.6rem;
  font-weight:100;
  color:#4A4A4A;
  line-height: 32px;
  padding-left: 50px;
  display: block;
}

h3 {
  font-size:3.6rem;
  font-weight:bold;
  color: #2BADC4;
  margin: 20px 0;
  
}
h3 span {
  font-size:2.6rem;
  font-weight:bold;
}
h4 {
  font-size: 1.6rem;
  font-weight:bold;
  color:#7C868B;
}
p{
  font-size:1.6rem;
  font-weight:400;
  color:#7C868B;
  line-height: 20px;
}
p .text--bigger {
  font-size: 2.6rem;
}


#header{
  background:url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%201/bg-hero.png) bottom center no-repeat; 
  background-size:cover;  
  position:relative;
  z-index:2;
}

#header p{
  color:#fff;
  margin-bottom:10%;
  font-size:2.1rem;
  line-height: 28px;
}
#header h1 {
  font-size: 7.4rem;
  text-transform: uppercase;
  line-height: 45px; 
}
#header h1 span {
  font-size: 3.4rem;
  line-height: 29px;
  text-transform: none;
  
}
@media (max-width:1175px){
  #header h1 {
  font-size: 5.4rem;
  text-transform: uppercase;
  line-height: 45px; 
}
#header h1 span {
  font-size: 2.4rem;
  line-height: 24px;
  text-transform: none;
  padding-left: 50px;
}
}
@media (min-width:768px){
  #header{
    min-height:798px;
  }
}

#header .logo{
	padding:1% 0;
}

/** EasyZone **/

#easyzone{
  position:relative;
}

#easyzone .numbers p {
  color: #BFCDD4;

}
#easyzone .text{
  padding-top: 8%;
}

#easyzone .text p{
  max-width: 500px;
  margin: 40px 0;
}

#easyzone .text .icons{
  display: flex;
  align-items: center;
  justify-content: space-around; 
}

#easyzone:after {
    content: "";
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%201/background-airzone-new.png) bottom center no-repeat;
    background-size:cover;  
    z-index: -1;
}

#easyzone .numbers {
  position: relative;
  top: 100px;

}
#easyzone .table {
  text-align: center;
 }

#easyzone .box {
border: 1px solid #E3E3E3;
  border-radius: 6px;
  background: #fff;
}
#easyzone .divided-line {
  display: flex;
  border-top: 1px solid #E3E3E3;
  font-size: 1.4rem;
  color: #BFCDD4;
  text-align: left;
  
}
#easyzone .first-col {
  position: relative;
  border-right: 1px solid #E3E3E3;
  padding: 30px 25px;
  width: 50%;
}
#easyzone .second-col {
  width: 50%;
  padding: 30px 25px 30px 35px;
}
#easyzone .first-col:after {
  content: "VS";
  padding: 10px;
  border:1px solid #E3E3E3;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 100%;
  margin-left: -21px;
  bottom: 30%;
  color: #2BADC4;
  font-weight: bold;
  height: 21px;
  width: 21px;
  line-height: 21px;
}

#easyzone .last-line {
  padding: 30px 25px;
  font-size: 1.2rem;
  color: #BFCDD4;
  border-top: 1px solid #E3E3E3;
  text-align: left;
  height: 140px;
}

#easyzone .last-line:after {
  content: "* (Source: UMA Case Study - pg. 19)";
  font-size: 1.2rem;
  color: #BFCDD4;
  
}
#easyzone .text-smaller {
  font-size: 1.2rem;
}
/** Guide **/
#guide {
  background-color: #F1F3F6;
  padding: 100px 0 50px;
  background-image: url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%201/mockup2.png);
    background-position: left bottom;
    background-repeat: no-repeat;
  min-height: 670px;
  
}
#guide img {
  display: none;
}
#guide .guide-text {
  padding-top: 50px;
}
#guide p {
  color: #7C868B;
}
#guide ul, li {
  color: #B7C6CE;
  font-size:1.6rem;
  font-weight:400;
  line-height: 20px;
}
#guide h2 {
  color: #fff;
}
#guide ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#guide ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:8px 0px 8px 15px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}
#guide ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:3px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:30px;
  height: 30px;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border:1px solid #2BADC4;
    border-radius: 50%;
    color:#2BADC4;
    background: transparent;
    font-weight:bold;
    text-align:center;
}
#guide li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}



/** CTA **/
#cta .button {
  background:#2BADC4 url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%2010%20Benefits/Landing/arrow-button.png) 98% center no-repeat;
  max-width: 320px;
  padding: 13px 0;
  text-transform: none;
}
#cta .Wrapper {
  border-bottom: 1px solid #B7C6CE;
  padding-bottom: 40px;
  padding-top: 60px;
}

/** Components 

#components{
  padding: 0 0 8%; 
}

#components p{
  margin: 40px 0; 
}


#components .components{
  margin-top: 25%; 
}

#components .box{
  background: #fff;
  min-height: 188px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width:100%;
  max-width:187px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(201,201,201,0.5);
  -moz-box-shadow: 0px 5px 10px 0px rgba(201,201,201,0.5);
  box-shadow: 0px 5px 10px 0px rgba(201,201,201,0.5);
}

#components .box p{
  margin:0;
  color:#2BADC4;
  font-size:1.2rem;
  font-weight:200;
  text-transform:uppercase;
}
**/
/* Slider Section Prefooter 

#slider{
  background:url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%2010%20Benefits/Landing/footer-lp.png) top center no-repeat; 
  background-size:cover;  
  position:relative;
  z-index:2;
  padding:12% 0 15%;
}

#slider h2 span{
  color:#fff;
  padding-left: 35px;
}

#slider p{
  color:#fff;
}

#slider .owl-dots .owl-dot span {
    width: 19px;
    height: 19px;
    margin: 5px 7px;
	  border-radius:50%;
    background: transparent;
  	border:1px solid #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
	  outline:none;
}

#slider .owl-dots .owl-dot.active span {
    background:#fff;
}

#slider .owl-dots button{
    outline: none;
}

#slider .owl-dots{
  position: absolute;
  bottom: -60px;
  left: 50%;
  margin-left: -66px;
}

#slider .owl-carousel .box{
  background: #fff;
  min-height: 400px;
  max-height: 400px;
  border-radius: 14px;
  border: 1px solid #DFDFDF;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width:100%;
  max-width:277px;
  margin:0 auto;
}

#slider .owl-carousel .box h3{
	font-size:2.6rem;
  color:#4A4A4A;
  font-weight:100;
  line-height:32px;
  max-width: 220px;
  margin:0;
}

#slider .owl-carousel .box p{
	font-size:1.6rem;
  color:#7C868B;
  font-weight:400;
  line-height:19px;
}

#slider .owl-carousel .owl-item img{
  /*max-width:120px; 
  min-height: 127px;
  width: auto;
}

@media (min-width:768px){
  #slider{
    min-height:742px;
  }
}
*/
/*** Footer ***/

#footer{
	padding:3% 0;
}


/** Form **/

#form h3{
  color: #4A4A4A;
  font-size: 1.5rem; 
}

#form{
  background: #fff;
  border-radius: 10px;
  padding: 30px 30px 45px;
  width:100%;
  max-width:370px;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(122,122,122,0.5);
  -moz-box-shadow: 0px 4px 20px 0px rgba(122,122,122,0.5);
  box-shadow: 0px 4px 20px 0px rgba(122,122,122,0.5);
  margin-left:220px;
}

#form input:not([type="checkbox"]):not([type="submit"]),
select, textarea{
  color:#444;
  background:#fff;
  border-radius:6px;
  width:100%;
  border:2px solid #DDDDDD;
  height:37px;
  padding:0 20px;
  font-weight:200;
}


select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background: url("https://content.airzonecontrol.com/hubfs/Ecosistemas/arrow-down.png") 95% center no-repeat;
}

.hs-fieldtype-booleancheckbox .inputs-list input {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    height: 14px;
    width: 14px !important;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    position: relative;
    top: 5px;
		outline:none;
}
 .hs-fieldtype-booleancheckbox .inputs-list input:checked {
    background-color:#61C0C2;
    border: none;
}

select option{
  color: #AAAAAA;
  background: #fefefe; 
}

.hs-fieldtype-booleancheckbox{
  color:#AAAAAA;
  font-size:12px;
  line-height:17px;
  font-weight:300;
}	

.hs-fieldtype-booleancheckbox a{
  color:#AAAAAA;
  font-size:12px;
  line-height:17px;
  font-weight:300;
}		

ul.hs-error-msgs{
  margin-top:5px; 
  color: red;
  font-size: 11px;
  font-weight:300;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#AAAAAA;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#AAAAAA;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
 color:#AAAAAA;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#AAAAAA;
  opacity:1;
}

input[type="submit"]{
  background:#2BADC4 url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%2010%20Benefits/Landing/arrow-button.png) 95% center no-repeat;
  max-width:300px;
  height:49px;
  cursor:pointer;
  width:100%;
  border:none;
  color:#fff;
  font-size:22px;
  font-weight:400;
  border-radius:100px;
}

/*** TYP ***/

#header.typ{
  background:url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%2010%20Benefits/Landing/header-lp.png) bottom center no-repeat; 
  background-size:cover;  
  position:relative;
  z-index:2;
  padding-bottom: 80px;
}
#header.typ p {
  margin: 10px 0;
}
#header.typ a {
  text-decoration: none;
  color: #fff;
}
#header.typ a:hover {
  text-decoration: underline;
  color: #fff;
}

#header.typ h1 {
  text-transform: none;
  font-size: 5.4rem;
}
#header.typ .text{
 padding:50px 0; 
 max-width: 
}
#header.typ .title {
  max-width: 500px;
}
#header .additional-text p{
  font-size: 1.5rem;
  line-height: 2.5rem;
}
#header .additional-text p span {
  text-transform: uppercase;
  font-weight: 700;
}
#header.typ .button {
  background:transparent url(https://content.airzonecontrol.com/hubfs/Ecosistemas/WF%2010%20Benefits/Landing/arrow-button.png) 98% center no-repeat;
  max-width: 305px;
  padding: 13px 0;
  border-radius:100px;
  border: 1px solid #fff;
  text-transform: none;
  font-weight: 400;
  margin: 20px 0;
  
}
#header.typ .image {
  margin: 15% 0;
  text-align: right;
}
@media (min-width:768px){
  #header.typ{
    min-height:calc(100vh - 127.88px);
  }
}
@media (max-width:768px){
#header.typ .text {
    padding-bottom: 0;
  }
#header.typ .image {
  margin: 5% 0;
}
}
/*** Media ***/


@media (max-width:1200px) {
 	#form {
  	margin-left:0;
  }
  
  #easyzone .text {
   	padding-top: 40px; 
    padding-bottom: 0px;
  }
}

@media (max-width:1130px){
  h1{font-size:5rem;line-height:50px;}
  h2{font-size:6rem;line-height:35px;}
  h2 span{font-size:3.2rem;line-height:35px;}
}

@media (max-width:800px){
  h1{font-size:3rem;line-height:35px;}
  h2{font-size:4rem;line-height:35px;}
  h2 span{font-size:2.2rem;line-height:22px;}
}

@media (max-width:800px){
   #components .box {
    margin: 0 auto 30px;
  }
  #form{
     margin: 0 0 45px 10px;
  }
 
}
 
/*@media (min-width:768px){
  #header img.prod{
   display:none; 
  }
}*/
@media (max-width: 1055px) {
  #guide {
    background-image: none;
    min-height: 100%; 
  }
  #guide img {
    display: inherit;
    position: relative;
    left: -20px;
    bottom: -50px;
  }
}
@media (max-width:920px){
 #easyzone .last-line {
    height: 180px;
  }
}
@media (max-width:767px){
  #form{
    margin-left:initial;
  }
  #easyzone {
    position: relative;
 
  }
  #easyzone .numbers {
    padding: 0;
    text-align: center;
    padding-bottom: 30px;
  }
  #easyzone .text p {
  margin-bottom: 10px}
  
  #guide .guide-img{
    text-align: center;
  }
  #guide {
    padding: 40px 0;
  }
  #easyzone .box {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
  }
  #easyzone .box .divided-line {
    display: inherit;
  }
  #easyzone .box .first-col {
    width: 100%;
    border: none;
    text-align: center;
  }
    #easyzone .box .second-col {
      width: 100%;
      border-top: 1px solid #E3E3E3;
       padding: 30px 25px;
      text-align: center;
    }
  #easyzone .first-col:after {
  content: "VS";
  padding: 10px;
  border:1px solid #E3E3E3;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
   margin-left: -21px;
  bottom: -30%;
  color: #2BADC4;
  font-weight: bold;
  height: 21px;
  width: 21px;
  line-height: 21px;
}
  #easyzone .numbers {
  position: inherit;
}
  #easyzone .text{
  padding-top: 0;
}

#easyzone .text p{
  margin: 0 0;
}
 #easyzone .last-line {
    height: auto;
  }
  #guide img {
    display: inherit;
    position: relative;
    left: -70px;
    bottom: auto;
  }
}


@media (max-width:600px){
  #slider .owl-dots {
    margin-left: -115px;
    bottom: -50px;
  }
  #form{
    margin-left:initial;
  }
}

@media (max-width:500px){
  #form{
  	margin:0 auto;
  }

  #slider .owl-carousel .box{
    align-items: center;
    text-align: center;
  }
  #footer {
    text-align: center;
  }
  
  .rrss{
  	display:block;
    text-align: center;
  }
  
  .rrss span{
  	display:block;
    width:100%;
    margin: 20px 0;
  }
}