@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;
  font-weight: 400;
  -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;}
#foundation-sampling {font-family: 'Montserrat', sans-serif;background: #fff; min-height: 100vh; overflow: hidden; max-width: 1920px; margin: 0 auto;}
#foundation-sampling .title {position:relative;width: 100%;text-align: center;}
#foundation-sampling .title img.logo {
  width: 25%;
 margin: 40px auto 20px;
  position: relative;
  max-width: 309px;
}
#foundation-sampling .innerwrap {width: 100%;margin: 0 auto; display: table; background: #fff;}
/* #foundation-sampling .innerwrap {background: url(../images/foundation-sampling-bg.jpg?v=8) top left no-repeat;
    background-size: cover;background-color: #edeaf1;
    min-height: 100vh;} */
/* #foundation-sampling .innerwrap {background: url(../images/foundation-sampling-bg.jpg?v=8) top left no-repeat;
    background-size: cover;background-color: #fff;
    min-height: 100vh;} */
#foundation-sampling .bg-wrap { width: 55%; display: table-cell; vertical-align: top; }
/*#foundation-sampling .sticky-bg{background: url(../images/foundation-sampling-bg.jpg?v=6) top left no-repeat;
    background-size: cover;
    min-height: 100vh;}*/
#foundation-sampling .content-wrap { width: 45%; display: table-cell; vertical-align: top; }
#foundation-sampling .h1 {font-family: 'GFS Didot', serif; color:#000000; text-align: center; text-transform: uppercase; font-size: 3em;line-height: 1.2; margin-top: 8%;}
#foundation-sampling .h2 {font-family: "Montserrat",sans-serif; font-size:1.4em;line-height: 1.3;font-weight: 400; text-align:center;padding:1em 0;}
#foundation-sampling .bg-wrap .bg-img { width: 100%; display:block; vertical-align: middle; }
#foundation-sampling .form-logo { margin: 6% auto -4%; width: 50%; max-width: 180px; }
#foundation-sampling .form-wrap { display:block; width: 80%; max-width: 580px;  background: #ffffff; margin: 3em auto 4em; padding:1em; } 

/* #foundation-sampling .sampling-form {height: 920px;} */
#foundation-sampling .sampling-form {height: 1200px;}

.arrow-container {display: flex;justify-content: center;z-index: 2;position: relative;height: 40px;}
.arrow-container .arrow {
  box-sizing: border-box;
  height: 5vw;
  width: 5vw;
  border-style: solid;
  border-color: white;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  transition: border-width 100ms ease-in-out;
}

.arrow-container .arrow:hover {
  border-bottom-width: 4px;
  border-right-width: 4px;
}
.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*/	



@media only screen and (max-width:1280px){
#foundation-sampling {font-size:1.12vw;}		
#foundation-sampling .h1 { margin: 8% auto 5%; font-size: 2.8em;} 
#foundation-sampling .bg-wrap { vertical-align: top;}
#foundation-sampling .form-wrap { width: 80%; padding: 1em; }
#foundation-sampling .bg-wrap { width: 75%;}
#foundation-sampling .content-wrap { width: 65%; }	
/* #foundation-sampling .sampling-form { height: 930px; } */
#foundation-sampling .sampling-form { height: 1200px; }

}
@media only screen and (max-width:819px){
	
.mobile {display:block!important; }
.desktop {display:none!important;}
	
#foundation-sampling {font-size:2.5vw;}	

#foundation-sampling .innerwrap { width: 100%; display: flex; flex-direction: column; background: #fff;}
#foundation-sampling .bg-wrap {width: 100%; display: block; order: 1;padding-top: 0; background: none; min-height: auto;}
#foundation-sampling .content-wrap { width: 100%; display: block; order: 2; }
#foundation-sampling .form-wrap { padding: 0; max-width: none; }
/* #foundation-sampling .sampling-form {height:920px;} */
#foundation-sampling .sampling-form {height:1200px;}
	
#foundation-sampling .title {position:absolute;}	
#foundation-sampling .title img.logo { width: 50%; margin: 20px auto 0px;}
	
#foundation-sampling .h1 {max-width:100%; margin: 0 auto;font-size: 3em;padding: 30px 0;} 
#foundation-sampling .h2  {font-size: 2em;}


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

@media(hover: hover) and (pointer: fine) {
   .arrow-container .arrow:hover {
       border-bottom-width:inherit;
  border-right-width: inherit;
    }
}