button.closeSVGPopupBtn {padding: 1em 2em;cursor:pointer; outline: none;font-weight: 600;border: none;color: #fff;background: #005d86;text-transform:uppercase;letter-spacing:0.14em;font-size:14px;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
button.closeSVGPopupBtn:hover{background:#000;}
.dialog, .dialog__overlay {width: 100%;height: 100%;top: 0;left: 0;}
.dialog {position: fixed;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;pointer-events: none;z-index:9999;}
.dialog__overlay {position: absolute;z-index: 1;background: rgba(0, 0, 0, 0.9);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-backface-visibility: hidden;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.dialog--open .dialog__overlay {opacity: 1;pointer-events: auto;}
.dialog__content {width: 50%;max-width: 560px;min-width: 310px;background: #fff;padding: 4em;text-align: center;position: relative;z-index: 5;opacity: 0;background: transparent;}
.dialog__content svg{width:auto; height:auto;}
.dialog--open .dialog__content {pointer-events: auto;display:initial;}
.dialog h2 {margin: 0;font-weight: 400;font-size: 2em;padding: 0 0 2em;margin: 0;}
.morph-shape {position: absolute;width: 100%;height: 170%;top: -45%;left: 0;z-index: -1;}
.morph-shape svg {fill: #0086c8;}
.dialog--open .morph-shape {-webkit-animation: anim-shape 0.6s forwards;animation: anim-shape 0.6s forwards;}
.dialog-inner {opacity: 0;}
.dialog-inner h2 {color:#FFF; font-weight:600; font-size:30px;letter-spacing:0.08em;}
.dialog-inner h2 span{display:inline-block; width:100%; font-weight:bold;font-size:75px;letter-spacing:-0.01em;margin-top: -7%;}
.dialog--open .dialog-inner {opacity: 1;-webkit-transition: opacity 0.5s 0.3s;transition: opacity 0.5s 0.3s;}
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.dialog.dialog--open .dialog__content {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;-webkit-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);-webkit-animation-name: anim-open;animation-name: anim-open;}
.dialog.dialog--close .dialog__content {-webkit-animation-name: anim-close;animation-name: anim-close;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);}
.dialog.dialog--open h2,
.dialog.dialog--open button {-webkit-animation: anim-elem 0.5s both;animation: anim-elem 0.5s both;}
.dialog.dialog--open h2 {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.dialog.dialog--open button {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
@-webkit-keyframes anim-open {
	0% { -webkit-transform: translate3d(0, -50vh, 0); }
	50% { -webkit-transform: translate3d(0, -50vh, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0); }}
@keyframes anim-open {
	0% { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); }
	50% { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}
@-webkit-keyframes anim-close {
	100% { opacity: 0; -webkit-transform: translate3d(0, 50vh, 0); }}
@keyframes anim-close {
	100% { opacity: 0; -webkit-transform: translate3d(0, 50vh, 0); transform: translate3d(0, 50vh, 0); }}
/* Inner elements animations */
@-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }}
@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}
@-webkit-keyframes anim-shape {
	50% { -webkit-transform: scale3d(0.8,1.2,1); }}
@keyframes anim-shape {
	50% { -webkit-transform: scale3d(0.8,1.2,1); transform: scale3d(0.8,1.2,1); }}
@media screen and (max-width: 32em) {.dialog h2 {padding-bottom: 1em;}}
@media screen and (max-width: 1100px) {.dialog__content{padding: 2em 4em 4em 4em;}.dialog-inner h2 {font-size:3vw;}.dialog-inner h2 span{font-size:8vw;}}
@media screen and (max-width: 800px) {.dialog__content{padding: 1em 4em 4em 4em;}.dialog h2{padding-bottom:1.5em;}}
@media screen and (max-width: 650px) {.dialog__content{padding: 0em 4em 4em 4em;}.dialog h2{padding-bottom:1.5em;}.dialog-inner h2 {font-size:17px;}.dialog-inner h2 span{font-size:45px;}}