/* line 8, scss/scrollActions.scss */
#shadow-header, #mobile-top-bar, #mobile-bottom-bar, #mobile-menu-area, #mobile-share-area, #mobile-download-area, #mobile-page-area {
  display: none;
}

/* line 12, scss/scrollActions.scss */
#mobile-top-bar a, #mobile-bottom-bar a, #mobile-menu-area a, #mobile-share-area a, #mobile-download-area a, #mobile-page-area a {
  font-family: 'Varela Round', sans-serif;
}

/* line 16, scss/scrollActions.scss */
.bx-wrapper .bx-controls-direction a {
  z-index: 999;
}

@media only screen and (max-width: 640px) {
  /* line 21, scss/scrollActions.scss */
  .btnHeaderSearch, .search-tips {
    display: none;
  }

  /* line 25, scss/scrollActions.scss */
  #mobile-top-bar, #mobile-bottom-bar, #mobile-menu-area, #mobile-share-area, #mobile-download-area, #mobile-page-area {
    display: block;
  }

  /* line 30, scss/scrollActions.scss */
  #shadow-header {
    height: 45px;
    width: 100%;
    background: #0074b6 !important;
  }

  /* line 37, scss/scrollActions.scss */
  #mobile-top-bar, #mobile-bottom-bar {
    display: block;
    position: fixed;
    height: 45px;
    width: 100vh;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  /* line 46, scss/scrollActions.scss */
  #mobile-top-bar button, #mobile-bottom-bar button {
    padding: 0;
    line-height: 45px;
    background: none;
  }

  /* line 53, scss/scrollActions.scss */
  #mobile-top-bar {
    z-index: 1002;
    top: -45px;
    border-bottom: 1px solid #333;
    background: #0074b6 !important;
  }
  /* line 59, scss/scrollActions.scss */
  #mobile-top-bar.show-top {
    top: 0 !important;
  }
  /* line 63, scss/scrollActions.scss */
  #mobile-top-bar button {
    color: white;
    font-size: 20px;
    font-weight: bold;
  }
  /* line 68, scss/scrollActions.scss */
  #mobile-top-bar button#mobile-go-top {
    float: right;
    padding: 0 10px;
    font-size: 35px;
  }

  /* line 76, scss/scrollActions.scss */
  #mobile-menu-area {
    z-index: 1003;
    position: fixed;
    overflow: auto;
    top: 45px;
    left: -250px;
    width: 250px;
    height: auto;
    background: #0074b6 !important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.5s ease;
    border-bottom: 10px solid #0074b6 !important;
  }
  /* line 89, scss/scrollActions.scss */
  #mobile-menu-area.ec-expanded {
    left: 0;
  }
  /* line 93, scss/scrollActions.scss */
  #mobile-menu-area ul {
    margin: 0;
    padding: 5px;
    list-style: none;
    background: #2c8bc2 !important;
  }
  /* line 99, scss/scrollActions.scss */
  #mobile-menu-area ul ul {
    padding: 0;
  }
  /* line 103, scss/scrollActions.scss */
  #mobile-menu-area ul li {
    margin: 0;
  }
  /* line 106, scss/scrollActions.scss */
  #mobile-menu-area ul li a {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 2px;
    color: white;
  }
  /* line 113, scss/scrollActions.scss */
  #mobile-menu-area ul li a:hover, #mobile-menu-area ul li a:focus {
    background: rgba(255, 255, 255, 0.6);
  }

  /* line 121, scss/scrollActions.scss */
  #mobile-bottom-bar {
    z-index: 1001;
    bottom: -45px;
    background: #0074b6 !important;
  }
  /* line 126, scss/scrollActions.scss */
  #mobile-bottom-bar.show-bottom {
    bottom: 0 !important;
  }
  /* line 130, scss/scrollActions.scss */
  #mobile-bottom-bar button, #mobile-bottom-bar a {
    color: white;
    font-size: 30px;
    line-height: 52px;
    text-align: center;
    background: none;
  }
  /* line 137, scss/scrollActions.scss */
  #mobile-bottom-bar button.ec-active, #mobile-bottom-bar button:hover, #mobile-bottom-bar a.ec-active, #mobile-bottom-bar a:hover {
    background: #2c8bc2 !important;
    color: #0074b6 !important;
  }
  /* line 144, scss/scrollActions.scss */
  #mobile-bottom-bar #mobile-share-button:focus, #mobile-bottom-bar #mobile-share-button:hover, #mobile-bottom-bar #mobile-download-button:focus, #mobile-bottom-bar #mobile-download-button:hover, #mobile-bottom-bar #mobile-page-button:focus, #mobile-bottom-bar #mobile-page-button:hover {
    background: #2c8bc2 !important;
  }

  /* line 150, scss/scrollActions.scss */
  #mobile-share-area, #mobile-download-area {
    text-transform: uppercase;
  }
  /* line 152, scss/scrollActions.scss */
  #mobile-share-area i, #mobile-download-area i {
    font-size: 24px;
    color: white !important;
  }

  /* line 158, scss/scrollActions.scss */
  #mobile-share-area, #mobile-download-area, #mobile-page-area {
    z-index: 1000;
    position: fixed;
    bottom: 45px;
    bottom: -100vh;
    bottom: -100%;
    width: 100vw;
    width: 100%;
    left: 0;
    padding-bottom: 10px;
    background: #2c8bc2 !important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  /* line 172, scss/scrollActions.scss */
  #mobile-share-area .ecMobile_actions, #mobile-download-area .ecMobile_actions, #mobile-page-area .ecMobile_actions {
    overflow: auto;
    height: auto;
  }
  /* line 177, scss/scrollActions.scss */
  #mobile-share-area.ec-expanded, #mobile-download-area.ec-expanded, #mobile-page-area.ec-expanded {
    bottom: 45px;
  }
  /* line 181, scss/scrollActions.scss */
  #mobile-share-area .area-label, #mobile-download-area .area-label, #mobile-page-area .area-label {
    position: absolute;
    display: block;
    width: 100%;
    background: #ccc;
    padding: 4px;
    top: -35px;
    color: #444;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
  }
  /* line 194, scss/scrollActions.scss */
  #mobile-share-area ul, #mobile-download-area ul, #mobile-page-area ul {
    margin: 0;
    padding: 5px;
    list-style: none;
  }
  /* line 199, scss/scrollActions.scss */
  #mobile-share-area ul li, #mobile-download-area ul li, #mobile-page-area ul li {
    margin: 0;
    display: block;
    width: 100%;
    margin-bottom: 2px;
    color: white;
  }
  /* line 206, scss/scrollActions.scss */
  #mobile-share-area ul li a, #mobile-download-area ul li a, #mobile-page-area ul li a {
    display: block;
    width: 100%;
    color: white;
    padding: 10px 15px;
  }
  /* line 213, scss/scrollActions.scss */
  #mobile-share-area ul li.sub, #mobile-download-area ul li.sub, #mobile-page-area ul li.sub {
    padding: 10px 15px;
  }
  /* line 216, scss/scrollActions.scss */
  #mobile-share-area ul li.sub .downloads, #mobile-download-area ul li.sub .downloads, #mobile-page-area ul li.sub .downloads {
    padding-bottom: 40px;
  }
  /* line 220, scss/scrollActions.scss */
  #mobile-share-area ul li.sub .downloads li i, #mobile-download-area ul li.sub .downloads li i, #mobile-page-area ul li.sub .downloads li i {
    float: left;
    display: block;
    color: #78bda1 !important;
  }
  /* line 226, scss/scrollActions.scss */
  #mobile-share-area ul li.sub .downloads li span, #mobile-download-area ul li.sub .downloads li span, #mobile-page-area ul li.sub .downloads li span {
    float: left;
    display: block;
    padding-left: 10px;
    width: 80%;
  }
  /* line 235, scss/scrollActions.scss */
  #mobile-share-area ul li.sub.links, #mobile-download-area ul li.sub.links, #mobile-page-area ul li.sub.links {
    clear: both;
  }
  /* line 240, scss/scrollActions.scss */
  #mobile-share-area ul li ul, #mobile-download-area ul li ul, #mobile-page-area ul li ul {
    padding: 0;
  }
  /* line 243, scss/scrollActions.scss */
  #mobile-share-area ul li ul li, #mobile-download-area ul li ul li, #mobile-page-area ul li ul li {
    display: block;
    width: 100%;
  }
  /* line 246, scss/scrollActions.scss */
  #mobile-share-area ul li ul li a, #mobile-download-area ul li ul li a, #mobile-page-area ul li ul li a {
    padding: 10px 15px;
    display: block;
    width: 100%;
    color: #78bda1;
    text-transform: none;
  }

  /* line 260, scss/scrollActions.scss */
  .fa-google-plus-square {
    color: #dd4b39;
  }

  /* line 264, scss/scrollActions.scss */
  .fa-facebook-square {
    color: #3b5999;
  }

  /* line 267, scss/scrollActions.scss */
  .fa-twitter-square {
    color: #55acee;
  }

  /* line 271, scss/scrollActions.scss */
  #mobile-download-area i {
    font-size: 24px;
    color: white !important;
    float: left;
    padding: 0px 10px;
  }

  /* line 279, scss/scrollActions.scss */
  .page-link-h3 {
    padding-left: 40px !important;
    color: #ddd !important;
  }
}