.modal{display:none;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(20,20,20,.6)}
.modal-content1{background:#fff;top:25vh;left:calc(50% - 100px);padding:0;position:absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);border-radius:8px;max-width:20em;width:100%;letter-spacing:normal}
.modal-content1 .tri-white-left{border-left:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;height:0;left:-19px;position:absolute;top:25%;width:0}
.modal-content1 .tri-white-right{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid transparent;height:0;left:19.875em;position:absolute;top:25%;width:0}
.modal-content1 .modal-header {background:#4378ba;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;padding:.5em 1em;}
.modal-content1 .modal-header h2 {color:#fff;font-size:1.25em;margin:0;text-align:left;}
.modal-content1 .modal-header p {font-size:1em;font-weight:600;margin:0em auto 0.75em auto;}
.modal-content1 .modal-header .close-x{color:#dd5a5a;cursor:pointer;font-size:1.125em;padding:.25em;position:absolute;right:.25em;top:0;text-shadow:1px 1px 1px #3f0d0d}
.modal-content1 .modal-header .close-x:hover {color:#ee6666;text-shadow: 1px 1px 1px #4f1d1d;}
.modal-content1 .modal-center {background:#fff;color:#111;margin-bottom:1em;padding:0.5em 1em;}
.modal-content1 .modal-center h3 {color:#64bafa;margin-bottom:0;}
.modal-content1 .modal-center p {color:#111;line-height:1.5em;}
.modal-content1 .modal-footer {background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0.5em 1em;}
.modal-content1 .modal-footer .modal_num_con {color:#aaa;font-size:.75em;margin:0;padding:.5em 0;text-align:left;}
.modal-content1 .modal-footer .next_modal_btn_con {text-align:right;}
.modal-content1 .modal-footer .next_modal_btn{background:#444;border:0;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.75em;padding:.5em 1.25em;transition:.1s}
.modal-content1 .modal-footer .next_modal_btn:hover {background:#777}
/* The Close Button */
.close{color:#eee;float:right;font-size:2em;font-weight:700;line-height:.25em;padding:.25em}
.close:hover,
.close:focus {color: #444444;cursor: pointer;text-decoration:none;}

@media screen and (max-width:768px) {
	.modal-content1 {margin:1% auto}
	.modal-content1 .modal-header h1 {font-size:1.25em;text-indent:1em;}.modal-content1 .modal-header p {font-size:0.75em;margin-top:0.25em;margin-bottom:0.25em;}
	.modal-content1 .modal-center h3 {font-size:0.875em}.modal-content1 .modal-center p {font-size:0.875em;line-height:1.25em;margin-bottom:0.25em;}
	.modal-content1 .modal-center .request-demo-txt {margin-bottom:0.75em}
}