/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.menu.mobile-menu {
    display: none;
}

@media(max-width:810px) {
    /*start menu-btn*/
    .mobile-menu {
        padding: 11.5px 0;
    }
    /*----------------- button ---------*/
    .menu-btn {
        z-index: 10000;
        background:transparent;
        width: 22px;
        height: 22px;
        overflow:hidden;
        cursor:pointer;
        display: block;
    }
    .menu-btn > .line{
        display:block;
        width:100%;
        height:2px;
        background:#C4C4C4;
        margin:4px auto;
    }
    .menu-btn .line:nth-child(1), .menu-btn .line:nth-child(3){
        -webkit-transform:rotate(0deg) translateY(0);
        -moz-transform:rotate(0deg) translateY(0);
        transform:rotate(0deg) translateY(0);
        -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition:         all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    .menu-btn .line:nth-child(2){
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition:         all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }


    /*-------------- the close button ---------*/

    .close .line:nth-child(1) {
        -webkit-transform:rotate(45deg) translateY(8px);
        -moz-transform:rotate(45deg) translateY(8px);
        transform:rotate(45deg) translateY(8px);
        background: #00A3FF;

    }

    .close .line:nth-child(3) {
        -webkit-transform:rotate(-45deg) translateY(-9px);
        -moz-transform:rotate(-45deg) translateY(-9px);
        transform:rotate(-45deg) translateY(-9px);
        background: #00A3FF;
    }

    .close .line:nth-child(2){
        -webkit-transform:translateX(-100px);
        -moz-transform:translateX(-100px);
        transform:translateX(-100px);
        background: transparent;
    }
    .menu-btn.close {
        position: relative;
        overflow: visible;
    }
    .menu-btn.close:after {
        content: '';
        position: absolute;
        top: -10px;
        right: 0;
        bottom: 0;
        left: -11px;
        width: 31px;
        height: 31px;
        border: 1px solid #00A3FF;
        border-radius: 50%;
    }

    .pushy-open-left .mobile-menu.push,
    .pushy-open-right .mobile-menu.push {
        z-index: 999999!important;
        position: fixed;
        right: -49px;
        top: 22px;
    }
    /*end menu-btn*/


    .pushy-open-left .pushy-left.scroll,
    .pushy-open-right .pushy-right.scroll {
        height: 100%;
    }
    .pushy-open-left .pushy-left,
    .pushy-open-right .pushy-right {
        background: #fff;
        border-right: 1px solid #ddd;
    }
    .menu ul li {
        float: none;
        width: 100%;
        margin: 23px 0 0;
    }
    .menu ul li:first-child {
        margin-top: 47px;
    }
    .pushy {
      position: fixed;
      width: 187px;
      height: 100%;
      top: 0;
      z-index: 9999;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      /* enables momentum scrolling in iOS overflow elements */
    }
    .pushy a {
        display: block;
        color: #000;
        padding: 0 49px 0 5px;
        text-decoration: none;
        text-align: right;
    }
    .pushy a:hover {
      /*color: #FFF;*/
    }
    .pushy ul {
      padding: 10px;
    }
    .pushy.pushy-left {
      left: 0;
    }
    .pushy.pushy-right {
      right: 0;
    }

    .pushy-content {
      visibility: hidden;
    }

    /* Menu Movement */
    .pushy-left {
      -webkit-transform: translate3d(-187px, 0, 0);
      -ms-transform: translate3d(-187px, 0, 0);
      transform: translate3d(-187px, 0, 0);
    }

    .pushy-open-left #container,
    .pushy-open-left .push {
      -webkit-transform: translate3d(187px, 0, 0);
      -ms-transform: translate3d(187px, 0, 0);
      transform: translate3d(187px, 0, 0);
    }

    .pushy-right {
      -webkit-transform: translate3d(187px, 0, 0);
      -ms-transform: translate3d(187px, 0, 0);
      transform: translate3d(187px, 0, 0);
    }

    .pushy-open-right #container,
    .pushy-open-right .push {
      -webkit-transform: translate3d(-187px, 0, 0);
      -ms-transform: translate3d(-187px, 0, 0);
      transform: translate3d(-187px, 0, 0);
    }

    .pushy-open-left .pushy,
    .pushy-open-right .pushy {
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .pushy-open-left .pushy-content,
    .pushy-open-right .pushy-content {
      visibility: visible;
    }

    /* Menu Transitions */
    #container,
    .pushy,
    .push {
      transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    }

    .pushy-content {
      transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    }

    /* Site Overlay */
    .site-overlay {
      display: none;
    }

    .pushy-open-left .site-overlay,
    .pushy-open-right .site-overlay {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9998;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-animation: fade 500ms;
      animation: fade 500ms;
    }

    @keyframes fade {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes fade {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    /* Submenu Appearance */
    .pushy-submenu {
      /* Submenu Buttons */
      /* Submenu Icon */
    }
    .pushy-submenu ul {
      padding-left: 15px;
      transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
    }
    .pushy-submenu ul .pushy-link {
      transition: opacity 0.2s ease-in-out;
    }
    .pushy-submenu button {
      width: 100%;
      color: #b3b3b1;
      padding: 15px 30px;
      text-align: left;
      background: transparent;
      border: 0;
    }
    .pushy-submenu button:hover {
      color: #FFF;
    }
    .pushy-submenu > a,
    .pushy-submenu > button {
      position: relative;
    }
    .pushy-submenu > a::after,
    .pushy-submenu > button::after {
      content: '';
      display: block;
      height: 11px;
      width: 8px;
      position: absolute;
      top: 50%;
      right: 15px;
      background: url("../img/arrow.svg") no-repeat;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: transform 0.2s;
    }

    /* Submenu Movement */
    .pushy-submenu-closed ul {
      max-height: 0;
      overflow: hidden;
      visibility: hidden;
    }
    .pushy-submenu-closed .pushy-link {
      opacity: 0;
    }

    .pushy-submenu-open {
      /* Submenu Icon */
    }
    .pushy-submenu-open ul {
      max-height: 1000px;
      visibility: visible;
    }
    .pushy-submenu-open .pushy-link {
      opacity: 1;
    }
    .pushy-submenu-open a::after,
    .pushy-submenu-open button::after {
      -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg);
    }
}
/*# sourceMappingURL=pushy.css.map */