.dialog--open .dialog-inner ::-webkit-input-placeholder{color:#fff}
.dialog--open .dialog-inner ::-moz-placeholder{color:#fff}
.dialog--open .dialog-inner :-ms-input-placeholder{color:#fff}
.dialog--open .dialog-inner :-moz-placeholder{color:#fff}
.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:999999}
.dialog__overlay{position:absolute;z-index:1;background:rgba(170,152,116,.9);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden}
.dialog--open .dialog__overlay{opacity:1;pointer-events:auto;-webkit-transition-duration:.8s;transition-duration:.8s}
.dialog__content{width:50%;max-width:560px;min-width:290px;text-align:center;position:relative;z-index:5;opacity:0;padding:0;background:0 0}
.dialog--open .dialog__content{pointer-events:auto}
.dialog h2{font-weight:400;color:#898989;font-size:26px;padding:0;margin:0 0 25px}
.dialog--close .dialog__overlay{-webkit-transition-duration:.5s;transition-duration:.5s}
.dialog.dialog--open .dialog__content{opacity:1}
.morph-shape{position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-3px;left:-3px;z-index:-1}
.morph-shape svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:1680}
.dialog--open .morph-shape svg rect{-webkit-animation:anim-dash .6s forwards;animation:anim-dash .6s forwards}
.dialog-inner{opacity:0;background:#fff}
.dialog--open .dialog-inner{padding:50px 10%;overflow:auto;opacity:1;-webkit-transition:opacity .85s .35s;transition:opacity .85s .35s}
.dialog--open .dialog-inner .dialog-fild1{font-size:14px;color:#fff;background:#aa9874;}
.dialog--open .dialog-inner .dialog-fild2{width:48.5%;height:33px;float:left;margin-bottom:3%;padding:0 1.9%; border-radius:8px;}.dialog--open .dialog-inner .dialog-fild2:nth-child(2n){float:right}
.dialog--open .dialog-inner .dialog-btn1{font-size:17px;color:#fff;letter-spacing:.8px;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:8px;border:none;outline:0;display:inline-block;-webkit-appearance:none;background:#aa9874;padding:8px 21px 8px 21px;transition:all .25s ease-out 0s; margin:10px 0 0; font-family: 'Josefin Sans', sans-serif; font-weight: 400;}
.dialog--open .dialog-inner .dialog-btn1:hover{background:#000}
.close{position:absolute;top:-17px;right:-17px}
.button1{ background:0 0}
.button2{width:32px;height:32px;background:#fff;border-radius:50%}
.button1,.button2{border:none;cursor:pointer;outline:0; font-family: 'Josefin Sans', sans-serif; font-weight: 400;}
@keyframes anim-dash{0%{stroke-dashoffset:1680}100%{stroke-dashoffset:0}}
@-webkit-keyframes anim-dash{0%{stroke-dashoffset:1680}100%{stroke-dashoffset:0}}
@-webkit-keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}
@keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}
@keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.dialog--open .dialog-inner { padding:50px 5%;}
.dialog--open .dialog-inner .dialog-fild2 { width:100%;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.dialog--open .dialog-inner { padding:50px 5%;}
.dialog--open .dialog-inner .dialog-fild2 { width:100%;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.dialog__content { width:80%;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.dialog__content { width:70%;}
}

@media screen and (min-width:901px) and (max-width:1023px) {
.dialog__content { width:70%;}
}