body {
  margin:0;
  padding:0;
  font-family:'gotham', arial, helvetica, sans-serif;
  background:url(img/body-bg-fade-reverse.png) repeat-x bottom left;
}

div, section, label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Structure */
.left {float:left;}
.right {float:right;}
.rel {position:relative;}
.rcenter {margin:0 auto;}
.abs {position:absolute;minheight:100px;min-width:100px;}
  img.abs, .abs img {min-height:10px;min-width:10px;}
.abs-s{height:50px;width:50px;}
.abs-m{height:300px;width:300px;}
.abs-l{height:500px;width:500px;}
.atop {top:0;}
.abot {bottom:0;}
.aleft {left:0;}
.acenter {left:50%;}
.aright {right:0;}
.block {width:100%;min-height:150px;margin:0 auto;}

.full {width:100%;}
.half {width:50%;}
.quarter {width:25%;}
.third {width:33%;}
.w200 {width:200px;}
.dblock {display:block;}
.diblock {display:inline-block;}
.dinline {display:inline;}

.l215 {left:215px;}

.ml0 {margin-left:0;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.ml-10 {margin-left:-10px;}
.ml-15 {margin-left:-15px;}
.ml-20 {margin-left:-20px;}
.ml-25 {margin-left:-25px;}
.ml-30 {margin-left:-30px;}
.ml-35 {margin-left:-35px;}
.ml-40 {margin-left:-40px;}
.ml-45 {margin-left:-45px;}
.ml-50 {margin-left:-50px;}
.ml-55 {margin-left:-55px;}
.ml-60 {margin-left:-60px;}
.ml-200 {margin-left:-200px;}
.ml-300 {margin-left:-300px;}

.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mb30 {margin-bottom:30px;}

.mt5 {margin-top:5px;}
.mt6 {margin-top:6px;}
.mt15 {margin-top:15px;}
.mt30 {margin-top:30px;}
.mt70 {margin-top:70px;}
.mt-7 {margin-top:-7px;}
.mt-10 {margin-top:-10px;}
.mt-15 {margin-top:-15px;}
.mt-20 {margin-top:-20px;}
.mt-25 {margin-top:-25px;}

.pr0 {padding-right:0;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr300 {padding-right:300px;}

.pl0 {padding-left:0;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

.pt25 {padding-top:25px;}
.pt60 {padding-top:60px;}
.pb40 {padding-bottom:40px;}

.w90 {width:90px;}

.col-sm-6 {
  margin-bottom:30px;
}

.vr-dotted {
  background:url(img/vr-dotted.png) repeat-y top left;
}

#wrap {
  width:100%;
  padding:60px 20px 120px;
  background:url(img/body-bg-fade.png) repeat-x top left;
}
#container {
  max-width:840px;
  min-width:300px;
  width:100%;
  margin:0 auto;
  text-align:center;
}
section {
  position:relative;
  z-index:6;
  pointer-events: none;
}
  section.active {
    z-index:5;
  }
  section .drawer {
    text-align:left;
  }
#section-close {
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  display:none;
}

.bgcloud {
  position:absolute;
}



/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family:'gotham', arial, helvetica, sans-serif;
  margin-top:0;
}

h1 {
  font-weight:300;
  font-size:36px;
  line-height:36px;
  text-transform:uppercase;
  color:#ff0000;
  margin-bottom:15px;
  z-index:10;
  position:relative;
}

h2 {
  font-weight:500;
  font-size:21px;
  line-height:21px;
  color:#ff0000;
  z-index:10;
  position:relative;
}

h3 {
  font-weight:500;
}

a {
  color:#ff0000;
  text-decoration:none;
}
  a.grey {
    color:#333;
    text-decoration:none;
  }
    a.grey:hover {
      text-decoration:underline;
    }
  a:hover {
    text-decoration:none;
  }
  p a {
    text-decoration:underline;
  }
  p a:hover {
    text-decoration:underline
  }

h4 {
  font-size:14px;
  font-weight:500;
  margin-bottom:10px;
}

p {
  font-size:14px;
  line-height:14px;
  font-weight:normal;
  line-height:18px;
  margin:0 0 20px;
  font-family:helvetica, sans-serif;
}
  .ptop {
    z-index:10;
    position:relative;
  }
  .row > p {
    font-family: helvetica, sans-serif;
  }
  .gotham {font-family:'gotham', arial, helvetica, sans-serif;}
  .b {font-weight:800;}
  .m {font-weight:500;}
  .book {font-weight:300;}
  .l {font-weight:200;}
  .m20 {margin-bottom:20px;}
  .m30 {margin-bottom:30px;}
  .m40 {margin-bottom:40px;}
  .m50 {margin-bottom:50px;}
  .f10 {font-size:10px;}
  .f11 {font-size:11px;}
  .f12 {font-size:12px; line-height:14px;}
  .f13 {font-size:13px;}
  .f15 {font-size:15px;}
  .f16 {font-size:16px;}
  .f18 {font-size:18px;}
  .f23 {font-size:23px; line-height:27px}
  .f24 {font-size:24px; line-height:28px}
  .f30 {font-size:30px; line-height:30px}
  .f38 {font-size:38px; line-height:38px;}
  .f40 {font-size:40px; line-height:40px;}
  .f47 {font-size:47px; line-height:47px;}
  .blue {color:#004a8c;}
  .red {color:#ff0000;}
  .nowrap {white-space: nowrap;}
/* Lists and Forms */




/* Drawers */

.rack {
  max-width:340px;
  min-width:280px;
  width:100%;
  margin:0 auto;
  position:relative;
}
  .rack-top {
    display:block;
    margin-bottom:2px;
    z-index:10;
  }
  .rack-bottom {
    border-bottom:12px solid #656565;
  }

.drawer-face {
  background:#d8d7d7;
  border:12px solid #656565;
  border-bottom:none;
  border-top:4px solid #656565;
  padding:10px 12px;
  pointer-events: all;
}
  section:first-of-type .drawer-face {
    border-top:12px solid #656565;
  }

  .drawer-face .label {
    margin:0;
    padding:0;
  }
    .drawer-face .label a {
      font-family: 'gotham', arial, helvetica, sans-serif;
      color:#ff0000;
      text-decoration:none;
      font-size:14px;
      font-weight:500;
      line-height:14px;
      display:block;
      padding:13px 0 11px;
      text-align:center;
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      background:#f2f2f2;
      transition:background .35s, color .35s;
    }
      .drawer-face .label a.active, .drawer-face .label a.active:hover {
        background:#283069;
        color:white;
      }
        section:last-of-type .drawer-face a.active, section:last-of-type .drawer-face a.active:hover {
          background:url(img/vectors/vector-46.svg) no-repeat;
          background-color:#283069;
          background-size:51px;
          background-position:center center;
          color:white;
        }
      .drawer-face .label a:hover {
        color:#f2f2f2;
        background:#ff0000;
      }
      section:last-of-type .drawer-face a {
        background:url(img/vectors/vector-05.svg) no-repeat;
        background-color:#f2f2f2;
        background-size:51px;
        background-position:center center;
        transition:background .35s;
      }
        section:last-of-type .drawer-face a:hover {
          background:url(img/vectors/vector-46.svg) no-repeat;
          background-color:#ff0000;
          background-size:51px;
          background-position:center center;
        }

section .drawer {
  overflow:hidden;
  height:0;
  margin-left: -12px;
  margin-right: -12px;
  position:relative;
  margin-top:0;
  transition:margin-top .5s, margin-bottom .5s;
  pointer-events: all;
}
  section .drawer.open {
    margin-top:-50px;
  }
section .drawer .content {
  border:8px solid #9f9ea1;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  min-height:200px;
  background:white;
  -webkit-background-clip: padding-box;
  -moz-background-clip:    padding;
  background-clip:         padding-box;
}
  section .drawer h3 {
    font-size:22px;
    line-height:22px;
    font-weight:500;
    text-align:center;
    background:#9f9ea1;
    text-trasnform:uppercase;
    color:white;
    text-transform:uppercase;
    padding:6px 23px 10px;
    position:relative;
  }
    section .drawer h3 a {
      color:white;
    }

    section .drawer h3 a:after, #final-wrap .finalx {
      content: '';
      background:url(img/vectors/vector-45.svg) top left no-repeat;
      background-size:25px 25px;
      height:25px;
      width:25px;
      position: absolute;
      right: 0;
      top: 4px;
      padding:5px 9px;
      color: white;
      font-size: 13px;
      font-family: 'gotham', arial, helvetica, sans-serif;
    }
      #final-wrap .finalx {
        right:6px;
        top:6px;
      }

  section .drawer .row {
    padding:28px 30px;
  }
  section .drawer .row img {
    max-width:100%;
  }

.hand-cloud {
  position:relative;
  height:44px;
  width:74px;
  margin-bottom:50px;
  margin-left:40px;
}
  .hand-cloud .hand {
    position:absolute;
    bottom:-35px;
    left: 0px;
    z-index:10;
    height:39px;
    width:91px;
    background:url(img/hand.png) no-repeat top left;
  }
  .hand-cloud .cloud {
    position:absolute;
    top:0;
    left:10px;
    z-index:20px;
    height:44px;
    width:74px;
    background:url(img/vectors/vector-02.svg) no-repeat top left;
    background-size:74px 44px;
  }
    .hand-cloud .cloud.red {
      background:url(img/vectors/vector-01.svg) no-repeat top left;
    }

    .hand-cloud.right {
      margin-right:40px;
    }
.fadein {
  display:none;
}
.transparent {
  opacity:0;
}

blockquote {
  padding:30px 50px;
  color:white;
  margin:50px 10px;
  font-family:'gotham', arial, helvetica, sans-serif;
  font-weight:500;
  font-size:16px;
  line-height:20px;
  border:none;
}
  blockquote.grey {
    background:#9f9ea1;
  }
  blockquote > div:before {
    content: '“';
    font-family:'gotham', arial, helvetica, sans-serif;
    font-size:48px;
    font-weight:800;
    position:absolute;
    left:18px;
    top:25px;
  }
  blockquote > div:after {
    content: '”';
    font-family:'gotham', arial, helvetica, sans-serif;
    font-size:48px;
    font-weight:800;
    display:inline-block;
    padding-left:10px;
    top:59px;
    position:absolute;
  }
  blockquote > span {
    font-size:13px;
    display:block;
    margin-top:10px;
  }


.block1 {
  max-width:400px;
  padding-top:120px;
}
  .block1 img {
    top:25px;
  }
  .block1 canvas {
    pointer-events : none;
  }
  .block1 .legends {
    position:absolute;
    top:20px;
    font-size:14px;
    color:white;
  }
    .block1 .legends:last-of-type {
      left:8px;
      top:35px;
    }
    .block1 .legends:first-of-type {
      left:50px;
    }

  .block1 .channel {
    background:#d8d7d7;
    padding:3px;
    padding-right:0;
    position:absolute;
    height:12px;
    width:100px;
  }
    .block1 .channel.one {
      top:35px;
      left:72px;
    }
    .block1 .channel.two {
      top:40px;
      right:50px;
    }
    .block1 .channel.three {
      top:55px;
      left:85px;
    }
  .block1 .box {
    height:6px;
    width:6px;
    margin-right:6px;
    background-color:#656565;
    display:block;
    float:right;
    transition:background-color .1s;
  }
  .block1 .box.active {
    background-color:#ff0000;
  }
  .block1 .channel.one .box {
    float:left;
  }
  .block1 .channel.two .box.active {
    background-color:#e6e6e6;
  }

  section .drawer .cloudrow {
  }
  h4.h4line {
      margin-top: 0px;
      padding-top: 50px;
      background: url(img/hr-dotted.png) top left repeat-x;
      margin-bottom: 20px;
  }
  .block1 .cloudChart {
    width:90px;
    height:90px;
  }
  canvas#cloudChart {
    width:100% !important;
    height:100% !important;
    max-width:90px !important;
  }
  .block1 .cloud-label, .block1 .traditional-label {
    top:80px;
    font-family:'gotham', arial, helvetica, sans-serif;
    font-size:14px;
    font-weight:500;
  }
    .block1 .cloud-label {
      left:20px;
    }
    .block1 .traditional-label {
      right:-30px;
    }

    .block1 .cloudgrowth {
      width:100%;
      min-height:275px;
      background:url(img/vectors/vector-09.svg) no-repeat;
      background-position:50% bottom;
      background-size:365px 216px
      padding-top:45px;
    }
      .block1 .cloudgrowth:before {
        content: '';
        height:3px;
        width:100%;
        display:block;
        margin-top:55px;
        background:url(img/hr-dotted.png) top left repeat-x;
      }
      .cloudgrowth .big-cloud {
        width:100px;
        height:0;
        right:60px;
        bottom:0;
      }
      .cloudgrowth .small-cloud {
        width:45px;
        height:0;
        left:90px;
        bottom:0;
        min-width:0;
        transition:height .5;
      }
      .block1 .cloudgrowth img {
        height:100%;
        width:100%;
        display:block;
        margin:0 auto;
        min-width:0;
        min-height:0;
      }
      .cloudgrowth .cloud-data {
        left:90px;
        bottom:80px;
        height:80px;
        width:220px;
        line-height: 1.5em;
      }
        .cloudgrowth .cloud-data * {
          line-height:15px;
        }
        .cloudgrowth .cloud-data .f10 {
          width: 150px;
          margin-top: 5px;
        }
        #num55 {
          top: 8px;
          position: relative;
        }
      .cloudgrowth .date1 {
        left:96px;
        bottom:-22px;
      }
      .cloudgrowth .date2 {
        right:24px;
        bottom:-22px;
      }

  .block2 .rel {

  }
  .block2 .rel:first-child {
  }
  .block2 .rel {
    min-height:100px;
  }
  .block2 .floathands {
    max-width:400px;
  }
  .block2 .floathands .f10 {
    margin-top: 5px;
    display: block;
  }

  .booths {

  }

  .block2 .booth {
    margin-right:7px;
    float:left;
    width:13px;
    height:50px;
    background:url(img/vectors/vector-12.svg) top left no-repeat;
    background-position:0 0;
    background-size:26px 50px;
    transition:background-postion 0;
  }
    .block2 .booth:last-child {
      margin:0;
    }
    .block2 .booth.active {
      background-position:-13px 0;
    }

    .block3 .spin {
      top:126px;
      left:285px;
    }
    .block3 .logo {
      top:140px;
      left:297px;
    }
    .cloudhowrow {
      overflow-y:auto;
    }
    .cloudhow.block3 {
      margin:0 auto;
    }
      .block3 .bg, .block3 .bg2 {
        width:100%;
        max-width:100%;
        height:auto;
        opacity:0;
        z-index:0;
        top:0;
        left:0;
      }
      .block3 .bg2 {
        display:none;
      }
      .block3 .lines * {
        z-index:1;
      }
      .block3 .draw1, .block3 .draw2 {
        width:100%;
        max-width:100%;
        height:auto;
        position:absolute;
        top:16%;
        left:0;
      }
      .block3 .draw2 {
        top:14%;
        display:none;
      }
      .block3 .abs {
        min-width:0;
        min-height:0;
        background-size:100%;
      }
      .block3 .pieces .text, .block3 .abs > .text div {
        font-size:11px;
        color:black;
        font-family:'gotham', arial, helvetica, sans-serif;
        line-height:10px;
        font-weight:300;
        text-align:center;
      }
        .block3 .abs > .text div, .block3 .pieces .text, .block3 .abs img {
          position:absolute;
        }
      .block3 .faded {
        opacity: .3;
      }
      .block3 .cover {
        height:100%;
        width:100%;
        position:absolute;
        top:0;right:0;bottom:0;
        background:white;
      }

      /* pieces */
      .pieces * {
        z-index:1;
      }
      #enterprise {
        width:9%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-01.svg) top left no-repeat;
        top:28%;
        left:0;
      }
        #enterprise .text > div{
          left:0;
          top:-25px;
        }
      #enterprisetext {
        left: 0;
        top: 24%;
        width: 9%;
      }
      #perfhub {
        width:8%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-02.svg) top left no-repeat;
        top:30%;
        left:30%;
      }
        #perfhub .text > div{
          left:-5px;
          top:-25px;
        }
      #perfhubtext {
        left: 30%;
        top: 26%;
        width: 8%;
      }
      #nsp {
        width:13%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-09.svg) bottom left no-repeat;
        bottom:26%;
        left:53%;
      }
        #nsp .text > div{
          bottom:-17px;
          color:white;
          width:120px;
          left:-20px;
        }
      #nsptext {
        bottom: 22%;
        height: 15px;
        left: 53%;
        margin-left: -4%;
        width: 21%;
        color:white;
      }
      #ece {
        width:17%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-03.svg) bottom left no-repeat;
        bottom:52%;
        left:51.5%;
      }
        #ece .text > div{
          left:-20px;
          bottom:-33px;
        }
        #ecetext {
          bottom: 48%;
          left: 47%;
        }
      #azure {
        width:17%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-04.svg) bottom left no-repeat;
        bottom:83%;
        left:71%;
      }
        #azure img {
          bottom: 17px;
          height: auto;
          width: 72%;
          left: 15%;
        }
        #azure .text > div{
          left:-50px;
          bottom:-22px;
        }
        #azuretext {
          right: 24%;
          top: 20%;
          width: 100px;
        }
      #aws {
        width:17%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-04.svg) bottom left no-repeat;
        bottom:69%;
        left:79%;
      }
        #aws img {
          bottom: 10px;
          height: auto;
          width: 60%;
          left: 18%;
        }
        #aws .text > div{
          left:-30px;
          bottom:-22px;
        }
        #awstext {
          right: 18%;
          top: 33%;
        }
      #csp {
        width:17%;
        height:200px;
        background:url(img/cr-vectors/CloudRead_Infographic_kd-10.svg) bottom left no-repeat;
        bottom:39%;
        left:78%;
      }
        #csp .text > div{
          left:0;
          bottom:-22px;
        }
        #csptext {
          bottom: 36%;
          left: 78%;
          width: 17%;
        }

#network-efficiency-wrap {}

  .proximity {
  }
    .proximity:after {
      content: '';
      display:block;
      background:url(img/hr-dotted.png) bottom left repeat-x;
      padding-bottom:40px;
    }
    .proximity .rcenter {
      max-width:600px;
    }
    .proximity .legend {
      margin-top:15px;
      height:auto;
    }

  .rearchitect p.right {
    max-width:100px;
  }
  .rearchitect img.right {
    margin-right:20px;
  }


#improved-qoe-wrap {}


  .radiohand {
    margin-top:70px;
    background:url(img/hr-dotted.png) bottom left repeat-x;
  }
  .radio {
    height:82px;
    width:100px;
  }
    .radio > div.abs {min-width:0;z-index:1;}
    .radio .wave1 {
      top:-8px;left:22px;
      background:url(img/vectors/vector-21.svg) no-repeat top left;
      height:17px;
      width:21px;
    }
    .radio .wave2 {
      top:-17px;left:13px;
      background:url(img/vectors/vector-22.svg) no-repeat top left;
      height:34px;
      width:39px;
    }
    .radio .wave3 {
      top:-27px;left:4px;
      background:url(img/vectors/vector-23.svg) no-repeat top left;
      height:48px;
      width:57px;
    }
    .radio .station {
      background:url(img/vectors/vector-20.svg) no-repeat top right;
      background-size: 82px 45px;
      top:0;right:0;bottom:0;left:0;
      z-index:10;
    }

  .moneyhand {
    height:104px;
    width:53px;
  }
    .moneyhand .abs {min-width:0;}
    .moneyhand .hand {
      top:0;
      left:0;
      background:url(img/vectors/vector-24.svg) top left no-repeat;
      height:67px;
      width:51px;
    }
    .moneyhand .circle {
      top:38px;
      left:15px;
      background:transparent;
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      box-shadow: 0 0 20px #ffef94;
      height:20px;
      width:20px;
    }
    .moneyhand .bulb {
      top:27px;
      left:3px;
      background:url(img/vectors/vector-25.svg) top left no-repeat;
      height:52px;
      width:43px;
    }

  .whylatency p, .whylatency h3 {
    position:relative;
    z-index:10;
  }
  .whylatency {
  }
  .elevatorwaves {

  }
    .elevator {
      width:145px;
      font-family:'gotham', arial, helvetica, sans-serif;
      background:url(img/vectors/vector-44.svg) center top no-repeat;
      background-size:43px 152px;
      padding-top:165px;
      float:left;
      z-index:100;
    }
      .elevator button {
        width:145px;
        padding:10px 0;
        background:#656565;
        font-size:12px;
        font-weight:500;
        border-radius:15px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        margin-top:10px;
        color:white;
        border:none;
        text-align:center;
      }
        .elevator button.active, .elevator button:hover {
          background:#ff0000;
        }
    .waves {
      float:right;
      padding-left:145px;
      margin-left:-145px;
      margin-top:-90px;
      width:100%;
      min-height:380px;
    }
      .waves .latencyimg {
        top:0;
        left:145px;
        right:0;
        bottom:0;
      }
        .waves .latencyimg.abs.bg img{
        }
      .waves .wave {
        height:100%;
        width:33%;
        float:left;
        background:white;
        opacity:1;
        top:0;
      }
        .waves .wave2 {left:33%}
        .waves .wave3 {left:66%}

  .tenmilliseconds {

  }
    .tenmilliseconds > .wrap {

      background: url(img/hr-dotted.png) top left repeat-x;
      margin-top:-20px;
      padding-top:40px;
    }
    .tenmilliseconds .text img {
      height:auto;
      width:100%;
      min-height:0;
    }

  .meter {
    width:300px;
    height:135px;
    overflow:hidden;
    background:url(img/vectors/vector-40.svg) top left no-repeat;
    background-position:25px bottom;
  }
    .meter .arrow {
      height:145px;
      width:145px;
      background:url(img/vectors/vector-38.svg) top left no-repeat;
      margin-left:-62px;
      bottom:-72px;
      transform:rotate(-105deg);
      -ms-transform:rotate(-105deg); /* IE 9 */
      -webkit-transform:rotate(-105deg);
    }
    .meter .nubbin {
      height:135px;
      width:135px;
      background:url(img/vectors/vector-39.svg) top left no-repeat;
      margin-left:-57px;
      bottom:-67px;
      transform:rotate(-125deg);
      -ms-transform:rotate(-125deg); /* IE 9 */
      -webkit-transform:rotate(-125deg);
    }

#max-wrap {

}
  #max-wrap .content {
    background:url(img/max-bg.jpg) bottom center no-repeat #fff;
  }
  .redbox {
    background-color:rgba(255,0,0,.85);
    color:white;
    padding:21px 0px;
    font-family:'gotham', arial, helvetica, sans-serif;
    margin:30px 0 50px;
  }
    .redbox .icon {
      height:74px;
      width:74px;
      margin: 0 auto;
      border-radius: 37px;
      -moz-border-radius: 37px;
      -webkit-border-radius: 37px;
      background-color:#d8d7d7;
      margin-bottom:15px;
    }
      .redbox .icon .float {
        margin:0 auto;
        width:75px;
        height:75px;
        min-width:0;
      }
      .float.world {
        background:url(img/vectors/vector-26.svg) center center no-repeat;
        background-size:50px 50px;
      }
      .float.comp {
        background:url(img/vectors/vector-27.svg) center center no-repeat;
        background-size:51px 37px;
      }
      .float.cloudy {
        background:url(img/vectors/vector-28.svg) center center no-repeat;
        background-size:62px 33px;
      }

#simple {}

  #simple-wrap .strategies {
    padding-bottom:40px;
  }
    .strategies p {
      max-width:460px;
      padding-right:20px;
    }
  .guybubble {
    width:245px;
  }
    .gbtwo {
      display:none;
    }
  .guybubble .bubble {
    width:160px;
    height:75px;
    padding:20px 0 10px 10px;
    background:url(img/vectors/vector-31.svg) no-repeat top left;
  }
  .guybubble .moneybags {
    padding:0px 40px 0 0;
    min-height:32px;
    background:url(img/vectors/vector-29.svg) no-repeat top right;
    background-size:26px 32px;
    display:inline-block;
  }
  .guybubble .powerbutton {
    padding:0 50px 0 0;
    min-height:35px;
    background:url(img/vectors/vector-30.svg) no-repeat top right;
    background-size:35px 35px;
    display:inline-block;
  }

  .strategies .datacloud {
    width:100%;
    min-height:290px;
  }
    .strategies .abs {
      min-width:0;
    }
    .datacloud .pubcloud {
      top:25px;
      left:50%;
      margin-left:-230px;
      z-index:100;
    }
      .pubcloud > span {
        width:200px;
        left:50%;
        margin-left:-90px;
        text-align:center;
        bottom:-20px;
      }
      .pubcloud .cloudy {
        position:relative;
        height:90px;
        width:165px;
        margin:0 auto;
      }
        .pubcloud .cloudy div.cookie {
          position:absolute;
          top:45px;
          left:50%;
          margin-left:-5px;
          height:32px;
          width:32px;
          background:url(img/vectors/vector-35.svg) center center no-repeat;
          background-size:32px 32px;
          z-index:101;
        }
        .pubcloud .cloudy div.cloud {
          height:90px;
          width:165px;
          position:absolute;
          left:0;
          top:0;
          background:url(img/vectors/vector-34.svg) top left no-repeat;
          background-size:100% 100%;
        }
    .datacloud .logo {
      background:url(img/logo-white-wline.png) top left no-repeat;
      background-size:67px 15px;
      height:15px;
      width:67px;
      display:block;
      top:81px;
      left:50%;
      margin-left:-33px;
    }
    .datacloud .hub1 {
      left:0;
      bottom:0;
      background:url(img/vectors/vector-32.svg) top left no-repeat;
      background-size:100% 100%;
      height:110px;
      width:200px;
      z-index:100;
    }
      .hub1 .text1 {
        left:20px;
        top:5px;
        width:70px;
      }
      .hub1 .text2 {
        left:47px;
        top:-33px;
        width:90px;
      }
      .hub1 .text3 {
        left:0;
        right:0;
        bottom:-25px;
        height:20px;
        text-align:center;
      }
    .datacloud .hub2 {
      right:275px;
      bottom:0;
      background:url(img/vectors/vector-33.svg) top left no-repeat;
      background-size:100% 100%;
      height:110px;
      width:200px;
      z-index:100;
    }
      .hub2 .text1 {
        right:47px;
        top:-33px;
        width:90px;
      }
      .hub2 .text2 {
        right:20px;
        top:5px;
        width:70px;
      }
      .hub2 .text3 {
        left:0;
        right:0;
        bottom:-25px;
        height:20px;
        text-align:center;
      }
    .datacloud .line {
      width:120px;
      height:3px;
      background:url(img/line.gif) top left no-repeat;
      background-size:100% 3px;
    }
      .line1, .line2 {
        top:192px;
        left:50%;
      }
      .line1 {
        margin-left:-245px;
        transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
      }
      .line2 {
        margin-left:-150px;
        transform:rotate(45deg);
        -ms-transform:rotate(50deg);
        -webkit-transform:rotate(50deg);
      }
      .line3 {
        bottom:25px;
        left:50%;
        margin-left:-196px;
      }

#final-wrap .drawer {
  border:none;
}
  #final-wrap .drawer .content {
    background-color:#ff0000;
  }
#final-wrap h4, #final-wrap p, #final-wrap a {
  color:white;
}
  #finallogo {
    left:33px
  }
  #final-wrap .button {
    background:#f2f2f2;
    border:2px solid #f2f2f2;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px 10px 8px;
    display:block;
    float:right;
    font-family: 'gotham', arial, helvetica, sans-serif;
    color:#ff0000;
    font-weight:600;
    margin-top:-60px
  }
    #final-wrap .button:hover {
      border: 2px solid white;
      color:black;
    }

.row {position:relative;}