body {
        padding:0;
        margin:0;
    }
    * {
        font-family:'Open Sans', sans-serif;
        font-weight: 300;
        box-sizing: border-box;
    }

 hr {
 border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 margin:0 0 20px 0;
 }

    button {
        padding:15px 20px;
        width:100%; 
        border:none; 
        background-color:#019fde; 
        color:#ffffff;
        font-size:16px;
cursor:pointer;
    }
    

    .container {
        padding: 0px 25px;
        margin:0 auto;
    }

    h1 {
        font-size: 25px;
        color: #03163b;
    }

    h3 {
        color:#03163b;
        font-weight: 600;
}

    .banner h1 {
        color: #ffffff;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        padding:0 20px;
    }

    .title-text {
        padding: 20px 0;
    }

    .progress-bar {
        display:flex;
    }
    .bar {
        height:4px;
        width:100%;
        min-width:90px;
        max-width:143px;
        background-color:#f2f2f2;
    }
    .selected {
        background-color:#3fc0e9 !important;
    }

    .fund-box, .solo-fund-box {
        background-color: #eff8fd;
        padding: 30px;
        text-align:center;
        min-width:120px;
        width:100%;
        height:220px;
        font-size:12px;
    }
    .fund-box h2 {
        font-size:14px;    }

    .fund-box-total {
        width:45%;
    }

  .solo-fund-box h2 {
  padding-top:10px;
        font-size:14px;
  }

    .text-box {
        line-height: 20px;
        margin: 20px 0 40px 0;
    }
    
    .amp-text-input {
        width:100%;
        border-radius: 3px;
        border:1px #bfbfbf solid;
        padding:15px 10px;
        margin:20px 0;
        box-sizing: border-box;
        color:#737373;

    }
    .amp-text-input:focus {
        border:1px #73ceed solid;
    }

    .amp-dropdown {
        padding:15px 10px;
        margin:20px 0;
        box-sizing: border-box;
        border:1px #bfbfbf solid;
        border-radius: 3px;
    }

    .fund-compare-panel {
        display:flex;
        justify-content: space-between;
    }

    .arrow {
        padding-top:150px;
    }

 .fund-percentage {
  font-size:25px !important;
 }

 .footer {
      width:100%;
      background-color:#004078;
      color:#ffffff;
      display:flex;
      justify-content:space-around;
      padding:10px 0;
      bottom:0;
 }
    
 .fb-amp {
  display:block;
  height:24px;
  width:24px;
  margin:5px;
  background-image:url('https://image.e.amp.co.nz/lib/fe3315707564057e7d1c77/m/1/990e151b-6c71-4dc4-a6dc-157338773b3b.png');
  background-size:cover;
 }
 .in-amp {
  display:block;
  height:24px;
  width:24px;
  margin:5px;
  background-image:url('https://image.e.amp.co.nz/lib/fe3315707564057e7d1c77/m/1/7f625475-5d39-40b1-a630-79113a6c7321.png');
  background-size:cover;

 }
 .yt-amp {
  display:block;
  height:24px;
  width:24px;
  margin:5px;
  background-image:url('https://image.e.amp.co.nz/lib/fe3315707564057e7d1c77/m/1/262afb51-8247-4385-ba64-bab10ddfef96.png');
  background-size:cover;

 }
 .tw-amp {
  display:block;
  height:24px;
  width:24px;
  margin:5px;
  background-image:url('https://image.e.amp.co.nz/lib/fe3315707564057e7d1c77/m/1/ba41c077-6a86-498b-82c6-6fc0e6e8ed3c.png');
  background-size:cover;

 }
 
 .social-icons {
  display:block;
 }

 .footer-link {
  color:white;
  text-decoration:none;
position:relative;
right:0;
 transition:all 0.2s ease;

 }

.footer-link:hover {
 right:-10px;
}

   .Two-TextBox {
 display:relative;
 }
 .Two-TextBox-Input {
 width:100%;
 }

   .popup {
      position:absolute;
      height:100%;
      width:100%;
      z-index:100;
      background-color:rgba(254, 254, 254,0.5);
    }
    .popup-textbox {
   position:fixed;
      bottom:0;
      width:100%;
      margin:0 auto;
      background-color:#ffffff;
      border-top:1px solid #ebeef0;
      padding:40px 20px 10px;
      -webkit-box-shadow: 0px -8px 20px 5px rgba(233,233,233,1);
      -moz-box-shadow: 0px -8px 20px 5px rgba(233,233,233,1);
      box-shadow: 0px -8px 20px 5px rgba(233,233,233,1);
    }
    .popup-textbox h1 {
      font-size:24px;
      margin:0;
    } 
    .popup-textbox p {
   font-size:14px;
      padding:15px 0;
      color:#888888;
      line-height:22px;
    }

 .or {
  margin:20px 0;
  color:#8e8e8e;
  font-size:14px;
 }

@media only screen and (min-width: 480px) {

  .or {
  margin:0 20px;
 }

.mobile-only {
 display:none;
}

.popup {
      position:absolute;
      height:100%;
      width:100%;
      z-index:100;
      background-color:rgba(254, 254, 254,0.5);
    }
    .popup-textbox {
   position:fixed;
 left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);;
 max-width:400px;
 padding:40px;
      -webkit-box-shadow: 0px;
      -moz-box-shadow: 0px;
      box-shadow: 0px;
 height:500px;
    }
    .popup-textbox h1 {
   max-width:300px;
      font-size:24px;
      margin:10px auto;
    } 
 .popup-textbox p {
   max-width:300px;
      margin:10px auto;
 }
 .popup-textbox button {
  margin-left:10px;
 }





 .Two-TextBox {
 display:flex; 
 justify-content:space-between;
 }
 Two-TextBox-Input {
 width:45% !important;
 }
 
 .Two-TextBox p {
  padding-top:55px;
  margin:0 20px;
 }

   .fund-percentage {
    font-size:45px !important;
  }

   .social-icons {
    display:flex;
   }

    .container {
        margin:0;
        padding:0 40px;
    }

     .page-split {
        display:flex;
     }
     .progress-bar {
         display:none;
     }   
     .left-container {
        width:50%;
        padding-top:20px;

     }
     .right-container {
         width:50%;
     }
     .right-container h1 {
         padding-right: 30px;
     }
     button {
         max-width:300px;
     }
     .duo-button {
         margin:0 auto;
         width:300px;
     }
     .text-box {
        padding-right:30px;
    }
     .fund-box {
height:230px;
     }
   .solo-fund-box {
  height:300px;
   }

     .fund-box h2 {
         font-size:24px;
     }
 
      .solo-fund-box h2 {
      padding-top:10px;
            font-size:20px;
      }
     .arrow {
         padding-top:140px;
     }
}