option{
  background: #202020;
  background-color: rgba(0, 0, 0, 0.65);
  color:white;
  padding-left:20px;
}

/* ==========================================================================
  BORDERS
   ========================================================================== */

.grey-border {
  border:0.5px solid #dddddd;
}

.footer-bottom-border {
  border-top:1px solid #dddddd;
  margin-top:20px;
  padding-bottom:0px;
  padding-top:20px;
  text-align:center;
  width:100%;
}

/* ==========================================================================
  HYPERLINKS
   ========================================================================== */

a, a:visited {
  color:currentColor;
  text-decoration: none;
  outline: 0;
}

/* ==========================================================================
  MOBILE/WEB MEDIA QUERIES
   ========================================================================== */
  @media (max-width: 800px) {
    h1 {
      font-size: 26px;
      font-weight: normal;
      margin:0;
    }
    .mobile-menu {
      width:100%;
      height:100%;
      display:flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    .web-menu, .web-menu-teams-campaign {
      display: none;
    }
  }
  @media (min-width: 801px) {
    h1 {
    font-size: 40px;
    font-weight: normal;
    margin:0;
    }
    .mobile-menu {
      display: none;
    }
    .web-menu {
      width:100%;
      height:100%;
      display:flex;
      flex-direction: row;
      flex-wrap:nowrap;
      justify-content: center;
      align-items: center;
    }
    .web-menu-teams-campaign{
      width:100%;
      height:100%;
      display:flex;
      justify-content: center;
      align-items: center;
    }
    .nav-links{
      display: flex;
      margin-right: 6rem;
    }
  }
/* ==========================================================================
  BODY
   ========================================================================== */
body {
  font-family: effra_regular;
}

/* ==========================================================================
  HIDE GOOGLE RECAPTCHA BADGE
   ========================================================================== */
.grecaptcha-badge { visibility: hidden; }

/* ==========================================================================
  BUTTONS
   ========================================================================== */
.b-radius{
  border-radius: 3px;
}
.spacio-login-button-black {
  height:30px;
  line-height:30px;
  border:1px solid black;
  padding-left:20px;
  padding-right:20px;
  font-size:16px;
  text-align:center;
  text-transform:uppercase;
  color:black;
  cursor: pointer;
  font-family: effra_regular;
  position: absolute;
  right:60px;
  top:15px;
  letter-spacing: 3px;
}

.center-two-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
}

@media (min-width: 801px) {
  .contact-sales-btn {
    margin-right:20px;
  }

  .spacio-boxed-button-white {
    display: inline-block;
    height:40px;
    line-height:40px;
    border:1px solid white;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    cursor: pointer;
    font-family: effra_regular;
  }

  .spacio-boxed-button-black {
    display: inline-block;
    height:40px;
    line-height:40px;
    border:1px solid black;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    margin:10px;
    text-align:center;
    text-transform:uppercase;
    color:black;
    cursor: pointer;
    font-family: effra_regular;
  }

  .spacio-boxed-button-orange {
    display: inline-block;
    height:40px;
    line-height:40px;
    border:1px solid #e77f24;
    background: #e77f24;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    cursor: pointer;
    font-family: effra_regular;
  }
}

@media (max-width: 800px) {
	.contact-sales-btn {
		margin-bottom:10px;
}

.spacio-boxed-button-white {
  display: inline-block;
  height:40px;
  line-height:40px;
  border:1px solid white;
  width:160px;
  font-size:16px;
  text-align:center;
  text-transform:uppercase;
  color:white;
  cursor: pointer;
  font-family: effra_regular;
}

.spacio-boxed-button-black {
  display: inline-block;
  height:40px;
  line-height:40px;
  border:1px solid black;
  width:160px;
  margin:10px;
  font-size:16px;
  text-align:center;
  text-transform:uppercase;
  color:black;
  cursor: pointer;
  font-family: effra_regular;
}
  .spacio-boxed-button-orange {
    display: inline-block;
    height:40px;
    line-height:40px;
    border:1px solid #e77f24;
    background: #e77f24;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    cursor: pointer;
    font-family: effra_regular;
  }
}
/***************************** MESSAGE BOX PANEL ****************************/
.message-box {
  background-color: #e77f24;
  border-radius:5px;
  color:white;
  box-sizing: border-box;
  text-align: center;
  position:relative;
  top:40px;
}
@media (min-width: 800px) {
  .message-box {
    width:400px;
    padding:40px;
  }

  .message-box .icon{
    font-size:60px;
    margin-bottom:30px;

  }
  .message-box .msg{
    padding-top:30px;
    border-top:1px solid white;
    font-size:20px;
  }
}
@media (max-width: 800px) {
  .message-box {
    width:calc(100% - 40px);
    margin:0 auto;
    padding:40px;
  }
  .message-box .icon{
    font-size:30px;
    margin-bottom:30px;
  }
  .message-box .msg{
    padding-top:20px;
    border-top:1px solid white;
    font-size:16px;
  }
}
/***************************** LOADING PANEL ****************************/
.loading-container {
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	display:none;
	background:rgba(0,0,0,0.7);
	z-index:500;
  font-family:effra_light;
}

.loading-content {
	width:inherit;
	height: inherit;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
  font-size:30px;
  color:white;
}
.loading-logo {
	width:45px;
	height: 45px;
	margin-bottom: 20px;
	opacity: 0.75;
}
.loading-msg {
	color:white;
	height:20px;
	line-height: 20px;
	width:100%;
	text-align: center;
	font-size: 16px;
  position:absolute;
  left:0px;
  top:50px;
}
/* ==========================================================================
   TOP MENU
   ========================================================================== */
   .hs-banner {
    position:absolute;
    top: -48px;
    background: #9a262c;
    height:48px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
  }
  .hs-banner-msg {
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: none;
  }
  .hs-banner-close {
    color:#fff;
    cursor: pointer;
    font-size: x-large;
    position: absolute;
    right: 20px;
    opacity: 0.5;
  }
  .spacio-top-menu, .teams-c-top-menu {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:65px;
    background:white;
    color:#6F6F6F;
    font-size:16px;
    font-family: effra_light;
    overflow:visible;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
    z-index:100;
  }
  .spacio-top-menu-logo-teams-campaign{
    margin-top: 10px;
  }
  @media (max-width:800px){
    .hs-banner {
      position:absolute;
      top: -60px;
      background: #9a262c;
      height:60px;
      width:100%;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 100
    }
    .hs-banner-msg {
      color:#fff;
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      text-align: center;
    }
    .hs-banner-close {
      color:#fff;
      cursor: pointer;
      font-size: x-large;
      position: absolute;
      right: 20px;
      opacity: 0.5;
      top: 20px;
    }
  }
  .spacio-top-menu.open {
    height:100vh;
  }

@media (min-width:1201px) {
  .spacio-top-menu-logo {
      width:200px;
      text-align: center;
  }
}
@media (max-width:1200px) {
  .spacio-top-menu-logo {
      width:160px;
      text-align: center;
  }
}

  .spacio-top-menu-logo-mobile {
      height:40px;
      margin-top: 10px;
      margin-left: 20px;
      text-align: left;
      display: inline-block;
  }

@media (min-width:1201px) {
  .spacio-top-menu-button {
    height:40px;
    width:175px;
    text-align: center;
    letter-spacing: 3px;

  }
}

@media (max-width:1200px) {
  .spacio-top-menu-button {
    height:40px;
    width:130px;
    text-align: center;
    letter-spacing: 1px;

  }
}

  .spacio-top-menu-button .btn {
    display: inline-block;
    position: relative;
    height:40px;
    line-height: 40px;
    cursor:pointer;
  }

  .spacio-top-menu-button.selected .underline {
    display: block;
  }

  .spacio-top-menu-button .underline {
    display: none;
    width:100%;
    height:5px;
    background:#EEEEEE;
    position: relative;
    top: -10px;
  }

  .spacio-mobile-menu-bar {
      height:60px;
      width:100%;
  }
  .spacio-mobile-menu-content {
      display: none;
      flex-grow:1;
      width:100%;
      overflow-x: auto;
      box-sizing: border-box;
      padding: 20px;
  }

  .spacio-mobile-expandable-products-menu-btn,.spacio-mobile-expandable-company-menu-btn,.spacio-mobile-expandable-about-menu-btn,.spacio-mobile-expandable-contact-menu-btn,.spacio-mobile-expandable-apps-menu-btn {
    margin-top:0px;
    width:100%;
    border-bottom: 1px solid #eee;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#6f6f6f;
    overflow:hidden;
    cursor: pointer;
    background-size:20px 20px;
		background-repeat:no-repeat;
		background-position:right center;
		background-image:url(/assets/img/website/arrow_down_black.png);
  }

  .spacio-mobile-expandable-products-menu-btn.toggled,.spacio-mobile-expandable-company-menu-btn.toggled,.spacio-mobile-expandable-about-menu-btn.toggled,.spacio-mobile-expandable-contact-menu-btn.toggled,.spacio-mobile-expandable-apps-menu-btn.toggled {
    background-image:url(/assets/img/website/arrow_up_black.png);
  }

  .spacio-mobile-nonexpandable-menu-button {
    margin-top:0px;
    width:100%;
    border-bottom: 1px solid #eee;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#6f6f6f;
    overflow:hidden;
    cursor: pointer;
  }

  .spacio-mobile-submenu-button {
    width:100%;
	  box-sizing:border-box;
	  padding-left:20px;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#6f6f6f;
    overflow:hidden;
    cursor: pointer;
  }

  .spacio-mobile-submenu {
	  display:none;
    width:100%;
    border-bottom: 2px solid #eee;
    line-height:40px;
    font-size:16px;
    color:#6f6f6f;
  }

  .product-options {
    position: absolute;
    top:60px;
    left:0px;
    height:calc(100vh - 60px);
    box-sizing: border-box;
    text-align: center;
    background: transparent;
    display: none;
    width:100%;
  }

  .product-options-bar {
      position: absolute;
      top:0px;
      left:0px;
      height:140px;
      line-height: 1.5;
      box-sizing: border-box;
      text-align: center;
      color:black;
      background: white;
      border-top: 1px solid #eee;
      width:100%;
  }

  .product-options-overlay {
      position: absolute;
      top:140px;
      left:0px;
      height:calc(100% - 140px);
      box-sizing: border-box;
      background: rgba(0,0,0,0.5);
      width:100%;
  }

  .product-option {
    width:200px;
    display:inline-block;
    height:80px;
    margin-top: 40px;
    vertical-align: top;
    cursor: pointer;
  }


  .product-type-title {
    letter-spacing: 3px;
    font-family: proxima_nova_rgregular;
    text-transform: uppercase;
  }

  #nav-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top:15px;
    right:20px;
    margin:0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(even) {
  left: 50%;
  border-radius: 0 0 0 0;
}

#nav-icon span:nth-child(odd) {
  left:0px;
  border-radius: 0 0 0 0;
}

#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
  top: 0px;
}

#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
  top: 10px;
}

#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
  top: 20px;
}

#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
  left: 4px;
  top: 7px;
}

#nav-icon.open span:nth-child(2) {
  left: calc(50% - 4px);
  top: 7px;
}

#nav-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon.open span:nth-child(5) {
  left: 4px;
  top: 14px;
}

#nav-icon.open span:nth-child(6) {
  left: calc(50% - 4px);
  top: 14px;
}
/* ==========================================================================
  SCROLL ONE
   ========================================================================== */
@media (min-width: 801px) {
  .scroll-one {
    width:calc(100% - 120px);
    margin:0 auto;
    height:calc(100vh - 60px);
    background-image: url(../img/website/scroll1_2019_cropped.jpg);
    background-size:cover;
    background-position: center center;
  }
}

@media (max-width: 800px) {
  .scroll-one {
    width:100%;
    height:auto;
    background-image: url(../img/website/scroll1_2019_cropped.jpg);
    background-size:cover;
    background-position: center center;
    position:relative;

  }

  .scroll-one .overlay h1{
    font-size: 27px;
  }
}



@media (min-width: 801px) {

  .down-arrow-section {
    height:60px;
    width:100%;
    background-color:white;
    text-align:center;

  }

  .scroll-one .overlay {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

  }

  .scroll-one .overlay .content {
    color:white;
    line-height: 1.4;
    max-width:773px;
    text-align:center;
    font-family: effra_regular;
    letter-spacing: 3px;

  }

  .scroll-one .overlay .content .download-link {
	  height:50px;
  }

  .scroll-one .signup-section {
	position:absolute;bottom:80px;left:0px;text-align:center;width:100%;color:white;
  }
}

@media (max-width: 800px) {

  .down-arrow-section {
    height:40px;
    width:100%;background-color:white;text-align:center;
  }

  .down-arrow-section img {
    display:none;

  }

  .scroll-one .overlay {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    box-sizing: border-box;
    padding-top:120px;
    padding-bottom:160px;

  }

  .scroll-one .overlay .content {
    color:white;
    line-height: 1.4;
    width: 80%;
    text-align:center;
    font-family: effra_regular;
    letter-spacing: 3px;
    margin: 0 auto;

  }

  .scroll-one .overlay .content .download-link {
	  height:40px;
  }

  .scroll-one .signup-section {
    bottom:40px;
    color:white;
    left:0px;
    position:absolute;
    text-align:center;
    width:100%;
  }
}


/* ==========================================================================
  SCROLL TWO
   ========================================================================== */
/* .scroll-two-bg {
  background-image:url(../img/website/scroll2_a.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width:100%;
  height:calc(100%);
} */



.scroll-two .left, .scroll-two .right {
  transition: all 0.5s ease-in;
}

@media (min-width: 801px) {
  .scroll-two {
    background:white;
    display: flex;
    font-family: effra_regular;
    font-size:40px;
    height:100%;
    line-height: 1.4;
    margin:0 auto;
    max-width: 1200px;
    padding-bottom: 60px;
    padding-top: 60px;
    position:relative;
    text-align:center;
    width:calc(100% - 150px);
  }

  .scroll-two .left {
    top:0px;
    left:0%;
    width:50%;
    height:100%;
    text-align:left;
    box-sizing: border-box;
    padding-left:20px;
    padding-top: 15px;
  }

  .scroll-two .left .list_title, .scroll-two .left .list_footer {
    font-size: 40px;
  }

  .scroll-two .left ul {
    margin:0; 
    padding-left: 1em;
  }

  .scroll-two .left ul li {
    padding-left: 10px;
  }

  .scroll-two .left .scroll-two-btn {
    text-align: center;
  }

  .scroll-two .right {
    padding-left: 60px;
    width:50%;
  }
}

@media (max-width: 800px) {
  .scroll-two {
    width:calc(100% - 40px);
    margin:0 auto;
    font-size:40px;
    background:white;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
  }

  .scroll-two .left {
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    box-sizing: border-box;
    padding-top: 60px;
	  padding-bottom:25px;
  }

  .scroll-two .left .list_title, .scroll-two .left .list_footer {
    font-size: 26px;
    text-align: left;

  }
  .scroll-two .left .list_content {
    text-align: left;
  }

  .scroll-two .left ul {
    margin:0; 
    padding-left: 1em;
  }

  .scroll-two .right {
    display:block;
    padding-bottom:60px;
    width: 100%;
  }

  #hero_img {
    width: 100%;
  }

  #hero_img img{
    width: 100%;
  }
}


.scroll-two-bottom-button.selected .underline {
  display: block;
}

.scroll-two-bottom-button .underline {
  display: none;
  width:100%;
  height:5px;
  background:#EEEEEE;
  position: relative;
  top: -10px;
}

/* ==========================================================================
  SCROLL THREE
   ========================================================================== */

@media (min-width: 801px) {
  .scroll-three {
    width:100%;
    margin:0 auto;
    background:#F8F8F8;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
    border-top:1px solid #eee;
    box-sizing: border-box;
    padding-top:60px;
    padding-bottom:20px;
  }

  .scroll-three .title {
    font-family: effra_regular;
    width:calc(100% - 80px);
    text-align: center;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
  }

  .scroll-three .value-props-container {
    width:908px;
    margin:0 auto;
    text-align: center;
    vertical-align: top;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .scroll-three .value-prop {
    display: inline-block;
    padding-bottom: 30px;
    vertical-align: top;
    width:292px;
  }

  .scroll-three .value-prop-title {
    font-family: proxima_nova_rgregular;
    text-transform: uppercase;
  }

  .value-prop-callToActionBtn {
    margin:30px auto 40px;
  }
}

.short-grey-line {
  margin: 10px auto;
  width:50px;
  height: 1px;
  border-bottom: 1px solid #B3B3B3;
}

.short-white-line {
  margin: 10px auto;
  width:50px;
  height: 1px;
  border-bottom: 1px solid white;

}
@media (max-width: 800px) {
  .scroll-three {
    width:100%;
    margin:0 auto;
    background:#F8F8F8;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
    border-top:1px solid #eee;
    box-sizing: border-box;
    margin:0 auto;
    padding-top:40px;
    padding-bottom:40px;
  }

  .scroll-three .title {
    font-family: effra_regular;
    width:calc(100% - 40px);
    text-align: center;
    margin-bottom: 30px;
    margin-left:auto;
    margin-right:auto;
  }

  .scroll-three .value-props-container {
    width:calc(100% - 40px);
    margin:0 auto;
    text-align: center;
  }

  .scroll-three .value-prop {
    width:100%;
    margin-bottom:30px;
  }

  .scroll-three .value-prop-title {
    font-family: proxima_nova_rgregular;
    text-transform: uppercase;
  }

  .value-prop-callToActionBtn {
    margin:0px auto 40px;
  }
}

/* ==========================================================================
  SCROLL FOUR
   ========================================================================== */



 .scroll-four img {
   margin:10px;
 }


@media (min-width: 801px) {
  .scroll-four {
    width:calc(100% - 80px);
    margin:0 auto;
    background:white;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
    box-sizing: border-box;
    padding-top:60px;
    padding-bottom:60px;
  }

  .scroll-four .title {
    font-family: effra_regular;
    width:600px;
    text-align: center;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width: 800px) {
  .scroll-four {
    width:calc(100% - 40px);
    margin:0 auto;
    background:white;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
    box-sizing: border-box;
    padding-top:60px;
    padding-bottom:40px;
    margin: 0 auto;
  }

  .scroll-four .title {
    font-family: effra_regular;
    width:100%;
    text-align: center;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* ==========================================================================
  SCROLL FIVE
   ========================================================================== */



 .scroll-five img {
   margin:10px;
 }


@media (min-width: 801px) {
  .scroll-five {
    width:100%;
    margin:0 auto;
    background:white;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
    box-sizing: border-box;
    padding: 30px;
    max-width: 1200px;
  }

  .scroll-five .title {
    font-family: effra_regular;
    width: calc(100% - 80px);
    text-align: center;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
  }

	.quote-texts {
		height:120px;
	}
  .quotes {
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;;
  }

  .quote-profile {
    width:220px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }

  .quote-profile-picture {
    width:100px;
    height:100px;
    border-radius:120px;
    padding: 0;
    border: 5px solid white;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }

  .testimonial {
    display: flex;
    margin-top: 20px;
    justify-content: center;
  }

  .testimonial .column {
    max-width: 440px;
  }

  .quote {
    margin-top: 10px;
  }
  .quote-text {
    display:none;
    max-width:800px;
    margin: 0 auto;
  }

  .quote-source {
    display:none;
  }

  .quote-profile.selected .quote-profile-picture{
    border: 5px solid #ddd;

  }

  .quote-profile-names {
    font-family: proxima_nova_rgregular;
    text-transform: uppercase;
    letter-spacing: 3px;
  }

}

@media (max-width: 800px) {
  .scroll-five {
    width:calc(100% - 40px);
    margin:0 auto;
    background:white;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    position:relative;
    box-sizing: border-box;
    padding-top:40px;
    padding-bottom:40px;
    margin: 0 auto;
  }

  .scroll-five .title {
    font-family: effra_regular;
    width:100%;
    text-align: center;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
  }

  .quote-texts {
	margin-bottom:20px;
	}
  .quotes {
    margin-top: 30px;

  }

  .quote-profile {
    width:220px;
    text-align: center;
  	margin:0 auto;
  	display:none;
  }

  .quote-profile-picture {
    width:100px;
    height:100px;
    border-radius:120px;
    padding: 0;
      border: 5px solid white;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }

  .testimonial .column {
    max-width: 350px;
    margin: 1.5em auto;
  }

  .quote {
    margin-top: 10px;
  }

  .quote-text {
    display:none;
    max-width:800px;
    margin: 0 auto;
  }

  .quote-source {
    display:none;
  }

  .quote-profile.selected{
    display:block;

  }

  .quote-profile-names {
    font-family: proxima_nova_rgregular;
    text-transform: uppercase;
    letter-spacing: 3px;
  }
}

/* ==========================================================================
  SCROLL SIX
   ========================================================================== */




@media (min-width: 801px) {

  .scroll-six {
    width:100%;
    background-image: url(../img/website/scroll6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;

  }

  .scroll-six .overlay {
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 40px;
  }

   .scroll-six .title {
     font-family: effra_regular;
     width:600px;
     text-align: center;
     margin-bottom: 40px;
     margin-left:auto;
     margin-right:auto;
     color:white;
   }

   .scroll-six .stats-container {
     width:800px;
     height:120px;
     margin: 0 auto;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     flex-wrap: nowrap;
   }

   .scroll-six .stat {
     flex-grow: 1;
     height: 120px;
     text-align: center;
     color:#eee;
     line-height: 1.2;
   }

   .scroll-six .stat-title {
     font-size:80px;
   }

   .scroll-six .stat-subtitle {
     font-size:16px;
   }

}

@media (max-width: 800px) {
  .scroll-six {
    position: relative;
    width:100%;
    background-image: url(../img/website/scroll6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    line-height: 1.4;
    text-align:center;
    font-family: effra_regular;
    box-sizing: border-box;

  }

  .scroll-six .overlay {
    padding-top: 60px;
    padding-bottom: 40px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    box-sizing: border-box;
  }

  .scroll-six .title {
    font-family: effra_regular;
    width:calc(100% - 40px);
    text-align: center;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
    color:white;
  }

  .scroll-six .stats-container {
    width:calc(100% - 40px);
    margin:0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
  }

  .scroll-six .stat {
    flex-grow: 1;
    flex-basis: 50%;
    height: 80px;
    text-align: center;
    color:#eee;
    line-height: 1.2;
  }

  .scroll-six .stat-title {
    font-size:40px;
  }

  .scroll-six .stat-subtitle {
    font-size:14px;
  }

}
/* ==========================================================================
  SCROLL SEVEN
   ========================================================================== */
  @media (min-width: 801px) {
    .scroll-seven {
      width:100%;
      margin:0 auto;
      background:#F8F8F8;
      line-height: 1.4;
      text-align:center;
      font-family: open_sansregular;
      position:relative;
      border-top:1px solid #eee;
      box-sizing: border-box;
      padding:60px 0px 60px;
    }
    .scroll-seven .title {
      font-family: open_sansregular;
      font-size: 32px;
      text-align: center;
      margin: 0 auto 20px;
    }
    .blog-panel-container {
      display: flex;
      justify-content: center;
    }
    .blog-panel{
      background: white;
      height: 440px;
      margin: 1.2rem;
      max-width: 340px;
    }
    .blog-panel-img img{
      height: 247px;
      width: 100%
    }
    .blog-panel-title-featured, .blog-panel-title-notFeatured{
      color: #000;
      font-family: open_sansbold;
      font-size:18px;
      padding: 15px 15px 25px;
      text-align: center;
    }
    .blog-panel-title-notFeatured{
      padding-bottom: 44.25px
    }
    .blog-panel-title-featured span{
      color: #E98732;
      display: block;
      font-family: open_sansbold;
      font-size: 14px;
    }
    .blog-panel-title-notFeatured span{
      display: none;
    }
    .blog-panel-button{
      display: inline-block;
      height: 40px;
      line-height: 40px;
      border: 1px solid #e77f24;
      background: #e77f24;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 16px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      cursor: pointer;
      font-family: open_sansregular;
      width: 7rem;
      margin: 0 auto;
    }
  }
  @media (max-width: 800px) and (min-width:401px) {
    .scroll-seven {
      width:100%;
      margin:0 auto;
      background:#F8F8F8;
      line-height: 1.4;
      text-align:center;
      font-family: effra_regular;
      position:relative;
      border-top:1px solid #eee;
      box-sizing: border-box;
      padding:40px 0px 40px;
    }
    .scroll-seven .title {
      font-family: open_sansregular;
      font-size: 32px;
      text-align: center;
      margin: 0 auto 20px;
    }
    .blog-panel-container {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .blog-panel{
      background: white;
      height: 440px;
      margin: 15px;
      max-width: 340px;
    }
    .blog-panel-img img{
      height: 247px;
      width: 100%
    }
    .blog-panel-title-featured, .blog-panel-title-notFeatured{
      color: #000;
      font-family: open_sansbold;
      font-size:18px;
      padding: 15px 15px 25px;
      text-align: center;
    }
    .blog-panel-title-notFeatured{
      padding-bottom: 44.25px
    }
    .blog-panel-title-featured span{
      color: #E98732;
      display: block;
      font-family: open_sansbold;
      font-size: 14px;
    }
    .blog-panel-title-notFeatured span{
      display: none;
    }
    .blog-panel-button{
      display: inline-block;
      height: 40px;
      line-height: 40px;
      border: 1px solid #e77f24;
      background: #e77f24;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 16px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      cursor: pointer;
      font-family: open_sansregular;
      width: 7rem;
      margin: 0 auto;
    }
  }
  @media (max-width:400px){
    .scroll-seven {
      width:100%;
      margin:0 auto;
      background:#F8F8F8;
      line-height: 1.4;
      text-align:center;
      font-family: effra_regular;
      position:relative;
      border-top:1px solid #eee;
      box-sizing: border-box;
      padding:40px 0px 40px;
    }
    .scroll-seven .title {
      font-family: open_sansregular;
      font-size: 32px;
      text-align: center;
      margin: 0 auto 10px;
    }
    .blog-panel-container {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .blog-panel{
      background: white;
      height: 440px;
      margin: 15px 30px;
      max-width: 340px;
    }
    .blog-panel-img img{
      height: 247px;
      width: 100%
    }
    .blog-panel-title-featured, .blog-panel-title-notFeatured{
      color: #000;
      font-family: open_sansbold;
      font-size:18px;
      padding: 15px 15px 25px;
      text-align: center;
    }
    .blog-panel-title-notFeatured{
      padding-bottom: 44.25px
    }
    .blog-panel-title-featured span{
      color: #E98732;
      display: block;
      font-family: open_sansbold;
      font-size: 14px;
    }
    .blog-panel-title-notFeatured span{
      display: none;
    }
    .blog-panel-button{
      display: inline-block;
      height: 40px;
      line-height: 40px;
      border: 1px solid #e77f24;
      background: #e77f24;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 16px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      cursor: pointer;
      font-family: open_sansregular;
      width: 7rem;
      margin: 0 auto;
    }
  }

/* ==========================================================================
FOOTER
========================================================================== */
 
   @media (min-width: 901px) {

     .footer {
       width:100%;
       background: white;
       line-height: 1.4;
       text-align:left;
       font-family: effra_regular;
       box-sizing: border-box;
       padding-top: 80px;
       padding-bottom: 40px;

     }

      .footer .menu-container {
        width:800px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:flex-start;;
        flex-wrap: nowrap;
      }

      .footer .menu-column {
        flex-grow: 1;
        text-align: left;
        color:#eee;
        line-height: 1.4;
        color:black;
        font-size:14px;
      }

	  .footer .menu-container-mobile {
  		display:none;
  	 }

    .preferred-logo {
      height:100px;
      margin:0px 5px;
    }

    /* --- NEWSLETTER --- */

    .footer .newsletter-container {
      margin: 30px auto 0px;
      padding-right: 65px;
      width: 800px;
    }

    .footer .newsletter-desc {
      font-family: proxima_nova_rgregular;
      font-size: 14px;
      margin-bottom: 10px;
      text-align: center;
    }

    .footer .questions-container {
      display: flex;
      justify-content: center;
    }

    .footer .question {
      /* font-size: 14px; */
      margin:0 20px;
    }

    .footer input {
      font-size: 14px;
      margin: 0px;
    }

    .footer .submitBtn {
      height: 30px;
      line-height: 30px;
    }

    input[type="text"], 
    input[type="email"], 
    input[type="password"] {
      background: transparent;
      border: none;
      border-bottom: 1px solid #B3B3B3;
      border-radius: 0px;
      font-family: effra_regular;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      outline: none;
      width: 100%;
      -webkit-appearance: none;
    }
   }

   @media (max-width: 900px) {
    .footer {
      width:100%;
	    background:white;
	    padding-bottom: 40px;
	    text-align:left;
    }

	 .footer .menu-container {
		display:none;
	 }

	 .footer .menu-container-mobile {
		width:100%;
		padding:20px;
		box-sizing:border-box;
		font-size:12px;
	 }

	 .footer-menu-row {
    margin-top:10px;
    width:100%;
    border-bottom: 1px solid #eee;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#6f6f6f;
    overflow:hidden;
    cursor: pointer;
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(/assets/img/website/arrow_down_black.png);
	 }

	 .footer-menu-row.toggled {
		 background-image:url(/assets/img/website/arrow_up_black.png);
	 }

		.footer-submenu {
		display:none;
		width:100%;

		}

		.footer-submenu-row {
		width:100%;
		height:40px;
		line-height:40px;
		box-sizing:border-box;
		padding-left:20px;
    font-size:16px;
	 }

   .preferred-logo {
     width:50%;
     margin:10px auto;
     display: block;
   }

   /* --- NEWSLETTER --- */


   .footer .newsletter-container {
     margin: 0px auto;
     width: 70%;
   }

   .footer .newsletter-desc {
     font-family: proxima_nova_rgregular;
     font-size: 14px;
     line-height: 1.25;
     margin-bottom: 10px;
     text-align: center;
   }

   .footer .questions-container {
     margin:0 auto;
     text-align: center;
     width: 100%;
   }

   .footer .question {
     font-size: 14px;
     margin:0 10px;
   }

   .footer input {
     font-size: 14px;
     margin: 0px;
   }

   .footer .submitBtn {
     height: 30px;
     line-height: 30px;
     margin-top: 20px;
   }

  input[type="text"], 
  input[type="email"], 
  input[type="password"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #B3B3B3;
    border-radius: 0px;
    font-family: effra_regular;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
   }

  #spacio-copyright {
      margin-top: 20px;
  }

  }

   .menu-column-title {
     letter-spacing: 3px;
      font-family: proxima_nova_rgregular;
      margin-bottom: 20px;
   }

 /* ==========================================================================
     LOGIN OPTIONS
      ========================================================================== */


@media (min-width: 801px) {

  .login-option {
  height:40px;
  line-height:40px;
  border:1px solid white;
  padding-left:20px;
  padding-right:20px;
  font-size:16px;
  text-align:center;
  text-transform:uppercase;
  color:white;
  cursor: pointer;
  font-family: effra_regular;
  margin-bottom:10px;
  }

  .login-box {
    width:400px;
    height:300px;
    background:#282828;
    box-sizing: border-box;
    padding-left:55px;
    padding-right:55px;
    padding-top:60px;
    position:relative;
    color:white;
	font-family:effra_light;
  }

  .login-overlay {
  display:none;
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
}

.login-container {
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.login-close-btn {
	  display: inline-block;
	  height:30px;
	  line-height:30px;
	  border:1px solid #eee;
	  padding-left:20px;
	  padding-right:20px;
	  font-size:16px;
	  text-align:center;
	  text-transform:uppercase;
	  color:#eee;
	  cursor: pointer;
	  position: absolute;
	  right:20px;
	  top:20px;
	}


}

@media (max-width: 800px) {

  .login-option {
    height:40px;
    line-height:40px;
    border:1px solid white;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    cursor: pointer;
    font-family: effra_regular;
    margin-bottom:10px;
  }

  .login-box {
    width:calc(100% - 40px);
    height:calc(100% - 40px);
    background:#282828;
    box-sizing: border-box;
    padding-left:20px;
    padding-right:20px;
    padding-top:60px;
    position:relative;
    color:white;
	  font-family:effra_light;
  }

  .login-overlay {
    display:none;
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
  }

  .login-container {
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .login-close-btn {
    display: inline-block;
    height:30px;
    line-height:30px;
    border:1px solid #eee;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    color:#eee;
    cursor: pointer;
    position: absolute;
    right:20px;
    top:20px;
  	}


}

   /* ==========================================================================
     POPUPS
      ========================================================================== */


.popup-overlay {
  display:none;
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.popup-overlay-2 {
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
}

.popup-container {
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

p.popup-google-terms {
  font-size: 12px;
  line-height: 16px;
}

p.popup-google-terms a {
  text-decoration: underline;
}

@media (min-width: 801px) {

  .popup-input-box {
    width:100%;
    /*border:1px solid #eee;
    border-radius:3px;*/
    height:80px;
    margin-bottom:10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .popup-input-demo-checkbox {
    margin-bottom:10px;
  }

  .popup-label {
    order:1;
    height:40px;
    line-height: 40px;
    vertical-align: top;
    /* flex-basis:110px;
    flex-grow: 0;
    flex-shrink: 0; */
    text-align: left;
    padding-right:10px;
    color:white;
    letter-spacing: 3px;
    font-size:14px;
    font-family: effra_regular;
  }

  .popup-input-textbox {
    width:100%;
    height:120px;
    margin-bottom:10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .popup-textbox {
    order:2;
    height:80px;
    width:100%;
    line-height: 1.2;
    vertical-align: top;
    padding-left: 10px;
    padding-top:10px;
    box-sizing:border-box;
    border: none;
    border-radius:0px;
    text-align: left;
    flex-grow: 1;
    background: rgba(0,0,0,0.2);
    color:white;
    -webkit-appearance:none;
    font-family:effra_regular;
    resize:none;
  }

  .popup-error-message {
  	display: block;
    height:20px;
  	width:100%;
    line-height:15px;
   	font-size:16px;
    text-align:left;
    color:#e77f24;
    /* position: absolute; */
    left:60px;
    bottom:20px;
    margin-bottom:10px;
  }

}

@media (max-width: 800px) {

  .popup-input-box {
    width:100%;
    /*border:1px solid #eee;
    border-radius:3px;*/
    height:80px;
    margin-bottom:10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .popup-input-demo-checkbox {
    margin-bottom:10px;
  }

  .popup-label {
    order:1;
    height:40px;
    line-height: 40px;
    vertical-align: top;
    /* flex-basis:110px;
    flex-grow: 0;
    flex-shrink: 0; */
    text-align: left;
    padding-right:10px;
    color:white;
    /* lessened letter spacing in mobile to avoid label overlapping with input */
    letter-spacing: 1px;
    font-size:14px;
    font-family: effra_regular;
  }

  .popup-input-textbox {
    width:100%;
    height:180px;
    margin-bottom:10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .popup-textbox {
    order:2;
    height:130px;
    width:100%;
    line-height: 1.2;
    vertical-align: top;
    padding-left: 10px;
    padding-top:10px;
    box-sizing:border-box;
    border: none;
    border-radius:0px;
    text-align: left;
    flex-grow: 1;
    background: rgba(0,0,0,0.2);
    color:white;
    -webkit-appearance:none;
    font-family:effra_regular;
    resize:none;
  }

  .popup-error-message {
  	display: block;
    height:20px;
  	width:100%;
    line-height:15px;
   	font-size:16px;
    text-align:left;
    color:#e77f24;
    /* position: absolute; */
    left:60px;
    bottom:20px;
    margin-bottom:10px;
  }


}





.popup-input::placeholder {
  letter-spacing: 3px;
  font-size:14px;
  font-family: effra_regular;
  color:#ddd;
}
.popup-input {
  order:2;
  height:40px;
  line-height: 40px;
  vertical-align: top;
  padding-left: 10px;
  border: none;
  border-radius:0px;
  text-align: left;
  background-color: rgba(0,0,0,0.2);
  color:white;
  -webkit-appearance:none;
  font-family:effra_regular;
  flex-grow: 1;
  z-index:1000;
}

.popup-select {
  order:2;
  height:40px;
  line-height: 40px;
  vertical-align: top;
  padding-left: 10px;
  border: none;
  border-radius:0px;
  text-align: left;
  flex-grow: 1;
  background: url(../img/website/arrow_down_white.png) no-repeat right;
  background-color: rgba(0,0,0,0.2);
	background-size:contain;
  color:white;
  -webkit-appearance:none;
  font-family:effra_regular;
}

.popup-textbox::placeholder {
  letter-spacing: 3px;
  font-size:14px;
  font-family: effra_regular;
  color:#ddd;
}





 @media (min-width: 801px) {
  .popup-box {
    width:600px;
    height: calc(100vh - 80px);
    background:#282828;
    box-sizing: border-box;
    padding-left:60px;
    padding-right:60px;
    padding-top:40px;
    padding-bottom:40px;
    position:relative;
    color:white;
    overflow:auto;
  }

  .popup-submit-btn {
	  display: block;
	  height:40px;
	  line-height:40px;
	  border:1px solid #eee;
    background-color: #eee;
	  padding-left:20px;
	  padding-right:20px;
	  font-size:16px;
	  text-align:center;
	  text-transform:uppercase;
	  /* color:#eee; */
    color: black;
	  cursor: pointer;
    font-family: effra_medium;
	  /* position: absolute; */
	  /* right:20px; */
	  /* bottom:20px; */

	}

	.popup-close-btn {
	  display: inline-block;
	  height:30px;
	  line-height:30px;
	  border:1px solid #eee;
	  padding-left:20px;
	  padding-right:20px;
	  font-size:16px;
	  text-align:center;
	  text-transform:uppercase;
	  color:#eee;
	  cursor: pointer;
	  position: absolute;
	  right:20px;
	  top:20px;
	}
}

 @media (max-width: 800px) {
  .popup-box {
    width:100%;
    height:100%;
    background:#282828;
    box-sizing: border-box;
    padding-left:20px;
    padding-right:20px;
    padding-top:60px;
    padding-bottom:100px;
    position:relative;
    color:white;
	  overflow:auto;
    z-index: 1000;
  }

  .popup-submit-btn {
	  display: block;
	  height:40px;
	  line-height:40px;
	  border:1px solid #eee;
    background-color:#eee;
	  padding-left:20px;
	  padding-right:20px;
	  font-size:16px;
	  text-align:center;
	  text-transform:uppercase;
	  color:black;
	  cursor: pointer;
    margin-bottom:20px;
    font-family: effra_medium;
	}

	.popup-close-btn {
	  display: none;

	}

	.popup-close-btn-mobile {
		height:40px;
		width:40px;

	  	cursor: pointer;
	  	position: absolute;
	  	right:0px;
	  	top:0px;
		 background-size: cover;
    	 background-repeat: no-repeat;
    	 background-position: center center;
     	background-image: url(/assets/img/website/close_white.png);
	}
}

/* ==========================================================================
  LEARN MORE SCROLL
   ========================================================================== */

@media (min-width: 801px) {
  .learnmore-scroll {
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    text-align: center;
  }
}

@media (max-width: 800px) {
  .learnmore-scroll {
    width:100%;
    padding-top:60px;
    padding-bottom:60px;
    padding-left:20px;
    padding-right:20px;
    box-sizing: border-box;
    text-align: center;
  }
}

/* ==========================================================================
  ALERT BOX
   ========================================================================== */

   .alert-overlay {
     display:none;
     position:fixed;
     z-index:999;
     top:0;
     left:0;
     width:100vw;
     height:100vh;
   }

   .alert-container {
     width: 100%;
     height: 100%;
     background:rgba(0,0,0,0.75);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }

  @media (min-width: 401px) {
   .alert-box {
     position: relative;
     width:400px;
     background: #282828;
     color:white;
   }
  }

   @media (max-width: 400px) {
     .alert-box {
       position: relative;
       width:calc(100% - 20px);
       background: #282828;
       color:white;
     }
   }

   .alert-title {
     font-family:proxima_nova_rgregular;
     margin-bottom:10px;
     font-size:18px;
   }

   .alert-message {
     font-family:effra_regular;
     font-size:16px;
     margin-bottom:20px;
   }

   .alert-icon {
     position: absolute;
     top:20px;
     left:20px;
     width:40px;
     height:40px;
   }

   .alert-content {
     width:calc(100% - 60px);
     margin-left: 60px;
     box-sizing: border-box;
     padding:20px;
   }
   .alert-buttons {
     width:100%;
     height:40px;
     position: relative;
   }

   .alert-button-1 {
     height:100%;
     width:50%;
     position: absolute;
     top:0;
     left:0;
     background:white;
     color:black;
     line-height: 40px;
     text-align: center;
     text-transform: uppercase;
     cursor:pointer;
   }

   .alert-button-2 {
     height:100%;
     width:50%;
     position: absolute;
     top:0;
     left:50%;
     background:#eee;
     color:black;
     line-height: 40px;
     text-align: center;
     text-transform: uppercase;
     cursor:pointer;
   }

   .alert-box-x {
     position: absolute;
     top:0;
     right:0;
     width:40px;
     height:40px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     background-image: url(/assets/img/website/close_white.png);
     cursor: pointer;
   }

/* ==========================================================================
  MARKETO CUSTOM STYLING
   ========================================================================== */

   form.mktoForm, .mktoFormCol {
    width: 100% !important;
    padding-top: 10px;
  }

  .mktoForm .mktoOffset, .mktoForm .mktoAsterix, .mktoGutter {
    display: none !important;
  }

  .mktoFieldWrap {
    float: none !important;
  }

  .mktoLabel, .mktoField:not([name=Product_s_of_Interest__c]):not([name=marketingOptIn]) {
    width: 100% !important;
    float: none !important;
    color: #FFFFFF;
    font-size: 14px !important;
  }

  .mktoFieldDescriptor {
    padding-top: 10px!important;
  }

  .mktoField {
    background: transparent;
    border: none;
    border-bottom: 1px solid #B3B3B3;
    border-radius: 0px;
    font-size: 14px !important;
    color: #FFFFFF;
    padding: 10px 15px !important;
    margin-top: 5px !important;
  }

  .mktoCheckboxList {
    width: 100% !important;
    font-size: 14px !important;
    padding-left: 5px !important;
    color: #FFFFFF;
    font-weight: normal;
    float: none !important;
  }

  .mktoButton {
    display: block;
    height: 40px;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #eee !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 16px !important;
    text-align: center;
    text-transform: uppercase;
    color: #eee;
    cursor: pointer;
    font-family: effra_medium;
  }