@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600');
@import url('../../fonts/font-awesome/css/font-awesome.min.css');

body { font-family: 'Poppins', sans-serif; color:#393939; font-size: 14px; font-weight: 400; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.mn { margin: 0 !important; }
.pn { padding: 0 !important; }
.pt10 { padding-top: 10px !important; }
.mb15{ margin-bottom: 15px; }
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom: 50px;}
.mb100{ margin-bottom: 100px;}
.fs45{ font-size:45px;}
.fs60{ font-size: 60px !important;}
.fs16{ font-size:16px;}
.fs24 { font-size: 24px !important; }
label{ font-weight: normal; }
.text-blue { color:#009CDE; }
.object-inline { display: inline-block; }

/*a { color:#009CDE; }
a:hover, a:focus {color:#009CDE; }*/
.section_space{ padding: 120px 0;  }

.link-black { color: #434343; }
.link-black:hover, .link-black:focus { color: #009CDE; text-decoration: none; }

.btn {border-radius: 0;}
.btn.btn-md { font-size: 16px;  padding:10px 30px;  }
.btn-white { background-color:#fff;  text-align: center; line-height: 17px;color: #392f2b;  border: 2px solid #fff; padding:8px 20px; font-weight: 500;  height: auto; } 
.btn-white:hover, .btn-white:focus { background:none; border-color:#fff;color:#fff; }

.btn-primary, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover { background:#009cde; border: 2px solid #009CDE; border-radius:0; color:#fff; }
.btn-primary:hover,.btn-primary:focus { background: none ; color: #009cde; border-color: #009cde; } 
.btn-primary.btn-lg{ font-size:16px;} 
.btn-primary.btn-lg, .btn-primary.btn-lg:focus, .btn-primary.btn-lg:active, .btn-primary.btn-lg:active:focus, .btn-primary.btn-lg:active:hover { font-size:16px;}

label.cust_checkbox { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer;}
.cust_checkbox input[type='checkbox']{position: absolute; z-index: -1; opacity: 0;}
.cust_checkbox .control_indicator {position: absolute; top: 2px; left: 0; height: 20px; width: 20px;  border:2px solid #E6E8ED; }
.cust_checkbox input[type='checkbox']:checked ~ .control_indicator { background: #359BE0;}
.cust_checkbox .control_indicator:after {content: ''; position: absolute; display: none;}
.cust_checkbox input[type='checkbox']:checked ~ .control_indicator:after { display:block;}
.cust_checkbox input[type='checkbox']:checked ~ .control_indicator:after {left:5px; top: 2px; width: 6px; height: 10px;border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}

label.cust_radio { position: relative; padding-left: 40px; margin-bottom: 0px; cursor: pointer;}
.cust_radio input[type='radio']{position: absolute; z-index: -1; opacity: 0;}
.cust_radio .control_indicator {position: absolute; top: -2px; left: 0; height: 28px; width: 28px; border: 1px solid #0095F8;background-color: #FFFFFF; border-radius:100%;  }
.cust_radio .control_indicator:after {content: ''; position: absolute; display: none;}
.cust_radio input[type='radio']:checked ~ .control_indicator:after { display:block;}
.cust_radio input[type='radio']:checked ~ .control_indicator:after {left: 4px; top:4px; height: 18px; width: 18px; border-radius: 100%; background: #0095F8;}

.join_section { background: url(../images/beach_bg.jpg); background-position:top center; background-size: cover; padding: 60px 0 30px; color:#fff; position: relative;   }
.join_section > div { position: relative; z-index: 1;  }
.join_section h1 {font-size: 100px; color:#fff;}
.join_section .cust_checkbox   { display: inline-block; margin-bottom:30px; }
.join_section .cust_checkbox .control_indicator {border:2px solid #fff;}
.join_section .cust_checkbox input[type='checkbox']:checked ~ .control_indicator {background: #fff;}
.join_section .cust_checkbox input[type='checkbox']:checked ~ .control_indicator:after {border-color:#009CDE;}
.join_section:before { content: ""; position: absolute; left: 0; bottom:0; width: 100%; height:60%; background: linear-gradient(180deg, rgba(21, 155, 215, 0) 0%, #159BD7 50%); z-index: 1;  }
.join_section .bottom_point { max-width:325px; margin: 0 auto; text-align: center; }  
.join_section .bottom_point h4 {font-size: 24px; line-height: 36px; color:#fff;}

@media (min-width:768px) {
.revitalu-safari .two-col-section .row .col-sm-6 { max-width: 49.9%; }
}
.two-col-section .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
.two-col-section .row .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; min-height: 1px; }
.two-col-section .row .phone_lady_bg { background: url(../images/index_v1/lady_with_phone.jpg) no-repeat center; background-size: cover; }
.two-col-section .row .halfbg_img { background-position: center; background-size: cover; }
.two-col-section .text-contant { padding: 15px; height: 860px; display: table-cell; vertical-align: middle; }
.two-col-section .text-contant h3 { font-size:45px; margin-bottom: 30px; }
.two-col-section .text-contant p {font-size: 20px; color:#8A8A8A; margin-bottom: 30px;}
.two-col-section .text-contant .text-wrapper  { text-align: left; display: inline-block; max-width: 500px; }
.two-col-section .full_width { display: table; width: 100% }

.partner_sec { background-color:#F9F9F9; }

.signup_section{ background-color:#009CDE; color:#fff; text-align: center; }
.signup_section h1 { color: #fff; }
/* login page css start */
.reward_wrap { padding: 0px 0px; position: relative; display: table; width: 100%; height: 100vh; background-color: #fff; }
.reward_wrap  .login-left-panel .pagetitle { color: #fff; margin-bottom:30px; }
.reward_wrap .login-left-panel { width: 50%; display: table-cell; vertical-align:middle;  position: relative; }
.reward_wrap .login-left-panel.login_bg{ background:url(../images/login_bg.jpg) ; background-repeat:no-repeat; background-size:cover; background-position:center top; }
.reward_wrap .login-left-panel:after { content:""; position:absolute; left:0; top:0; height:100%; width:90%; background:linear-gradient(90deg, rgba(35, 35, 35, 0.5) 0%,  rgba(0, 0, 0, 0) 100%) ;}
.reward_wrap .login-right_panel { vertical-align: middle; display: table-cell; padding: 15px; }
.reward_wrap .login-right_panel .form-holder.mw650 { max-width: 500px; margin: 0px auto; }
.reward_wrap .login-right_panel .btn { margin: 0px auto; }
.reward_wrap .login-left-panel .lf_inner { z-index: 1; position: relative;  padding:40px; color: #fff; }
.reward_wrap .login-left-panel .lf_inner ul, .reward_wrap .login-left-panel .lf_inner p { font-size:30px; line-height:50px; max-width:400px;}
.reward_wrap .login-left-panel .lf_inner ul{ margin-left:30px;}
.tray .reward_wrap .login-left-panel .lf_inner ul{ margin-left:0px;}
.reward_wrap .btn { font-weight: 600; min-width: 160px; }
/* login page css end */

/* floating form css start */
.floating-labels .form-group { position: relative; margin-bottom:10px; margin-top:10px; height: 60px; }
.floating-labels .form-group.height_auto { height:auto;}
.floating-labels .form-control{ color:#393939; height: 40px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: none; border-bottom: 2px solid #199AD6 !important; padding: 0; margin: 0; transition: all 0.3s; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-color: #fff !important; font-size:16px; }

.floating-labels .form-control + label { position: absolute; cursor: auto; top: 8px; left: 0; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; z-index: 1; color:#BABABA; font-weight:normal; text-transform:none; padding:0; }
.floating-labels .form-control + span + label { position: absolute; cursor: auto; top: 8px; left: 0; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; z-index: 1; color:#ABABAB; font-weight:normal; }
.floating-labels .form-control.has-value + label, .floating-labels .form-control:focus + label { top:-15px; font-size: 12px; }
.floating-labels .form-control.has-value + span + label, .floating-labels .form-control:focus + span + label { top:-15px; font-size: 14px; }
.floating-labels .form-control[disabled], .floating-labels .form-control[readonly]{ background-color: #f5f5f5; }
.floating-labels .custom_select { position:relative; width:100%; }
.floating-labels .custom_select:after { content:"\f0d7"; font-family:'FontAwesome'; color:#959595; position:absolute; right:5px; bottom:5px; font-size:18px; pointer-events: none;}
.floating-labels .custom_select select { padding-right:20px; }
.floating-labels .custom_select select::-ms-expand {display: none;}
.floating-labels .input-group .input-group-prepend .input-group-text{background-color:inherit; border-width:0px 0px 2px 0px; border-style:solid; border-color:#a3a3a3; border-radius:0px;}
.floating-labels .input-group .input-group-prepend .input-group-text:focus{ border-color:#000;}
.floating-labels .close_parent {position:relative;}
.floating-labels .close_parent  a{ position:absolute; top:7px; right:0px; color:#cecbcc; }

.form-control:-webkit-autofill, .form-control:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset!important;}
/* floating form css end */

.error {color: #f00 !important; font-size: 12px; margin: 0;}

.pswd_popup { position: absolute; bottom: 80px; left: 0px; z-index: 99; background: #ffffff; width: 330px; .border: 1px solid #d1d1cf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d1d1cf; }
.pswd_popup h4 { border-bottom: 1px solid #d1d1cf; color: #333; margin: 8px 0; padding: 0 10px 5px; }
.pswd_popup .pswd_popup_inner { position: relative; }
.pswd_popup .pswd_popup_inner .btarrow { position: absolute; z-index: 1; bottom: -24px; .bottom: -12px; width: 100%; background: url(../../images/btarrow.png) center bottom no-repeat; height: 14px; }
.pswd_popup .pswd_popup_inner ul { display: block; margin: 0 0 10px; }
.pswd_popup .pswd_popup_inner ul li { display: block; margin: 0 0 5px; position: relative; padding-left: 25px; text-align: left; }
.pswd_popup .pswd_popup_inner ul li.valid { color:#3fc35f; }
.pswd_popup .pswd_popup_inner ul li.valid em { background:url(../../images/pass_marks.png) 0 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
.pswd_popup .pswd_popup_inner ul li.invalid { color:#ff5555; }
.pswd_popup .pswd_popup_inner ul li.invalid em { background:url(../../images/pass_marks.png) -39px 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }

.signup_popup.panel { border-radius:0; box-shadow:none; border:0; }
.signup_popup.panel .panel-heading { background-color:#fff; border-radius:0; }
.signup_popup.panel .panel-body{padding:40px 15px; }
.signup_popup.panel .or_line{margin:20px; text-align:center; position:relative; }
.signup_popup.panel .or_line:after { content:''; position:absolute; left:0; top:45%; height:1px; border-bottom:1px solid #D3D3D3; display: inline-block; width: 100%; }
.signup_popup.panel .or_line span { background-color:#fff; position:relative; z-index:1; padding:0 15px; }
.signup_popup.panel .btn { min-width:252px;}


@media (max-width:1550px) {
.fs60 { font-size: 45px !important;}
.reward_wrap .login-left-panel .lf_inner ul, .reward_wrap .login-left-panel .lf_inner p { font-size:20px; line-height:30px;}
}
@media (max-width:1450px) {
.section_space { padding: 90px 0;}
.join_section .logo  img{ max-width:46%; }
.join_section h1 {font-size: 90px;}
.two-col-section .text-contant { height:700px;}
}
@media (max-width:1400px) {
.join_section .bottom_point h4 { font-size:22px; line-height:normal;}
.join_section h1 {font-size: 80px;}
}
@media (max-width:1280px) {
.two-col-section .text-contant h3 { font-size: 35px;}
.two-col-section .text-contant p { font-size:16px; margin-bottom:20px;}
.two-col-section .text-contant { height: 615px;}
}
@media (max-width:1199px) {
.join_section .bottom_point h4 { font-size:20px;}
}
@media (max-width:991px) {
.section_space { padding: 70px 0;}
.fs45 { font-size: 36px;}
.mb50 { margin-bottom: 30px;}
.two-col-section .text-contant { height: 470px;}
.two-col-section .text-contant h3 { font-size: 26px;}
.two-col-section .text-contant p { font-size: 14px; margin-bottom: 15px;}
.join_section h1 {font-size: 60px;}
.join_section .bottom_point img { max-width:50%;}
.join_section .bottom_point h4 { font-size:16px;}
.mb100 { margin-bottom: 60px;}
.reward_wrap .login-left-panel .lf_inner { padding:20px;} 
.fs60 { font-size: 30px !important;}
.reward_wrap .login-left-panel .lf_inner ul, .reward_wrap .login-left-panel .lf_inner p { font-size: 16px; line-height: 26px;}
.fs24 {font-size: 18px !important;}
}
@media (max-width:940px) {
body #colorbox { left: 5% !important; width: 90% !important; }
body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important; }
}
@media (max-width:767px) {
.fs60 {font-size: 35px !important;}
.mb50 { margin-bottom: 30px;}
.mb100 { margin-bottom: 50px;}
.reward_wrap .login-left-panel .lf_inner{ padding:0;}
.reward_wrap .login-left-panel .lf_inner img{ max-width:170px; }
.reward_wrap .login-left-panel, .reward_wrap .login-right_panel { padding:20px;}
.reward_wrap, .reward_wrap .login-left-panel, .reward_wrap .login-right_panel { display:block;width: 100%; height:auto;}

.two-col-section { display:inline-block;}
.two-col-section .row{  display: inline-block; flex-wrap: inherit; width:100%}
.two-col-section .row .col-sm-6 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width:100%}
.two-col-section .row .halfbg_img { min-height:400px;}
.two-col-section .text-contant { height:auto; text-align:left;}
.two-col-section .text-contant .text-wrapper { max-width:inherit;}
 
.fs24{ font-size:18px !important;}
}
@media (max-width:640px) {
.join_section h1 { font-size: 42px;}
.join_section .logo img { max-width: 60%;}
}
@media (max-width:480px) {
.fs45 { font-size: 26px;}
.section_space { padding:50px 0;}
.fs45 { font-size: 32px;}
.two-col-section .row .halfbg_img {min-height: 310px;}
.join_section .bottom_point { margin-bottom:15px;}
}
@media (max-width:414px) {
.fs60 {font-size: 26px !important;}
.join_section .bottom_point h4 {font-size: 14px; font-weight: 500;}	
}
@media (max-width:360px) {
.fs45 {font-size: 26px;}
.two-col-section .text-contant h3 { font-size: 24px;}

}