.morph-button{position:relative;display:block;margin:0 auto;}
.morph-button > button{position:relative;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{height:45px;width:122px;}
.morph-button-fixed > button{z-index:1000;width:100%;height:100%;-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;}
.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,
.morph-button-sidebar.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.morph-button-overlay{margin:50px auto;}
.morph-button-overlay .morph-content{overflow:hidden;background:#e85657;}
.morph-button-overlay.open .morph-content{top:0 !important;left:0 !important;width:100%;height:100%;}
.morph-button-modal::before{position:fixed;top:0;left:0;z-index:800;width:100%;height:100%;background:rgba(0,0,0,0.7);content:'';opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;pointer-events:none;}
.morph-button-modal.open::before{opacity:1;pointer-events:auto;}
.morph-button-modal.active::before{z-index:1800;}
.morph-button-modal .morph-content{overflow:hidden;-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-modal.open .morph-content{top:50% !important;left:50% !important;margin:-210px 0 0 -300px;width:600px;height:420px;-webkit-transition: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: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.morph-button-modal-1{float:left;}
.morph-button.morph-button-modal-2,
.morph-button.morph-button-modal-3{display:inline-block;}
.morph-button-modal-1 > button,
.morph-button-modal-1 .morph-content{background-color:#553445;}
.morph-button-modal-2 .morph-content,
.morph-button-modal-3 .morph-content{background-color:#fff;color:#111;padding:20px;}
.morph-content label{position:relative;width:100%;}
.morph-content label:after{background:url("../images/arrow3.png") no-repeat scroll center center #fff;content:"";height:33px;pointer-events:none;position:absolute;right:1px;top:1px;width:32px;}
.morph-content input, .morph-content textarea, .morph-content select{width:100%;border:1px solid #111;padding:5px;font-size:18px;margin-bottom:10px;border-radius:0;}
.morph-content input[type="submit"]{background:#111;color:#fff;padding:10px;transition:all .3s ease;border:none;}
.morph-content input[type="submit"]:hover{background:#e6e6e6;color:#111;transition:all .3s ease;}
.morph-content .icon-close{float:right;margin-bottom:20px;margin-right:-15px;margin-top:-15px;cursor:pointer;}
.morph-button-modal-4{display:inline-block;}
.morph-button-modal-4 > button,
.morph-button-modal-4 .morph-content{background-color:#faf1e0;color:#553445;}
.morph-button-modal-4 > button span,
.morph-button-modal-4 .morph-clone{padding-left:10px;color:#286f81;}
.morph-button-modal-4 .morph-clone{position:absolute;right:34px;bottom:30px;z-index:100;letter-spacing:1px;font-weight:700;-webkit-transition:bottom 0.4s 0.1s, right 0.4s 0.1s;transition:bottom 0.4s 0.1s, right 0.4s 0.1s;}
.morph-button-modal-4.open .morph-clone,
.no-js .morph-button-modal-4 .morph-clone{right:10px;bottom:10px;}
.morph-button-modal-1::before{background:rgba(240,221,204,0.7);}
.morph-button-modal-2.open .morph-content{margin:-210px 0 0 -170px;width:340px;height:330px;}
.morph-button-modal-3.open .morph-content{margin:-255px 0 0 -210px;width:420px;height:510px;}
.morph-button-modal-3.open .morph-content > div{height:420px;}
.morph-button-modal-2.open .morph-content > div,
.morph-button-modal-3.open .morph-content > div{-webkit-transition:opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s;}
.morph-button-modal-4.open .morph-content{margin:-200px 0 0 -320px;width:640px;height:400px;}
.morph-button-inflow{overflow:hidden;max-width:100%;height:70px;}
.morph-button-inflow > button{width:100%;line-height:70px;}
.morph-button-inflow .morph-content{position:absolute;top:0;left:0;width:100%;}
.morph-button-inflow .morph-content .morph-clone{padding:0;font-weight:700;font-size:1.5em;line-height:70px;}
.morph-button-inflow-1{width:600px;margin:2em auto;-webkit-transition:height 0.5s cubic-bezier(0.7,0,0.3,1);transition:height 0.5s cubic-bezier(0.7,0,0.3,1);}
.morph-button-inflow-1 > button span{visibility:hidden;}
.morph-button-inflow-1 .morph-content .morph-clone{color:#f9f6e5;background:#e85657;}
.morph-button-inflow-2{position:absolute;top:50%;left:50%;width:220px;background-color:#fef0e3;-webkit-transition:height 0.3s, width 0.3s, -webkit-transform 0.3s;transition:height 0.3s, width 0.3s, transform 0.3s;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.morph-button-inflow-2 > button{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;color:#e75854;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.morph-button-inflow-2.open > button{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.morph-button-inflow-2 .morph-content{width:260px;height:200px;}
.morph-button-inflow-2.open{width:260px;}
.morph-button-sidebar,
.morph-button-sidebar .morph-content{width:60px;height:60px;}
.morph-button-sidebar{position:fixed;bottom:50px;left:50px;}
.morph-button-sidebar > button{line-height:60px;font-size:1.6em;padding:0;}
.morph-button-sidebar .morph-content{background:#e85657;}
.morph-button-sidebar.open .morph-content{top:0 !important;left:0 !important;width:300px;height:100%;overflow:hidden;-webkit-backface-visibility:hidden;}
.morph-button .morph-content,
.morph-button.open .morph-content,
.morph-button-modal-4 .morph-clone{-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.noscroll{overflow:hidden;}
.morph-button-overlay.scroll .morph-content{overflow-y:scroll;}
.morph-button-sidebar.scroll .morph-content{overflow:auto;}
.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;}
.no-js .morph-button-sidebar{width:300px;position:fixed;top:0;left:0;margin:0;height:100%;background:#e85657;overflow:auto;}
.no-transition{-webkit-transition:none !important;transition:none !important;}
@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;}
}
@media screen and (max-width:400px){.morph-button-fixed,
.morph-button-fixed .morph-content{width:200px;height:80px;}
.morph-button-fixed > button{font-size:75%;}
.morph-button-sidebar > button{font-size:1.6em;}
.morph-button-inflow .morph-content .morph-clone{font-size:0.9em;}
.morph-button-modal-4,
.morph-button-modal-4 .morph-content{width:220px;height:120px;}
.morph-button-modal-4 > button{font-size:100%;line-height:50px;}
.morph-button-modal-4 > button span{display:block;}
.morph-button-modal-4 .morph-clone{right:83px;bottom:26px;}
.morph-button-sidebar,
.morph-button-sidebar .morph-content{width:100% !important;height:60px !important;}
.morph-button-sidebar{bottom:0px;left:0px;}
.morph-button-sidebar.open .morph-content{height:100% !important;}
}