html { height: 100% }
body { margin: 0px; padding: 0 0 0 0; min-height: 100%; font-family: "Inter"; font-size: 16px; color: #55585B; line-height: 1.5; background-color: white }
table, tr, td, div { margin: 0px; padding: 0px; }
table, td { border-collapse: collapse; border-color: green }
th { font-size: 18px; padding-bottom: 5px }
a, .alnk { text-decoration:none; color: #3a3736; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
a:hover { color: #44baeb; text-decoration:none;}
a:focus { outline: none; text-decoration: none; color: inherit; }
input { border: 1px solid #e2e1dd; border-radius: 3px; padding: 11px 13px }
.tpl_mobile { display: none }
.captionbg { text-align: left }
.title, .caption, .mtitle, .btitle, .ttitle { font-size: 24px; padding: 20px 0; color: #021D35; font-family: "Jost"; line-height: 1.7; font-weight: bold; position: relative }
.btitle { font-size: 48px; line-height: 80px; font-weight: bold; margin-bottom: 20px }
.line_title { position: relative; font-size: 18px; font-family: "Jost"; color: white; letter-spacing: 1px }
.line_title:before, .line_title:after { content: ""; position: absolute; width: 80px; height: 2px; background-color: #44baeb; top: 14px; left: -90px }
.line_title:after { right: -90px; left: auto }
.mtitle { font-size: 18px; padding: 0 0 10px 0 }
.ttitle { font-size: 18px; padding: 0; font-weight: 500 }
.btitle:before, .title:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; height: 3px; margin-left: -25px; background-color: #44baeb; }
.title:before { left: 0; bottom: -20px; margin-left: 0; width: 60px; }
.caption a { color: #FAF0AD }
.bt, .mbt { font-size: 16px; color: white; display: inline-block; border-radius: 5px; transition: all ease .2s; padding: 11px 20px; cursor: pointer; background-color: #44baeb }
.bt:hover, .mbt:hover { background: white; color: #44baeb }
.div10 { height: 10px }
.short_line { margin-top: 40px; padding-bottom: 40px; border-top: 1px solid #101010 }
.post_ct { text-align: left; max-width: 1194px; padding: 50px 0 }
.bcolor { color: #44baeb }
.brown_line { border-top: 1px solid #f3f3f3; margin-top: 30px; padding-bottom: 30px }

#all { min-width: 1194px }

#header { height: 34px; padding-top: 10px; background-color: #44baeb; color: white; font-size: 14px }
#company_info { background-color: white; width: 1170px; column-count: 4; column-width: 292.5px; column-gap: 0; font-size: 14px; padding: 38px 0 }
#nav_bg { background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 120px; z-index: 1 }
#ss { height: 977px; background: url(../images/pool.jpg) center center repeat-x; position: relative }
#ss .btitle { color: white; font-size: 60px }
#ss .btitle:before { height: 0 }
#ss:before, #sub:before { content: ""; background-color: black; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.3; z-index: 0 }
#ss_ct { position: absolute; z-index: 1; left: 50%; top: 30%; width: 800px; margin-left: -400px; color: white; font-size: 16px; line-height: 32px }

#sub { height: 437px; background: url(../images/sub.jpg) center center repeat-x; position: relative; text-align: center }

#sub_title { position: absolute; width: 100%; text-align: center; top: 245px; font-size: 42px; font-weight: bold; color: white }

.hp_intro_pad { width: 1000px; padding: 10px 0 20px 0 }

#hp_about { background-color: white; padding: 60px 0 }
#hp_about .btitle { font-size: 48px; line-height: 1.3 }
#hp_about .title { font-size: 30px; margin-bottom: 50px; line-height: 1.3; color: black }
#hp_about_thetwo, #hp_about_rewards { width: 1194px; column-count: 2; column-width: 597px; column-gap: 0; font-size: 14px }
#hp_about_thetwo img { width: 597px }
#hp_about_thetwo_ct { padding-left: 40px; text-align: left; font-size: 16px }
#hp_about_rewards { padding: 40px 0 0 40px; width: auto; column-width: 260px; font-size: 14px }
#hp_about_rewards img { width: 50px; height: 50px; margin-right: 20px }
#hp_about .brown_line { margin-left: 40px }
#hp_about_signature { padding-left: 40px; text-align: left }
#hp_about_signature .mtitle { padding-bottom: 0; font-size: 20px }

#hp_features_bg, #hp_pricing_bg, #hp_howitworks_bg, #hp_clients_bg { background-color: #f8f8f8; padding: 30px 0 60px 0 }
#hp_features, #hp_pricing, #hp_howitworks, #hp_clients, #hp_service_pricing { width: 1176px }
#hp_features_ct, #hp_pricing_ct { column-count: 3; column-width: 362px; column-gap: 15px }
#hp_features_ct .title { color: white; z-index: 2 }
#hp_features_ct .title:before, #hp_pricing_ct .title:before { height: 0 }
.hp_features_ct_ele { position: relative; width: 362px; height: 360px; padding-top: 80px }
.hp_features_ct_ele:before { content: ""; position: absolute; background-color: #44baeb; left: 0; right: 0; top: 0px; height: 15px; 
  border-top-right-radius: 200px; border-top-left-radius: 200px; z-index: -1; transition: 0.4s; }
.hp_features_ct_ele:after { content: ""; background-color: black; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.65; z-index: 1; }
.hp_features_ct_ele_ct { position: relative; z-index: 2; color: white; padding: 0 40px }
.hp_features_ct_ele_ct img { width: 15px }

#hp_pricing_bg, #hp_howitworks_bg { background-color: white }
.hp_pricing_ct_ele { width: 362px; height: 775px; padding-top: 20px; background: url(../images/pricing-bg.png) center top no-repeat;
  border: 1px solid #f8f8f8; display: block }
.hp_pricing_ct_ele b { font-family: "Jost"; font-size: 20px; padding: 30px 0; display: inline-block }
.hp_pricing_ct_ele_price { height: 194px; background: url(../images/pricing-shape.png) center center no-repeat; color: white; line-height: 40px; font-size: 18px;
  padding-top: 70px }
.hp_pricing_ct_ele_price span { font-size: 40px; font-weight: bold }
.hp_pricing_ct_ele_list { line-height: 34px; font-size: 14px; text-align: left; padding: 0 0 20px 40px }
.hp_pricing_ct_ele_list img { width: 16px }

#hp_service_pricing_bg { background: url(../images/hp_service_pricing.jpg) center center no-repeat; position: relative }
#hp_service_pricing_bg:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
#hp_service_pricing_bg .hp_intro_pad { padding-bottom: 50px }
#hp_service_pricing { min-height: 973px; color: white; position: relative; z-index: 2; padding-top: 30px }
#hp_service_pricing .btitle { color: white }
#hp_service_pricing_list { column-count: 3; column-width: 362px; column-gap: 15px }
.hp_service_pricing_box { width: 362px; height: 324px; position: relative; display: inline-block; overflow: hidden }
.hp_service_price { position: absolute; right: 0; top: 0; z-index: 1; color: white; font-size: 28px; padding-right: 15px; padding-top: 15px;
  display: inline-block; font-weight: 700; opacity: 1; visibility: visible; transition: all 0.4s; }
.hp_service_price:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; right: 0; z-index: -1; border-top: 130px solid #44baeb;
border-left: 130px solid transparent }
.hp_service_price:after { content: ""; position: absolute; bottom: 0; border-left: 130px solid transparent; z-index: -2; border-top: 130px solid #7dd9ff;
  right: -30px; top: 35px; }
.hp_service_pricing_box_title { color: white; font-size: 24px; position: absolute; top: 240px; left: 30px; font-weight: bold; font-family: Jost;
  text-shadow: 1px 1px #333 }
  
#hp_testimonials { width: 1194px; background-color: white; padding: 30px 0 }
#hp_testimonials #testimonial_list { column-gap: 0 !important }

#hp_clients_bg { background-color: #f8f8f8 }
#hp_clients { padding: 60px 0 30px 0 }
#hp_clients img { height: 41px; margin-right: 40px }

.two_cols { column-count: 2; column-gap: 30px }
.fcol { padding: 25px; margin-bottom: 30px; border: 1px solid #D0D0D0; border-radius: 5px; }
.fcol img { width: 50px; margin-right: 25px }

#testimonial_list { column-count: 3; column-gap: 30px }
.testimonial { display: inline-block; width: 100%; min-width: 380px; text-align: center; margin-bottom: 50px }
.testimonial img { width: 80px; height: 80px; border-radius: 50%; border: 8px solid #dae8fb }
.testimonial_txt { background-color: #dae8fb; padding: 24px; margin-bottom: 30px; position: relative }
.testimonial_txt:after { position: absolute; content: ""; width: 0; height: 0; left: 50%; bottom: -30px; transform: translateX(-50%); border: 15px solid; border-color: #dae8fb transparent transparent transparent }
.testimonial_clientname { font-weight: 700; font-size: 1.25rem }
.testimonial_txt_alt { background-color: #44baeb !important; color: white }
.testimonial_txt_alt:after {  border-color: #44baeb transparent transparent transparent }

#footer_info { width: 1176px; position: relative; padding: 50px 0 50px 0 }
#footer_info_float { padding: 15px 30px; background-color: #44baeb; color: white; font-size: 14px; position: absolute; top: -20px; right: 0 }
#footer_info_float:before, #footer_info_float:after { content: ""; position: absolute; left: -70px; top: 0; width: 50px; height: 50px;
  border-top: 30px solid transparent; border-right: 20px solid #23262A; border-bottom: 10px solid #232628; opacity: 0.5 }
#footer_info_float:after { border-right: none; border-left: 20px solid #232628; left: auto; right: -70px; }
#footer_info_ct { width: 1176px; column-count: 4; column-width: 294px; column-gap: 0; text-align: left; color: #a5a5a5; font-size: 14px; line-height: 26px }
.footer_info_ct_ele { padding-right: 20px; display: block }
#footer_info_ct .title { color: white; position: relative; margin-bottom: 20px }
#footer_info_ct .title:before { content: ""; position: absolute; left: 0; bottom: 10px; margin-left: 0; width: 60px; height: 3px; background-color: #44baeb; }
#footer_info_ct span { color: white }
#footer_info_ct a { color: #a5a5a5 }

#footer_bg, #footer_info_bg { background-color: #232628; border-top: 1px solid #303030 }
#footer { width: 1176px; padding: 25px 0; color: #a5a5a5; font-size: 14px }
#footer a { color: #a5a5a5 }