.morph-button{position:relative;display:block;margin:0 auto}.morph-button > button{position:relative;padding:0 1em;border:2px solid red;background-color:transparent;color:red;text-transform:uppercase;letter-spacing:1px;font-weight:700;line-height:40px;overflow:hidden}.morph-button > button:hover{background-color:red;color:#FFF}.morph-button.open > button{pointer-events:none}.morph-content{pointer-events:none}.morph-content input,.morph-content textarea{background:#DADADA!important;border:0;border-radius:0;box-shadow:none}.morph-button.open .morph-content{pointer-events:auto}.morph-button-fixed,.morph-button-fixed .morph-content{width:150px;height:40px}.morph-button-fixed > button{z-index:950;width:100%;height:100%;-webkit-transition:opacity .1s .5s;transition:opacity .1s .5s}.morph-button-fixed.open > button{opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s}.morph-button-fixed .morph-content{position:fixed;z-index:900;opacity:0;-webkit-transition:opacity .3s 0.5s,width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s 0.1s,margin .4s .1s;transition:opacity .3s 0.5s,width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s 0.1s,margin .4s .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 0 0.1s,height 0 .1s;transition:opacity 0.1s,visibility 0 0.1s,height 0 .1s}.morph-button-fixed.open .morph-content > div{visibility:visible;height:100%;opacity:1;-webkit-transition:opacity .3s .5s;transition:opacity .3s .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 .3s 0.5s,width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s .1s;transition:opacity .3s 0.5s,width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s .1s}.morph-button-overlay.open .morph-content,.morph-button-sidebar.open .morph-content{-webkit-transition:width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s .1s;transition:width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s .1s}.morph-button.morph-button-overlay{margin:0}.morph-button-overlay .morph-content{overflow:hidden;background:red}.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.5);content:'';opacity:0;-webkit-transition:opacity .5s;transition:opacity .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 .3s 0.5s,width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s 0.1s,margin .4s .1s;transition:opacity .3s 0.5s,width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s 0.1s,margin .4s .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 .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s 0.1s,margin .4s .1s;transition:width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s 0.1s,margin .4s .1s}.morph-button.morph-button-modal-1{float:left}.morph-button.morph-button-modal-2,.morph-button.morph-button-modal-3{display:inline-block;margin:10px 15px}.morph-button-modal-1 > button,.morph-button-modal-1 .morph-content{background-color:#553445}.morph-button-modal-2 > button,.morph-button-modal-2 .morph-content,.morph-button-modal-3 > button,.morph-button-modal-3 .morph-content{background-color:#fef0e3;color:#e75854}.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 .4s 0.1s,right .4s .1s;transition:bottom .4s 0.1s,right .4s .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:420px}.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 .3s .3s;transition:opacity .3s .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 .5s cubic-bezier(0.7,0,0.3,1);transition:height .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 .3s;transition:height 0.3s,width 0.3s,transform .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 .3s;transition:transform .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:auto}.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 .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s .1s;transition:width .4s 0.1s,height .4s 0.1s,top .4s 0.1s,left .4s .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:.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:0;left:0}.morph-button-sidebar.open .morph-content{height:100%!important}}.icon-close{z-index:100;display:block;overflow:hidden;width:3em;height:3em;text-align:center;line-height:3;cursor:pointer}.icon:before{position:relative;display:block;width:100%;height:100%;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close::before{content:"X"}.icon-close{color:#FFF;position:absolute;top:0;right:0}.content-style-overlay{background-color:#FFF;min-height:100%;padding:100px 50px;text-align:left}.content-style-overlay h2{margin:0 0 1em;padding:0;font-weight:300;font-size:3em}.content-style-overlay p{margin:0 auto;padding:10px 0;max-width:700px;text-align:justify;font-weight:300;/*font-size:1.5em*/}.content-style-overlay .icon-close{background:red}.content-style-overlay .icon-close:hover{background:#555}.content-style-text{padding:60px;text-align:left}.content-style-text h2{margin:0 0 .5em;font-weight:300;font-size:1.85em}.content-style-text p{color:rgba(255,255,255,0.5);font-weight:300;font-size:1.15em;line-height:1.4}.content-style-text label{padding:10px;color:#f9e1c9;font-weight:700}.content-style-text .icon-close{top:0;right:0;color:rgba(0,0,0,0.2)}.content-style-text .icon-close:hover{color:#f9e1c9}.content-style-form{position:relative;text-align:left}.content-style-form h2{margin:0;padding:.4em 0 .3em;text-align:center;font-weight:300;font-size:3.5em}.content-style-form form{padding:10px 30px}.content-style-form form p{margin:0 0 5px;font-size:.7em}.content-style-form label{display:block;padding:10px 0 0;color:#d5bba4;text-transform:uppercase;letter-spacing:1px;font-weight:700}.content-style-form input[type="text"],.content-style-form input[type="password"]{padding:10px;width:100%;border:2px solid #ebd3bd;background:transparent;color:#b09a86;font-weight:300;font-size:2.2em}.content-style-form input[type="text"]:focus,.content-style-form input[type="password"]:focus{border-color:#e75854;color:#e75854}.content-style-form input:focus{outline:0}.content-style-form button{display:block;margin-top:2.5em;padding:1.5em;width:100%;border:none;background:#e75854;color:#f9f6e5;text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:1.25em}.content-style-form .icon-close{top:0;right:0;color:#ebd3bd;font-size:75%}.content-style-form .icon-close:hover{color:#e75854}.js .content-style-form-1 h2,.js .content-style-form-1 p,.js .content-style-form-1 .icon-close{opacity:0;-webkit-transition:opacity .2s 0.35s,-webkit-transform .2s .35s;transition:opacity .2s 0.35s,transform .2s .35s;-webkit-transform:scale(0.85);transform:scale(0.85)}.content-style-form-1 p:first-child{-webkit-transition-delay:.4s;transition-delay:.4s}.content-style-form-1 p:nth-child(2){-webkit-transition-delay:.45s;transition-delay:.45s}.content-style-form-1 p:nth-child(3){-webkit-transition-delay:.5s;transition-delay:.5s}.morph-button.open .content-style-form-1 h2,.morph-button.open .content-style-form-1 p,.morph-button.open .content-style-form-1 .icon-close{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.js .content-style-form-2 h2,.js .content-style-form-2 p,.js .content-style-form-2 .icon-close{opacity:0;-webkit-transition:opacity .2s 0.3s,-webkit-transform .2s .3s;transition:opacity .2s 0.3s,transform .2s .3s;-webkit-transform:translateY(50px);transform:translateY(50px)}.content-style-form-2 p:first-child{-webkit-transition-delay:.35s;transition-delay:.35s}.content-style-form-2 p:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}.content-style-form-2 p:nth-child(3){-webkit-transition-delay:.45s;transition-delay:.45s}.content-style-form-2 p:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.morph-button.open .content-style-form-2 h2,.morph-button.open .content-style-form-2 p,.morph-button.open .content-style-form-2 .icon-close{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.content-style-form-4 form{padding:30px;background:#fff;color:#ccb096;font-size:1.5em;-webkit-perspective:1000px;perspective:1000px}.content-style-form-4 input[type="text"]{border:none;background-color:#f0f0f0}.content-style-form-4 form button{background:#ba997b}.content-style-form-4 form button:focus,.content-style-form-4 form button:hover{background:#a9896d}.js .content-style-form-4 p{opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg);-webkit-transform-origin:center top;transform-origin:center top}.morph-button.open .content-style-form-4 p{opacity:1;-webkit-transition:opacity .4s 0.2s,-webkit-transform .4s .2s;transition:opacity .4s 0.2s,transform .4s .2s;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.morph-button.open .content-style-form-4 p:nth-child(2){-webkit-transition-delay:.35s;transition-delay:.35s}.content-style-social{padding:30px;text-align:left}.morph-button-inflow-2 > button svg{display:inline-block;padding-right:10px;width:20px;height:20px;vertical-align:-5%}.morph-button-inflow-2 > button svg path{fill:#e75854}.content-style-social a{display:block;padding:.5em 0;color:#67c2d4;vertical-align:middle;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:.8em;line-height:32px}.js .content-style-social a{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateX(100%);transform:translateX(100%)}.content-style-social a:hover{color:#e75854}.content-style-social a:hover svg path{fill:#e75854}.content-style-social a svg{display:inline-block;padding-right:10px;vertical-align:middle;-webkit-backface-visibility:hidden}.morph-button-inflow.open .content-style-social a{-webkit-transform:translateX(0);transform:translateX(0)}.morph-button-inflow.open .content-style-social a:nth-child(2){-webkit-transition-delay:.05s;transition-delay:.05s}.morph-button-inflow.open .content-style-social a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.content-style-video{text-align:left}.video-mockup{width:640px;height:360px;max-width:100%;background:url(../../../../../../../../../Desktop/Toshiba/ButtonComponentMorph/img/rated.png) no-repeat center center;background-size:100%}.content-style-video .icon-close,.content-style-video .icon-pause{color:#286f81}.content-style-video .icon-close{top:0;right:0}.content-style-video .icon-close:hover{color:rgba(0,0,0,0.4)}.controls{bottom:0;left:0;width:100%}.js .controls{position:absolute}.controls span{display:inline-block}.content-style-video .icon-pause{overflow:hidden;width:2.5em;height:2.5em;text-align:center;line-height:2.5;cursor:pointer;vertical-align:bottom}.content-style-video span.time{color:#286f81;letter-spacing:1px;font-weight:700;line-height:40px}.controls::after{content:'';position:absolute;height:7px;left:100px;right:70px;bottom:16px;background:#aaa}.content-style-sidebar h2{font-weight:300;font-size:2em;padding:.75em 0 .75em 1em;margin:0;color:#bb4445}.content-style-sidebar .icon-close{top:0;right:0;font-size:.85em}.content-style-sidebar ul{list-style:none;margin:0;padding:0}.content-style-sidebar ul li a{display:block;padding:12px 20px;color:#faf1e0;font-weight:400;font-size:1.05em;box-shadow:inset 0 1px rgba(0,0,0,0.1)}.content-style-sidebar ul li:last-child a{box-shadow:inset 0 1px rgba(0,0,0,0.1),inset 0 -1px rgba(0,0,0,0.1)}.content-style-sidebar ul li a:hover{background:rgba(0,0,0,0.1);box-shadow:none}.content-style-sidebar ul .icon::before{display:inline-block;width:auto;margin-right:20px;font-size:1.5em;vertical-align:-10%;color:rgba(0,0,0,0.2)}@media screen and (max-width: 770px){.content-style-overlay{font-size:75%}.content-style-overlay .icon-close{top:5px;right:5px}}

.external-button > button:after{
    content: "\e164";
    font-family: 'Glyphicons Halflings';
    margin-left: 5px;
    color: grey;
}