@charset "UTF-8";
/* CSS Document */
body {
  font: 12px/16px Montserrat,sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
html,legend{color:#000;}
a:after,q:after,q:before{content:"";}
html{background:#fff;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
abbr,acronym{border:0;font-variant:normal;}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{text-decoration:none;}
:focus{outline:0;-moz-outline-style:none;}
.clear{clear:both;}
.clearfix::after {content: "";clear: both;display: table;}
.mobile {display:none!important;}
.desktop {display:block!important;}
.gbtn {font-size: 12px; font-weight: 400;}
.form-title {
  font-size: 40px;
}
.bg-wrap.desktop {
    max-width: 50% !important;
}

#book-appt {font-family: 'Montserrat', sans-serif;background: #fff; min-height: 100vh; overflow: hidden; max-width: 1920px; margin: 0 auto;}
#book-appt .innerwrap {width: 100%; margin: 0 auto; display: block; background: #fff; position: relative;}

#book-appt .content-wrap { display: block; position: relative; color: #FFFFFF; width: 50%; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; float: right; }
#book-appt .title {position:relative; width: 100%;text-align: center;}
#book-appt .title .logo { width: 25%; margin: 40px auto 20px; position: relative; max-width: 309px; }
/* #book-appt .bg-wrap { width: 100%; display: block; vertical-align: top; background: url("../images/booking-appointment-bg.jpg") bottom left no-repeat; background-size: 900px; min-height: 120vh; height: 100%; position: absolute; left: 0; top: 0; } */


#book-appt .h1 {font-family: 'GFS Didot', serif; color:#000000; text-align: center; text-transform: uppercase; font-size: 3.5em;line-height: 1.2; margin-top: 8%;}
#book-appt .h2 {font-family: "Montserrat",sans-serif; font-size:1.4em;line-height: 1.3;font-weight: 400; text-align:center;padding:1em 0;}
#book-appt .bg-wrap .bg-img { width: 100%; display:block; vertical-align: middle; }

#book-appt .form-logo { margin: 6% auto -2%; width: 50%; max-width: 180px; }
#book-appt .form-wrap { display:block; width: 95%; max-width: 580px; background: #fff; margin: 0 auto 2%; padding:1em; } 

#book-appt.thank-you .form-wrap { height: 500px; } 
#book-appt .sampling-form {height: 1480px;}

.gbtn { font-size:12px; color:#fff; text-transform:uppercase; text-align:center; text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; vertical-align:middle; padding:12px 30px; background:#000;border:1px solid #000; border-radius:0; font-weight:600; min-width:100px }
.gbtn:hover { background:#666; border:1px solid #333 }

/*thank you page*/	
#book-appt.thank-you .h1 span {font-family: "Montserrat",sans-serif; font-size: 0.7em; font-weight: 300;margin-top: 1em; }
#book-appt.thank-you .h2 {font-size: 1.3em;font-weight: 600; text-align: left; color: #000000;}
#book-appt.thank-you .form-wrap .h3 {font-family: "Montserrat",sans-serif; font-size: 2.3em; font-weight: 500; margin-bottom: 1em;line-height: 1.4;
color: #000000;}
#book-appt.thank-you .form-wrap p{font-size: 1.3em; line-height: 1.5; margin-bottom: 2em; color: #000000; text-align: left;}
#book-appt.thank-you .form-wrap p a{color: #000000;}
#book-appt.thank-you .copy-wrap { padding: 20px; }


@media only screen and (max-width:1280px){
#book-appt {font-size:1.12vw;}		
#book-appt .h1 { margin: 8% auto 5%; font-size: 3em;} 
#book-appt .form-wrap { padding: 1em; }
#book-appt .bg-wrap { background-position: -200px bottom; }
#book-appt.thank-you .h1 {max-width:100%;}
#book-appt.thank-you {background-position: top;}

.bg-wrap.desktop {
    max-width: 100%;
}

}

@media only screen and (max-width:1280px){

#book-appt .sampling-form { height: 1480px; }
#book-appt .form-wrap { max-width: 580px; }

}

@media only screen and (max-width:1080px){

#book-appt .sampling-form { height: 1480px; }
#book-appt .form-wrap { max-width: 580px; }

}
	
@media only screen and (max-width:840px){
#book-appt .sampling-form { height: 1150px; }
}

@media only screen and (max-width:768px){

  .form-title {
    font-size: 24px;
  }
	
.mobile {display:block !important; }
.desktop {display:none!important;}
	
#book-appt {font-size:2.5vw;}	
#book-appt .innerwrap { width: 100%; display: flex; flex-direction: column;}
#book-appt .bg-wrap { width: 100%; display: block; order: 1; padding-top: 0; background: none; min-height: auto; position: relative; }
#book-appt .content-wrap { width: 100%; display: block; order: 2; }
#book-appt .form-wrap { padding: 0; max-width: none; }
#book-appt .form-logo { max-width: 160px; margin: 6% auto -5%; z-index: 10; position: relative; }
#book-appt .sampling-form { height: 950px; }
	
#book-appt .title { position:absolute; }	
#book-appt .title img.logo { width: 50%; margin: 20px auto 0px; }

#book-appt .h1 { position: relative; margin: 0 auto; left: 0;right: 0; }	
#book-appt .form-wrap, #book-appt.thank-you .form-wrap { padding-top: 0; width: 100% !important; margin: 0 auto; float: none; }
#book-appt img.banner { max-width:100%; width:100%; height: auto; }
#book-appt.thank-you .form-wrap { height:auto; }

}

@media only screen and (max-width:480px){
#book-appt .sampling-form {
    height: 1420px;
}
}

@media(hover: hover) and (pointer: fine) {

}