@charset "UTF-8";
@font-face {
  font-family: 'MagallanesCondLight';
  src: url("../fonts/MagallanesCondLight.eot");
  src: local("☺"), url("../fonts/MagallanesCondLight.woff") format("woff"), url("../fonts/MagallanesCondLight.ttf") format("truetype"), url("../fonts/MagallanesCondLight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AchilleFYL-Black';
  src: url("../fonts/AchilleFYL-Black.eot");
  src: local("☺"), url("../fonts/AchilleFYL-Black.woff") format("woff"), url("../fonts/AchilleFYL-Black.ttf") format("truetype"), url("../fonts/AchilleFYL-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ==========================================================================
   RESET SMR styles
========================================================================== */
.w1{
  max-width: 100%;
}
#header{
  border-bottom: none;
}

#nav ul a::before, #nav ul a::after {
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

/* ==========================================================================
   Preservation
========================================================================== */
.btn {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "AchilleFYL-Black";
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 2px solid #25a79b;
  padding: 20px 15px 35px;
  color: #25a79b;
  letter-spacing: 1px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.01), 2px 2px rgba(0, 0, 0, 0.01), 3px 3px rgba(0, 0, 0, 0.01), 4px 4px rgba(0, 0, 0, 0.01), 5px 5px rgba(0, 0, 0, 0.01), 6px 6px rgba(0, 0, 0, 0.01), 7px 7px rgba(0, 0, 0, 0.01), 8px 8px rgba(0, 0, 0, 0.01), 9px 9px rgba(0, 0, 0, 0.01), 10px 10px rgba(0, 0, 0, 0.01), 11px 11px rgba(0, 0, 0, 0.01), 12px 12px rgba(0, 0, 0, 0.01), 13px 13px rgba(0, 0, 0, 0.01), 14px 14px rgba(0, 0, 0, 0.01), 15px 15px rgba(0, 0, 0, 0.01), 16px 16px rgba(0, 0, 0, 0.01), 17px 17px rgba(0, 0, 0, 0.01), 18px 18px rgba(0, 0, 0, 0.01), 19px 19px rgba(0, 0, 0, 0.01), 20px 20px rgba(0, 0, 0, 0.01), 21px 21px rgba(0, 0, 0, 0.01), 22px 22px rgba(0, 0, 0, 0.01), 23px 23px rgba(0, 0, 0, 0.01), 24px 24px rgba(0, 0, 0, 0.01), 25px 25px rgba(0, 0, 0, 0.01), 26px 26px rgba(0, 0, 0, 0.01), 27px 27px rgba(0, 0, 0, 0.01), 28px 28px rgba(0, 0, 0, 0.01), 29px 29px rgba(0, 0, 0, 0.01), 30px 30px rgba(0, 0, 0, 0.01), 31px 31px rgba(0, 0, 0, 0.01), 32px 32px rgba(0, 0, 0, 0.01), 33px 33px rgba(0, 0, 0, 0.01), 34px 34px rgba(0, 0, 0, 0.01), 35px 35px rgba(0, 0, 0, 0.01), 36px 36px rgba(0, 0, 0, 0.01), 37px 37px rgba(0, 0, 0, 0.01), 38px 38px rgba(0, 0, 0, 0.01), 39px 39px rgba(0, 0, 0, 0.01), 40px 40px rgba(0, 0, 0, 0.01), 41px 41px rgba(0, 0, 0, 0.01), 42px 42px rgba(0, 0, 0, 0.01), 43px 43px rgba(0, 0, 0, 0.01), 44px 44px rgba(0, 0, 0, 0.01), 45px 45px rgba(0, 0, 0, 0.01), 46px 46px rgba(0, 0, 0, 0.01), 47px 47px rgba(0, 0, 0, 0.01), 48px 48px rgba(0, 0, 0, 0.01), 49px 49px rgba(0, 0, 0, 0.01), 50px 50px rgba(0, 0, 0, 0.01);
}

.btn:after {
  content: '/////////////////////////////////////////////////////////';
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  left: 10%;
  right: 10%;
  overflow: hidden;
  bottom: 16px;
  color: #25a79b;
  line-height: 8px;
  white-space: nowrap;
  font-family: "Times New Roman";
  font-style: italic;
}

.btn:not([disabled]):hover {
  color: #fff;
  border-color: #fff;
  background: #25a79b;
  text-decoration: none;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.02), 2px 2px rgba(0, 0, 0, 0.02), 3px 3px rgba(0, 0, 0, 0.02), 4px 4px rgba(0, 0, 0, 0.02), 5px 5px rgba(0, 0, 0, 0.02), 6px 6px rgba(0, 0, 0, 0.02), 7px 7px rgba(0, 0, 0, 0.02), 8px 8px rgba(0, 0, 0, 0.02), 9px 9px rgba(0, 0, 0, 0.02), 10px 10px rgba(0, 0, 0, 0.02), 11px 11px rgba(0, 0, 0, 0.02), 12px 12px rgba(0, 0, 0, 0.02), 13px 13px rgba(0, 0, 0, 0.02), 14px 14px rgba(0, 0, 0, 0.02), 15px 15px rgba(0, 0, 0, 0.02), 16px 16px rgba(0, 0, 0, 0.02), 17px 17px rgba(0, 0, 0, 0.02), 18px 18px rgba(0, 0, 0, 0.02), 19px 19px rgba(0, 0, 0, 0.02), 20px 20px rgba(0, 0, 0, 0.02), 21px 21px rgba(0, 0, 0, 0.02), 22px 22px rgba(0, 0, 0, 0.02), 23px 23px rgba(0, 0, 0, 0.02), 24px 24px rgba(0, 0, 0, 0.02), 25px 25px rgba(0, 0, 0, 0.02), 26px 26px rgba(0, 0, 0, 0.02), 27px 27px rgba(0, 0, 0, 0.02), 28px 28px rgba(0, 0, 0, 0.02), 29px 29px rgba(0, 0, 0, 0.02), 30px 30px rgba(0, 0, 0, 0.02), 31px 31px rgba(0, 0, 0, 0.02), 32px 32px rgba(0, 0, 0, 0.02), 33px 33px rgba(0, 0, 0, 0.02), 34px 34px rgba(0, 0, 0, 0.02), 35px 35px rgba(0, 0, 0, 0.02), 36px 36px rgba(0, 0, 0, 0.02), 37px 37px rgba(0, 0, 0, 0.02), 38px 38px rgba(0, 0, 0, 0.02), 39px 39px rgba(0, 0, 0, 0.02), 40px 40px rgba(0, 0, 0, 0.02), 41px 41px rgba(0, 0, 0, 0.02), 42px 42px rgba(0, 0, 0, 0.02), 43px 43px rgba(0, 0, 0, 0.02), 44px 44px rgba(0, 0, 0, 0.02), 45px 45px rgba(0, 0, 0, 0.02), 46px 46px rgba(0, 0, 0, 0.02), 47px 47px rgba(0, 0, 0, 0.02), 48px 48px rgba(0, 0, 0, 0.02), 49px 49px rgba(0, 0, 0, 0.02), 50px 50px rgba(0, 0, 0, 0.02);
}

.btn:not([disabled]):hover:after {
  color: #fff;
  left: 27%;
  right: 27%;
}

.btn[disabled] {
  color: #a1a1a1;
  border-color: #a1a1a1;
}

/* ==========================================================================

========================================================================== */
html {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 100%;
}

body {
  min-height: 100%;
  line-height: 1;
  font-family: "MagallanesCondLight";
}

h1, h2, h3, h4, h5, h6 {
  font-family: "AchilleFYL-Black";
  color: white;
  margin: 20px 0;
  font-weight: normal;
  letter-spacing: .01em;
}

h1 {
  font-size: 42px;
  font-size: 4.2rem;
}

h2 {
  font-size: 32px;
  font-size: 3.2rem;
}

h3 {
  font-size: 22px;
  font-size: 2.2rem;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

a {
  text-decoration: none;
}

.browsehappy {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background: #e95f2b;
}
.browsehappy p {
  width: 400px;
  height: 400px;
  margin: 200px auto;
}
.browsehappy p a {
  text-decoration: underline;
}

.asphalt {
  background: url(../images/bg-intro.png);
}

.emphasis {
  background: #414141;
  padding: 5px 10px;
}
.emphasis sup {
  font-size: 16px;
  vertical-align: top;
  margin-top: 15px;
  display: inline-block;
}

.mobile {
  display: none;
}

.em_orange {
  background: #e95f2b;
  color: white !important;
  padding: 5px 10px;
}

.underline {
  border-bottom: 2px solid #e95f2b;
}

#noreturn {
  height: 292px;
  width: 100%;
  position: absolute;
  top: 55%;
  z-index: 1000;
  background: url(../images/preservation/noreturn.gif) no-repeat center top;
}

.scrollDown {
  width: 140px;
  height: 140px;
  position: fixed;
  bottom: 100px;
  left: 50%;
  margin-left: -70px;
  padding: 20px 12px;
  font-size: 14px;
  z-index: 1;
}
.scrollDown > img { z-index: 1; }

.preservation-footer h3 {
  margin-bottom: 60px;
}

.scene{
  background-color: white;
}

#scene_2, #scene_6{
  background-color: transparent;
}

@media screen and (max-device-width: 1025px) {
  html {
    font-size: 75%;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 0;
  }

  .mobile {
    display: block;
  }

  /* .scene, .asphalt{
      padding: 0 10px;
  } */
  #noreturn {
    top: 880px;
  }

  .scrollDown {
    display: none;
  }

  .scene article {
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
  }

  #scene_1 {
    background: #f9f2ed;
    padding: 20px 10px;
  }
  #scene_1 .col1 svg, #scene_1 .col2 svg {
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto;
    display: block;
  }
  #scene_1 .col1 p, #scene_1 .col2 p {
    padding-left: 80px;
  }
  #scene_1 .col1 img, #scene_1 .col2 img {
    display: block;
  }
  #scene_1 .col1 p {
    background: url(../images/preservation/x.png) no-repeat left 10px top;
    min-height: 50px;
  }
  #scene_1 .col2 p {
    background: url(../images/preservation/check.png) no-repeat left 10px top;
  }

  .stickyNav, #chart_1, #chart_2 {
    display: none;
  }

  .asphalt {
    text-align: center;
    padding: 60px;
  }
  .asphalt h1 {
    margin: 0;
    font-size: 25px;
    font-size: 2.5rem;
  }

  .disclaimer {
    font-size: 8px;
    font-size: 0.8rem;
  }

  img.mobile {
    width: 100%;
    max-width: 460px;
    margin: 20px auto;
  }


  .green-bar {
    background: #25a79b;
    padding: 20px;
    border-top: 10px solid #414141;
    border-bottom: 10px solid #414141;
  }
  .green-bar header {
    position: relative;
    width: 300px;
    margin: 0 auto;
  }
  .green-bar header h1 {
    font-size: 150px;
    font-size: 15rem;
    line-height: 1;
  }
  .green-bar header .years {
    position: absolute;
    top: 75px;
    right: 0;
    margin: 0;
    line-height: .5;
    font-weight: bold;
    color: #414141;
  }
  .green-bar header .bracket-text h4 {
    margin: 5px 0 10px;
  }
  .green-bar header .bracket {
    display: none;
  }

  #scene_2, #scene_6{
    background-color: #25a79b;
  }


  #scene_3 {
    padding: 20px 10px;
    text-align: center;
    position: relative;
  }
  #scene_3 h4 {
    color: #414141;
  }
  #scene_3 .counter-wrap {
    display: none;
  }
  #scene_3 #message_1 p, #scene_3 #message_2 p, #scene_3 #message_3 p {
    max-width: 200px;
    margin: 10px auto;
  }
  #scene_3 #message_3 {
    margin-top: 350px;
    padding-bottom: 10px;
    background: url(../images/preservation/border.png) center bottom repeat-x;
  }
  #scene_3 #message_3 h4 {
    margin-right: 10px;
    margin-left: 10px;
  }

  #scene_5 article {
    padding: 20px 10px;
  }
  #scene_5 #telescope {
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto;
    display: block;
  }
  #scene_5 .headlines {
    margin: 20px 0;
  }
  #scene_5 .headlines h4 {
    color: #414141;
    margin: 0 0 5px 0;
  }

  #scene_6 .plus {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 60px;
    font-size: 6rem;
  }
  #scene_6 .bracket-text .emphasis {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
  }

  #scene_3, #scene_7 {
    padding: 20px 0;
  }

  #scene_7 {
    padding-bottom: 0;
  }
  #scene_7 .message_1 img {
    width: 100%;
  }

  #scene_7 h4, #scene_7 p, #scene_8 h4, #scene_8 p {
    color: #414141;
    margin: 10px 0;
    padding: 0 10px;
  }

  .preservation-footer.asphalt {
    padding: 60px 0;
  }
  .preservation-footer.asphalt h3 {
    padding: 0 30px;
  }

  .desktop {
    display: none;
  }
}
@media screen and (min-device-width: 1025px) {
  svg .year-marker text {
    font-family: "AchilleFYL-Black";
  }
  svg .year-marker .year-num {
    fill: white;
    font-size: 14px;
    font-size: 1.4rem;
  }
  svg .year-marker .year-label {
    fill: #414141;
  }
  svg text {
    font-family: "MagallanesCondLight";
    font-size: 10px;
    font-size: 1rem;
    fill: #414141;
  }
  svg text.treatment-title {
    font-family: "MagallanesCondLight";
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 1.4rem;
    fill: white;
    background: #000;
    text-transform: uppercase;
  }
  svg #badge-num {
    fill: white;
    font-family: "AchilleFYL-Black";
    font-size: 18px;
    font-size: 1.8rem;
  }

  .asphalt {
    min-width: 1040px;
    overflow: hidden;
  }
  .asphalt h1 {
    width: 1040px;
    margin: 0 auto;
    text-align: center;
    padding: 90px 0;
  }

  .disclaimer {
    font-size: 10px;
    font-size: 1rem;
    width: 300px;
    margin-top: 40px;
  }

  .road-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .road-bg div.road {
    margin: 0 auto;
    width: 1040px;
    min-height: 100%;
    height: 100%;
    position: relative;
  }

  .car {
    position: absolute;
    width: 20px;
    height: 40px;
    background: url(../images/preservation/car.png) no-repeat center center;
  }


  #scene_1 .road .car:nth-child(1) {
    left: 562px;
    top: 160px;
  }
  #scene_1 .road .car:nth-child(2) {
    left: 315px;
    top: 420px;
  }

  #scene_3 .road .car:nth-child(1) {
    left: 400px;
    top: 960px;
  }
  #scene_3 .road .car:nth-child(2) {
    left: 380px;
    top: 450px;
  }
  #scene_3 .road .car:nth-child(3) {
    left: 400px;
    top: 560px;
  }
  #scene_3 .road .car:nth-child(4) {
    left: 380px;
    top: 750px;
  }
  #scene_3 .road .car:nth-child(5) {
    left: 400px;
    top: 1560px;
  }
  #scene_3 .road .car:nth-child(6) {
    left: 380px;
    top: 1150px;
  }
  #scene_3 .road .car:nth-child(7) {
    left: 400px;
    top: 1800px;
  }
  #scene_3 .road .car:nth-child(8) {
    left: 380px;
    top: 1600px;
  }

  #scene_5 .road .car:nth-child(1) {
    left: 556px;
    top: 180px;
  }
  #scene_5 .road .car:nth-child(2) {
    left: 536px;
    top: 220px;
  }

  #scene_7 .road .car:nth-child(1) {
    right: 40px;
    top: 680px;
  }
  #scene_7 .road .car:nth-child(2) {
    right: 22px;
    top: 760px;
  }
  #scene_7 .road .car:nth-child(3) {
    right: 40px;
    top: 1250px;
  }
  #scene_7 .road .car:nth-child(4) {
    right: 22px;
    top: 1460px;
  }
  #scene_7 .road .car:nth-child(5) {
    right: 40px;
    top: 1650px;
  }
  #scene_7 .road .car:nth-child(6) {
    right: 22px;
    top: 2000px;
  }
  #scene_7 .road .car:nth-child(7) {
    right: 40px;
    top: 2100px;
  }
  #scene_7 .road .car:nth-child(8) {
    right: 22px;
    top: 2400px;
  }
  #scene_7 .road .car:nth-child(9) {
    right: 40px;
    top: 2600px;
  }

  .scene {
    position: relative;
    min-width: 1040px;
    overflow: hidden;
    *zoom: 1;
  }
  .scene article {
    width: 1040px;
    margin: 0 auto;
    padding: 60px 0;
    position: relative;
    z-index: 2;
  }
  .scene article h1, .scene article h2, .scene article h3, .scene article h4, .scene article h5, .scene article h6 {
    color: #414141;
  }
  .scene article.two-col .col1, .scene article.two-col .col2 {
    float: left;
    text-align: center;
    *zoom: 1;
  }
  .scene article.two-col .col1:before, .scene article.two-col .col1:after, .scene article.two-col .col2:before, .scene article.two-col .col2:after {
    content: "";
    display: table;
  }
  .scene article.two-col .col1:after, .scene article.two-col .col2:after {
    clear: both;
  }
  .scene article.two-col div.col1 {
    width: 310px;
    margin-right: 90px;
    text-align: center;
  }
  .scene article.two-col div.col2 {
    width: 640px;
  }
  .scene:before, .scene:after {
    content: "";
    display: table;
  }
  .scene:after {
    clear: both;
  }

  .scene > header {
    height: 175px;
    border-top: 10px solid #414141;
    border-bottom: 10px solid #414141;
    background: #25a79b;
    overflow: hidden;
  }
  .scene > header > div {
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
    height: 155px;
    overflow: hidden;
  }
  .scene > header h1 {
    font-size: 140px;
    font-size: 14rem;
    margin-top: -20px;
    line-height: 1;
  }

  #scene_0 {
    padding: 60px 0;
  }

  #scene_0 h1 {
    margin: 0 auto;
    padding: 15px 120px;
    line-height: 1.2 !important;
  }

  #scene_1 {
    background: #f9f2ed;
  }

  #scene_1 .col1 p, #scene_1 .col2 p,
  #pothole .inner, #sprayer .inner{
    opacity: 0;
  }

  #scene_1 .road {
    background: url(../images/preservation/road/scene_1_road.gif) no-repeat 300px top;
  }
  #scene_1 article {
    padding-top: 30px;
    height: 700px;
    overflow: hidden;
    *zoom: 1;
  }
  #scene_1 article:before, #scene_1 article:after {
    content: "";
    display: table;
  }
  #scene_1 article:after {
    clear: both;
  }
  #scene_1 .col1, #scene_1 .col2 {
    float: left;
    width: 50%;
  }
  #scene_1 .col1 img, #scene_1 .col2 img {
    display: block;
  }
  #scene_1 .col1 img, #scene_1 .col1 svg {
    margin-left: 100px;
  }
  #scene_1 .col1 p {
    background: url(../images/preservation/x.png) no-repeat left top;
    padding-left: 60px;
    width: 400px;
  }
  #scene_1 .col2 {
    padding-top: 200px;
  }
  #scene_1 .col2 img, #scene_1 .col2 svg {
    margin-left: 100px;
  }
  #scene_1 .col2 p {
    background: url(../images/preservation/check.png) no-repeat left top;
    padding-left: 80px;
    width: 450px;
  }

  .counter-wrap {
    *zoom: 1;
    width: 205px;
    margin: 0 auto;
  }
  .counter-wrap:before, .counter-wrap:after {
    content: "";
    display: table;
  }
  .counter-wrap:after {
    clear: both;
  }

  .counter {
    background: url(../images/preservation/counter.png) no-repeat;
    color: white;
    font-size: 62px;
    font-size: 6.2rem;
    padding: 35px 0 0 0;
    line-height: 1;
    text-align: center;
    font-family: "AchilleFYL-Black";
    width: 93px;
    height: 150px;
    margin: 2px;
    float: left;
    position: relative;
  }
  .counter:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    height: 4px;
    border-top: 2px solid white;
    border-bottom: 2px solid #333;
    opacity: .7;
  }

  .green-bar {
    position: absolute;
    width: 100%;
    z-index: 9000;
  }
  .green-bar header > div {
    max-width: 900px;
  }
  .green-bar header .years {
    position: absolute;
    top: 70px;
    left: 255px;
    margin: 0;
    line-height: .5;
    font-weight: bold;
    color: #414141;
  }
  .green-bar header .bracket-text {
    position: absolute;
    top: 20px;
    left: 45%;
    padding: 15px 0 0 40px;
  }
  .green-bar header .bracket-text h4 {
    margin: 5px 0 10px;
  }
  .green-bar header .bracket {
    position: absolute;
    left: 0;
    top: -2px;
    padding: 0 0 4px 0;
    font-size: 115px;
    color: #414141;
  }

  #scene_3 {
    padding: 200px 0 100px 0;
  }
  #scene_3 .road-bg .road {
    background: url(../images/preservation/road/scene_3_road.gif) 308px -5px no-repeat;
  }
  #scene_3 #trigger_3 {
    height: 0;
  }
  #scene_3 article.two-col {
    min-height: 600px;
  }
  #scene_3 article.two-col div.col1 {
    width: 285px;
    margin: 0 110px 0 50px;
    padding-top: 60px;
    position: relative;
  }
  #scene_3 article.two-col div.col2 {
    width: 595px;
  }
  #scene_3 #message_1, #scene_3 #message_2, #scene_3 #message_3 {
    position: absolute;
    top: 220px;
    width: 100%;
  }
  #scene_3 #message_2, #scene_3 #message_3, #scene_3 #highlightedRange {
    opacity: 0;
  }
  #scene_3 #message_3 {
    *zoom: 1;
    background: url(../images/preservation/border.png) center bottom repeat-x;
    width: 100%;
  }
  #scene_3 #message_3:before, #scene_3 #message_3:after {
    content: "";
    display: table;
  }
  #scene_3 #message_3:after {
    clear: both;
  }

  #scene_4 h1 {
    padding: 140px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  #scene_4 h1 span {
    display: inline-block;
  }

  #scene_5 {
    background: #f9f2ed;
  }
  #scene_5 .road-bg .road {
    background: url(../images/preservation/road/road_new_repeat.gif) repeat-y 530px top;
  }
  #scene_5 article {
    height: 480px;
    *zoom: 1;
    padding: 180px 0;
    background-size: 15%;
  }
  #scene_5 article:before, #scene_5 article:after {
    content: "";
    display: table;
  }
  #scene_5 article:after {
    clear: both;
  }
  #scene_5 article .col1, #scene_5 article .col2 {
    float: left;
    position: relative;
  }
  #scene_5 article .col1 {
    width: 500px;
    margin-right: 100px;
  }
  #scene_5 article .col1 .headlines {
    position: relative;
    z-index: 20;
  }
  #scene_5 article .col1 .headlines h4 {
    font-size: 17px;
    font-size: 1.7rem;
  }
  #scene_5 article .col2 {
    width: 440px;
  }
  #scene_5 article .col2 p {
    margin-top: 20px;
  }
  #scene_5 svg {
    position: absolute;
    top: -45px;
    right: -10px;
    width: 200px;
    height: 200px;
    z-index: 10;
  }

  #scene_6 h2 {
    position: absolute;
    top: 0;
    left: 285px;
    margin: 0;
    padding: 0;
    color: white;
    font-size: 48px;
    font-size: 4.8rem;
  }

  #scene_7 .road-bg {
    /* footer{
        height: 560px;
        bottom: 0;
        background: url(../images/preservation/road/road_new_right.gif) no-repeat top right ;
    } */
  }
  #scene_7 .road-bg header {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
  }
  #scene_7 .road-bg header .road {
    height: 400px;
    width: 1040px;
    margin: 0 auto;
    background: url(../images/preservation/road/scene_7_header_road.gif) no-repeat 530px top white;
  }
  #scene_7 .road-bg .road {
    background: url(../images/preservation/road/road_new_repeat.gif) repeat-y 973px top;
  }
  #scene_7 article {
    padding-top: 370px;
    padding-left: 70px;
  }
  #scene_7 #pin_7 {
    width: 1040px;
  }
  #scene_7 .messages {
    position: relative;
    height: 150px;
  }
  #scene_7 .messages h4 {
    margin-top: 0;
  }
  #scene_7 .messages > div {
    position: absolute;
    top: 0;
  }
  #scene_7 .message_1 {
    width: 800px;
  }
  #scene_7 .message_1 h4 {
    float: left;
    margin: 40px 40px 0 0;
  }
  #scene_7 .message_1 p {
    padding: 20px 0 0 210px;
  }
  #scene_7 svg text.treatment-title {
    font-family: "AchilleFYL-Black" !important;
  }

  #scene_8 {
    height: 345px;
  }
  #scene_8 .road-bg .road {
    background: url(../images/preservation/road/scene_8_road.gif) no-repeat 468px -260px;
  }
  #scene_8 article {
    padding: 0 0 60px 70px;
  }
  #scene_8 .message_2 {
    width: 775px;
  }
  #scene_8 .message_2 h4 {
    float: left;
    margin: 0 40px 0 0;
  }
  #scene_8 .message_2 h4, #scene_8 .message_2 p {
    padding-top: 40px;
  }
  #scene_8 .message_2 p {
    padding: 40px  20px 0 210px;
  }
  #scene_8 .message_2 p.disclaimer {
    padding-left: 0;
    padding-right: 0;
  }

  .preservation-footer article {
    padding-top: 60px;
  }
  .preservation-footer article h3 {
    line-height: 1.3;
  }

  .big-arrow {
    z-index: -1;
    height: 100px;
    background: #e95f2b;
    width: 300px;
    position: absolute;
    top: 0;
  }
  .big-arrow:after {
    content: '';
    display: block;
    float: right;
    width: 30px;
    border-top: 50px solid white;
    border-right: 50px solid white;
    border-bottom: 50px solid white;
    border-left: 50px solid #e95f2b;
  }

  .preservation-footer {
    min-height: 400px;
    text-align: center;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #noreturn {
    background: url(../images/preservation/noreturn_mobile@2x.gif) no-repeat center center;
  }

  #scene_3 #message_3 {
    margin-top: 300px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #noreturn {
    top: 740px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #noreturn {
    top: 850px;
  }
}

.browsehappy {
  margin: 0 0;
  background: pink;
  color: #000;
  padding: 2em 0;
}

.align-center {
  text-align: center;
}

.green {
  color: #25a79b !important;
}

.bg-green {
  background: #25a79b;
}