First stop to international business!

/*.btn_zu { color: #336699; background: rgba(255,255,255,0.9); position: fixed; bottom: 9em; right: 0%; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; display: none; border: 1; cursor: pointer; display: inline-block; outline: 0; padding: 0.4em 0.6em 0.4em 0.6em; text-align: center; box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.3); z-index:1; } .btn:hover { color: #336699; background: rgba(255,255,255,1); } .btn:active { color: #336699; background: rgba(255,255,255,1); } .modal-box { display: none; position: absolute; z-index: 1000; width: 90%; top: 2em; overflow: hidden; background: white; box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.3); background-clip: padding-box; } @media (min-width: 32em) { .modal-box { width: 50%; } } .modal-box header, .modal-box .modal-header { padding: 0.5em 2em 2em 2em; } .modal-box header h5, .modal-box header h2, .modal-box .modal-header h5, .modal-box .modal-header h2 { margin: 0; } .modal-box .modal-body { padding: 0 2.5em 2.5em 2em; } .modal-box footer, .modal-box .modal-footer { } .modal-overlay { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6) !important; } a.close { line-height: 0.8em; font-size: 0.8em; position: absolute; top: 10%; right: 4%; text-decoration: none; padding: 0.3em; } a.close:hover { color: #336699; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; }