@charset "utf-8";
#sms-time-layer{position:fixed;top:30%;left:-237px;z-index:997; transition:left 0.35s ease;}
.sms-time-wrap:after{content: "";display: block;clear: both}
.sms-time-wrap{width:309px}
.sms-time-top{padding-left:32px;width:237px;font-size:17px;color:#fff;font-weight:bold;line-height:50px;border:1px solid #000;background-color:#001F2E;border-radius: 0px 3px 0px 0px}
.sms-time-box1{float:left;width:237px;height:321px;border:1px solid #DBDBDB;background-color:#fff}
.sms-time-box2{float:left;width:72px;text-align:center}
.sms-time-content{margin:0 auto;width:175px}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.spinner {animation: spin 2s linear infinite;}
.spinner-wrap{position:relative;margin-top:43px;margin-left:23px;padding-bottom:43px}
.spinner {position:absolute;top:0px;margin: 0 auto;width:25px;height:25px;border:5px solid rgba(255, 255, 255, 1);border-top:5px solid rgba(255, 82, 0, 1);border-radius: 50%;}
.spinner-arrow{position:absolute;top:3px;left:6px;font-size:13px;color:#fff;font-weight:900}

.spinner-two {animation: spin 2s linear infinite;}
.spinner-wrap-two{position:relative;margin-top:43px;margin-left:23px;padding-bottom:43px}
.spinner-two {position:absolute;top:0px;margin: 0 auto;width:25px;height:25px;border:5px solid rgba(255, 255, 255, 1);border-top:5px solid rgba(0, 0, 0, 1);border-radius: 50%;}
.spinner-arrow-two{position:absolute;top:3px;left:6px;font-size:13px;color:#fff;font-weight:900}


@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;
  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}

.sms-time-bar{width:72px;height:294px;border:1px solid #000;background-color:#001F2E;border-radius: 0px 3px 0px 0px}
.sms-time-title{font-size:25px;color:#fff;font-weight:bold;line-height:35px}
.sms-time-smalltitle{padding-top:5px;width:100%;height:27px;font-size:11px;color:#fff;font-weight:bold;border:1px solid #C92F00;background-color:#FF5200;border-radius: 0px 0px 3px 0px}

.sms-time-baron{width:72px;height:294px;border:1px solid #8D0000;background-color:#B00000;border-radius: 0px 3px 0px 0px}
.sms-time-smalltitleon{padding-top:5px;width:100%;height:27px;font-size:11px;color:#fff;font-weight:bold;border:1px solid #000;background-color:#001F2E;border-radius: 0px 0px 3px 0px}

.sms-time-text{margin-top:13px;padding-left:1px;font-size:12px;color:#888}
.sms-time-tel{margin-top:3px;font-size:17px;color:#C41323;font-weight:bold}
.sms-time-name{margin-top:4px}
.sms-time-hp{margin-top:5px}
.sms-time-byte{margin-top:1px;padding-right:2px;text-align:right;font-size:10px}
.sms-time-bytecolor{color:#00BD00}
.sms-time-message{margin-top:1px}
.sms-time-agree{margin-top:0px;font-size:12px;color:#888}

.sms-time-bu{width:100%;text-align:center;font-size:14px;color:#fff;line-height:30px;font-weight:bold;border:1px solid #8E000D;background-color:#C41323;cursor:pointer;-webkit-transition-duration: 0.7s;transition-duration: 0.7s}
.sms-time-bu:link, .sms-time-bu:visited{color:#fff}
.sms-time-bu:hover{text-indent:15px;border:1px solid #8E000D;background-color:#2A2A2A}

.sms-time-go:link{color:#C41323;text-decoration:none}
.sms-time-go:visited{color:#FF6200}
.sms-time-go:hover{color:#000}

.sms-time-fieldstyle{width:100%;height:34px;border:1px solid #D0D1D1;background-color:#F8F8F8}
.sms-time-field.placeholder{padding-left:5px;font-size:13px;color:#888}
.sms-time-field:-ms-input-placeholder{padding-left:5px;font-size:13px;color:#888}
.sms-time-field::-webkit-input-placeholder{padding-left:5px;font-size:13px;color:#888}
.sms-time-field::-moz-placeholder{padding-left:5px;font-size:13px;color:#888}

.sms-time-textareastyle{width:100%;height:68px;border:1px solid #D0D1D1;background-color:#F8F8F8}
.sms-time-textarea.placeholder{padding-top:7px;padding-left:5px;font-size:13px;color:#888}
.sms-time-textarea:-ms-input-placeholder{padding-top:7px;padding-left:5px;font-size:13px;color:#888}
.sms-time-textarea::-webkit-input-placeholder{padding-top:7px;padding-left:5px;font-size:13px;color:#888}
.sms-time-textarea::-moz-placeholder{padding-top:7px;padding-left:5px;font-size:13px;color:#888}

.sms-time-action{width:72px;cursor:pointer}

.sms-time-agree [type="checkbox"], .radio-wrap [type="radio"] {width:0px;}
.sms-time-agree label, .radio-wrap label {position: relative;line-height: 230%;border: 0px solid;padding: 5px;cursor: pointer;transition: all .35s ease;padding-left:20px;font-weight:500}
.sms-time-agree [type="checkbox"]:not(:checked)+label:before {content: '';position: absolute;top: 11px;left: 1px;box-sizing: border-box;width: 15px;height: 15px;border-radius: 2px;border: 1px solid #CCC;background-color: #FFF}
.sms-time-agree [type="checkbox"]:checked+label:before {content: '';position: absolute;top: 11px;left: 1px;box-sizing: border-box;width: 15px;height: 15px;border-radius: 2px;border: 1px solid #C41323;background-color: #C41323}
.sms-time-agree [type="checkbox"]:not(:checked)+label:after {opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);-moz-opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0)}
.sms-time-agree [type="checkbox"]:not(:checked)+label:after, .sms-time-agree [type="checkbox"]:checked+label:after {font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f00c';position: absolute;top: 11px;left: 3px;font-size: 10px;color: #fff;transition: all .2s;line-height: 16px}

/* modal-pop popup:S */
.modal-pop h1 {margin-top: 0;}
.modal-pop p {margin-top: 15px;margin-bottom: 15px;font-size:15px;}
.modal-overlay {background-color: rgba(0, 0, 0, 0.75);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 99998;}

.modal-overlay.active {display: block;background-color: rgba(0, 0, 0, 0.75);}
.modal-pop {background-color: #fff;border: 1px solid #000;border-radius:10px;visibility:hidden;left: calc(50% - 20px);margin: 20px;height:auto;max-height: calc(100% - 40px);max-width: 400px;overflow-y: auto;position: fixed;top: calc(50% - 20px);transform: translate(-50%, -50%);width: calc(100% - 40px);z-index: 99999;opacity:0;transition: all 0.5s ease; /* fade speed */}
.modal-pop.active {visibility:visible;opacity:1;}
.modal-cont {padding: 30px 30px 15px 30px;text-align:center;}
.modal-actions {padding: 0 30px 30px 30px;text-align:center;}
.modal-close {padding:5px 25px 5px 25px;background:#000;color:#fff;font-size:15px;border-radius: 20px}
/* modal-pop popup:E */