/* v1.0 | 20080212 */
/* Original Source: http://meyerweb.com/eric/tools/css/reset/ */

@import url("https://use.typekit.net/mrv7ycd.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
body {
    background-size: 100%;
	line-height: 1.3em;
	font: 16px/24px 'sofia-pro', Arial, sans-serif; 
	color: #333333; 
	background-color: #fffbee;
	overflow-x: hidden;
	font-weight: 400;
}

p { padding-bottom: 10px; }

img { max-width: 100%; }

.section-top-tagline {
	padding-top: 50px;
	margin: 0 auto;
	text-align: center;
	width: 35%;	
	position: relative;
    z-index: 2000;
}

.logo {
	max-width: 85%;
	margin: 0 auto;
}

h1 { 
	text-align: center;
    font-size: 2.3em;
    line-height: 1.25em;
	font-weight: 400;
}

h1 a { font-weight: normal; }
h1 a:hover { background: #f2ab55; font-weight: normal; }

p.credit { font-size: 0.8em; }
p.credit a:hover { color: #f9a858; }

a { font-weight: bold; color: #333333; letter-spacing: 0.05em; }

.name-badge {
	position: relative;
    float: right;
    z-index: 2000;
    right: 300px;
    margin-top: -50px;
    display: block;
}

.lc-badge {
	position: absolute;
    left: 230px;
    margin-top: -80px;
    display: block;
    z-index: 1000;
}

.contact-third-outer {
	max-width: 800px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 100px 0;
}

.contact-third {
	width: 30%;
    border-bottom: solid 1px #F7F3E8;
    color: #F7F3E8;
    display: inline-block;
    text-align: left;
	padding-bottom: 30px;
}

.contact-third h2 {
	padding-bottom: 5px;
}


/* contact form */

/* Code from Holly */

.section-form form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: left;
}

.section-form form .col1 {
  width: 49%;
	padding-bottom: 25px;
}

.section-form form label {
	color: #333333;
  font-family: inherit;
  font-size: 16px;
  display: inline-block;
  margin: 0 0 15px;
}

.section-form form input {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  background-color: #fffbee;
	padding: 10px 15px;
  font-size: 16px;
  line-height: 26px;
	font-family: "sofia-pro", Arial, sans-serif;
	border-radius: 10px;
	
}

.section-form form textarea {
	border-radius: 10px;
  font-family: inherit;
  background-color: #f7f3e7;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 26px;
	height: 120px;
}

.section-form form input[type="submit"] {
  max-width: 200px;
  background: #f2ab55;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 5px 30px;
  margin: 0 auto;
  display: block;
  margin-top: 25px;
  font-family: "sofia-pro", Arial, sans-serif;
	cursor: pointer;
	-webkit-appearance: none;
}

.section-form form input[type="submit"]:hover {
	    background: #fffbee;
}

.section-form form p {
  width: 100%;
}

#cookie-notice {
	display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5999;
    max-width: 450px;
    margin: auto;
    padding: 0.6rem;
    background-color: #83ddc3;
    line-height: 22px;
    font-size: 15px;
    text-align: center;
    color: #333333;
}
.cookie-notice-more {
	margin: 0 0.25rem;
	text-decoration-style: dashed;
	color: inherit;
}
.cookie-notice-close {
	padding: 0.3rem;
    border-radius: 0.125rem;
    line-height: 15px;
    background: #fffbee;
    text-decoration: none;
    color: #111111;
}

@media only screen and (min-width: 768px) {
	#cookie-notice {
		bottom: 1rem;
		border-radius: 0.25rem;
	}
	.cookie-notice-close {
		float: right;
	}
}


/* Code from Holly ends */

/* contact form end */

img.bounce { 
	animation: bounce 1.5s infinite;
   -webkit-animation: bounce 1.5s infinite;
   -moz-animation: bounce 1.5s infinite;
   -o-animation: bounce 1.5s infinite;
}

@-webkit-keyframes wobble-horizontal-on-hover {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes wobble-horizontal-on-hover {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.wobble-horizontal-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal-on-hover:hover, .wobble-horizontal-on-hover:focus, .wobble-horizontal-on-hover:active {
  -webkit-animation-name: wobble-horizontal-on-hover;
  animation-name: wobble-horizontal-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.featured-bar {
	height: 40px;
	background: #83ddc3;
	position: fixed;
	z-index: 5000;
	width: 100%;
	}

.featured-bar-text {
	text-align: center;
	margin: 0 auto;
	padding-top: 7px;
}

.featured-bar-text a:hover { color: #f7f3e8; }



.button { 
	-webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.75em;
    text-decoration: none;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -khtml-border-radius: 100px;
    background: #8fcb99;
}

.yellow { background: #f2ab55; }
.yellow:hover { background: #f7f3e8; }

a:hover { font-weight: bold;
    color: #111111;
    letter-spacing: 0.05em; }

.button:hover {  
	background: #ffbe69;
}

.button2 { padding-top: 50px; margin: 0 auto; }


.section-top {
	margin: 0 auto;
    text-align: center;
    height: auto;
    position: relative;
	padding-bottom: 50px;
	padding-top: 40px;
}

.about-imagery {
	width: 60%; float: right; display: inline-block; margin-bottom: 70px;
}

.section-about-top { 
	background: url('images/wave-top-yell.png') repeat-y;
	background-size: 100%;
    height: 40px;
}

.section-about-top2 { 
	background: url('images/wave-top-green.png') repeat-y;
	background-size: 100%;
    height: 40px;
}

.section-about-text {
	width: 30%;
    display: inline-block;
	text-align: left;
    vertical-align: top;
    margin: 0 auto;
    padding: 80px 40px 150px 0;
}

.section-about-text h1 {
	text-align: left;
    font-size: 1.2em;
    line-height: 1.25em;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: bold;
}

.section-about-text p, .section-form p {
	font-size: 1.1em;
	line-height: 1.5em;
}

.section-about, .section-clients, .section-form {
	background-color: #ffbe69;
	text-align: center;
    position: relative;
}

.section-green {
	background-color: #8fcb99;
	text-align: center;
    position: relative;
}

.section-terms {
	width: 70%;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-terms p { 
	padding-bottom: 20px; 
	color: #333333; 
	text-align: left; }

.section-form { 
	padding: 100px 0 150px 0;
    margin-bottom: -30px;
}

.section-form-inner {
	max-width: 45%;
	margin: 0 auto;
}
.section-form-inner a { 
	letter-spacing: 0;
}
.section-form-inner a:hover { 
	color: #fffbee; 
}

.form-container { 
	padding-top: 40px;
	color: #fffbee; 
}

.section-clients {
	text-align: left;
    position: relative;
}

.section-clients-outer {
	max-width: 1000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
}

.box-bio-home {
	    max-width: 320px;
    position: absolute;
    left: 130px;
    top: -50px;
    z-index: 1000;
}

.box-bio4 {
        max-width: 350px;
    position: absolute;
    z-index: 2000;
    float: right;
    right: 140px;
    top: 300px;
}


img { border-radius: 30px; }

img.two {
	box-sizing: border-box;
    padding: 10px;
	width: 50%;
    float: left;
}

.ldg-badge {
	position: absolute;
    right: 300px;
    margin-top: -30px;
    z-index: 1000;
	transform: rotate(20deg);
}

.section-services {
	max-width: 90%;
	text-align: center;
	margin: 0 auto;
    position: relative;
	padding: 20px 0;
}

.section-profile {
	position: relative;
	top: 25px;
	width: 30%; 
	float: left; 
	text-align: left; 
	left: 50px;
}

.section-clients-inner {
	width: 23%;
    border-bottom: solid 3px #f2ab55;
    display: inline-block;
    text-align: left;
	padding-bottom: 30px;
}

.services-note {
	position: relative;
	left: -300px;
}

img.services-text {
	position: relative;
    top: -70px;
}

img.icon1 {
	position: relative;
    left: -450px;
    top: 300px;
}

img.icon2 {
	position: relative;
    right: -300px;
    top: 50px;
}

img.icon3 {
	position: relative;
	    top: -50px;
}

img.icon4 {
	position: relative;
    right: -140px;
    top: 20px;
}

footer { 
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding: 0 100px 20px 100px;
}

footer p {
	    width: 30%;
    margin: 0 auto;
}

.footer-badge {
	position: relative;
    margin: 0 auto;
    top: -80px;
    z-index: 1000;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
label,
select,
button,
textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	resize: none;
	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}

/* Remove the stupid outer glow in Webkit */
input:focus
{
	outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
	background-color: #F7F3E7;
    padding: 7px 10px;
}

/* Button Controls
-----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
	width:13px;
	height:13px;
}

/* File Uploads
-----------------------------------------------*/

input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
	display:none;
}

/* Buttons
-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{	
	padding:0;
	border:0;
	background:none;
}

/* Textarea
-----------------------------------------------*/

textarea 
{
	/* Move the label to the top */
	vertical-align:top;
	
	/* Turn off scroll bars in IE unless needed */
	overflow:auto;
}

/* Selects
-----------------------------------------------*/

select
{

}

select[multiple] 
{
	/* Move the label to the top */
	vertical-align:top;
}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}

::selection {
  background: #f9a858; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #f9a858; /* Gecko Browsers */
}

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

}

@media only screen and (max-width: 800px) {
	.box-bio-home, .box-bio4 { display: none; }
	.section-top-tagline { width: 90%; }
	.section-profile { margin: 0 auto; top: 0px; width: 80%; float: none; text-align: left; left: 0; }
	.section-about-top { background-size: 250%; }
	.section-about-text { width: 85%; padding: 30px 0; }
	.about-imagery { width: 100%; float: none; display: block; margin-bottom: 0; }
	.section-services { max-width: 95%; padding: 70px 0 0 0; }
	.section-green { margin-top: 100px; padding-bottom: 100px; padding-top: 50px; }
	.section-about-top2 { display: none; }
	.section-clients-inner { margin: 0 auto; margin-bottom: 30px; display: block; width: 80%; }
	footer { padding: 0 60px 30px 60px; }
	.footer-badge { margin-bottom: -30px; }
	img.services-text { position: relative; top: -60px; }
	.ldg-badge { right: 20%; }
	.sections-clients-outer { padding: 100px 0; }
	footer p { width: 100%; }
	.logo { max-width: 75%; }
	img.icon1, img.icon2 { display: none; }
	.lc-badge { left: 40px; margin-top: -60px; }
	.contact-third { width: 65%; margin: 0 auto; margin-bottom: 20px; }
	.section-form-inner { max-width: 75%; }
	.section-form form .col1 { width: 100%; }
}