/* Do not edit this file directly. Update styles in `source.css` only.
========================================================================== */

*, *:before, *:after {
    box-sizing: border-box;
}

/* Base Styles
--------------------------------------------------------------------------- */
#ad {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    width: 728px;
    height: 90px;
    background: #fff;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

}

.btn-cta {
  border-radius: 8px;
  background-color: #005796;
  box-shadow: 1.414px 1.414px 0px 0px rgba(3, 32, 87, 0.73),-0.707px -0.707px 0px 0px rgba(255, 255, 255, 0.41);
  text-shadow: 1.414px 1.414px 0px rgba(3, 32, 87, 0.73);
  line-height: 1.036;
  text-transform: uppercase;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: .28rem .48rem;
  text-align: center;
  z-index: 16;
  color: #ffd51e;
  letter-spacing: .1em;
  position: absolute;
  bottom: 12px;
  left: 95px;
}






.btn-overlay {
    display: block;
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.btn-overlay:before {
    content: '';
    position: absolute;
    z-index: 99;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    border: 1px solid #005796;
}

.logo{
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 40;
  width: 60px;
  height: 60px;

}

.logo svg{
  width: 100%;
  height: 60px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.logo svg path{
   -webkit-transform-origin: center;
       -ms-transform-origin: center;
           transform-origin: center;
}


.banner {
    position: relative;
    height: 100%;
    background: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
}

/* Frame Base Style
--------------------------------------------------------------------------- */
.frame {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;

    font-family: 'Roboto Slab', 'Times' , 'Georgia',serif;
    color: #fff;
    font-weight: 400;
    line-height: 1;
}

.bg-image{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;

}

.bg-1{
  z-index: 1;
}

.bg-2{
  z-index: 2;
}

.bg-3{
  z-index: 3;
}


/* Cursor */
.typed-cursor {}

/* If fade out option is set */
.typed-fade-out {
 }

/* Frame 1
--------------------------------------------------------------------------- */
.frame1-text {
    position: absolute;
    left: 15px;
    bottom: 18px;
    z-index: 2;
    font-size: 30px;
     text-shadow: 0.707px 0.707px 0px rgba(88, 67, 50, 0.73);
  }

.frame1-text .t2{
  position: absolute;
    display: block;
    top: 0px;
    left: 70px;
}


/* Frame 2
--------------------------------------------------------------------------- */
.frame2-text {
  position: absolute;
  left: 15px;
  bottom: 18px;
  z-index: 22;
  font-size: 30px;
  text-shadow: 0.707px 0.707px 0px rgba(88, 67, 50, 0.73);
}

/* Frame 3
--------------------------------------------------------------------------- */
.frame3-text {
  position: absolute;
  left: 95px;
  top: 10px;
  z-index: 24;
  font-size: 17px;
  line-height: 1.2;
  text-shadow: 0.707px 0.707px 0px rgba(88, 67, 50, 0.73);
}

/* Frame 4
--------------------------------------------------------------------------- */
.frame4-text {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 28;
  font-size: 20px;
  text-shadow: 0.707px 0.707px 0px rgba(88, 67, 50, 0.73);
}

/* Utility Styles
--------------------------------------------------------------------------- */
.u-hide {
    display: none;
}



@-webkit-keyframes typing {
    from { width: 0; opacity: 0;}
    to { width:10em; opacity: 1;}
}



@keyframes typing {
    from { width: 0; opacity: 0;}
    to { width:10em; opacity: 1;}
}