@charset "UTF-8";
/* CSS Document */


/* GLOBAL STYLING */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=3664bb8d-7faf-4ea8-b770-b3639c6a8eb7");
@font-face{
font-family:"Avenir LT W02 45 Book";
src:url("../Fonts/cc232236-c38e-4181-b791-8be0f37e6f0e.eot?#iefix");
src:url("../Fonts/cc232236-c38e-4181-b791-8be0f37e6f0e.eot?#iefix") format("eot"),url("../Fonts/baad6b40-55aa-412b-8698-8a408da0b742.woff2") format("woff2"),url("../Fonts/493b124a-f032-4d7d-9d9b-b3ebdb18c13a.woff") format("woff"),url("../Fonts/b2470f08-706e-4417-bcb4-64e4b3cb07b0.ttf") format("truetype"),url("../Fonts/71715770-8b1b-41d7-bc36-4e630e95fd3a.svg#71715770-8b1b-41d7-bc36-4e630e95fd3a") format("svg");
}
@font-face{
font-family:"Avenir LT W02 65 Medium";
src:url("../Fonts/c7a58743-f241-4281-bfc0-f1df551cb37d.eot?#iefix");
src:url("../Fonts/c7a58743-f241-4281-bfc0-f1df551cb37d.eot?#iefix") format("eot"),url("../Fonts/3dafb9ca-b7cc-48f0-953d-e6134cfcfa47.woff2") format("woff2"),url("../Fonts/b8db69f9-df9e-480f-9c1c-d76a1bb29a62.woff") format("woff"),url("../Fonts/63753503-2f58-4a8b-91af-058e8f73a1b0.ttf") format("truetype"),url("../Fonts/3cece34e-2cfb-4b8f-8a9c-04ec56d1e672.svg#3cece34e-2cfb-4b8f-8a9c-04ec56d1e672") format("svg");
}


* {margin: 0;padding: 0;}
body{font: 1em/150% 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif; line-height:1.5em; letter-spacing:0.05em; color: #2E2E2E; }
p, h1, h2, h3 {}
h1 {}
p{margin: 0 0 25px 0; font-size: 1.15em; line-height: 1.7em;}
a img {border: none;background-color: transparent;}
a:link, a:visited {color:#C19653!important;text-decoration:none; outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus {outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a.btn {font-family: 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif;font-size: 1.25em; line-height: 1em;font-weight:lighter!important;background-color:#C19653; color:#FFFFFF!important;display: block; zoom: 1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 20px 0 17px 0; text-align: center; letter-spacing: 1px; }
a.btn:hover {}
main span.fixed { position: fixed; bottom:0; left: 0; width: 86%; margin: 7%}


/* STRUCTURE */
.wrapper{ text-align: left; background-color: #FFF; overflow: auto;}
.wrapper .header {margin: 0 7%; overflow: auto;}
.wrapper .header header a.logo {width:37px; height: 36px; background: url(../images/logo.png) left top no-repeat; background-size:37px 36px;  text-indent: -9999px; float: right;margin: 26px 0 0 0}
.wrapper .header header nav {position: absolute;}
.footer{display: none;}


/* MAIN */

.wrapper .content {}
.wrapper .content main {margin: 7%;}
.wrapper .content main span.divide {width: 60%; height: 3px; background-color: #EAEAEA; content: ""; display: block;margin: 20px 0; -webkit-border-radius: 5%;-moz-border-radius: 5%;border-radius: 5%;}
.wrapper .content main h1 { font-family: 'Avenir LT W02 65 Medium', Arial, Helvetica, sans-serif;font-size: 2.45em;  line-height: 1.4em; margin: 15px 0; font-weight:bolder!important;}
.wrapper .content main h2 { font-family: 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif;font-size: 1.4em;  line-height: 1.4em; color: #A1A1A1; font-weight:normal; margin: 15px 0}
.wrapper .content main h3 { font-family: 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif;font-size: 1.3em;  line-height: 1.4em; color: #A1A1A1; font-weight:normal; margin: 15px 0 23px 0}

/* HOME */
body.home{display: flex; min-height: 100vh; flex-direction: column;}
body.home .wrapper .content main h2 {margin: 15px 0 40px 0}
body.home .bg {width:100%; flex: 1; background: url(../images/home-portrait.jpg) top left no-repeat; background-size: 100%; background-color: #333; background-position: -60%;}

/* CONTENT TEMPLATE */
body.content {background: none;}
body.content .wrapper .content main h2 {margin: 15px 0 40px 0}
body.content .wrapper .content main section img{display: block; width: 100%; margin: 35px 0 }


/* MENU */
#menuToggle{display: inline-block;position: relative;z-index: 20;-webkit-user-select: noneuser-select: none;margin: 40px 0 0 0; height: 32px;}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute;top: -7px;left: -5px;cursor: pointer;opacity: 0; /* hide this */z-index: 2; /* and place it over the hamburger */-webkit-touch-callout: none;}
#menuToggle span{display: block;width: 30px;height: 3px;margin-bottom: 2px;background: #000000;position: relative;border-radius: 20%;z-index: 1;transform-origin: 4px 0px;transition: transform 0.4s cubic-bezier(0.77,0.2,0.05,1.0), background 0.4s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%; width:20px;transition: 0.4s;background: #000000;}
#menuToggle span.middle{background: none!important;}
#menuToggle input:checked ~ span{opacity: 1;transform: rotate(45deg) translate(-3px, -5px);border-radius: 20%;background: #FFFFFF;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, 3px);width: 30px;transition: 0.4s;}
#menuToggle input:checked ~ span.middle{background: none!important;}
#menu{flex: 1;position: absolute;width: 265px; height:100vh;height: calc(var(--vh, 1vh) * 100);margin: -55px 0 0 -100px;padding: 0 0 0 100px;background: rgba(46, 46, 46, 1);list-style-type: none;-webkit-font-smoothing: antialiased;/* to stop flickering of text in safari */transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
#menu li{padding: 0 0; font-size: 1.4em; margin: 0 0 7px 0;}
#menu li a{display:block; color: #EFEFEF!important; text-transform: uppercase; padding: 10px 0}
#menu li:first-child{padding: 150px 0 0 0!important;}
#menu li:last-child{bottom: 17px;position: absolute; font-size: 0.8em; color: #BBBBBB;}
#menuToggle input:checked ~ ul{transform: none;}








/* DESKTOP / HIGH-RES LAPTOP */
@media (min-width:1050px) { 
a:link, a:visited {cursor: pointer}
a:focus {outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover {color: #9A763D!important}
a.btn {}
a.btn:hover, .button:hover  {background-color:#9A763D!important; color: #FFFFFF!important}
img{border:none;}
body.home, body.content{background-image: none;background-color:#EFEFEF;}
#menu li:last-child{display: none;}
.wrapper{ width: 93%; margin: 0 auto;}
.wrapper .header {margin: 0 3%;}
.wrapper .content main {margin: 3%; background-image: url(../images/home-portrait-03.jpg);background-position: bottom right;background-repeat: no-repeat; background-size: 45%;}
.wrapper .content main span.divide {width: 50%}

body.home .wrapper .content main section{width: 70%}
body.home .wrapper .content main section a.btn {width: 70%}
main span.fixed { position: relative!important; bottom:inherit!important; left: inherit!important; width: inherit!important; margin: 0%!important;}
body.home .wrapper .content main h1 {font-size: 3.4em!important;  line-height: 1.4em;  }
body.home .wrapper .content main h2 {font-size: 1.7em!important;  line-height: 1.4em; width: 70%; margin: 3% 0 24% 0!important}
body.home .bg{display: none;}

body.content .wrapper .content {text-align: center}
body.content .wrapper .content main {background: none; display: inline-block;}
body.content .wrapper .content main section{width: 740px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left;}
body.content .wrapper .content main h1 {font-size: 3.4em!important;  line-height: 1.4em;  }
body.content .wrapper .content main h2 {font-size: 1.7em; color: #ADADAD;  line-height: 1.4em; width: 100%; margin: 3% 0 30px 0!important}
body.content .wrapper .content main h3 {font-size: 1.5em; color: #ADADAD;  line-height: 1.5em; width: 100%; margin: 3% 0 25px 0!important}

.footer{display: inline-block;margin: 1.5% 3.5%;width: 93%; text-align: right; text-transform: uppercase;}
.footer{font-size: 0.4em; color: #ADADAD}
.footer ul {text-indent: none;}
.footer ul li {text-decoration: none; float: left;list-style: none;font-size: 1.6em; line-height: 1.3em; margin: 0 1%}
.footer ul li a {color: #ADADAD!important}
.footer ul li a:hover {color: #666!important}
.footer p {font-size: 1.6em;}
}


/* 1024 x 768 */
@media (min-width:1024px) { 
body.content .wrapper .content {text-align: center}
body.content .wrapper .content main {display: inline-block;margin: 3%; }
body.content .wrapper .content main section{width: 740px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left;}
body.content .wrapper .content main section {padding: 0 0 30px 0!important;}
}


/* DESKTOP / HIGH-RES LAPTOP */
@media (min-width:768px) { 
body.home .wrapper .content main h1 {font-size: 3em;  }
body.home .wrapper .content main h2 {font-size: 1.6em;  margin: 25px 0 40px 0 }
main span.fixed { margin: 4% 7%; }

body.content .wrapper .content main h1 {font-size: 3em; }
body.content .wrapper .content main h2 {font-size: 1.6em; }
body.content .wrapper .content main h3 {font-size: 1.5em; }
}

/* MOBILE QUIRKS */
@media (max-width:500px) { 
body.home .bg {}
}


@supports (-webkit-overflow-scrolling: touch) {
  .wrapper .content main h1 { letter-spacing: -0.03em; -webkit-text-stroke: 0.02em #2E2E2E; }
}



@import url(https://fonts.googleapis.com/css?family=Roboto);
body,
input,
select,
textarea,
body * {
}
body::after, body::before,
input::after,
input::before,
select::after,
select::before,
textarea::after,
textarea::before,
body *::after,
body *::before {
  box-sizing: border-box; font: 1em/150% 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif; line-height:1.5em; letter-spacing:0.05em; color: #2E2E2E;
}



/* FORMS */

.button-container {
  text-align: center;
}

fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}

.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}
.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #C19653;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type="file"] {
  line-height: 1;
}
.form-group input[type="file"] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #C19653;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #999;
}
.radio .helper::before, .radio .helper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #C19653;
  border-color: #C19653;
}
.radio label:hover .helper {
  color: #C19653;
}
.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #C19653;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #C19653;
  display: block;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 0.25rem;
  content: '';
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #C19653;
}
.checkbox input:checked ~ .helper {
  color: #C19653;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #d9534f;
}
.has-error .bar::before {
  background: #d9534f;
  left: 0;
  width: 100%;
}


.button:focus {
  outline: none;
}


.button {
border-color: transparent; /* NEW */cursor: pointer;width: 100%; display:block; font-family: 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif;font-size: 1.25em; line-height: 1em;font-weight:lighter!important;background-color:#C19653; color:#FFFFFF!important;display: block; zoom: 1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 20px 0 17px 0; text-align: center; letter-spacing: 1px; margin:0 0 40px 0;}
}

.button:hover {
font-family: 'Avenir LT W02 45 Book', Arial, Helvetica, sans-serif;font-size: 1.25em; line-height: 1em;font-weight:lighter!important;background-color:#C19653; color:#FFFFFF!important;display: block; zoom: 1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 20px 0 17px 0; text-align: center; letter-spacing: 1px; }
}


/* STRUCTURE */
/*.wrapper{width:600px; background-color: ;margin: 0 auto; text-align: center;}
.wrapper h1{width: 208px; height: 117px; text-indent: -9999px; background: url(../images/logo.png) left top no-repeat; background-size: 208px 116px; margin: 95px auto 150px auto}

.wrapper .holding {margin: 0 0 180px 0}
.wrapper .holding p {margin: 0 0 50px 0}
.wrapper .social {position: relative; }
.wrapper .social p {font-size: 0.8em; line-height: 1em; color: #8B8B8B; position: absolute; width: 600px;clear:both;bottom: 90px;left: 50%;margin-left: -300px; position: fixed; }
.wrapper .social p a {margin:0 12px; color: #8B8B8B!important; font-size: 1.1em; line-height: 1em; letter-spacing:0.15em !important; }
.wrapper .social p a:hover {color: #C09F61!important;-o-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-khtml-transition: color 0.2s linear;-webkit-transition: color 0.2s linear;-ms-transition: color 0.2s linear;transition: color 0.2s linear;}


.bgCover { background:#ccc; position:absolute; left:0; top:0; display:none; overflow:hidden }
.overlayBox {position:absolute;display:none;width:750px;height:auto; letter-spacing:0em !important; }
.overlayContent {padding:10px;}
.overlayContent p{font-size: 1em; line-height: 1.5em;text-transform: none!important;}
.overlayContent p a{ color: #545454!important; text-decoration: underline;}
.close a{font-size: 0.8em; margin: 8px 0 30px 0}
.overlayContent h2 {width: 139px; height: 139px; margin: 0 auto; background: url(../images/jamesparker.png) left top no-repeat; background-size: 139px 139px; display: inline-block; *display: inline;zoom: 1; text-indent: -9999px; margin: 0 0 26px 0}





/* TABLET */
@media only screen and (max-width: 640px) {
/*.wrapper{width:96%; padding: 0 2%}
.wrapper .social p {}
.overlayBox {width:100%; }
.overlayContent {width:90%; padding: 0 5%; }
a.btn:hover {font-family: 'Avenir LT W02 65 Medium', Arial, Helvetica, sans-serif;font-size: 0.55em; line-height: 1em;font-weight:normal ;color:#8B8B8B!important;display: inline-block; *display: inline;zoom: 1; border: 2px solid #E5E5E5; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 14px 0 12px 0;text-transform: uppercase; min-width: 170px!important; text-align: center; letter-spacing: 1px; -o-transition: color 0.2s linear;-moz-transition: color 0.2s linear;-khtml-transition: color 0.2s linear;-webkit-transition: color 0.2s linear;-ms-transition: color 0.2s linear;transition: color 0.2s linear; -o-transition: border 0.2s linear;-moz-transition: border 0.2s linear;-khtml-transition: border 0.2s linear;-webkit-transition: border 0.2s linear;-ms-transition: border 0.2s linear;transition: border 0.2s linear;}
}

/* MOBILE */
@media only screen and (max-width: 600px) {
/*.wrapper{width:84%; padding: 0 8%}
.wrapper h1{ margin: 30px auto 62px auto; width: 190px; height: 107px; background-size: 190px 107px;}
.wrapper .holding {margin: 0 0 110px 0}
.wrapper .holding p {font-size: 1.5em!important;}
.wrapper .social {position: relative; margin: 0 0 43px 0}
.wrapper .social p {line-height: 2em; position: relative!important; width:280px;clear:both;bottom: 36px;left: 50%;margin-left: -140px; position: fixed;}
.wrapper .social p a {margin:0 12px; display: inline-block; *display: inline;zoom: 1;}
.wrapper .holding p {margin: 0 0 20px 0; font-size: 1.5em}
.overlayContent {position: absolute; top: 28px; left: 0}
.overlayBox {top:0!important; height: 100%!important; position: fixed; overflow: auto; float: left; z-index: 30;}

}