@charset "UTF-8";

/*  RESET
---------------------------------------------------*/

* {
  padding:0;
  margin:0;
  outline:none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, a img {
  background:transparent;
  border:0 none;
  outline:none;
  vertical-align:baseline;
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;   
}

.clearer { 
  clear:both;
}

/*
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
*/

/*  General
---------------------------------------------------*/

html, body {
  background:#000;
  position:relative;
}

body {
  background:#000 url("../images/backgroundheader.jpg") no-repeat top center;
  overflow-x:hidden;
}

h2 {
  font:400 38px/48px "Aktiv Grotesk Bold Italic", sans-serif;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 40px 0;
}

h3 {
  font:400 27px/37px "Aktiv Grotesk Bold Italic", sans-serif;
  text-transform:uppercase;
  color:#ef720a;
  margin:0 0 20px 0;
}

p {
  font:400 22px/34px "Aktiv Grotesk Light", sans-serif;
  color:#a39f9f;
  margin:0 0 40px 0;
}

a {
  color:#123c3f;
  text-decoration:underline;
}

.mobilebutton {
  font:400 20px/24px "Proxima Nova Extrabold", sans-serif;
  text-decoration:none;
  display:inline-block;
  padding:20px 25px;
  margin-top:20px;
}



#wrapper {
  width:1340px;
  position:relative;
  margin:0 auto;
}

.container {
  width:1270px;
  position:relative;
  z-index:1;
  margin:0;
}

.button {
  font:400 16px/18px "Aktiv Grotesk Bold Italic", sans-serif;
  letter-spacing:0.05em;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:#000;
  background:#ef720a;
  display:inline-block;
  padding:20px 35px 15px 35px;
  transform:skew(-21deg);
}

.button > span { 
  color:#000;
  display:inline-block;
  transform: skew(21deg); /* Un-skew the text */
}

.readmore {
  font:400 15px/17px "Aktiv Grotesk Bold Italic", sans-serif;
  letter-spacing:0.05em;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  text-align:center;
  border:2px solid #ef720a;
  display:inline-block;
  transform:skew(-21deg);
  padding:18px 35px 13px 35px;
  margin:0 0 50px 0;
}

.readmore > span { 
  display:inline-block;
  transform: skew(21deg); /* Un-skew the text */
}

.label {
  text-align:right;
  transform:rotate(-90deg);
  position:absolute;
  top:58px;
  left:-55px;
  z-index:2;
}

.label p {
  font:400 14px/16px "Aktiv Grotesk Italic", sans-serif;
  letter-spacing:0.05em;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  margin:0 !important;
}

.label .divider {
  font:400 14px/16px "Aktiv Grotesk", sans-serif;
  color:#ef720a;
  margin:0 5px 0 2px;
}

.label .number {
  font:400 14px/16px "Aktiv Grotesk", sans-serif;
  color:#949190;
}

.bignumber {
  width:440px;
  height:337px;
  display:block;
  position:absolute;
  text-indent:-999999px;
  z-index:2;
}

.content {
  position:relative;
  z-index:2;
}

hr {
  border:0;
  height:1px;
  margin:15px 0;
}


/*  Nav
---------------------------------------------------*/

#logo {
  display:block;
  position:absolute;
  top:65px;
  left:0;
}

#navbutton {
  width:40px;
  display:block;
  position:absolute;
  top:70px;
  right:40px;
}

#navbutton span {
  height:5px;
  background:#ef720a;
  display:block;
  position:relative;
  margin:0 0 7px 0;
}

#navbutton.active .line1 {
  top:0 !important;
}

#navbutton.active .line3 {
  bottom:0 !important;
}

nav {
  width:100%;
  height:175px;
  position:relative;
}

#nav {
  position:absolute;
  top:65px;
  right:70px;
}

nav ul {
  list-style:none;
  position:relative;
}

nav ul li {
  display:inline-block;
  margin:0 25px;
}


nav ul li:last-child {
  margin-right:0;
}

nav ul li a {
  font:400 16px/20px "Aktiv Grotesk", sans-serif;
  letter-spacing:0.05em;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  display:block;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

nav ul li a:hover {
  color:#ef720a;
}

nav ul li a span {
  font:400 14px/20px "Aktiv Grotesk", sans-serif;
  color:#949190;
  display:block;
}


/*  Header
---------------------------------------------------*/

header {
  width:1270px;
  /*background:#1c1c1c;*/
  position:relative;
  padding:110px 120px;
  margin:0 0 270px 0;
}

header h1 {
  font:400 65px/70px "Aktiv Grotesk Bold Italic", sans-serif;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 30px -40px;
}

header h1 span {
  font:400 60px/70px "Aktiv Grotesk Light Italic", sans-serif;
  text-transform:uppercase;
  display:block;
  color:#ef720a;
}

header p {
  width:500px;
  font:400 22px/34px "Aktiv Grotesk Light", sans-serif;
  color:#a39f9f;
  margin:0 0 50px 0;
}

header img {
  position:absolute;
  top:-40px;
  right:70px;
}

#sociallinks {
  list-style:none;
  position:absolute;
  top:50%;
  right:-70px;
  margin-top:-80px;
}

#sociallinks li {
  display:block;
  margin:2px 0;
}

#sociallinks li a {
  width:34px;
  height:49px;
  display:block;
  text-indent:-999999px;
}

#sociallinks li a#twitter {
  background:url("../images/twitter.svg") no-repeat center center;
}

#sociallinks li a#facebook {
  background:url("../images/facebook.svg") no-repeat center center;
}

#sociallinks li a#instagram {
  background:url("../images/instagram.svg") no-repeat center center;
}


/* Intro
---------------------------------------------------*/

#intro {
  background:url("../images/intro.svg") no-repeat 635px 50px;
  margin:0 0 120px 0;
}

#intro.container {
  padding:100px 80px 100px 500px;
}

#intro h2 {
  margin-left:-40px;
}

#intro p {
  margin:0 0 50px 0;
}

#intro img {
  position:absolute;
  top:-110px;
  left:-110px;
}


/* What We Do
---------------------------------------------------*/

#whatwedo.container {
  padding:150px 200px 200px 120px;
}

#whatwedo .label {
  top:208px;
  left:-55px;
}

#whatwedo .bignumber {
  background:url("../images/number1.svg") no-repeat;
  top:50px;
  right:0;
}

.readmorecontent {
  display:none;
}


/* Who We Work With
---------------------------------------------------*/

#whoweworkwith.container {
  padding:100px 80px 100px 500px;
}

#whoweworkwith .label {
  top:188px;
  right:-55px;
  left:auto;
}

#whoweworkwith .bignumber {
  width:515px;
  background:url("../images/number2.svg") no-repeat;
  top:-50px;
  right:0;
}

#whoweworkwith h2 {
  margin-left:-40px;
}

#whoweworkwith p {
  margin:0 0 50px 0;
}

#whoweworkwith img {
  position:absolute;
  top:-200px;
  left:-560px;
  z-index:1;
}

.checkbox {
  background:url("../images/checkbox.svg") no-repeat;
  padding:0px 0 0 45px;
}


/* About Dr. Hawkins
---------------------------------------------------*/

#aboutdrhawkins.container {
  padding:150px 200px 200px 120px;
}

#aboutdrhawkins .label {
  top:235px;
  left:-55px;
}

#aboutdrhawkins .bignumber {
  width:518px;
  background:url("../images/number3.svg") no-repeat;
  top:30px;
  right:0;
}


/* Get in Touch
---------------------------------------------------*/

#getintouch.container {
  padding:100px 80px 100px 500px;
}

#getintouch .label {
  top:162px;
  right:-55px;
  left:auto;
}

#getintouch .bignumber {
  width:534px;
  background:url("../images/number4.svg") no-repeat;
  top:-20px;
  right:0;
}

#getintouch img {
  position:absolute;
  top:-160px;
  left:-690px;
  z-index:1;
}

#getintouch h2 {
  margin-left:-40px;
}

#getintouch p {
  margin:0 0 50px 0;
}


#getintouch .column1 {
  width:50%;
  float:left;
  padding-right:15px;
  position:relative;
}

#getintouch .column2 {
  width:50%;
  float:left;
  padding-left:15px;
}

#citystatezip .column1 {
  width:50%;
  float:left;
  padding-right:15px;
}

#citystatezip .column2 {
  width:20%;
  float:left;
  padding-left:15px;
  padding-right:15px;
}

#citystatezip .column3 {
  width:30%;
  float:left;
  padding-left:15px;
}

input[type=text],
input[type=email],
input[type=phone],
textarea {
  width:100%;
  font:400 20px/24px "Aktiv Grotesk Light Italic", sans-serif;
  color:#fff;
  border:2px solid #ef720a;
  background:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:20px 20px 15px 20px;
  margin:0 0 30px 0;
}

select {
  width:100%;
  height:65px;
   font:400 20px/30px "Titillium Web Regular", sans-serif;
  color:#123c3f;
  background:transparent;
  border-radius:0;
  border:2px solid #c6c6c6;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:15px 20px;
}

.submit {
  text-align:center;
  color:#fff;
  background:#ef720a;
  display:inline-block;
  border:0;
  padding:20px 35px 15px 35px;
  transform:skew(-21deg);
}

.submit input {
  font:400 16px/18px "Aktiv Grotesk Bold Italic", sans-serif;
  letter-spacing:0.05em;
  text-transform:uppercase;
  text-decoration:none;
  background:none;
  border:0;
  color:#000;
  display:inline-block;
  transform: skew(21deg);
}

.list-unstyled {
  list-style:none;
}

.help-block {
  font:400 17px/30px "Aktiv Grotesk", sans-serif;
  text-transform:uppercase;
  color:#ef720a;
  margin-top:-20px;
  margin-bottom:30px;
}

.select .help-block {
  margin-top:10px;
}

.alert {
  font:400 16px/24px "Aktiv Grotesk Bold Italic", sans-serif;
  text-transform:uppercase;
  color:#fff;
  background:#ef720a;
  padding:25px 30px 20px 30px;
  margin:0 0 30px 0;
}

.alert button {
  display:none;
}

.fancybox-close-small {
  width:55px;
  height:55px;
  color:#762123;
  right:10px;
  top:10px;
}

.fancybox-close-small svg {
  stroke-width:3.5px;
}


/* Footer
---------------------------------------------------*/

footer {
  padding:150px 200px 200px 120px;
}

footer p {
  font:400 19px/30px "Aktiv Grotesk Light", sans-serif;
  color:#a39f9f;
  margin:0 0 20px 0;
}

footer p.disclaimer {
  font:400 17px/24px "Aktiv Grotesk Light", sans-serif;
  color:#a39f9f;
  margin:0;
}


/* Fonts
---------------------------------------------------*/

@font-face {
  font-family:"Aktiv Grotesk Bold";
  src:url("../fonts/AktivGrotesk_Trial_Bd.woff2") format("woff2"),url("../fonts/AktivGrotesk_Trial_Bd.woff") format("woff"),url("../fonts/AktivGrotesk_Trial_Bd.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Aktiv Grotesk Bold Italic";
  src:url("../fonts/AktivGrotesk_Trial_BdIt.woff2") format("woff2"),url("../fonts/AktivGrotesk_Trial_BdIt.woff") format("woff"),url("../fonts/AktivGrotesk_Trial_BdIt.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Aktiv Grotesk";
  src:url("../fonts/AktivGrotesk_Trial_Rg.woff2") format("woff2"),url("../fonts/AktivGrotesk_Trial_Rg.woff") format("woff"),url("../fonts/AktivGrotesk_Trial_Rg.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Aktiv Grotesk Italic";
  src:url("../fonts/AktivGrotesk_Trial_It.woff2") format("woff2"),url("../fonts/AktivGrotesk_Trial_It.woff") format("woff"),url("../fonts/AktivGrotesk_Trial_It.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Aktiv Grotesk Light";
  src:url("../fonts/AktivGrotesk_Trial_Lt.woff2") format("woff2"),url("../fonts/AktivGrotesk_Trial_Lt.woff") format("woff"),url("../fonts/AktivGrotesk_Trial_Lt.otf") format("opentype");
  font-style:normal;font-weight:400;
}

@font-face {
  font-family:"Aktiv Grotesk Light Italic";
  src:url("../fonts/AktivGrotesk_Trial_LtIt.woff2") format("woff2"),url("../fonts/AktivGrotesk_Trial_LtIt.woff") format("woff"),url("../fonts/AktivGrotesk_Trial_LtIt.otf") format("opentype");
  font-style:normal;font-weight:400;
}