@font-face {
  font-family: 'ObelixProB-b';
  src: url('../fonts/ObelixProB-cyr.ttf')  format('truetype');
}
@font-face {
  font-family: 'calibri-R';
  src: url('../fonts/calibri_0.ttf')  format('truetype');
}

body {
	background: #fff;
	line-height: 24px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #282828;
	font-family: 'calibri-R';
}

.stayhome_top_bg {background:url(../images/stayhome-staysafe/stayhome_wrap_bg.png) top center no-repeat; height:800px; background-size:cover;     position: absolute; top: 0; left: 0; width: 100%;}
.stayhome_wrapper {float:left; width:100%;}
.stayhome_top_content {float:left; width:100%; z-index: 9; position: relative;}
.stayhome_logo_block {float:left; width:100%; text-align:center; margin-top:15px;}
.stayhome_logo_block a {display:inline-block;}
.stayhome_logo_block a>img {display:inline-block; width:160px;}
.hkplus_video_icon {display:inline-block; width:55px; margin-left:5px;}
.hkplus_video_icon img {display:inline-block;}

.stayhome_header_detail_part {float:left; margin:10px 0 0 0; width:100%; text-align:center;}
.stayhome_header_detail_part h6 {margin:0; padding:0; display:inline-block; color:#1f1f1f; font-size:18px; font-weight:bold; text-transform:uppercase;}
.app_note {float:left; margin:10px 0 0 0; width:100%; position:relative;}
.app_note ul {margin:0; padding:0; display:inline-block; list-style-type:none;}
.app_note ul>li {display:inline-block; margin:0 12px;}
.app_note ul>li>img {display:inline-block; height:60px;}
.app_note ul>li>span {display:block; font-weight:bold; font-size:16px;}

.stayhome_subwrapper_content {float:left; width:100%; position: relative;}
.stayhome_subwrapper_right {width:420px; padding-left:10px; float:right;}
.title_form_part {float:left; width:100%; margin:50px 0 0 0; font-family: 'ObelixProB-b'; color:#eb1d43; font-size:40px; -webkit-text-stroke-color: #991a3a; -webkit-text-stroke-width: 1px; line-height:normal;}
.stayhome_desc_part {float:left; width:100%; margin:10px 0 0 0; font-size:18px; color:#1f1f1f; padding-right: 20px;}
.stayhome_form_bg {float:left; width:100%; margin:30px 0 0 0;}
.stayhome_title_free_trial {float:left; width:100%; margin:0; font-size:20px; font-weight:bold; color:#eb1d43;}
.stayhome_title_free_trial strong {font-size:24px;}
.stayhome_contact_form {float:left; margin:10px 0 0 0; width:100%; background:rgba(8,231,239,0.8); padding:10px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.stayhome_contact_form .form-group label {margin-bottom:0; color:#1f1f1f; font-weight: normal;}
.stayhome_contact_form label a {color:#1f1f1f; text-decoration:underline;}
.stayhome_contact_form .form-group {margin-bottom:10px;}
.stayhome_contact_form .form-group .form-control {border-radius:0; border-color:#fff;}
.stayhome_contact_form .form-group .btn-success {color:#fff; margin-top:10px; background:#eb1d43; border-color:#eb1d43; text-transform:uppercase; border-radius:0; width:100%; font-weight:bold;}
.stayhome_contact_form .form-group .btn-success:hover {background:#c31535;}
.title_form_mandatory {font-size:14px; margin-top: 20px; color:#1f1f1f; float:right;}
.stayhome_contact_form .col-sm-6 {padding-left: 8px; padding-right: 8px;}
.stayhome_contact_form .col-sm-12 {padding-left: 8px; padding-right: 8px;}
.stayhome_about_content {float:left; padding: 40px 0 80px 0; width:100%; position:relative;}
.stayhome_claim_offer_block {margin:0 auto; text-align:center; background:#fff; width:560px; padding:10px; border:1px solid #ffbda5; color:#1f1f1f;}
.stayhome_claim_offer_block h5 {margin:0 0 5px 0; font-weight:bold; font-size:16px;}
.stayhome_claim_offer_block ul {list-style-type: none; display: inline-block; margin: 0; padding: 0; font-size:14px;}
.stayhome_claim_offer_block ul li {line-height:normal; margin:0 0 5px 0;}

.supersaver_footer {padding:5px 0; background:#ee4f8f; float:left; width:100%;}
.copy_right_text {float:left; color:#fff; margin:0; font-size:16px;}
.footer_yoboho_logo {display:inline-block; width:90px; vertical-align: middle; margin-left: 10px;}
.supersaver_footer_right_block {float:right;}
.supersaver_footer_right_block ul {margin:0; padding:0; display:inline-block; list-style-type:none;}
.supersaver_footer_right_block ul li {display:inline-block; position:relative;}
.supersaver_footer_right_block ul li:after {content:'|'; color:#fff; margin: 0 3px;}
.supersaver_footer_right_block ul li:last-child:after {display:none;}
.supersaver_footer_right_block ul li a {color:#fff; font-size:16px; text-decoration:underline;}
.supersaver_footer_right_block ul li a:hover {text-decoration:none;}

#terms_of_use .terms_list_block {float:none; display:inline-block;}
#privacy_policy .privacy_list_block {float:none; display:inline-block;}

#terms_of_use .modal-body {height:75vh; overflow:auto;}
#privacy_policy .modal-body {height:75vh; overflow:auto;}


.stayhome_tankyou_part {width: 420px; padding-left: 10px; float: right; text-align:center; margin-top: 30px; margin-bottom:360px; padding-right:20px;}
.stayhome_tankyou_part .stayhome_desc_part {padding-right:0;}
.thankypu_app_download_btn {float:left; width:100%; text-align:center; margin-top: 10px;}
.thankypu_app_download_btn ul {margin: 0; padding: 0; display: inline-block; list-style-type: none;}
.thankypu_app_download_btn ul li {display: inline-block; margin: 0 7px;}
.thankypu_app_download_btn ul li a {display: inline-block; background: #111111; padding: 6px 7px; border-radius: 5px;}
.thankypu_app_download_btn ul li a img {display: inline-block; height:30px;}

.custom_footer2 .footer_yoboho_logo {float:none; margin-left:0; width:110px;}
.custom_footer2 {padding-top:10px; padding-bottom:10px;}


/*emaler style css*/
.emailer_body_wrap {width: 600px; margin: 0 auto; padding: 0 15px;}
.emailer_center_part {float: left; width: 100%; text-align: center;}
.emailer_center_title {float:left; width:100%; margin:30px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #535353; font-family: 'ObelixProB-b'; color:#eb1d43; font-size:40px; -webkit-text-stroke-color: #991a3a; -webkit-text-stroke-width: 1px; line-height:normal;}
.emailer_center_thumb {float: left; width: 100%; text-align: center; padding: 15px 0;}
.emailer_center_thumb img {display: inline-block; width: 100%;}
.thankyou_article_part {float: left; width: 100%; text-align: center; font-size: 18px; line-height: normal;color: #535353;     margin-bottom: 40px;}
.thankyou_center_btn {float: left; width: 100%; text-align: center; padding: 20px 0 40px 0;}
.title_btn_thankyou {
    font-size: 16px; 
    text-transform: uppercase; 
    padding: 6px 20px; 
    border-radius: 5px; 
    display: inline-block; 
    color: #fff; 
    letter-spacing: 1px;
    box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
    background: -moz-linear-gradient(90deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,51,95,1)), color-stop(100%, rgba(235,29,68,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* w3c */
}
.title_btn_thankyou:hover {
    text-decoration: none;
    color: #fff;
    background: -moz-linear-gradient(270deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(235,29,68,1)), color-stop(100%, rgba(255,51,95,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(235,29,68,1) 0%, rgba(255,51,95,1) 100%); /* w3c */
}
/*emaler style css*/



.modal button.close {width: 30px; height: 30px; background:#303030; opacity: 1; border-radius: 50%; font-weight:normal; color: #fff; border: 2px solid rgba(255,255,255,0.8); position: absolute; top: -10px; font-size: 21px; right: -10px;}
.modal button.close:focus {outline:none;}
.modal button.close:hover {background: #454545;}