@font-face {font-family: "Playfair Display"; src: url(PlayfairDisplay-Regular.ttf) format("truetype"); }
@font-face {font-family: "Open Sans"; src: url(OpenSans-Regular.ttf) format("truetype"); }
@font-face {font-family: "Open Sans Light"; src: url(OpenSans-Light.ttf) format("truetype"); }
body { background-image: url("https://isaspa.in/wp-content/uploads/2021/12/bodybg-color.jpeg"); background-repeat: repeat; margin: 0px auto; overflow-x: hidden; font-size:13px; }
.back_image{background-image: url("https://isaspa.in/wp-content/uploads/2021/12/spa-slider.png"); background-position: center center; background-repeat: no-repeat; background-size: cover;  }
.bck{  padding:10px;}
.looking { /*color:#74736D;*/ color:#333; font-size:24px; font-family:Open Sans Light; padding:10px 50px 20px; font-weight:bolder;}
.logo {text-align:center; padding:20px 0px;  background-image: url("../images/back_opacity.png"); background-position: center center; background-repeat:repeat; background-size: cover;}
.spa{text-align:center;}
.spas{text-align:center; border-right:1px solid #CEA25B;}
.space {padding-bottom:40px;}
.spaces {padding:30px; }
.bord {border-bottom:1px solid #555555; margin:0px auto;}
.total { text-align:center;}
.arr {color:inherit; float:left;} 
.icons1 {font-size:16px; text-align:left; padding-left:40px;}
.icons {font-weight:bold; }
.choose {font-family:sans-serif;  margin:5px 0px 20px; font-weight:bold;}
.light {    opacity: 0.6;
    padding: 3px 0px;}
.light:hover { opacity:0.9; }
.rights {text-align:center; padding:20px;}
.hdng {font-family:Playfair Display;  margin:50px 0px; color:white; font-weight:bold; } 
li {list-style-type:none;}
.gfield_required {display:none;}
#gform_fields_2{color:#333; padding:0px; margin-top:20px;} 
.medium {width:100%; border-radius:3px; border:none; padding:7px;  } 
.why {font-family:sans-serif; margin-bottom:10px; font-weight:bold;}
.button {
   background-color: white;
    padding: 4px 20px;
    border: none;
    border-radius: 5px;
    float: right;
    margin: 10px 0px;
    font-size: 20px;
    color: #CEA26C;
    font-family: inherit;
}
.business{padding:30px 0px;}
.thumbnail {
    display: block;
    padding: 0px !important; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: white;
    border: 0px solid #ddd !important; 
    
}
.gfield_label {display:none; }
.gfield{margin:20px 0px;}
.gform_body {margin-top:-20px;}
.gform_title {text-align: center;
    margin: 0px 0px 35px;
    padding: 5px 5px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: 25px;
	text-transform:uppercase;
	}
.frm {
    background-color: #B88943;
    max-width: 100%;
	border-radius:5px;
	margin:20px 0px 0px;
}
.pp_description{display:none !important;}
#gform_wrapper_2{padding:20px 30px 30px;}




@media (min-width: 317px)and (max-width: 920px) {
.looking {font-size:20px; padding:0px 20px;}
.hdng {font-family:Playfair Display;  padding:0px; margin:5px; color:white; font-weight:bold; }
.logo {
   padding: 10px 0px;
}
.back_image{ background-position: center right; }
.choose {font-size:27px;}
.spas {border:0px;     width: 47%; float: left;}
.spa{width: 47%;float: left;}
.bord {border-bottom:0px !important;} 
.why {font-size:27px;}
 .light {width:70%;}
.button{margin:-12px 0px 0px;}
.frm {width:100%;} 
.thumbnail {background-color: inherit !important;}
 .business {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
 .total {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .frm{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .bck {height:auto;} 
.frm {margin:0px; }
#fly{height:190px;}

}

@media (min-width: 600px)and (max-width: 920px) {
.frm {width:50%;}
 }
 
/* --- /spa-franchisee/ CPC landing page: compact form ---------------------
   Labels are rendered as placeholders (see gform_pre_render_2 in functions.php),
   so the visible label is hidden but kept for screen readers. Everything here is
   scoped to .legacy-landing-page so the shared form is unaffected elsewhere. */
.legacy-landing-page .gform_wrapper .gfield_label,
.legacy-landing-page .gform_wrapper .gform-field-label {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%);
  overflow: hidden; white-space: nowrap;
}
/* the legend renders as an empty pair of quotes because .gfield_required is hidden */
.legacy-landing-page .gform_wrapper .gform_required_legend { display: none !important; }
/* tighten the stack */
.legacy-landing-page .gform_wrapper .gform_fields { row-gap: 12px !important; }
.legacy-landing-page .gform_wrapper .gfield { margin: 0 0 12px !important; padding: 0 !important; }
.legacy-landing-page .gform_wrapper .gfield--type-captcha { margin: 0 !important; }
.legacy-landing-page .gform_wrapper .ginput_container { margin-top: 0 !important; }
/* inputs */
.legacy-landing-page .gform_wrapper input[type=text],
.legacy-landing-page .gform_wrapper input[type=email],
.legacy-landing-page .gform_wrapper input[type=tel] {
  width: 100% !important;
  padding: 12px 14px !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}
.legacy-landing-page .gform_wrapper ::placeholder { color: #6b6b6b; opacity: 1; }
/* heading + submit */
.legacy-landing-page .gform_wrapper .gform_title {
  margin: 0 0 18px !important; font-size: 30px !important; line-height: 1.2 !important;
}
.legacy-landing-page .gform_wrapper .gform_footer { margin: 4px 0 0 !important; padding: 0 !important; }
.legacy-landing-page .gform_wrapper .gform_footer input[type=submit] {
  width: 100% !important;
  padding: 14px 20px !important;
  font-size: 18px !important; font-weight: 700 !important;
  background: #fff !important; color: #b8873f !important;
  border: none !important; border-radius: 4px !important; cursor: pointer;
}
.legacy-landing-page .gform_wrapper .gform_footer input[type=submit]:hover { background: #f4ead9 !important; }