@font-face {
  font-family: "Circular-Book-S";
  src: url("../fonts/lineto-circular-book.eot");
  src: url("../fonts/lineto-circular-book.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-BookItalic-S";
  src: url("../fonts/lineto-circular-bookItalic.eot");
  src: url("../fonts/lineto-circular-bookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-bookItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-Medium-S";
  src: url("../fonts/lineto-circular-medium.eot");
  src: url("../fonts/lineto-circular-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-MediumItalic-S";
  src: url("../fonts/lineto-circular-mediumItalic.eot");
  src: url("../fonts/lineto-circular-mediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-mediumItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-Bold-S";
  src: url("../fonts/lineto-circular-bold.eot");
  src: url("../fonts/lineto-circular-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-BoldItalic-S";
  src: url("../fonts/lineto-circular-boldItalic.eot");
  src: url("../fonts/lineto-circular-boldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-boldItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-Black-S";
  src: url("../fonts/lineto-circular-black.eot");
  src: url("../fonts/lineto-circular-black.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-black.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular-BlackItalic-S";
  src: url("../fonts/lineto-circular-blackItalic.eot");
  src: url("../fonts/lineto-circular-blackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-blackItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

  /*demo purposes*/

    div.emptyBox {padding:35px 50px;display: inline-block;vertical-align: top;border:1px solid #005a96;}
    div.sampleBox {background: #005a96;padding:35px 50px;display: inline-block;vertical-align: top;}
    div.imgBox {background: url(../img/sampleimgbg.jpg) no-repeat;background-size:cover;padding:35px 50px;display: inline-block;vertical-align: top;}

  /*End demo purposes*/


     .btn {
      display: inline-block;
      margin:0;
      font-weight: normal;
      text-align: center;
      -ms-touch-action: manipulation;
          touch-action: manipulation;
      cursor: pointer;
      white-space: nowrap;
      padding: 14px 29px;
      font-size: 14px;
      line-height: 20px;
      border-radius: 4px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      background: #005a96;
      border:1px solid #005a96;
      color:#fff;
      min-width: 115px;
      box-sizing:border-box;
      font-family: "Circular-Bold-S", Arial, sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      }
      .btn:hover {background: #1b365d;border:1px solid #1b365d;}
      .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {outline:0;}
      .btn:active, .btn.active {outline:0;}
      .btn.disabled, .btn[disabled],
      fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        background: #ccc;
        box-shadow: none;}

      button.btn, input.btn {font-weight: normal;border:1px solid #005a96;outline:0;}   

      a.btn.outlineBtn, button.btn.outlineBtn, input.btn.outlineBtn {background: none;color:#646464;padding:13px 28px;border:2px solid #646464;}
      a.btn.outlineBtn:hover, button.btn.outlineBtn:hover, input.btn.outlineBtn:hover {background: #646464;color:#fff;}

      a.btn.transparentBtn, button.btn.transparentBtn, input.btn.transparentBtn {background: rgba(255,255,255,.15);color:#FFF;padding:15px 30px;border:none;}
      a.btn.transparentBtn:hover, button.btn.transparentBtn:hover, input.btn.transparentBtn:hover {background: rgba(255,255,255,.075);color:#fff;}

      a.btn.greenBtn, button.btn.greenBtn, input.btn.greenBtn {background:#90c53d;border:1px solid #90c53d;}
      a.btn.greenBtn:hover, button.btn.greenBtn:hover, input.btn.greenBtn:hover {background: #28714e;}

      a.btn.ltBlueBtn, button.btn.ltBlueBtn, input.btn.ltBlueBtn {background:#22c0f1;border:1px solid #22c0f1;}
      a.btn.ltBlueBtn:hover, button.btn.ltBlueBtn:hover, input.btn.ltBlueBtn:hover {background: #005a96;}

      a.btn.orangeBtn, button.btn.orangeBtn, input.btn.orangeBtn {background:#f89c26;border:1px solid #f89c26;}
      a.btn.orangeBtn:hover, button.btn.orangeBtn:hover, input.btn.orangeBtn:hover {background: #e1641f;}

      a.btn.redBtn, button.btn.redBtn, input.btn.redBtn {background:#ee1532;border:1px solid #ee1532;}
      a.btn.redBtn:hover, button.btn.redBtn:hover, input.btn.redBtn:hover {background: #a71226;}

      a.btn.wtOutlineBtn, button.btn.wtOutlineBtn, input.btn.wtOutlineBtn {background:none;padding:13px 28px;border:2px solid #fff;}
      a.btn.wtOutlineBtn:hover, button.btn.wtOutlineBtn:hover, input.btn.wtOutlineBtn:hover {background: #fff;color:#005a96;}

      a.btn.submissiveBtn, button.btn.submissiveBtn, input.btn.submissiveBtn {background: none;color:#fff;padding:15px 30px;border:none;}
      a.btn.submissiveBtn:hover, button.btn.submissiveBtn:hover, input.btn.submissiveBtn:hover {background: none;color:#005a96;}

      a.btn.submissiveBtnOnWhite, button.btn.submissiveBtnOnWhite, input.btn.submissiveBtnOnWhite {background: none;color:#005a96;padding:15px 30px;border:none;}
      a.btn.submissiveBtnOnWhite:hover, button.btn.submissiveBtnOnWhite:hover, input.btn.submissiveBtnOnWhite:hover {background: none;color:#1b365d;}

      a.btn.disabledBtn, button.btn.disabledBtn, input.btn.disabledBtn, a.btn.disabledBtn:hover, input.btn.disabledBtn:hover {
        background-color: #d1d2d4;
        border: 1px solid #d1d2d4;
        color: #888;
        box-shadow: none;
        outline: none;
        cursor: default;
        pointer-events: none;
      }

      .spanimate span {
        transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -webkit-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        padding:0 0 0 8px;
        font-size:12px;
        position:relative;
        left:0;
      }
      .spanimate:hover span {
        left:5px;
      }

      a.btn.spanimate[disabled]:hover span, button.btn.spanimate[disabled]:hover span {
        left:0px;
      }

      @media (max-width: 450px) {
        .btn {font-size: 11px;}
      }


/* Specialty SVG Buttons */

.btn.svg-btn {
  background-color: transparent!important;
  color: #8fc53c!important;
  border: 0!important;
  padding: 6px 0;
  font-family: "Circular-Black-S";
  font-size: 20px;
  text-transform: uppercase;
}

.btn.svg-btn.light-blue {
  color: #41b6e6!important;
}

.btn.svg-btn.dark-blue {
  color: #13274a!important;
}

.btn.svg-btn:hover,
.btn.svg-btn:focus {
  background-color: transparent;
  color: #5C9209 !important;
  box-shadow: none!important;
}

.btn.svg-btn.light-blue:hover,
.btn.svg-btn.light-blue:focus {
  color: #0E83B3 !important;
}

.btn.svg-btn.dark-blue:hover,
.btn.svg-btn.dark-blue:focus {
  color: #000017 !important;
}

svg.svg-button {
  height: 50px;
  width: 50px;
  vertical-align: middle;
  margin-right: 10px;
  outline: none;
  transition: fill .25s ease;
  transition-delay: 0s;
}

svg.svg-button * {
  transition: fill .25s ease;
  transition-delay: 0s;
}

.svg-play {
  fill: #90c53d;
  transition: fill .25s ease;
  transition-delay: 0s;
}

svg .light-blue {
  fill: #41b6e6;
}

svg .dark-blue {
  fill: #13274a;
}

.svg-btn:focus,
.svg-btn:hover,
.svg-btn:active,
.svg-btn:focus .svg-play,
.svg-btn:hover .svg-play,
.svg-btn:active .svg-play {
  outline: none!important;
  color: #5C9209;
  fill: #5C9209;
}

.svg-btn:focus .light-blue,
.svg-btn:hover .light-blue,
.svg-btn:active .light-blue {
  outline: none!important;
  fill: #0E83B3;
}

.svg-btn:focus .dark-blue,
.svg-btn:hover .dark-blue,
.svg-btn:active .dark-blue {
  outline: none!important;
  fill: #000017;
}