/* General changes should target only this page */
/* line 4, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
.how-it-works-page-wrapper {
  background: #f4f4f4;
  /* How it works styles */
  /* Responsive fixes */
  /* Mobile styles */
  /* End of mobile styles */ }
  @media only screen and (max-width: 1500px) {
    /* line 7, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .how-it-works-page-wrapper > .page-section {
      padding: 30px 0; } }
  /* line 14, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .howitworkswrapper {
    display: block;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    height: 560px; }
  /* line 22, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .howitworkswrapper h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 66px;
    color: #208ecf;
    margin: 0;
    text-align: center;
    line-height: 90px;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    /* Safari */
    transition: width 2s, height 2s, transform 2s; }
  /* line 33, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper #hiwheader {
    -webkit-transition: width 2s linear 1s;
    transition: width 2s linear 1s; }
  /* line 38, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .howitworkswrapper h4 {
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    color: #484848; }
  /* line 47, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .hiw-desktop-wrapper h3 {
    font-weight: normal;
    text-align: center;
    display: none;
    font-size: 22px; }
  /* line 54, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .hiw-mobile-wrapper {
    display: none; }
  /* line 58, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .howitworkswrapper .button {
    display: inline-block; }
  /* line 61, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .ourway {
    padding-top: 20px;
    text-align: center; }
  /* line 65, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .start-shopping {
    text-align: center; }
    /* line 67, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .start-shopping .button {
      display: inline-block; }
  /* line 72, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .teal-btn:hover {
    background-color: #108050; }
  /* line 75, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .hiw-desktop-wrapper .teal-btn {
    display: none; }
  /* line 79, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures {
    margin: 90px 0 70px 0;
    width: 100%;
    height: 80px;
    position: relative; }
  /* line 86, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .hiwfigure {
    font-size: 28px;
    font-weight: 800; }
  /* line 91, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .hiwlist {
    font-size: 14px;
    line-height: 18px;
    margin-top: 25px; }
  /* line 97, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .hiwicon {
    display: block;
    position: absolute;
    top: -100px;
    width: 100%;
    height: 100px;
    background-position: bottom center;
    background-size: 80px 80px;
    background-repeat: no-repeat; }
  /* line 108, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li {
    display: block;
    position: absolute;
    width: 15.26%;
    height: 80px;
    margin: 0;
    background: #ffffff;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    line-height: 28px;
    -webkit-transition: left 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945);
    -moz-transition: left 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945);
    -o-transition: left 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945);
    transition: left 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945); }
  /* line 124, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(2) {
    left: 21.18%; }
  /* line 127, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(2).moving {
    left: 42.36%; }
  /* line 130, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(3) {
    left: 42.36%; }
  /* line 133, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(4) {
    left: 63.54%; }
  /* line 136, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(4).moving {
    left: 42.36%; }
  /* line 139, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(5) {
    right: 0; }
  /* line 142, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(6) {
    left: 42.36%;
    display: none; }
  /* line 146, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(7) {
    left: 42.36%;
    background: url(/assets/howitworks-imgs/logo-c2f5c7ba96b40cd35a191c31f1bddb05943a938c150697c02f01beb383be9662.png) no-repeat center 15px;
    background-size: contain;
    display: none; }
  /* line 152, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(8) {
    right: 0;
    display: none;
    height: 105px;
    top: -10px; }
  /* line 159, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(1) .hiwicon {
    background-image: url(/assets/howitworks-imgs/chair-00b49f2110b13d63a5b6f82ec08a70184fdc48cd6baa59bacf75573f308ac5aa.png); }
  /* line 163, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(2) .hiwicon, .how-it-works-page-wrapper .oldwayfigures li:nth-child(3) .hiwicon, .how-it-works-page-wrapper .oldwayfigures li:nth-child(4) .hiwicon {
    background-image: url(/assets/howitworks-imgs/moneybag-b809a7091c06cfca68179a9a0bc7dbaeb0140da4626f2c306079ef4c2e16ddbf.png); }
  /* line 167, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(5) .hiwicon {
    background-image: url(/assets/howitworks-imgs/sourface-7ccadfca3550064f612cfcda8b95a5f2de9329a5139ddac656c635ab8536ba0c.png); }
  /* line 171, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(6) .hiwicon {
    background-image: url(/assets/howitworks-imgs/moneybags-08cca1d1c84267ff59b96e61ba2a1f6a58d41363578a8779a4f102ddd41ef33e.png); }
  /* line 174, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .oldwayfigures li:nth-child(8) .hiwicon {
    background-image: url(/assets/howitworks-imgs/smileface-6f3d928fb500359c102cd1af89134a9aba27b84cfb900d0af547884cac7dde01.png);
    top: -95px; }
  /* line 179, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .cdtasks {
    display: none;
    margin: 0;
    position: relative;
    width: 600px;
    height: 100px;
    top: -60px;
    padding-top: 20px;
    left: 50%;
    margin-left: -300px;
    background: url(/assets/howitworks-imgs/ulbg-00a5064aa91f30cae4c26d15b98e4b5ca5cb3dd40b97df50167b002f52bb2c85.png) no-repeat center top; }
  /* line 192, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .cdtasks li {
    display: block;
    float: left;
    width: 100px;
    margin: 0 10px;
    font-size: 14px;
    line-height: 18px;
    text-align: center; }
  /* line 202, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .button.teal-btn {
    top: -60px; }
  /* line 206, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .desktoparrows {
    display: block;
    position: absolute;
    width: 28%;
    height: 10px;
    top: 40px;
    left: 100%;
    background: #d4a277;
    background: url(/assets/howitworks-imgs/greyline-6b2736c2ea0ffed7fe451917d3413eb123cf9fdcdc0409aa7a3e48fa365128bf.png) center;
    background-size: 10px 10px;
    -webkit-transition: width 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945);
    -moz-transition: width 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945);
    -o-transition: width 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945);
    transition: width 400ms cubic-bezier(0.06, 0.52, 0.56, 0.945); }
  /* line 222, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .moving .desktoparrows, .how-it-works-page-wrapper .cdlogo .desktoparrows, .how-it-works-page-wrapper .oldwayfigures li:nth-child(6) .desktoparrows {
    width: 170%; }
  /* line 226, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
  .how-it-works-page-wrapper .desktoparrows span {
    display: block;
    position: absolute;
    right: -10px;
    width: 10px;
    height: 10px;
    background: url(/assets/howitworks-imgs/arrowhead-152a342965caf6524e00518b540435b120899930bc35ba655c52fc91a674c819.png) no-repeat center center;
    background-size: 10px 10px; }
  @media only screen and (max-width: 1000px) {
    /* line 239, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    /* line 247, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .howitworkswrapper {
      height: inherit; }
    /* line 251, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .hiw-mobile-wrapper {
      display: block; }
    /* line 255, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .hiw-desktop-wrapper {
      display: none; }
    /* line 259, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .howitworkswrapper h2 {
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 42px;
      line-height: 45px; }
    /* line 265, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .howitworkswrapper h3 {
      font-weight: normal;
      font-size: 24px;
      line-height: 32px;
      text-align: center;
      margin: 20px 0; }
    /* line 273, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .howitworkswrapper h4 {
      font-size: 14px;
      line-height: 24px; }
    /* line 278, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures {
      margin: 30px 0;
      height: inherit; }
    /* line 283, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li {
      display: block;
      position: relative;
      width: 100%;
      height: 60px;
      margin: 20px 0;
      line-height: 60px;
      font-size: 18px;
      padding-left: 22%;
      background-position: 10px 5px;
      background-size: 50px 50px;
      background-repeat: no-repeat;
      background-color: #ffffff;
      text-align: left;
      padding-top: 0; }
    /* line 299, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li:nth-child(2), .how-it-works-page-wrapper .oldwayfigures li:nth-child(3), .how-it-works-page-wrapper .oldwayfigures li:nth-child(4), .how-it-works-page-wrapper .oldwayfigures li:nth-child(5) {
      left: 0; }
    /* line 303, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li span {
      display: block;
      position: absolute;
      top: 0;
      left: 67%;
      width: 25%;
      height: 60px;
      font-size: 28px;
      font-weight: 800; }
    /* line 314, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li:nth-child(1) {
      background-image: url(/assets/howitworks-imgs/chair-00b49f2110b13d63a5b6f82ec08a70184fdc48cd6baa59bacf75573f308ac5aa.png); }
    /* line 317, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li:nth-child(2), .how-it-works-page-wrapper .oldwayfigures li:nth-child(3), .how-it-works-page-wrapper .oldwayfigures li:nth-child(4) {
      background-image: url(/assets/howitworks-imgs/moneybag-b809a7091c06cfca68179a9a0bc7dbaeb0140da4626f2c306079ef4c2e16ddbf.png); }
    /* line 320, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .oldwayfigures li:nth-child(5) {
      background-image: url(/assets/howitworks-imgs/sourface-7ccadfca3550064f612cfcda8b95a5f2de9329a5139ddac656c635ab8536ba0c.png); }
    /* line 324, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .howitworkswrapper .hiwarrow {
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      background: url(/assets/howitworks-imgs/mobile-arrow-08deb706ed7ede5118e2678476b8b5ebd641becd25155808356760ec766cf730.png);
      background-size: 20px 20px;
      left: 50%;
      margin-left: -10px;
      bottom: -20px; }
    /* line 336, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures {
      margin: 30px 0; }
    /* line 340, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li {
      display: block;
      position: relative;
      width: 100%;
      margin: 20px 0;
      line-height: 60px;
      font-size: 18px;
      padding-left: 22%;
      background-position: 10px 5px;
      background-size: 50px 50px;
      background-repeat: no-repeat;
      background-color: #ffffff; }
    /* line 354, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li:nth-child(1) {
      height: 60px;
      background-image: url(/assets/howitworks-imgs/chair-00b49f2110b13d63a5b6f82ec08a70184fdc48cd6baa59bacf75573f308ac5aa.png); }
    /* line 359, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li:nth-child(2) {
      background: url(/assets/howitworks-imgs/logo-c2f5c7ba96b40cd35a191c31f1bddb05943a938c150697c02f01beb383be9662.png) no-repeat center 20px #ffffff;
      background-size: 150px 55px;
      padding: 90px 10px 20px 10px; }
    /* line 364, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li:nth-child(2) p {
      margin: 0;
      text-align: center;
      font-size: 14px;
      line-height: 18px; }
    /* line 371, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li:nth-child(3) {
      height: 80px;
      line-height: 80px;
      background-position: 10px 15px;
      background-image: url(/assets/howitworks-imgs/smileface-6f3d928fb500359c102cd1af89134a9aba27b84cfb900d0af547884cac7dde01.png); }
    /* line 378, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li span {
      display: block;
      position: absolute;
      top: 0;
      left: 67%;
      width: 25%;
      height: 60px;
      font-size: 28px;
      font-weight: 800; }
    /* line 389, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .ourwayfigures li:nth-child(3) span {
      height: 80px;
      line-height: 30px;
      padding-top: 10px; }
    /* line 395, /home/containerdoor/sites/containerdoor/releases/20170813211846/app/assets/stylesheets/pages/how_it_works.scss */
    .how-it-works-page-wrapper .button.teal-btn {
      top: 0; } }