/* Morph Button: Default Styles */
 .morph-button {
     position: absolute;
     display: block;
     margin: 0 auto;
}
 .morph-button > button {
     left: calc(16.666667% - 15px);
     padding: 0;
     border: none;
     color: #E95854;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: 700;
     line-height: 80px;
     overflow: hidden;
}
 .morph-button.open > button {
     pointer-events: none;
}
 .morph-content {
     pointer-events: none;
}
 .morph-button.open .morph-content {
     pointer-events: auto;
}
 .morph-button-fixed, .morph-button-fixed .morph-content {
     width: 50px;
     height: 50px;
}
 .morph-button-fixed > button {
     z-index: 1000;
     -webkit-transition: opacity 0.1s 0.5s;
     transition: opacity 0.1s 0.5s;
}
 .morph-button-fixed.open > button {
     opacity: 0;
     -webkit-transition: opacity 0.1s;
     transition: opacity 0.1s;
}
 .morph-button-fixed .morph-content {
     position: fixed;
     z-index: 900;
     opacity: 0;
     -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
     transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}
 .morph-button-fixed.open .morph-content {
     opacity: 1;
}
 .morph-button-fixed .morph-content > div {
     visibility: hidden;
     height: 0;
     opacity: 0;
     -webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
     transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
}
 .morph-button-fixed.open .morph-content > div {
     visibility: visible;
     height: auto;
     opacity: 1;
     -webkit-transition: opacity 0.3s 0.5s;
     transition: opacity 0.3s 0.5s;
}
 .morph-button-fixed.active > button {
     z-index: 2000;
}
 .morph-button-fixed.active .morph-content {
     z-index: 1900;
}
/* Transitions for overlay button and sidebar button */
 .morph-button-overlay .morph-content, .morph-button-sidebar .morph-content {
     -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
     transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
}
 .morph-button-overlay.open .morph-content {
     -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
     transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
}
/* Morph Button Style: Overlay */

 .morph-button.morph-button-overlay {
    left: calc(16.666667% - 32.5px);
    top: 47%;
}
 .morph-button-overlay .morph-content {
     overflow: hidden;
     background: #fff no-repeat center center;
}
 .morph-button-overlay.open .morph-content {
     top: 0 !important;
     left: 0 !important;
     width: 100%;
     height: 100%;
     z-index: 9999;
}

/* No JS fallback: let's hide the button and show the content */
 .no-js .morph-button > button {
     display: none;
}
 .no-js .morph-button {
     margin: 10px 0;
     float: none;
}
 .no-js .morph-button, .no-js .morph-button .morph-content, .no-js .morph-button .morph-content > div {
     position: relative;
     width: auto;
     height: auto;
     opacity: 1;
     visibility: visible;
     top: auto;
     left: auto;
     -webkit-transform: none;
     transform: none;
     pointer-events: auto;
}
 .no-js .morph-button .morph-content .icon-close {
     display: none;
}
/* Media Queries */
 @media screen and (max-width: 600px) {
     .morph-button-modal.open .morph-content {
         top: 0% !important;
         left: 0% !important;
         margin: 0;
         width: 100%;
         height: 100%;
         overflow-y: scroll;
         -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
         transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
    }
}
/* Icons */
 .icon-close {
     z-index: 100;
     display: block;
     overflow: hidden;
     width: 3em;
     height: 3em;
     text-align: center;
     line-height: 3;
     cursor: pointer;
     position: absolute;
     top: 25px;
     right: 35px;
     opacity: .75;
     -webkit-transition: all 100ms ease-in;
     -o-transition: all 100ms ease-in;
     -moz-transition: all 100ms ease-in;
     transition: all 100ms ease-in;
}
 .icon-close:hover {
     opacity: 1;
}
 @media screen and (max-width: 768px) {
     .content-style-overlay {
         padding: 100px 50px;
    }
}
 .content-style-overlay a:not(:last-child) h3 {
     margin: 0 auto;
     padding: 12px 0;
     max-width: 700px;
     text-align: justify;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 16px;
     color: #fff;
     text-align: center;
     -webkit-transition: all 200ms ease-in;
     -o-transition: all 200ms ease-in;
     -moz-transition: all 200ms ease-in;
     transition: all 200ms ease-in;
}
.content-style-overlay a:last-child h3{
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 22px;
 }   
 .content-style-overlay a:not(:last-child):hover h3 {
     letter-spacing: 1px;
}
}