body {
    font-family: Montserrat, sans-serif;
}

.icon {
    background: -webkit-linear-gradient(#00f3ff, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #00609d47;
}

#logo {
    height:90px;
    position:relative;
    left:-15px
}

.show-mobile {
    display:none;
}

.header #logo{
    left:0px;
    height:60px;
}

.header .button-group {
    margin-right:3rem;
}

.header .button-group .button{
    margin-bottom: 1.0rem;
    margin-top: 1.75rem;
    margin-right: 4rem;
}

.header.container section:nth-child(even){
    background: #f4f4f4;
    border: 1px solid #d7d7d7;
}

.header.container section {
    padding:4rem 0;
    text-align: center;
}

.header h1.title {
    padding-bottom:0;
    font-weight: 600;
    color: #2e2e2e;
    margin-bottom: .5rem;
}

.header .cta .button {
    margin-top:3rem;
}

.header .cta-banner {
    position: relative;
    background: #a6d8f1;
    border-radius: 3%;
}

.cta-banner.box,
.header .cta-banner .box{
    background: #86d192;
    position: absolute;
    height:100%;
    width: 100%;
    border-radius: 3%;
    background: #86d192;
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 3%;
    left: 50%;
    top: 140px;
    transform: rotate(50deg);

    -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.4);
         box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.4);
}

.feature-container{
    overflow: hidden;
    margin: 0 auto;
    padding: 0 20.0rem;
    position: relative;
    max-width: 100%;
    margin-bottom: 6rem;
}

.feature-container img{

    z-index: 1;
    position: absolute;
    left: 4rem;
    top: 20%;
    width: 100%;
    border-radius: 20px;

    -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.5);
       -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.5);
            box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.5);
}

.feature-container .column.content-box{
    padding: 2rem 6rem 2rem 2rem;
}

*[ui-sref],
*[ng-click]{
    cursor: pointer;
}


a {
    font-weight: 400;
    text-decoration: underline;
}

.button.light {
    background-color: #00b3e6;
    border-color: #00b3e6;
    font-weight: 500;
}

.button.dark {
    background-color: #222;
    border-color: #222;
    color: white;
    font-weight: 500;
}

.button.dark:hover{
    background-color: #8ae2f4;
    border-color:  #8ae2f4;
    color: #222;
}

.modal {
    position: fixed;
    padding: 4rem;
    height: 70%;
    width: 70%;
    top: 15%;
    left: 15%;
    z-index: 1;
    background: #f4f4f4;
    border: 1px solid #d7d7d7;

    -webkit-box-shadow: 10px 10px 7px -8px rgba(0,0,0,0.33);
       -moz-box-shadow: 10px 10px 7px -8px rgba(0,0,0,0.33);
            box-shadow: 10px 10px 7px -8px rgba(0,0,0,0.33);

    -webkit-animation: fadein 300ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 300ms; /* Firefox < 16 */
        -ms-animation: fadein 300ms; /* Internet Explorer */
         -o-animation: fadein 300ms; /* Opera < 12.1 */
            animation: fadein 300ms;
}

.modal .header {
    position: absolute;
    top:0;
    left:0;
    z-index: 9;
}

.modal .body {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    overflow: scroll;
}

.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #f4f4f4;

    -webkit-animation: fadein 500ms; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 500ms; /* Firefox < 16 */
        -ms-animation: fadein 500ms; /* Internet Explorer */
         -o-animation: fadein 500ms; /* Opera < 12.1 */
            animation: fadein 500ms;
}

.plan, .error {
    /* color: rgb(112, 14, 14); */
    color:#ca4d57;
    margin-bottom: .25rem;
}

.plan.active, .plan.trialing, .success {
    color:#4dca78;
}

.gravatar {
    border-radius: 50%;
    margin-top: 6px;
    width: 48px;
}

#sidebar {
    padding-top: 90px;
    background: #f4f4f4;
    min-height: 100vh;
    min-width:225px;
}

#sidebar li{
    margin-left: 2rem;
}

#menu {
    padding:2rem;
}

#content {
    padding:2rem;
}

select {
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
  }
  
  select:focus {
    background-image:
      linear-gradient(45deg, green 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, green 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 15px) 1em,
      calc(100% - 20px) 1em,
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
  }

/*  Additions to milligram */

.row .column.column-15 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  /*  Navbar */

  .navbar {
    min-height: 60px;
    padding-right:50px;
    margin-bottom: 10px;
}
  
  .navbar ul {
    padding-right: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .navbar li {
      float: left;
      margin-bottom: 0;
  }
  
  .navbar li a {
      display: block;
      color: #0075bf;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      line-height: 3;
      height: 60px;
      margin:0;
  }
  
  .navbar li a:hover {
      color:#0075bf!important;
      background-color: #ecebeb!important;
  }

  .no-padding-left {
      padding-left:0!important;
  }

  .no-padding-right {
    padding-right:0!important;
}

.input {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    margin-bottom: 1.5rem;
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0.1rem solid #d1d1d1;
    border-radius: .4rem;
    box-shadow: none;
    box-sizing: inherit;
    height: 3.8rem;
    padding: .6rem 1.0rem;
    width: 100%;
}

.input:focus {
    border-color: #00609d;
    outline: 0;
}

.title h2{
    margin-bottom:0;
}
.title{
    padding-bottom:2rem;
}

.feature {
    margin: 4rem 0;
}

.product-list{
    margin:3rem auto;
}

.product-list .product, .product.cart{
    border: 1px solid #e1e1e1;
    padding: 10%;
    text-align: center;
}

.product.cart {
    position: relative;
    padding:5% 5% 0;
    text-align: left;
}

.product.cart input[type=submit]{
    margin-top:2rem;
}

.product.cart p{
    margin-bottom:1rem;
}

.product-list p{
    font-size:12px;
}

.dashboard .dashboard-item {
    min-height: 175px;
    border:1px solid #e9e9e9;
    background-color:#f4f4f4;
    padding:2rem;
}

.dashboard .number {
    font-size: 20px;
    /* font-family: monospace, monospace; */
    color: #025f9d;
}

.mobile-only {
    display:none!important
}

.credit_card {
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -20px;
    top: 10px;
    width:32px;
    height:32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACE0lEQVRYhe2WzW7TQBSFvzF24jQSC0RVCEiNKhALHqGiLSlPwFuw7sPwFLAsArGrQIg3QCCaQpWqhJ+0qlQ3TuawsJ3YSRwapDqbHGlkzZ37c2bm3juGBRaYM8ynz/v1lZXl545j6kUGtlbN4+P2M9M5PXvh+/7TIoMnCM6Dl67B1CTNIz7GmJoj5hMcQAgXQALMQJqFGZknunk2ZkQvvZ62i2VuxvFkmvmyaWuT1ifYuRJsNzY5arVyGFwNbtdq7L56gyvA9vtYawslYPt9BDhzzEEQOPmXXwwDVwLPK1EqlQoN7XklJKIc2H39ttDgCbrdLi4S6U5oMAhhUkWbNCuTLuBYEunmVKQ0SG7HuYYZ6ynCtQJrI/Pr1TKOM6r1b0ji5OwiE+Ck0+Hg6xes7QPgeh5r9x5QqVYHhK3AiU4g7oYTEIZhZkjKzFObwdrhODzYHwQH6IUhrcNvKF6XTU4AmPYevHv/kV5v6Ojx1jp7ex+wMeMn2xsRgZQPWRGG3TFfF0GQ0bOAq/gE8rC1uT4mazQejckyPozB9ysEwXlGp7K0lNWTcBGDJLRSRGtGCBh90u+srnH0fX9wTeWyz627qxm9uAyHVfDnNMt4OvJyP0LZr1C//zD1Iir+pAgkjej//kcuY6SpahI4kpqK3RU+pKb7q/1j58bNZYwx9UtvfiZMvipJzd8/2ztXE3OBBWbAX7lWQLEVRRqOAAAAAElFTkSuQmCC);
}

.Visa {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADIUlEQVRYhe2WXWgUVxiGnzM7u5poYgyb4l91xaotrSY0ol4oCP6gUUzFil4IXhjFUrxSQfDnQtq7LqiIvah4ZxB/ogFFSvVCwRip4gqxWH9ixGSN2U022V03m93s+byYjc6EJBXSTW7ywmHmzMz53ve83zfnHBjDGEYZKvD4idfn+9JvGMa8kSTWWppagm/3qUhn9Pf8/Lw9I0neh+7u5HnTMJRPREaDH6WUzxgVZhvM/pPf7r9OcziaE7KiieO5emiT1cnymgD2FHTGk7THkjkRoMXJBWIJsONdNElLJJETAT0Zp90iYIoIdlE3j/2IzlFRKqXoHzrrwKenBUYMOh7Bm8sQe8H3NRXc+HU3GS0sOVDN1mXzednaSTqjuXb4B/y1Dzl7s4GuRA8/rS3j0JbFpHo1Sw6cozWS4PSelWxa+pV93p/uRDCsG1vzFCNTViLlx3mSLieW6EFr4dT1APFkmr3ry6j/9y1zphRx/1krR6vrWF8+mysHK9m2fD4iUH3nKe2xJNHuFK/bos74tgZgWCkYoCk31eENBBN5RN4nOXurgarV35HOaKLdKUp9Xible3AZigt1z3gd6mL2F4X0ZjT+2gfsXrMQgJaO+MDxs6k3hkr3rJICQHHy2iO0CPsrFxFobAOg1FfCvGmTqTm4kQkeNztO/Mndp0Fq7j2nsbULf+1DS0B7fIiqEAxhMHXCzJJCAC7VPefndaV4C8cTeBXC7TL4ZkYxtxuamTp5ArvWLAAg1JXgt6sPAEj1ZgAI/ocDpogMWvUzvQUA5HlM9laUoUUIvGrj6xnFuF0Gv1ys5+8X78gf52bnqm/RWvinuYOTVSvYvHQu06v+oKUjPmh8EUGFwpEbHo97rbNAbZWavaoh+goFSL936uOTvm9BOQam0ul6s8+OvmAFf+3A9b55QMXDhfYUEa24/LEvCKYg6BHcDPutxNZm5FifXSYY7tywu9wOLhHBdKwKQHTFGVBqoOH/AwS73QKYgtMWS+EI5ERlHRAtwVE5D1nGB81QOHykxOv1KqWGfSi1fsnP/FakKRLp3DdczjGMYdj4AHmxxpqG9xNBAAAAAElFTkSuQmCC);
}

.MasterCard {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC+0lEQVRYhe2Wy2trVRTGf/t05ySmT/uItJQWWoXioLQWKz7AgSIOKpcOLnhR7uxyuUj/AEfqTFCq+MBBoQNBUDrQuVonDqSiAztoUFT68tI26Suxpjk5eznISTw92ScUB+0kH2x2WGvv9a2z1l5rBVpo4Zqhfv9jc6K/v+9Dx1HDV0lsjOzkcvkFdXJa/DqVSj5/leQ1lErn32ilGBaR6+BHKYada2EOQYuACCgFCERjEYjre1QGF++EZVF91JYI6NqRuCxIZI+TRXU2ve2ettNehH90zOmny5RWv6Xy1y5Ouh13epqOV27zwOOzqPz3tG1/jHPyA/hFJDWKGXgJf3QB3N6mttXxSWHDdd2JuAPn67+Qf+0ucphv0Akw+OY46d7Vagqjev0Q3uSXmO4Zq+1yuZwNHEhYHfBzOfbm55Cjoxj3BOUKKBh7d9t+Qg9wPvsTJDMWB7ysBmLzX1heiiVXrmHkjV2cVPMSVpUD9OYi3iNv2/VHx6cbiYQ9AvtzL+BvbcWYFpQOyBWMLdojAGBSD1N6Yr1B7nleVjfrQebgIFbXOfs3/S8fxl8OQZXvW+UioEUEI2Ktd6evD39nx3q58GM7xZ/bAwZpGgFxM4hIQ28QEbQgdWVNUUPymWc5+/wz+1e5wuhbuzhJE0tcg9/7IiYI9cU+Iahc/ngjobX1DZj9PfI3byCFgt2yU60AFIy/Z38rons4e2wNkxhq0HmVStYREQyC0LiTydDz/kc4XV12BwwMvp5h7J148n8e/QI/MVi3G14igiNS/WGEyF5tz87UDD0rX5G+9SptQ9WvUOk0ySefpvuDT/Dmv6M0uYL/4HPQ1g4oJDWCN3SP4vQa5Y6nMCG70aX2Dg43dEwKolAEQwtVz2kYjlIoArJL2KtUKlktwTgMV4Bt2tVkRqoSS+etRi3kbLPJCkEVIP91wmglXGayxaHZpJSQN46I7EsgvNJVfRP76tff/pzq6OxcUnDxT6kthv9HH3NOYKdYKN5pYqGFFq4G/wLeLaXtehL3WwAAAABJRU5ErkJggg==);
}

.Discover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADVElEQVRYhe2VXUzVZRzHP8/z/3POoTIusrRzjsS6SHnXAyjMNt0aZlsWo62ZLyM3i3FRTblllqyWW6EVbF016qK5ZrnVNMQD8pJONyGIXiCH7YCwDoqHOHkOCIfn1wUvglstCuGGz91z83y++z6/53lgmWWWGNV15WrS6lWPfKy1TlpMsRETCAavl6ihP8JfxcfHFy6mfJqRkZGTtlLKDbIUfpRSbr0k5lnYIiBLUwAiYE/Wv0QJkOUG/n0Dxhi0np5ZwRi5sxYBpeavF5jeARDSUlPYsD6DwsIChoaG2JiTRTQapfTgAdJSk3nj9ddobW0hMyOdtNRkLp3+AufxV4n/YAuO48XkZ69ldHSU9rY29uzehcfzKD7feo4dPYrHvZq01BSOHHmX2a1rEWG6hUjkFt+3/UBGRiZVlR8RiUQQEWpqvuXU6Rree7+C8sOHqag4RsePP7M55McKdqIQ7OAvvJPn4sKF89TWnmHL1q3YlkVDQxN79u5l5cqHaWxq5rNPq2d8IoIWhMkQMlWL4PNlEQgEZtbl5W+zLf8pvjxxgkBPgPSMdLTWOEJX51Sa5bkfv99PXZ2f7dufIRwO89yOZzlXX8+1a708uTmP/ftfmfEJghYzN0AsFsN/tpbklJSZALl5eXz9zSkqKz8kMTGRlpZWYhMTRB96Yu6ZejNpbmpibGwct9tNQkIC5xoayd/2NF7vGg4cLOVmKHQngBG0CBgRjAhe7xo2bcphwhiKi0twezyAYveul9i580WKXt5HWdkh3jxURk62j47HXmA8cSPG9SDjSbmoHW+xdt06ni8owIjwwIoVZGdtoLr6EzxeD0VF+2hvb6Ovrx8jgh4ZdqjgwM2LTpcjd94j/D9xdNbh+q4qYE8P4WJhhXqJb64iru8yKIU9+/zvJTp8HVfL5zi7alBMzLwb9zyANdCNq+Mkzu76SfFd2MLC/wUqOoyzuxHnr2exB7tQ//BKLlADghXqw9F7GUfPReKCHSjMVJq/l4uAPWFMAJF53QI1FsW68Rv24BXiBjqJ+/0nrNHB//If9Nr9/cFSj3sVWqnHAbSJ2VbstsMej96nb/+pdTSEFbmBFQ5iDfdhD/Wgbw2grLtk85BPFd5roGS+iZdZZsH5C8x2mB9oL5daAAAAAElFTkSuQmCC);
}

.American.Express {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD2UlEQVRYhe2WTW8cRRCGn+7p+fCs1/baRiYCJSGE5EIkBAFBDlxA4pALJ/4AB875JTkjbogDJ34DhmOESIIMHCIlMSKRE6/Xa++ud3ZmqjjM7uzsh03iA1xc0qi/qt56q6u6p+FMzuR/FnPju3uXalH4NcZcLicBrbQzRlPzx41NZU5ndPVB9yj5ysVReNtY79N5TqrtceunGQ/7F+MovO2A81X+Okt10vK0WzNtW7TnnYjONzjJkRxDSiqh6hTGtI6AojhFERSDAZ3K3bTzeWT0mLayXmLq5Jyq4nTISKtpOCF4/mXtJJnhpuBUdS7aSQ5e1vn0iSgxRHGiitExpAEakQPgcJCT5goGGqGHMYZemtPPlcizxL4FoJ3kLIdeEZKpFkGxV61+jrOGxcAjE+VgkA93YIJAodzwPDbvtAB472od8ZWa53F/q8P+UcbbF2po3dJrptz5q4c1hi8+Xuf7zecTEa7VHBvLAb8/6XHj2jLdg4zNhwd8cKWOBFohICPSxWTrMKMROyLfstdKidYdokqSCY3Y8bQ54OpqzN2dHq/Wfbb3B6hCP1NqgeXmh6scDgQM9BNB/oadnYRnBynrdZ8sMkg2JCCKFRVEFdGiDFvtlNfXQl5bD3j8PGHJt4xO6kbdp9PPqeeW0BnCoEhB9VTqsKCfdgbspRnXLsZsPTlit5Px1oUFumle+pNiBxRrFVVYDz3u7SY8aiYMa4TBkaBhkddOKmws+/z85wHn1ny6XSkjAegOhB9+2qUROy5fiekOciQfV0SWFUe+FFEsqogoqsrhYY4CN683+PyjVTwD7YOsdACwEFv2ehmNuqOfSplLgFpg+fKTDT67vkLdWVY9j/uPu7z/Ro3V2PHHwx6LnkVFUSn8OhHFmAIg6eWsRB6tNGO/k3NpPWKvnXFuIyAOLIuBJV6wLPiWV5YcW5kQOYuqEjlDLsq3Pz4DoBE7VmuOwFkW6pY3vZDfHvWQjqL+uAjNu9/88qtx/jsAjdBhDOz1MwCWQ4czsJ/k1AOPJBdSUZYCj1Y/pxF5GIr1ldCbOHzjsi7wfGupBxZVaCUFvmbpXaciZRXtHaVUr4z9o6zstyr9Zlb0m72x/m5vvD5PBiI0s4lyRUVGN6FOLLyIjCM9zaU8xFCdR+AlAE7tukIA1bKKS9Tj3gLTOtP9Kqt5b4MZ29FNOPohVf/dM3TnjEdA0++D6twJmCqKRfLtkYKOjCpZGWWo+pUEKt8oBpUxjg4xp7FKO5Ft1283b4XLa/HoUfoi5VgEbybeEBO7osWVTEVvBlf1QdJu3jrGxZmcyX8n/wCuOj5LumZLXQAAAABJRU5ErkJggg==);
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}