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

html {

padding: 0px; 
margin: 0px;
width: 100%;
height: 100%;	
	
}

body {

padding: 0px; 
margin: 0px;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;		
}

.clearfix {

clear: both;	
	
}

.col1 {

width: 75%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col2{

width: 25%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col3{

width: 33%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col4{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;

	
}

.col5{

width: 66%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col6{

width: 50%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col7{

width: 20%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col8{

width: 10%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col9{

width: 40%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}

.col10{

width: 60%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
}
.col11 {
	width: 80%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
}

.col12 {
	width: 90%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
}

.logoarea {
    max-width: 246px;
    margin: 0px;
}

.centrallogin {
    height: auto;
    width: 100%;
    max-width: 800px;
    margin: 70px auto;
	min-height: calc(100vh - 300px);
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

.centrallogin div {
	width: 100%;
}

.centrallogin .form-group {
	margin: 10px 0px;
}

.centrallogin form input {
    display: block;
    width: 100%;
    margin: 0px 0px;
    padding: 10px;
    border: 1px solid #FFB819;
}

.centrallogin form input[type=checkbox] {
	display: inline-block;
	width: auto;
	margin: 0px 10px 0px 0px;
}

.logoarealogin {
    margin: 20px 0px;
}

#toolsdivarea .table {
	width: 100%;
}

#toolsdivarea .table tr td {
	width: 50%;
	padding: 5px;
	text-align: center;
}

h1,h2,h3,h4,h5 {
/*	font-family: 'Roboto Slab', serif;*/
	font-family: 'PT Sans', sans-serif;
}

.inner-wrap-main h2, .inner-wrap-main h3, .inner-wrap-main h4 .inner-wrap-main h5 {
	color: #4F5858;
}

a, p, ul li {
	font-family: 'PT Sans', sans-serif;
	color: #4F5858;
} 

.header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
	padding: 20px;
	background: #ffffff;
}

/*Burger icon */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 40px;
    height: 29px;
    position: absolute;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    left: -1px;
right: 0;
top: 37px;
	z-index: 999999;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #FFB819;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
	border-radius: 10px;
}


#nav-icon1 span:nth-child(1) {
  top: 0px;
/*background: #0C4F9C;*/
}

#nav-icon1 span:nth-child(2) {
  top: 9px;
/*background: #FDC205;*/
}

#nav-icon1 span:nth-child(3) {
  top: 19px;
/*background: #7B8234;*/
}

#nav-icon1.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.main-nav {
opacity: 0;
pointer-events: none;
transition: all 0.4s ease;
}

.main-nav-mobile {
opacity: 1 !important;
	pointer-events: all !important;
}

.navs {
    position: absolute;
    right: 0px;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    transition: opacity 0.3s ease-in-out;
    background: rgba(255,255,255,0.6);
	left: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0;
	pointer-events: none;
}

.navs.active-nav {
	opacity:1;
	pointer-events: all;
}

ul.nav {
    position: absolute;
    right: 0px;
    width: 300px;
    background: rgba(255, 184, 25,0.8);
    top: -16px;
    min-height: 100vh;
    padding: 40px 40px 40px 10px;
    margin: 0px auto;
    bottom: 0px;
    text-align: right;
	list-style-type: none;
}

ul.nav li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 19px;
    display: block;
    padding: 10px 10px 10px 0px;
    transition: color 0.3s ease;
    text-transform: uppercase;
}
ul.nav li a:hover {
	color: #444444; 
}

/* End burger */

.strip {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	height: 100vh;
	overflow: hidden;
}

.image-holder {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 2;
}

.image-holder img {
	width: 100%;
	height: auto;
}

.strip .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.2);
}

.strip .text-holder {
    position: relative;
    z-index: 4;
    max-width: 768px;
    margin: 0px auto;
}

.strip .text-holder h1, .strip .text-holder h2 {
    color: #ffffff;
    font-size: 61px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 3px solid #ffffff;
    font-weight: 600;
	text-transform: uppercase;
}

.strip .text-holder p {
    color: #fff;
    font-size: 23px;
    letter-spacing: 1px;
    text-align: center;
}

.strip .text-holder a:not(.editable-link) {
    color: #fff;
    display: block;
    max-width: 300px;
    padding: 10px 30px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    text-align: center;
    margin: 10px auto;
	text-decoration: none;
}


.main-logo-holder img {
    width: 250px;
    max-width: 100%;
    height: auto;
    min-height: 63px;
}

.socials  {
    position: fixed;
    z-index: 99;
    bottom: 60px;
    left: 20px;
    width: 42px;
}

.socials a {
    margin: 20px 0px;
    display: block;
}

.text-holder .fb-root input[type=text], .text-holder .fb-root input[type=email] {
	width: calc(50% - 10px);
	margin: 10px 5px;
	border-radius: 25px;
	border: 2px solid #ffffff;
	background-color: transparent;
	float: left;
	color: #ffffff;
	padding: 10px;
	font-size: 17px;
	font-family: 'PT Sans', sans-serif;
}

.text-holder .fb-root textarea {
	width: calc(100% - 10px);
	display: block;
	margin: 10px auto;
	border: 2px solid #ffffff;
	background-color: transparent;
	color: #ffffff;
	padding: 10px;
	border-radius: 25px;
	font-size: 17px;
	font-family: 'PT Sans', sans-serif;
	
}

.text-holder .fb-root button {
	display: block;
	width: 100%;
	max-width: 200px;
	color: #ffffff;
	background: transparent;
	border-radius: 25px;
	padding: 10px;
	border: 2px solid #ffffff;
	margin: 10px auto;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	
}


.fb-root input[type=text], .fb-root input[type=email] {
	width: calc(50% - 10px);
	margin: 10px 5px;
	border-radius: 25px;
	border: 2px solid #4F5858;
	background-color: transparent;
	float: left;
	color: #4F5858;
	padding: 10px;
	font-size: 17px;
	font-family: 'PT Sans', sans-serif;
}

.fb-root textarea {
	width: calc(100% - 10px);
	display: block;
	margin: 10px auto;
	border: 2px solid #4F5858;
	background-color: transparent;
	color: #4F5858;
	padding: 10px;
	border-radius: 25px;
	font-size: 17px;
	font-family: 'PT Sans', sans-serif;
	resize: none;
	height: 200px;
	
}

.fb-root button {
	display: block;
	width: 100%;
	max-width: 200px;
	color: #ffffff;
	background: #FFB819;
	border-radius: 25px;
	padding: 10px;
	border: 2px solid #FFB819;
	margin: 10px auto;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	
}

.fb-root label {
	display: none;
}


.text-holder ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.text-holder ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.text-holder :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.text-holder :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4F5858;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #4F5858;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #4F5858;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #4F5858;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}

.editable-content .overlay {
	display: none;
}

.wrapper {
    padding-top: 78px;
    min-height: calc(100vh - 57px);
}
.flex {
    min-height: calc(100vh - 156px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
            padding: 0px 20px
}

.blog-inner .flex {
	padding: 0px 30px;
}

.flex-normal {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.flex div:first-of-type:not(.team-item-holder):not(.team-box) {
	width: 100%;
}

.flex img, .flex-normal img {
	width: 100%;
	height: auto;
}

.col10.flex {
    padding: 0px 30px;
}

.flex h1, .flex-normal h1 {
    color: #FA8D29;
    text-transform: uppercase;
    font-size: 48px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FA8D29;
}

.flex h1.grey-dark, .flex-normal h1.grey-dark, h1.grey-dark {
	color: #4F5858;

text-transform: uppercase;
font-size: 48px;
padding-bottom: 20px;
border-bottom: 4px solid #FA8D29;
}

.flex p, .flex-normal p {
	color: #4F5858;
font-size: 15px;
font-weight: 300;
}

.columns 
{
    -webkit-column-gap: 40px;
            column-gap: 40px;
    -webkit-column-count: 2;
            column-count: 2;
}

.columns p {
	margin-top: 0px;
}

.tel-number {
    position: absolute;
    right: 20px;
    font-size: 22px;
    top: 20px;
    color: #4F5858;
}

.tel-number a {
	text-decoration: none;
	color: #4F5858;
}

.padding-main {
	padding: 0px 30px;
}

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

.inner-wrap-main {
    max-width: 1700px;
    margin: 0px auto;
	padding: 40px 0px;
}

h1.blue-bar {
    display: block;
    margin: 30px 0px;
    background-color: #FFB819;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 45px;
    padding: 20px 0px;
}

.table-holder {
    max-width: 1400px;
    margin: 40px auto;
}

.table-holder table {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.table-holder table th {
    padding: 10px;
    background-color: #FFB819;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}

.table-holder table tr td {
	padding: 10px;
	color: #4F5858;
	text-align: center;
	border-bottom: 2px solid #FFB819;
}
.table-holder select
{
    display: block;
    padding: 10px;
    width: 259px;
    text-align: center;
}
.table-holder textarea
{
    display: block;
    width: 100%;
    height: 300px;
    resize: none;
    padding: 20px;
}
.table-holder input[type=submit]
 {
    color: #ffffff;
    background: #FFB819;
    border: none;
   padding: 6px 16px;
    border-radius: 40px;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
}

.table-holder td a {
	cursor: pointer;
}

.news-holder {
    max-width: 1400px;
    margin: 0px auto;
}

.news-block {
    width: calc(100% / 6 - 10px);
    float: left;
	min-width: 300px;
    max-width: 300px;
    height: 300px;
    max-height: 300px;
    position: relative;
    text-align: center;
    margin: 10px;
    overflow: hidden;
}
.news-block .blog-image-holder {
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 2;
    bottom: 0px;
right: 0px;
}

.news-block .blog-image-holder img {
	width: auto;
height: 100%;
}

.news-block .rest-of-blog {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	text-align: center;
	z-index: 3;
	opacity: 0;
	transition: opacity 0.6s ease;
	background-color: rgba(0,0,0,0.5);
}

.news-block .rest-of-blog:hover {
	opacity: 1;
	cursor: pointer;
}

.rest-of-blog * {
	color:#ffffff;
	text-decoration: none;
}

.rest-of-blog h2 {
	text-transform: uppercase;
}

.rest-of-blog a {
	display: block;
	padding: 10px;
	border: 1px solid #ffffff;
	margin: 10px auto;
	border-radius: 40px;
	width: 180px;
}

.rest-of-blog a:hover {
	color: #ffffff;
	text-decoration: none;
}

.generic-blog {
    min-height: 200px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
	background-image: url(../images/generic-blog.jpg);
}

.generic-blog h1 {
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-size: 56px;
}

div.team-item-holder {
    width: calc(100% / 2 - 20px);
    float: left;
    margin: 0px 0px 20px 0px;
}

div.team-box {
    width: calc(100% / 2 - 20px);
    float: left;
    margin: 0px 10px;
	
}

.team-box h4 {
	margin: 10px 0px 0px 0px;
	text-align: center;
	text-transform: uppercase;
	color: #4F5858;
	transition: all 0.5s ease;
	
}
.team-box p {
	font-size: 13px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #4F5858;
	transition: all 0.5s ease;
}

.grey-team-box {
	background: #D3D4D5;
	padding: 5px;
	min-height: 182px;
	transition: all 0.5s ease;
}

.team-item-holder:hover > .grey-team-box {
	background-color: #FFB819;
	color: #ffffff;
	
}
.team-item-holder:hover > .team-box h4 {
	color: #ffffff;
}

.team-item-holder:hover > .team-box p {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.linkedin {
	background: url(../images/linked-in.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left center;
	width: 30px;
	height: 30px;
	display: block;
	margin: 0px auto;
	transition: all 0.5s ease;
}

.team-item-holder:hover .linkedin {
	background: url(../images/linked-in-white.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left center;
}

.generic h1.grey-dark{
    text-transform: uppercase;
    font-size: 48px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FA8D29;
    color: #4F5858;
    text-align: center;
    max-width: 320px;
    margin: 0px auto;
}

.job-holder {
    padding-bottom: 10px;
    border-bottom: 2px solid #FFB819;
    margin: 10px 0px;
}

.job-holder h5 {
    display: inline-block;
    color: #FFB819;
    font-size: 21px;
	margin: 0px;
}

.job-holder p, .job-holder span {
	display: inline-block;
	font-size: 14px;
	margin: 0px;
	color: #4F5858;
}

.job-holder .round-button {
    display: block;
    color: #4F5858;
    border: 1px solid #4F5858;
    border-radius: 40px;
    padding: 10px;
    text-align: center;
    max-width: 126px;
    margin: 0px 0px 0px auto;
	text-decoration: none;
}

.testimonials {
    max-width: 600px;
    margin: 40px auto;
	min-height: 300px;
}

.slick-slide {
	padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.slick-prev::before, .slick-next::before
{
	color: #FFB819;
	content: "\f000";
    font-family: FontAwesome;
	font-size: 28px;
}
.slick-prev::before {
	content: "\f053";
}

.slick-next::before {
	content: "\f054";
}

.slick-slide p {
	color:#4F5858;
	font-size: 20px;
	font-style: italic;
	text-align: center;
}

.test-author {
	font-weight: 600 !important;
	font-style: normal !important;
	font-size: 16px !important;
	display: block !important;
	text-align: center !important;
	margin: 40px 0px 0px 0px !important;
}

.test-job-title {
	font-weight: 300 !important;
	font-style: normal !important;
	font-size: 16px !important;
	display: block !important;
	text-align: center !important;
	margin: 0px !important;
}

.small-icon {
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #4F5858;
    position: relative;
    text-align: center;
    border: 1px solid #4F5858;
    border-radius: 50%;
    padding-top: 8px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    text-decoration: none;
    transition: all 0.5s ease;
}

.facebook::after  {
	content: "\f09a";
	color: #4F5858;
	transition: all 0.5s ease;
}
.linkedin-home::after {
	content: "\f0e1";
	color: #4F5858;
	transition: all 0.5s ease;
}
.twitter::after  {
	color: #4F5858;
content: "\f099";
	transition: all 0.5s ease;

}

.small-icon:hover {
	text-decoration: none;
}

.top-image {
	position: relative;
	margin-top: 20px;
}

.top-image img {
	width: 100%;
	height: auto;
}

.top-image .overlay {
	position: absolute;
	z-index: 2;
	background: rgba(0,0,0,0.6);
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
}

.top-image h1 {
	font-size: 48px;
	text-align: center;
	position: absolute;
	z-index: 3;
	color: #ffffff;
	text-transform: uppercase;
	left: 0px;
	right: 0px;
	margin: 0px;
	top:50%;
	margin-top: -24px;
}

.three-column {
    width: calc(100% / 3);
    padding: 0px 20px;
    float: left;
}

.three-column h2, .three-column h3 {
	color: #4F5858;
border-bottom: 2px solid #FA8D29;
padding-bottom: 20px;
margin: 10px auto;
text-align: center;
display: inline-block;

}


.three-column p {
	color: #4F5858;
}

.three-column a {
	display: inline-block;
	padding: 10px 30px;
	text-align: center;
	color: #4F5858;
	text-decoration: none;
	border-radius: 25px;
border: 2px solid #4F5858;
	margin: 10px auto;
}

a.icon {
    display: block;
    position: relative;
    color: #4F5858;
    text-decoration: none;
	margin: 20px 0px;
	padding-left: 40px;
	
}

a.icon::before {
	position: absolute;
	content: " ";
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 30px;
height: 30px;
left: 0px;
top: -3px;
}

a.icon.add-icon::before {
	background-image: url(../images/address.png);
}

a.icon.mail-icon::before {
	background-image: url(../images/mail.png);
}

.contact-wrap {
	text-align: left;
	max-width: 900px;
	margin: 0px auto;
}

.footer {
	padding: 20px;
	position: relative;
}

.footer img {
	width: 100%;
	height: auto;
}

.footer a {
	color: #4F5858;
	display: inline-block;
	text-decoration: none;
	border: 0px;
	margin-right: 10px;
}

.fix-height  {
    min-height: calc(50vh + 303px);
}

/*index page scoped*/


.index-page #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	background: #ffffff !important;
	
}

.index-page .tel-number a {
    text-decoration: none;
    color: #fff;
}

.index-page .facebook::after  {
	content: "\f09a";
	color: #ffffff;
	transition: all 0.5s ease;
}
.index-page .linkedin-home::after {
	content: "\f0e1";
	color: #ffffff;
	transition: all 0.5s ease;
}
.index-page .twitter::after  {
	color: #ffffff;
content: "\f099";
	transition: all 0.5s ease;

}

.index-page .small-icon {
	display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color: #ffffff;
	position: relative;
	text-align: center;
border: 1px solid #fff;
border-radius: 50%;
padding-top: 8px;
width: 40px;
height: 40px;
font-size: 22px;
	text-decoration: none;
	transition: all 0.5s ease;
	
}

a.show-on-white {
	display: none;
}

.index-page a.show-on-white {
	display: block;
}

.index-page a.no-show {
	display: none;
}

.index-page .header {
	background: transparent;
}
.index-page a, .index-page p, .index-page ul li, .index-page span {
	color: #ffffff;
}
/* End of homepage scoped styles */

#map {
	height: 300px;
}

.contact-page-image {
	margin-top: 25px;
}

.heading-marg h1.grey-dark {
	margin-top: 0px;
}


.image-holder p {
	margin: 0px;
}

.index-page h1, .index-page h2, .index-page p {
	text-shadow: 6px 2px 10px rgba(0,0,0,0.7);
}
/* Bottom contact strip*/
#map {
	height: 100vh;
}

.with-white-bg {
    background: #ffffff;
}

.with-white-bg .map-holder {
    width: 50%;
    height: 100vh;
    float: left;
}

.with-white-bg .text-holder {
    width: 50%;
    float: left;
    padding: 40px 80px;
    max-width: 50%;
}

.contact-page-image #map{
	 height: 300px;
}

.index-page .with-white-bg h1, .index-page .with-white-bg h2, .index-page .with-white-bg p {
    text-shadow: none !important;
}

.with-white-bg .text-holder *  {
	color:#FA8D29 !important;
}

.with-white-bg .text-holder h2 {
	border-bottom: 3px solid #FA8D29 !important;
}

.with-white-bg .text-holder .fb-root button {
	border: 2px solid #FA8D29;
}
.with-white-bg .text-holder .fb-root input[type="text"], .with-white-bg .text-holder .fb-root input[type="email"], .with-white-bg .text-holder .fb-root textarea
{
	border: 2px solid #FA8D29;;
}
.with-white-bg ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FA8D29;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.with-white-bg ::-moz-placeholder { /* Firefox 19+ */
  color: #FA8D29;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.with-white-bg :-ms-input-placeholder { /* IE 10+ */
  color: #FA8D29;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.with-white-bg :-moz-placeholder { /* Firefox 18- */
  color: #FA8D29;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}

/* End bottom contact strip*/
.center-text ul {
    padding: 0px;
    display: block;
    width: 100%;
    max-width: 320px;
    text-align: left;
    margin: 0px auto;
}

.mud {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
	max-height: 197px;
}

.mud img {
	width: 100%;
	height: auto;

}

.plant {
    text-align: center;
    z-index: 98;
    max-width: 320px;
    height: 332px;
    left: 44%;
    right: auto;
    margin: 0px auto;
}
.green-bg  {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    border: 0px;
    max-width: 100%;
}
.green-bg img {
    width: 100%;
    height: auto;
    position: relative;
    top: -410px;
}

.normal-holder .day-light {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ade1a9+0,daeede+100 */
background: rgb(173,225,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(173,225,169,1) 0%, rgba(218,238,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(173,225,169,1) 0%,rgba(218,238,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(173,225,169,1) 0%,rgba(218,238,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ade1a9', endColorstr='#daeede',GradientType=0 ); /* IE6-9 */
	padding: 0px;

}

.normal-holder .sunset {
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bd1ef+0,a3dff4+100 */
background: rgb(123,209,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(123,209,239,1) 0%, rgba(163,223,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(123,209,239,1) 0%,rgba(163,223,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(123,209,239,1) 0%,rgba(163,223,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bd1ef', endColorstr='#a3dff4',GradientType=0 ); /* IE6-9 */
	padding: 0px;

}

.boat-holder img {
    max-width: 800px;
    height: auto;
}

.cloud-holder {
	position: relative;
	
}

.water {
	position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
background-image: url(../images/waves.png);
background-position: left bottom;
background-repeat: repeat-x;
background-size: contain;
min-height: 234px;
	animation: wavey 3s infinite;
	
}

@keyframes wavey {
	0% {background-position: 0px 0px;}
	25%{background-position: -5px 17px;}
	50%{background-position: 0px 0px;}
	75%{background-position: -5px 17px;}
	100%{background-position: 0px 0px;}
}

.water img {
	width: 100%;
	height: auto;
}

.normal-holder .nighttime {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5bd8ec+0,a4dff4+100 */
background: rgb(91,216,236); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(91,216,236,1) 0%, rgba(164,223,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(91,216,236,1) 0%,rgba(164,223,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(91,216,236,1) 0%,rgba(164,223,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bd8ec', endColorstr='#a4dff4',GradientType=0 ); /* IE6-9 */

}

.normal-holder .changebananana {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2effa+0,fffced+100 */
background: rgb(210,239,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,239,250,1) 0%, rgba(255,252,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(210,239,250,1) 0%,rgba(255,252,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(210,239,250,1) 0%,rgba(255,252,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2effa', endColorstr='#fffced',GradientType=0 ); /* IE6-9 */

}

.normal-holder .in-shop-ban {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffced+0,ffeda0+100 */
background: rgb(255,252,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,252,237,1) 0%, rgba(255,237,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,252,237,1) 0%,rgba(255,237,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,252,237,1) 0%,rgba(255,237,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffced', endColorstr='#ffeda0',GradientType=0 ); /* IE6-9 */
}

.normal-holder .warehouse {
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5e0f4+0,d0effa+100 */
background: rgb(165,224,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(165,224,244,1) 0%, rgba(208,239,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(165,224,244,1) 0%,rgba(208,239,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(165,224,244,1) 0%,rgba(208,239,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e0f4', endColorstr='#d0effa',GradientType=0 ); /* IE6-9 */

}


.banana {
	position: absolute;
left: auto;
right: auto;
top: 50%;
margin: -300px auto 0px auto;
	max-width: 600px;
	
}

.banana img {
	width: 100%;
	height: auto;
}

.warehouse-image {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
}

.warehouse-image img {
	width: 100%;
	height: auto;
}

.kindred-truck {
    position: absolute;
    width: 40%;
    bottom: 0px;
    
}

.dockyard {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 9;
}

.new-boat-holder {
	position: absolute;
	left: 0px;
	bottom: 0px;
	transition: scale 0.4s ease;
}

.head-center h2 {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    font-size: 48px;
    color: #442D19;
    text-transform: uppercase;
	left: 0px;
	right: 0px;
	text-align: center;
}
.lt-632 div.aw-widget-36hour-inner div.aw-more-block.aw-more-block-first {
    width: 100% !important;
    display: none !important;
}
.lt-632 div.aw-widget-36hour-inner div.aw-more-block, .lt-632 div.aw-widget-36hour-inner div.aw-more-block#aw-story {
    width: 100% !important;
    display: none;
}

.left-three-images img {
    width: 100%;
    height: auto;
/*
    padding: 0px 20px 0px 0px;
    margin-bottom: 20px;
*/
}
.right-map-weather h4 
 {
   color: #4F5858;
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 20px;
    border-bottom: 4px solid #FA8D29;
}

.left-map-content {
    padding: 0px 20px;
}

.left-map-content h1.grey-dark {
	margin-top: 26px;
}

a.to-the-left {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

a.to-the-left img {
	max-width: 40px;
	height: auto;
}

.left-three-images .three-image-box {
    width: calc(100% / 3 - 20px);
    float: left;
    margin: 0px 10px;
        margin-left: 10px;
}

.left-three-images .three-image-box:first-child {
	margin-left: 0px;
}

.left-three-images .three-image-box:last-child {
	margin-right: 0px;
}

.left-three-images img {
	width: 100%;
	height: auto;
}

.smaller-wrap {
	max-width: 1400px;
}

.dockyard img{
    width: 100%;
    max-width: 1200px;
    height: auto;
}

.clouds-on-dock {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.clouds-on-dock img {
	width: 100%;
	max-width: 900px;
	height: auto;
}

.shop-floor {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefdf8+0,fceda1+100 */
background: rgb(254,253,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,253,248,1) 0%, rgba(252,237,161,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,253,248,1) 0%,rgba(252,237,161,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,253,248,1) 0%,rgba(252,237,161,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdf8', endColorstr='#fceda1',GradientType=0 ); /* IE6-9 */

}

.shop-shelf {
    position: absolute;
    top: 70%;
    margin-top: -100px;
    width: 100%;
    max-width: 600px;
}

.shop-floor.head-center h2 {
	color: #82593C;
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)  {
.strip .text-holder {
    margin: 0px;
}

}

@media screen and (min-width: 1921px) {
	.fix-height {
    min-height: calc(62vh + 303px);
}
}

@media screen and (max-width: 1700px) {
	.right-map-weather {
		padding: 0px 20px;
		
	}
}
@media screen and (max-width : 1440px) {
.image-holder img {
    width: 100%;
    height: auto;
}
		.with-white-bg .text-holder {
    width: 50%;
    float: left;
    padding: 60px 30px 0px 30px;
}
	.strip .text-holder h1, .strip .text-holder h2 {
   
		font-size: 49px}
	.text-holder p {
		margin: 0px;
	}
	.text-holder .fb-root textarea
	{
		max-height: 120px;
	}
	.dockyard img {
		
    width: 100%;
    height: auto;
	}
	.new-boat-holder
	{
		max-width: 345px;
	}
	
	.new-boat-holder img {
    width: 100%;
    height: auto;
}
}

@media screen and (max-width: 1280px) {
	.right-map-weather, .left-map-content {
		padding: 0px 20px;
    width: 100%;
    float: none;
	}
}

/*Large Phones*/

@media screen and (max-width: 1024px) {
	.green-bg img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0px;
}
	.plant {
    text-align: center;
    z-index: 98;
    max-width: 219px;
    height: 380px;
    left: 43%;
    right: auto;
    margin: 0px auto;
}
	.banana {
    position: absolute;
    left: auto;
    right: auto;
    top: 62%;
    margin: -237px auto 0px auto;
    max-width: 450px;
}
}

@media screen and (max-width: 900px) {
	
	.green-bg {
		position: relative;}
	.plant {
    text-align: center;
    z-index: 98;
    max-width: 219px;
    height: 380px;
    left: 4%;
    right: auto;
    margin: 0px auto;
    top: 30vh;
    position: relative;
}
	.boat-holder {
    position: absolute;
    right: 0px;
    bottom: 29%;
    max-width: 420px;
}
.with-white-bg .text-holder {
    width: 100%;
    float: none;
    padding: 0px;
    max-width: 100%;
}
	.with-white-bg .text-holder *  {
	color:#ffffff !important;
}

.with-white-bg .text-holder h2 {
	border-bottom: 3px solid #ffffff !important;
}
	.with-white-bg .map-holder {
    width: 100%;
    height:auto;
    float: none;
}
	#map {
    height: 300px;
}

.with-white-bg .text-holder .fb-root button {
	border: 2px solid #ffffff;
}
.with-white-bg .text-holder .fb-root input[type="text"], .with-white-bg .text-holder .fb-root input[type="email"], .with-white-bg .text-holder .fb-root textarea
{
	border: 2px solid #ffffff;;
}
.with-white-bg ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.with-white-bg ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.with-white-bg :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.with-white-bg :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
	.strip {
		display: block;
		height: auto;
		overflow: visible;
		padding: 40px;
		position: relative !important;
		top: auto !important;
		
	}
	
	.strip .image-holder {
		display: none;
	}
	
	.strip:nth-child(odd) {
		background: #FFB819;
		color: #ffffff;
	}
	
	.strip:nth-child(odd) * {
		color: #ffffff;
	}
	.strip:nth-child(even) {
		background: #ffffff;
		color: #FFB819;
	}
	
	.strip:nth-child(even) * {
		color: #FFB819;
	}
	.strip:nth-child(even) h1, .strip:nth-child(even) h2, .strip:nth-child(even) h3, .strip:nth-child(even) p, .strip:nth-child(even) a {
		color: #FFB819;
	}
.normal-holder .nighttime {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5bd8ec+0,a4dff4+100 */
background: rgb(91,216,236); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(91,216,236,1) 0%, rgba(164,223,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(91,216,236,1) 0%,rgba(164,223,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(91,216,236,1) 0%,rgba(164,223,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bd8ec', endColorstr='#a4dff4',GradientType=0 ); /* IE6-9 */
	padding: 0px;
	min-height: 75vh;

}

.normal-holder .changebananana {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2effa+0,fffced+100 */
background: rgb(210,239,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,239,250,1) 0%, rgba(255,252,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(210,239,250,1) 0%,rgba(255,252,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(210,239,250,1) 0%,rgba(255,252,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2effa', endColorstr='#fffced',GradientType=0 ); /* IE6-9 */
	padding: 40px 0px;
	min-height: 75vh;

}

.normal-holder .in-shop-ban {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffced+0,ffeda0+100 */
background: rgb(255,252,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,252,237,1) 0%, rgba(255,237,160,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,252,237,1) 0%,rgba(255,237,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,252,237,1) 0%,rgba(255,237,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffced', endColorstr='#ffeda0',GradientType=0 ); /* IE6-9 */
	padding: 0px;
	min-height: 75vh;
}

.normal-holder .warehouse {
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5e0f4+0,d0effa+100 */
background: rgb(165,224,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(165,224,244,1) 0%, rgba(208,239,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(165,224,244,1) 0%,rgba(208,239,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(165,224,244,1) 0%,rgba(208,239,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e0f4', endColorstr='#d0effa',GradientType=0 ); /* IE6-9 */
	padding: 0px;
	min-height: 75vh;

}
.normal-holder .day-light {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ade1a9+0,daeede+100 */
background: rgb(173,225,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(173,225,169,1) 0%, rgba(218,238,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(173,225,169,1) 0%,rgba(218,238,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(173,225,169,1) 0%,rgba(218,238,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ade1a9', endColorstr='#daeede',GradientType=0 ); /* IE6-9 */
	padding: 0px;
	min-height: 75vh;

}

.normal-holder .sunset {
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bd1ef+0,a3dff4+100 */
background: rgb(123,209,239); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(123,209,239,1) 0%, rgba(163,223,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(123,209,239,1) 0%,rgba(163,223,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(123,209,239,1) 0%,rgba(163,223,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bd1ef', endColorstr='#a3dff4',GradientType=0 ); /* IE6-9 */
	padding: 0px;
	min-height: 75vh;

}
	
	.normal-holder .shop-floor {
    background: rgb(254,253,248);
    background: -moz-linear-gradient(top, rgba(254,253,248,1) 0%, rgba(252,237,161,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,253,248,1) 0%,rgba(252,237,161,1) 100%);
    background: linear-gradient(to bottom, rgba(254,253,248,1) 0%,rgba(252,237,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdf8', endColorstr='#fceda1',GradientType=0 );
		padding: 0px;
		min-height: 75vh;
}
	.green-bg img {
		display: none;
	}
.dockyard {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
}
	
	.changebananana h2 {
    padding: 0px !important;
    position: absolute;
    top: auto;
    bottom: 0px;
}
	.shop-shelf {
    position: absolute;
    top: auto;
    margin: 0px auto;
    width: 100%;
    max-width: 600px;
    bottom: 0px;
    left: 0;
    right: 0;
}
.nighttime .boat-holder {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 420px;
    z-index: 99;
}
	
	.banana {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin: 0px auto;
    max-width: 300px;
}
	
	.header  {
		background:rgba(255,255,255,0.6);
		}
	.news-block {

    width: 100%;
    float: none;
    min-width: 300px;
    max-width: 300px;
    height: 300px;
    max-height: 300px;
    position: relative;
    text-align: center;
    margin: 10px;
    overflow: hidden;
    margin: 10px auto;

}
	
	.index-page h1, .index-page h2, .index-page p {
    text-shadow: none;
}
	
.socials {
		left: auto;
		right: 10px;
		top: 10px;
		bottom: auto;
		width: 100px;
	}
	
	.socials a {
		width: calc(100% / 3 - 5px);
		display: inline-block;
		text-align: center;
	}
	
	.socials a img {
		width: 30px;
		height: auto;
	}
	ul.nav {
		    padding: 100px 8px 40px 40px;
	}
		.main-logo-holder img {
    width: 117px;
    max-width: 100%;
    height: auto;
    min-height: 30px;
    position: relative;
    left: -10px;
    top: 15px;
}
	.tel-number {
    position: relative;
    right: auto;
    font-size: 17px;
    top: 22px;
    text-align: center;
}
	.strip .text-holder h1, .strip .text-holder h2
	{
		font-size: 51px;
	}
	.news-block .rest-of-blog {
	opacity: 1;	
	}
	
	.flex {
		display: block;
		padding: 20px;
		min-height: 1px;
		width: 100%;
	}
	.wrapper {

    padding-top: 110px;

}
	.columns {

    -webkit-column-gap: auto;
    column-gap: auto;
    -webkit-column-count: 1;
    column-count: 1;

}
	div.team-item-holder {

    width: calc(100% / 1 - 20px);
    float: left;
    margin: 0px 0px 20px 0px;

}
	.grey-team-box {

    background: #D3D4D5;
    padding: 5px;
    min-height: 220px;
    transition: all 0.5s ease;

}
	div.team-box {

    width: calc(100% / 2 - 20px);
    float: left;
    margin: 0px 10px;
    max-height: 220px;
    overflow: hidden;

}
	.mobile-image img{
		display: none;
	}
	.job-holder {

    padding: 20px;
    border-bottom: 2px solid #FFB819;
    margin: 10px 0px;

	}
		.job-description, .apply-button {

    float: none;
    width: 100%;
    text-align: center;

}
.job-holder .round-button {
    display: block;
    color: #4F5858;
    border: 1px solid #4F5858;
    border-radius: 40px;
    padding: 10px;
    text-align: center;
    max-width: 126px;
    margin: 20px auto 10px auto;
    text-decoration: none;
}
	
	.strip .fb-root textarea {
    width: 100%;
    display: block;
    margin: 10px auto;
    border: 2px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    padding: 15px;
    border-radius: 25px;
    font-size: 17px;
    font-family: 'PT Sans', sans-serif;
}
	.strip .fb-root input[type="text"], .strip .fb-root input[type="email"] {
    width: 100%;
    margin: 10px auto;
    border-radius: 25px;
    border: 2px solid #ffffff;
    background-color: transparent;
    float: left;
    color: #ffffff;
		padding: 15px;
    font-size: 17px;
    font-family: 'PT Sans', sans-serif;
}
	
	.strip .fb-root button {
		border: 2px solid #ffffff;
	}
	
	.strip ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.strip ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.strip :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.strip :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
	opacity: 1;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
	
	.index-page a.show-on-white {
    display: none;
}
.index-page a.no-show {
    display: block;
}
	.index-page .facebook::after, .index-page .linkedin-home::after, .index-page .twitter::after, .index-page .small-icon {
		color: #4F5858;
	}
	.index-page .small-icon {
		border: 1px solid #4F5858;
	}
	.index-page #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    background: #FFB819 !important;
}
	.index-page .tel-number a {
    text-decoration: none;
    color: #FFB819;
}
	.index-page .header {
    background: #fff;
}
	
	.index-page .footer a {
    color: #4F5858;
    display: inline-block;
    text-decoration: none;
    border: 0px;
    margin-right: 10px;
}
	.flex-normal {
   
    display: block;
	}
	
	.fb-root input[type="text"], .fb-root input[type="email"], .fb-root textarea {
		width: 100%;}
}

@media screen and (max-width: 768px) {
	.three-column {
    width: 100%;
    padding: 0px 20px;
    float: none;
    max-width: 400px;
    margin: 0px auto;
}
	.left-three-images {
		text-align: center;
	}
	
	.left-three-images img {
    width: calc(100% / 3 - 20px);
    height: auto;
    padding: 0px 20px 0px 0px;
    margin-bottom: 20px;
    display: inline-block;
}
}

@media screen and (max-width: 675px) {
div.team-box {

    width: 100%;
    float: none;
    margin: 0px 10px;
    max-height: 300px;
    overflow: hidden;

}
	
	div.team-box img {
		width: 100%;
		height: auto;
	}
	
	.index-page .footer a, .footer a {
    color: #4F5858;
    display: block;
    text-decoration: none;
    border: 0px;
    width: 100%;
    max-width: 200px;
    text-align: center;
    margin: 15px auto;
    position: relative;
}
}

@media screen and (max-width : 740px) { 
	body {
		padding: 0px;
		overflow-x: hidden;
	}
	.main-logo-holder img {
    width: 117px;
    max-width: 100%;
    height: auto;
    min-height: 30px;
    position: relative;
    left: -10px;
    top: 15px;
}
	.tel-number {
    position: relative;
    right: auto;
    font-size: 17px;
    top: auto;
    text-align: center;
    margin-top: 18px;
}
	.strip .text-holder h1, .strip .text-holder h2
	{
		font-size: 51px;
	}
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{
   right: 20px;
left: auto;
top: 20px;
}
	.header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    padding: 0px 20px;
    background: #ffffff;
}
	
	.top-image {
		overflow: hidden;
	}
	
.col1 {

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col2{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col3{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col4{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col5{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col6{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col7{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col8{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col9{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col10{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col11 {
	width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
}

.col12 {
	
	width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
	
	
}

.socials {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    position: relative;
    text-align: center;
}
	.index-page .small-icon, .small-icon {
		display: inline-block;
		margin: 0px 10px;
		}
	
	.socials a {
		width: 40px;
height: 40px;
		display: inline-block;
		text-align: center;
	}
	
	.socials a img {
		width: 30px;
		height: auto;
	}
	ul.nav {
		    padding: 100px 8px 40px 40px;
	}
.inner-wrap-main {
    max-width: 1700px;
    margin: 0px auto;
    padding: 10px 0px;
}
	.padding-main {
    padding: 0px 10px;
}
	.top-image img {
    width: auto;
    height: 200px;
    min-height: 200px;
}
	
	.col6.generic, .generic {
    padding: 0px 20px;
}
	.flex-normal {
   
    display: block;
	}
	
	.plant {
    text-align: center;
    z-index: 98;
    max-width: 140px;
    height: 380px;
    left: 4%;
    right: auto;
    margin: 0px auto;
    top: 47vh;
    position: relative;
}
	.water {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url(../images/waves.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: cover;
    min-height: 234px;
    animation: wavey 3s infinite;
}
	.boat-holder {
    position: absolute;
    right: 0px;
    bottom: 161px;
    max-width: 420px;
}
	.head-center h2 {
    position: absolute;
    top: 96px;
    margin-top: 0px;
    font-size: 48px;
    color: #442D19;
    text-transform: uppercase;
    left: 0px;
    right: 0px;
    text-align: center;
}
	
	.nighttime .boat-holder img {
    max-width: 200px;
    height: auto;
}
	.banana img {
    width: 100%;
    height: auto;
    max-width: 183px;
    margin: 0px auto;
    display: block;
}
	.changebananana h2 {
    position: absolute;
    bottom: 21px;
    top: auto;
}
}


/* For iphone: */

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

.col1 {

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col2{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col3{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col4{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col5{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col6{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col7{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col8{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col9{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col10{

width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	
}

.col11 {
	width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
}

.col12 {
	width: 100%;
box-sizing: border-box;	
	-webkit-box-sizing: border-box;
	float:left;
}


  }


/* For ipad: */

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

}

/* chrome,safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {

}