/*
Theme Name:     Sanatio Naturopathy Theme
Theme URI:      http://www.sanatio.com.au/
Description:    Sanatio Naturopathy Wordpress Theme
Author:         Wade Ingold 2533 Graphic Design
Template:       twentyfourteen
Version:        0.1.0
*/
 
  /* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html {
	font-size: 87.5%;
}

html,
button,
input,
select,
textarea {
    color: #020202;
}

body {
    background: #FFF;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 13px;
	font-size: 0.92857142rem;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-weight: 400;
	color: #474b4e;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #fec746;
    text-shadow: none;
}

::selection {
    background: #fec746;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
	max-width: 100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4; color: #000; margin-bottom: 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:#000; }

h1 {
	font-size: 24px;
	font-size: 1.71428571rem;
    font-weight: 300;
    letter-spacing: 1.5px;
	margin: 0;
	padding: 0;
	color: #fec833;
}

h2 {
    color: #FFF;
    font-size: 24px;
	font-size: 1.71428571rem;
    font-weight: 500;
	letter-spacing: 1px;
    line-height: 1.4;
    margin: 0 0 22px 0;
    padding: 14px 16px;
	background: #fec746;
	border: 1px dashed #FFF;
}
h2 strong {
    color: #474b4e;
    font-weight: 500;
}

h3 {
    font-family: 'Reenie Beanie', cursive;
	color: #474b4e;
    font-size: 36px;
	font-size: 2.571428571rem;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0 0 30px 0;
}

h4 {
    color: #fec746;
    font-size: 14px;
	font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 0 0 8px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h5 {
    color: #fec746;
    font-size: 14px;
	font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 0 0 8px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

p {
	margin: 0;
	padding: 0 0 18px 0;
	letter-spacing: 0.5px;
}

p img { margin: 0; }

em, i { font-style: italic; }
strong, b { font-weight: 600; }

blockquote, blockquote p { color: #666; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 13px; font-size: 0.9285714rem; color: #969797; font-weight: 600; letter-spacing: 0.5px; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0 20px 0; }
ul { list-style: none }
li { margin-bottom: 12px; }
dt { margin:20px 0 0 0; font-weight:bold; }
dd { margin-bottom: 12px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ===== Links ===== */
a { font-weight: 600; color: #474b4e; text-decoration: none; transition: all 0.4s ease; }
a:hover { color: #f26522; text-decoration: none; }
a:focus { color:#fec746; }
a:active { color:#fec746; }
a:hover, a:active { outline: 0; }
p a, p a:visited { line-height: inherit; }

/* ===== Images and media ===== */
img {border:0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}

figure {margin:0;}
figcaption {margin:0; padding:5px; font-size:0.846em /* 11px */}

figure.photo {margin-bottom:20px;}
figure.photo.left {margin:0 20px 20px 0; float:left;}
figure.photo.right {margin:0 0 20px 20px; float:right;}
figure.photo figcaption {border-bottom:1px solid #DDD; background-color:#F5F5F5;}

/* ===== Tables ===== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ===== Forms ===== */
form { margin: 0 0 20px 0 }
fieldset { border: 0; margin: 0 0 20px 0; padding: 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; color: #474b4e; margin: 0; width: 192px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; font-family: 'Raleway', Helvetica, Arial, sans-serif; font-weight: 400; }
select { padding: 0 }
input[type="text"]:focus,  input[type="password"]:focus,  input[type="email"]:focus,  textarea:focus { border: 1px solid #aaa; color: #444; }
textarea { min-height: 60px; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
label, legend { display: block; font-weight: bold; font-size: 13px; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
label span,  legend span { font-weight: normal; font-size: 13px; color: #444; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color: #f0dddd;}
.highlight { color: #fec833; }
#wrapper a.more, #wrapper a.more-link, #wrapper a.read-more { color: #fec833; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; font-size: 0.9285714rem; padding: 0; display: block; border: thick none #FFF; }
#wrapper a.more:hover, #wrapper a.more-link:hover { color: #f26522; border: thick none #FFF; }
#wrapper a.read-more { padding: 18px 0 0 0; }
.break { padding: 0 0 52px 0; margin: 52px 0 0 0; border-top: 1px dashed #ede5db; }
.right_col ul, #primary-sidebar ul { padding: 0 0 0 12px; margin: 8px 0 24px 0; } 
.right_col li, #primary-sidebar li { list-style: disc outside none; margin-bottom: 4px; letter-spacing: 0.5px; }
.right_col li { font-size: 14px; font-size: 1rem; }
.page-template-template_standard-page-php .right_col h2 { margin: 24px 0 22px 0; }
.page-template-template_standard-page-php .right_col h4 { color: #f26522; }
.no_title { display: none; }
.right_col ol { margin: 0; padding-left: 12px; margin: 8px 0 24px 0; }
.right_col ol li { list-style: decimal outside; margin-bottom: 4px; }
.hide-me { display: none; }
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   STRUCTURE
   ========================================================================== */

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	background: url("images/header/top.svg") top right repeat-x transparent;
}

#header {
	max-width: 1520px;
	margin: 0 auto;
	padding: 36px 0 62px 0;
}

#logo {
	width: 193px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
	background: url("images/header/logo.png") left top no-repeat transparent;
	background: url("images/header/logo.svg") left top no-repeat transparent;
}
#nav {
	max-width: 85%;
	margin: 0;
	padding: 18px 0 0 0;
	float: right;
	text-align: right;
}

#nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
#nav li {
	display: inline;
	float: right;
	padding: 0 13px;
	margin: 0;
	text-transform: uppercase;
	background: url("images/header/line.svg") right center no-repeat transparent;
}
#nav li.last {
	background-image: none;
	padding-right: 0;
}
#nav li a {
	font-size: 16.5px;
	font-size: 1.1785714rem;
	letter-spacing: 2px;
	color: #474b4e;
	text-decoration: none;
	font-weight: 400;
}
#nav li a:hover {
	color: #fec833;
	text-decoration: none;
	font-weight: 500;
}
#nav li a.current, #nav li a:hover.current {
	color: #fec833;
	text-decoration: none;
	font-weight: 600;
}
#mobnav-btn {
    display: none;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
	font-size: 20px;
	font-size: 1.42857rem;
	letter-spacing: 2px;
	background: url("images/header/nav-icon.png") no-repeat scroll 96% center #ffc934;
}
.mobnav-subarrow {
    display: none;
}
#header .main_nav {
	display: block;
}
#header .mobile_main_nav {
	display: none;
}
.top_section  {
	width: 60%;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}

.contact_details_top {
	width: 44%;
	float: right;
	text-align: left;
	padding: 12px 1% 12px 0;
}
.contact_details_top p {
	font-weight: 500;
	padding: 0;
}


/* -- Start SUBSCRIBE TOP SECTION -- */
.subscribe_area {
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
	width: 50%;
}
.subscribe_area p {
	padding: 10px;
	display: inline-block;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 14px;
	font-size: 1rem;
}
#wrapper .subscribe_area form {
	float: right;
	margin: 0;
	padding: 0;
}
input.subscribe, #field_1_1 input.large {
	padding: 11px;
	border: 1px solid #d5d5d5;
	background: #f3f3f4;
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	min-width: 268px;
	letter-spacing: 0.5px;
	margin: -12px 0 0 0;
	font-size: 12px;
	font-size: 0.85714rem;
	width: 94.3%;
}
#field_1_1 .gfield_label { display: none; }
.page-id-16 #wrapper .right_col .gform_wrapper {
    float: none;
	disply: block;
}
#wrapper .gform_wrapper {
    float: right;
	margin: 0;
    max-width: 100%;
	min-width: 302px;
    overflow: inherit;
	position: relative;
}
#wrapper .gform_wrapper .gform_footer {
    clear: none;
    margin: 7px 2px 0 0;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.page-id-16 #wrapper .right_col .gform_wrapper .gform_footer {
    clear: both;
    margin: 36px 0 0 0;
    padding: 3px;
    position: inherit;
}
#gform_1 #field_1_1 li { margin: 0; padding: 0; }
#gform_1 #field_1_1 .ginput_container input.large { float: right; }
#gform_1 .validation_error { display: none; }
.gform_wrapper #gform_1 li.gfield.gfield_error.gfield_contains_required {
    margin-bottom: 0 !important;
    margin-top: 0;
    padding-left: 2% !important;
    width: 98%;
}
.gform_wrapper #gform_1 li.gfield.gfield_error, .gform_wrapper #gform_1 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    border-bottom: 1px none #c89797;
    border-top: 1px none #c89797;
    margin-bottom: 0 !important;
    padding: 0 !important;
	color: #f26522;
}
#wrapper .gform_wrapper .ginput_container + .gfield_description.validation_message {
    left: 0;
    margin: 37px 0 0 4.8%;
    position: absolute;
    top: 0;
    z-index: 11;
	color: #f26522;
}
/* -- End SUBSCRIBE TOP SECTION -- */


.social_top {
	width: 30%;
	margin:  27px 0 0 0;
	float: right;
	text-align: right;
}
.social_top ul {
	margin: 0;
	padding: 0;
}
.social_top li {
	display: inline;
	float: right;
	padding: 0 0 0 7px;
	margin: 0;
	text-transform: uppercase;
}
.social_top_mobile {
	display: none;
}

.google-plus {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/google-plus.svg") no-repeat;
	background-position: top;
}
.google-plus span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/google-plus.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.google-plus:hover span {
	opacity: 1;
}

.twitter {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/twitter.svg") no-repeat;
	background-position: top;
}
.twitter span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/twitter.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.twitter:hover span {
	opacity: 1;
}

.facebook {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/facebook.svg") no-repeat;
	background-position: top;
}
.facebook span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/facebook.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.facebook:hover span {
	opacity: 1;
}

.linked-in {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
	background:url("images/social/linked-in.svg") no-repeat;
	background-position: top;
}
.linked-in span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url("images/social/linked-in.svg") no-repeat;
	background-position: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	transition:      opacity 0.5s;
}
.linked-in:hover span {
	opacity: 1;
}

/* ==========================================================================
   End HEADER
   ========================================================================== */


/* ==========================================================================
   BANNER
   ========================================================================== */
   
#banner_wrap {
	width: 100%;
	min-height: 268px;
	margin: 0;
	padding: 0;
	background: url("images/home/bg.jpg") top left repeat #ede5db;
}
#banner_wrap.sub {
	background: url("images/sub/bg.png") top left repeat-x #fec746;
	min-height: 268px;
}
#banner {
	max-width: 1520px;
	margin: 0 auto;
	padding: 31px 0;
	position: relative;
}
#banner p {
	font-family: 'Reenie Beanie', cursive;
	font-size: 54px;
	font-size: 3.85714285rem;
	line-height: 1.2;
	padding: 0;
	letter-spacing: 0.25px;
}
.banner_img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 77;
	width: 470px;
	height: 444px;
}
.banner_img_mobile {
	display: none;
}
.banner_text {
	position: absolute;
	top: 60px;
	left: 30px;
	z-index: 77;
	width: 410px;
	height: 384px;
	z-index: 78;
}
#banner .banner_text p {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-size: 1.2857142856rem;
	line-height: 1.4;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.banner_text_mobile {
	display: none;
}
.banner_title {
	 width: 404px;
	 min-height: 333px;
	 left: 0;
	 top: 0;
	 margin: 55px 0 0 31.2499999%;
	 position: absolute;
	 z-index: 5;
}
.banner_title h1, .banner_title h2 {
	font-family: 'Reenie Beanie', cursive;
	letter-spacing: 1px;
	line-height: 1;
	padding: 0;
}
.banner_title h1 {
	font-size: 60px;
	font-size: 4.2857142856rem;
	color: #474b4e;
}
.banner_title h2 {
	font-size: 84px;
	font-size: 6rem;
	color: #FFF;
	background-color: transparent;
	border: thin none #FFF;
	padding-left: 22%;
	margin-top: -15px;
}

/* ==========================================================================
   End BANNER
   ========================================================================== */


/* ==========================================================================
   MAIN
   ========================================================================== */
   
   #main_content {
	   max-width: 1522px;
	   height: auto;
	   padding: 54px 0;
	   margin: 0 auto;
   }

   .main_left {
	   width: 58.60254927%;
	   padding: 0 9.8554532% 0x 0;
	   margin: 0;
	   float: left;
   }
   .left_col {
	   width: 49.438202247%;
	   padding: 0 4.49438201% 0 0;
	   margin: 0;
	   float: left;
   }
   .quote_holder {
	   background:url("images/cardboard_bg.jpg") top left repeat transparent;
	   padding: 18px;
	   border-top: 2px solid #FFF;
   }
   .quotemark {
	   background:url("images/quotes.svg") top left no-repeat transparent;
	   width: 12px;
	   height: 12px;
	   padding: 0 0 30px 0;
	   float: left;
   }
   .quote {
	   width: 94.8%;
	   float: right;
   }
   .quote p {
	  font-family: 'Reenie Beanie', cursive;
	  font-size: 30px;
	  font-size: 2.1428571rem;
	  color: #FFF;
	  line-height: 1.1;
	  padding: 0;
   }
   
   .quote_subscribe {
	  margin: 0;
	  padding: 10px 43px;
	  background: #fec746;
	  border-top: 1px dashed #FFF;
   }
   .quote_subscribe a {
	  color: #f26522;
	  font-weight: 800;
	  letter-spacing: 1.5px;
	  line-height: 1;
	  padding: 0 0 0 24px;
	  background:url("images/letter-yellow.png") center left no-repeat transparent;
   }
   .quote_subscribe a:hover {
	  color: #FFF;
   }
	   
   .right_col {
	  width: 46.0698%;
	  padding: 0;
	  margin: 0;
	  float: right;
   }
   .right_col p { font-size: 14px; font-size: 1rem; }
   .right_col a { border-bottom: 1px dotted #fec833; }
   .right_col a:hover { border-bottom: 1px dotted #f26522; }
   
   .sidebar {
	  width: 30.9426123521%;
	  padding: 0;
	  margin: 0;
	  float: right;
   }
   
   /* ====== SIDEBAR ======== */
   
   .sidebar {
	   padding-top: 185px;
   }
   .sidebar_top {
	   with: 100%;
	   padding: 0 0 52px 0; 
	   border-bottom: 1px dashed #ede5db;
	   text-align: center;
   }
   .sidebar_top a.red-btn {
	   background: #f26522;
	   padding: 12px 7.445%;
	   font-size: 21px;
	   font-size: 1.5rem;
	   letter-spacing: 1px;
	   color: #FFF;
	   margin: 0 16.296% 30px 16.296%;
	   display: block;
	   border-radius: 12px;
	  -webkit-border-radius: 12px; 
	  -moz-border-radius: 12px; 	  
	  /* Prevent background color leak outs */
	  -webkit-background-clip: padding-box; 
	  -moz-background-clip:    padding; 
	  background-clip:         padding-box;
   }
   .sidebar_top a.red-btn:hover {
	   background: #fec746;
	   color: #32333a;
   }
   a.subscribe-btn {
	  color: #969797;
	  font-weight: 800;
	  letter-spacing: 1.5px;
	  line-height: 1;
	  padding: 0;
	  background:url("images/letter-grey.png") center left no-repeat transparent;
	  display: block;
	  margin: 0 25.896%;
   }
   a.subscribe-btn:hover {
	  color: #f26522;
   }
   
   .sanatio_information {
	   width: 100%;
	   padding-top: 52px;
	   text-align: left;
   }
   .information_image {
	   width: 31.913%;
	   float: left;
   }
   .information_image img {
	   border: 1px solid #ede5db;
   }
   .information_text {
	   width: 63.828%;
	   float: right;
   }
   .sidebar h3 {
	  font-family: 'Raleway', Helvetica, Arial, sans-serif;
	  color: #FFF;
	  font-size: 18px;
	  font-size: 1.2857rem;
	  font-weight: 500;
	  letter-spacing: 1px;
	  line-height: 1;
	  margin: 0 0 22px 0;
	  padding: 14px 16px;
	  background: #fec746;
	  border: 1px dashed #FFF;
  }
  .sidebar h3 strong {
	  color: #474b4e;
	  font-weight: 500;
  }
   
   /* ====== End SIDEBAR ======== */
   
   /* ==========================================================================
   End MAIN
   ========================================================================== */
   
   
   /* ==========================================================================
   Start SUB Pages
   ========================================================================== */
   
   .top_img {
	   width: 434px;
	   height: 333px;
	   left: 0;
	   top: 0;
	   margin: -14px 0 0 7.0263157%;
	   position: absolute;
	   z-index: 3;
   }
   .sub_intro_text {
	   width: 80.6451%;
	   padding: 36px 0 45px 19.35%;
   }
   .sub_intro_text p {
	   font-size: 21px;
	   font-size: 1.5rem;
   }
   .subpage .left_col {
	   width: 31.1827956%;
	   border
   }
   .subpage .right_col {
	   width: 64.3161%;
   }
   .product_images {
	    margin-bottom: 18px;
	}
	.featured_post h2 a  {
		color: #474b4e;
		border: thick none #FFF;
	}
	.featured_post h2 a:hover, .featured_post h2 a:active, .featured_post h2 a:focus  {
		color: #FFF;
		border: thick none #FFF;
	}
	.featured_post br {
		margin-bottom: 12px;
	}
	.featured_post div:first-of-type, .featured_post > div:first-child {
		display: none !important;
	}
	
	/* ==========================================================================
	   Start TESTIMONIALS Page
	   ========================================================================== */
	   .right_col .testimonial_icon {
		   width: 10%;
		   padding: 4px;
	   }
	   .testimonial {
		   width: 86%;
		   float: right;
		   padding-bottom: 54px;
	   }
	   .testimonial blockquote {
		  padding: 0;
		  border-left: 1px none #FFF;
		  margin: 0;
	   }
	   .testimonial blockquote p {
		  font-size: 18px;
		  font-size: 1.285714rem;
		  color: #474b4e;
		  font-weight: 500;
		  line-height: 1.5;
	   }
	   /* ==========================================================================
	   End TESTIMONIALS Page
	========================================================================== */
	
	/* ==========================================================================
	   Start FAQ Page
	   ========================================================================== */
	   #jumpto {
		   padding-top: 36px;
	   }
	   #jumpto h4 {
		   color: #f26522;
		   padding: 0 0 16px 0;
	   }
	   #jumpto ul {
		   margin-left: 12px;
	   }
	   #jumpto li {
			list-style: disc outside;
			padding: 0 0 8px 4px;
			color: #f26522;
			font-size: 12pxm;
			font-size: 0.85714rem;
			font-weight: 700;
			letter-spacing: 1px;
			line-height: 1.6;
			margin: 0;
			text-transform: uppercase;
	   }
	   #jumpto li a {
			color: #fec746;
	   }
	   #jumpto li a:hover {
			color: #f26522;
	   }
	   /* ==========================================================================
	   End FAQ Page
	========================================================================== */
	
	/* ==========================================================================
	   Start CONTACT Page
	   ========================================================================== */
	   #main_content .gform_wrapper input[type="text"], #main_content .gform_wrapper input[type="url"], #main_content .gform_wrapper input[type="email"], #main_content .gform_wrapper input[type="tel"], #main_content .gform_wrapper input[type="number"], #main_content .gform_wrapper input[type="password"], #main_content .gform_wrapper textarea {
			color: #474b4e;
			font-size: 14px;
			font-size: 1rem;
			margint: 0;
			border: 1px solid #d5d5d5;
			border-radius: 0;
			letter-spacing: 0.5px;
			min-width: 268px;
			padding: 11px;
		}
		.page-id-16 #main_content .gform_wrapper input[type="text"], .page-id-16 #main_content .gform_wrapper input[type="url"], .page-id-16 #main_content .gform_wrapper input[type="email"], .page-id-16 #main_content .gform_wrapper input[type="tel"], .page-id-16 #main_content .gform_wrapper input[type="number"], .page-id-16 #main_content .gform_wrapper input[type="password"], .page-id-16 #main_content .gform_wrapper textarea {
			border: 1px solid #d5d5d5;
			border-radius: 0;
			color: #474b4e;
			font-size: 1rem;
			letter-spacing: 0.5px;
			min-width: 208px;
			padding: 2%;
			width: 96%;
		}
	   #main_content .gform_wrapper .gfield_required {
			color: #f26522;
			font-size: 18px;
			font-size: 1.28571rem;
			margin-left: 2px;
		}
		#main_content .gform_wrapper .gform_footer input.button, #main_content .gform_wrapper .gform_footer input[type="submit"] {
			background: none repeat scroll 0 0 padding-box #f26522;
			border-radius: 12px;
			color: #fff;
			display: block;
			font-size: 21px;
			font-size: 1.5rem;
			letter-spacing: 1px;
			margin: 0;
			padding: 14px 7.445% 12px 7.445%;
			border: thick none #FFF;
			outline: none;
			transition: all 0.4s ease;
		}
		#main_content .gform_wrapper .gform_footer input.button:hover, #main_content .gform_wrapper .gform_footer input[type="submit"]:hover {
			background: #fec746;
	   		color: #32333a;
		} 
		#small_map { display: none; }
		#large_map { display: block; margin-top: 12px; }
	   /* ==========================================================================
	   End CONTACT Page
	========================================================================== */
   
   
   /* ==========================================================================
   End SUB Pages
   ========================================================================== */
   
  
   /* ==========================================================================
   Start TESTIMONIALS
   ========================================================================== */
   
   .testimonials {
	   width: 100%;
	   padding: 52px 0; 
	   border-top: 1px dashed #ede5db;
	   margin-top: 52px;
   }
   .testimonial_icon {
	   width: 4.40789472%;
	   height: 47px;
	   background:url("images/testimonial_icon.svg") top left no-repeat transparent;
	   background-size: 69%;
	   float: left;
   }
   .testimonial_col {
	   width: 30.109999999%;
	   padding-right: 2.631578946%;
	   float: left;
   }
   .testimonial_col.last {
	   padding-right: 0;
   }
   .testimonials blockquote {
	  padding: 0;
	  border-left: 1px none #FFF;
	  margin: 0;
   }
   .testimonials blockquote p {
	  font-size: 18px;
	  font-size: 1.285714rem;
	  color: #fec746;
	  font-weight: 500;
	  line-height: 1.5;
   }
   .bottom_social_mobile {
		display: none;
	}
   
   /* ==========================================================================
   End TESTIMONIALS
   ========================================================================== */
   
  /* ==========================================================================
	BLOG
	========================================================================== */
	
	
	#primary-sidebar h1 {
		font-size: 13px;
		font-size: 0.928571rem;
		font-weight: 700;
		text-transform: uppercase;
		padding: 0 0 4px 0;
	}
	.entry-header h2 {
		line-height: 1.35;
	}
	.entry-header a {
		border: thick none #fff;
		color: #474b4e;
	}
	.entry-header a:hover {
		border: thick none #fff;
		color: #FFF;
	}
	
	.entry-meta {
		padding: 0 0 4px 0;
	}
		.entry-date { margin: 0 8px 0 0; }
		.byline { margin: 0 8px 0 0; }
			.author { margin: 0 8px 0 0; }
		.edit-link { margin: 0 8px 0 0; }
		
	.entry-meta a {
		border: thick none #fff;
		color: #fec833;
		font-size: 0.928571rem;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 0;
	}
	.entry-meta a:hover {
		color: #f26522; 
		border: thick none #FFF;
	}
	.entry-content {
		padding: 16px 0 0 0;
	}
	.entry-content h2 {
		margin: 54px 0 22px 0;
	}
	.entry-content h3 {
		margin: 36px 0 0 0;
	}
	.entry-content h4 {
		color: #f26522;
		padding: 16px 0;
	}
	.entry-content p:last-child {
	}
	.post-navigation h1 {
		font-size: 13px;
		font-size: 0.928571rem;
		font-weight: 700;
		text-transform: uppercase;
		padding-bottom: 8px;
	}
	.meta-nav { 
		padding-right: 8px; 
		text-transform: uppercase;
		font-weight: 700;
		color: #f26522;
	}
	.page-header h1 {
		color: #f26522;
		font-size: 28px;
		font-size: 2rem;
		font-weight: 700;
		letter-spacing: 1.5px;
		line-height: 1.35;
		margin: 0;
		padding: 0 0 40px 0;
		text-transform: uppercase;
	}
	
	/* ==========================================================================
	End BLOG
	========================================================================== */

	/* ==========================================================================
	FOOTER
	========================================================================== */
	
	.footer_wrap {
		width: 100%;
		margin: 0;
		padding: 52px 0;
		background: url("images/footer/footer_logo.png") bottom right no-repeat #f3f3f4;
	}
	#footer {
		max-width: 1520px;
		height: auto;
		padding: 0;
		margin: 0 auto;
	}
	#footer h4 {
		padding: 0 0 42px 0;
	}
	#footer_col_one {
		width: 10.2683%;
		min-height: 60px;
		padding: 0 1.97367% 0 0;
		margin: 0;
		float: left;
		text-align: left;
	}
	#footer_col_one .social_top {
		float: left;
		margin: 0;
		text-align: left;
		width: 100%;
	}
	#footer_col_one .social_top li {
		float: left;
	}
	.footer_col {
		width: 17.1052%;
		min-height: 60px;
		padding: 0 2.631577% 0 0;
		margin: 0;
		float: left;
		text-align: left;
	}
	h1.widget-title {
		color: #fec746;
		font-size: 14px;
		font-size: 1rem;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 1;
		margin: 0;
		text-transform: uppercase;
		padding: 0 0 42px 0;
	}
	.latest_post {
		padding: 0 0 26px 0; 
		margin: 0 0 26px 0; 
		border-bottom: 1px dashed #ede5db;
	}
	#footer .latest_post h4 {
		color: #474b4e;
		font-size: 13px;
		font-size: 0.928571rem;
		padding: 0;
		text-transform: capitalize;
		line-height: 1.6;
		font-weight: 600;
	}
	#footer .latest_post h4 a {
		color: #474b4e;
	}
	#footer .latest_post h4 a:hover {
		color: #f26522;
	}
	.latest_post p {
		padding: 0;
	}
	.latest_post.last_row {
		padding: 0; 
		margin: 0; 
		border-bottom: 1px none #ede5db;
	}
	.twitter_post {
		padding: 0 0 26px 26px; 
		margin: 0 0 26px 0; 
		border-bottom: 1px dashed #ede5db;
		background: url("images/footer/twitter_quotes.png") left 5px no-repeat transparent;
	}
	.twitter_post p {
		padding: 0;
	}
	.twitter_post.last_row {
		padding: 0 0 0 26px; 
		margin: 0; 
		border-bottom: 1px none #ede5db;
	}
	#footer .twitter_feed h4 {
		padding: 0 0 30px 0;
	}
	#footer .subscribe_area {
		float: none;
		margin: 6px 0 0 0;
		padding: 0;
		text-align: left;
		width: 100%;
		display: block;
	}
	#footer .subscribe_area form {
		float: none;
		margin: 0;
		padding: 0;
	}
	#footer input.subscribe {
		background: url("images/header/form_bg.png") no-repeat scroll right center #fff;
		color: #969797;
		font-size: 12px;
		font-size: 0.85714rem;
	}
	#footer input.subscribe, #field_1_1 input.large {
		background-color: #FFF;
	}
	#wrapper #footer .gform_wrapper {
		min-width: 0;
	}
	#wrapper #footer .gform_wrapper {
		float: none;
	}
	#footer #gform_1 #field_1_1 .ginput_container input.large {
		float: none;   
		min-width: 0;
		padding: 11px 5%;
		width: 90%;
	}

	/* ==========================================================================
	End FOOTER
	========================================================================== */


/* ==========================================================================
   End STRUCTURE
   ========================================================================== */
   
   /**
 * NEXT GEN GALLERY
 * -----------------------------------------------------------------------------
 */
 
	.ngg-navigation {
		font-size: 12px !important;
	}
	
	.ngg-navigation span {
		font-weight: normal !important;
		padding: 3px 8px !important;
		margin: 0 2px !important;
		color: #FFF;
		background: #EC7730;
		border: 1px solid #EC7730 !important;
	}
	
	.ngg-gallery-thumbnail img {
		background-color: #FFFFFF;
		border: 1px none #A9A9A9 !important;
		display: block;
		margin: 4px 0 4px 4px;
		padding: 2px !important;
		position: relative;
	}
	
	.ngg-gallery-thumbnail img:hover {
		background-color: #cecdcd !important;
	}
	
	.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {
		background-color: #EC7730 !important;
		color: #FFFFFF !important;
		text-decoration: none !important;
	}






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.page-id-29 h2 {
	color: #8FC43B !important;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.cleara { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.line { clear: both; display: block; width: 100%; border-bottom: 2px solid #ECEDEF; padding-top: 20px; margin-bottom: 60px; }

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (max-width: 1520px) {
	#header {
		padding: 36px 2% 62px 2%;
		width: 96%;
	}
	.top_section {
		width: 65%;
	}
	#banner {
		padding: 36px 2% 36 2%;
		max-width: 96%;
		margin: 0 auto;
		position: relative;
	}
	#main_content {
		max-width: 96%;
	}
	#footer {
		max-width: 96%;
	}
	.sidebar_top a.red-btn {
		margin: 0 9.296% 30px 9.296%;
		font-size: 16px;
		font-size: 1.142rem;
	}
	.banner_title {
		margin-left: 34.25%;
	}
	.banner_title h2 {
		padding-left: 16%;
	}
}

@media only screen and (max-width: 1480px) {
	.top_section {
		width: 70%;
	}
}

@media only screen and (max-width: 1380px) {
	#nav li a {
		font-size: 15px;
		font-size: 1.0714285rem;
		letter-spacing: 1px;
		font-weight: 500;
	}
	.top_section {
		width: 75%;
	}
	.top_img {
		margin-left: 0;
	}
	.banner_title {
		margin-left: 29.25%;
	}
	#small_map { display: block; margin-top: 12px; }
	#large_map { display: none; }
}

@media only screen and (max-width: 1320px) {
	#banner {
		margin: 0 auto;
		max-width: 56%;
		padding-right: 40%;
		position: relative;
	}
	#banner p {
		font-size: 42px;
		font-size: 3rem;
	}
	.banner_img {
		height: 434px;
		width: 420px;
	}
	.banner_text {
		height: 284px;
		left: 30px;
		position: absolute;
		top: 40px;
		width: 360px;
		z-index: 78;
	}
}

@media only screen and (max-width: 1268px) {
	.banner_text h3 {
		font-size: 35px;
		font-size: 2.5rem;
		padding: 0 0 20px 0;
	}
	.sidebar_top a.red-btn {
		margin: 0 0 30px 0;
	}
	a.subscribe-btn {
		margin: 0 14.896%;
	}
	.top_img {
		display: none;
	}
	.banner_title {
		margin-left: 7.25%;
	}
}


@media only screen and (max-width: 1230px) {
	#nav li {
		padding: 0 8px;
	}
	
	#nav li a {
		font-size: 14px;
		font-size: 1rem;
		letter-spacing: 0.75px;
		font-weight: 500;
	}
	.subscribe_area p {
		font-size: 13px;
		font-size: 0.9285714rem;
		letter-spacing: 1.5px;
		padding: 10px;
	}
	.contact_details_top p {
		font-size: 12.5px;
		font-size: 0.89285714rem;
	}
	.top_section {
		width: 80%;
	}
	.sub_intro_text {
	   width: 100%;
	   padding: 16px 0 45px 0;
   }
}

@media only screen and (max-width: 1120px) {
	#banner_wrap, .banner_img {
		display: none;
	}
	#banner_wrap.sub, .sub .banner_img {
		display: inherit;
	}
	.banner_img_mobile {
		display: block;
		background: url("images/home/banner_img_tab.jpg") no-repeat scroll center top #ede5db;
		min-height: 309px;
		position: relative;
	}
	.banner_img_mobile {
		display: block;
		background: url("images/home/banner_img_tab.jpg") no-repeat scroll center top #ede5db;
		min-height: 309px;
		position: relative;
	}
	.banner_img_mobile.sub_mobile {
		display: none;
	}
	#banner {
		max-width: 96%;
		padding-right: 0;
	}
	.banner_text {
		padding: 75px 0 0 2%;
		max-height: 284px;
		width: 55%;
	}
	.banner_text h3, .banner_text p {
		color: #FFF;
		text-shadow: 1px 1px 1px #4b2503;
	}
	.banner_text h3 {
		font-size: 49px;
		font-size: 3.5rem;
		padding: 0 0 5px 0;
	}
	.banner_text p {
		font-size: 21px;
		font-size: 1.5rem;
		padding: 0;
	}
	.sidebar {
		padding-top: 0;
	}
	.main_left {
		padding: 0 3.85545% 52px 0;
		width: 64.6025%;
	}
	.sub .banner_img {
		margin-top: -28px;
		max-height: 334px;
		max-width: 340px !important;
	}
}

@media only screen and (max-width: 1090px) {
	#logo {
		width: 150px;
		height: 116px;
		background-size: 100%;
	}
	.top_section {
		width: 85%;
	}
	.contact_details_top {
		display: none;
	}
	.social_top {
		display: none;
	}
	.social_top_mobile {
		display: inherit;
		float: right;
		padding-top: 5px;
		width: 30%;
	}
	.social_top_mobile ul {
		margin: 0;
		padding: 0;
	}
	.social_top_mobile li {
		display: inline;
		float: right;
		padding: 0 0 0 7px;
		margin: 0;
		text-transform: uppercase;
	}
	.social_top_mobile li:first-child {
		padding: 0;
	}
	#nav {
		padding: 54px 0 0 0;
		width: 82%;
	}
	#nav li a {
		font-size: 13px;
		font-size: 0.9285714rem;
		letter-spacing: 0.75px;
	}
	.top_section {
		width: 82%;
	}
	.social_top_mobile li:first-child {
		padding: 0 0 0 7px;
	}
	.subscribe_area {
		width: 60%;
	}
}

@media only screen and (max-width: 999px) {
	#nav li {
		padding: 0 1%;
	}
	#nav li a {
		letter-spacing: 0.5px;
	}
	input.subscribe {
		min-width: 188px;
	}
	#header {
		padding: 36px 2%;
	}
}

@media only screen and (max-width: 979px) {
	#logo {
		background-size: 100% auto;
		width: 135px;
	}
	#nav {
		padding: 43px 0 0 0;
	}
}

@media all and (max-width: 959px) {
	#header {
		width: 100%;
		padding: 0;
	}
	#logo {
		width: 193px;
		height: 146px;
		float: none;
		margin: 26px auto;
		padding: 0;
	}
	.top_section {
		width: 100%;
		float: none;
		text-align: center;
	}
	.subscribe_area {
    	display: none;
	} 
	.social_top_mobile {
		display: block;
		float: none;
		padding-top: 5px;
		width: 100%;
	}
	.social_top_mobile li {
		display: inline-block;
		float: none;
	}
	#nav {
		clear: both;
		display: block;
		float: none;
		margin: 0;
		padding: 26px 0;
		text-align: left;
		max-width: 100%;
		width: 100%;
	}
	#nav li {
		float: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid #FFFFFF; /* fallback colour must use full shorthand */
		border-top: 1px solid rgba(255,255,255,.5);
	}
	#nav li a {
		font-size: 15px;
		font-size: 1.0714285rem;
		letter-spacing: 1px;
		padding: .75em 2%;
		background: #ffc934;
		color: #474b4e;
	}
	#nav li, #nav li li, #nav .sf-menu li ul li:last-child {
		-webkit-border-radius: 0 0 0 0 !important;
		border-radius: 0 0 0 0 !important;
	}
	#mobnav-btn {
        display: block;
		max-width: 92%;
		padding: 10px 4%;
    }
    .mobnav-subarrow {
        display: block;
        opacity: 1;
        height: 46px;
        width: 92%;
        position: absolute;
        top: 0;
        right: 6%;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
		background: url("images/header/sub-nav-icon.png") right center no-repeat transparent;
    }
    #nav ul.sf-menu {
        width: 100% !important;
        display: none;
    }
    #nav ul.sf-menu.xactive {
        display: block !important;
    }
    #nav ul.sf-menu li {
        float: none!important;
        display: block!important;
        width: 100% !important;
    }
    #nav ul.sf-menu li a {
        float: none!important;
    }
	#nav ul.sf-menu li a:hover {
		color: #FFF;
		background: #f26522;
        float: none !important;
    }
	#nav .sf-menu li.btn_active a {
		color: #FFF;
		background: #f26522;
	}
    #nav .sf-menu li ul {
        position:static!important;
        display: none!important;
    }
    #nav .sf-menu li.xpopdrop ul {
		display: block !important;
		position: inherit;
		width: 100%;
	}
	#header .main_nav {
		display: none;
	}
	#header .mobile_main_nav {
		display: block;
	}
	#main_content {
		max-width: 92%;
	}
	.main_left {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		border-bottom: 1px dashed #ede5db;
	}
	.sidebar {
		clear: both;
		float: none;
		margin: 0;
		padding: 52px 0;
		width: 100%;
	}
	.sidebar_top a.red-btn {
		margin: 0 20% 30px 20%;
	}
	a.subscribe-btn {
		margin: 0 34.896%;
	}
	.information_image {
		float: left;
		width: 14.913%;
	}
	.information_text {
		float: right;
		width: 80%;
	}
	.bottom_social_mobile {
		display: block;
		width: 100%;
		border-top: 1px dashed #ede5db;
		padding: 52px 0 0 0;
		margin: 0;
		text-align: center;
		clear: both;
	}
	#footer_col_one {
		display: none;
		float: left;
		margin: 0;
		min-height: 60px;
		padding: 0 1.97367% 0 0;
		text-align: left;
		width: 10.2683%;
	}
	#footer {
		max-width: 92%;
	}
	.footer_col {
		padding: 0 0 52px 0;
		width: 100%;
		float: none;
	}
	.latest_post {
		margin: 0 0 13px 0;
		padding: 0 0 13px 0;
	}
	input.subscribe {
		min-width: 46%;
	}
	#footer h4 {
		padding: 0 0 26px 0;
	}
	.sub .banner_img {
		margin-top: 0;
		max-height: 334px;
		max-width: 310px !important;
	}
	.banner_title h1 {
		font-size: 40px;
		font-size: 2.857142856rem;
		color: #474b4e;
		padding-bottom: 20px;
	}
	.banner_title h2 {
		font-size: 70px;
		font-size: 5rem;
	}
	.social_top_mobile li:first-child {
		padding: 0;
	}
	.testimonial_icon {
		display: none;
	}
	.page-id-16 #main_content .gform_wrapper input[type="text"], .page-id-16 #main_content .gform_wrapper input[type="url"], .page-id-16 #main_content .gform_wrapper input[type="email"], .page-id-16 #main_content .gform_wrapper input[type="tel"], .page-id-16 #main_content .gform_wrapper input[type="number"], .page-id-16 #main_content .gform_wrapper input[type="password"], .page-id-16 #main_content .gform_wrapper textarea {
			padding: 4%;
			width: 92%;
		}
}

@media all and (max-width: 919px) {
	.banner_img_mobile {
		background: url("images/home/banner_img_mob.jpg") no-repeat scroll right top #ede5db;
	}
	.banner_text {
		width: 75%;
	}
	.testimonial_col {
		float: none;
		display: block;
		padding-right: 0;
		padding-bottom: 26px;
		width: 100%;
	}
	.testimonial_col.last {
		padding-right: 0;
		padding-bottom: 0;
	}
	.twitter_post {
		margin: 0 0 13px;
		padding: 0 0 13px 26px;
	}
	.banner_title {
		margin-left: 2%;
	}
	.banner_title h2 {
		margin-top: -15px;
		padding-left: 0;
	}
}

@media all and (max-width: 789px) {
	a.subscribe-btn {
		margin: 0 30.896%;
	}
}

@media all and (max-width: 676px) {
	.banner_text {
		width: 92%;
		padding: 75px 0 0 0;
	}
	.left_col {
		display: none;
	}
	.right_col {
		float: none;
		width: 100%;
	}
	a.subscribe-btn {
		margin: 0 26.896%;
	}
	.subpage .left_col {
	   float: none;
		width: 100%;
   }
   .subpage .right_col {
	   float: none;
		width: 100%;
   }
   .banner_title {
		margin-left: 6%;
	}
}

@media all and (max-width: 640px) {
	#wrapper {
		overflow: hidden;
	}
	#main_content {
		max-width: 88%;
	}
	.banner_text {
		display: none;
	}
	.banner_text_mobile {
		display: block;
		padding: 20px 6%;
    	width: 88%;
	}
	.banner_text_mobile p {
		font-size: 21px;
		font-size: 1.5rem;
		padding: 0;
	}
	.banner_text_mobile h3 {
		font-size: 49px;
		font-size: 3.5rem;
    	padding: 0 0 15px 0;
	}
	.banner_img_mobile {
		background-color: #FFF;
		background-size: 100%;
		min-height: 189px;
		padding: 0;
	}
	.banner_img_mobile p {
		padding: 0;
	}
	.banner_img_mobile h3 {
		padding: 0 0 10px 0;
	}
	#main_content {
		padding: 26px 0;
	}
	#mobnav-btn {
		max-width: 88%;
		padding: 10px 6%;
    	background: url("images/header/nav-icon.png") no-repeat scroll 94% center #ffc934;
	}
	.bottom_social_mobile {
		padding: 26px 0 0;
	}
	#footer {
		max-width: 88%;
	}
	input.subscribe {
		min-width: 92%;
	}
	.sidebar_top a.red-btn {
		margin: 0 0 30px 0;
	}
	a.subscribe-btn {
		margin: 0 10.896%;
	}
	.sub .banner_img {
		display: none;
	}
	.banner_text_mobile.sub_text_mobile {
		display: block;
		margin: -26px auto 0;
		padding: 0;
		text-align: center;
		width: 100%;
		background: url("images/sub/cardboard_bg.jpg") left top repeat;
	}
	.banner_text_mobile.sub_text_mobile img {
		max-width: 80%;
		max-height: 300px;
	}
	#nav {
		padding-top: 0;
	}
	.home #nav {
		padding-bottom: 0;
	}
	#nav li li {
		border-right: 1px none #FFF !important;
		border-left: 1px none #FFF !important;
	}
	.footer_wrap {
		padding: 52px 0 360px 0;
	}
	.top_section, .social_top_mobile {
		display: none;
	}
	#banner_wrap {
		min-height: 38px;
	}
	#banner {
		padding: 12px 0;
	}
	#banner_wrap.sub {
		min-height: 38px;
	}
	.banner_title {
		 width: 80%;
		 min-height: 38px;
		 margin: 0 10%;
		 position: inherit;
	}
	.right_col h4, .right_col h5 {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.right_col p, .right_col li {
		font-size: 1.2rem;
	}
	.sidebar {
		padding: 0;
	}
	.bottom_social_mobile {
		padding: 0;
		border-top: 1px none #ede5db;
	}
	.testimonials {
		padding: 52px 0 26px 0;
		margin-top: 44px;
	}
	.information_image {
		display: block;
		float: none;
		margin-bottom: 24px;
		width: 100%;
	}
	.information_text {
		float: none;
		width: 100%;
	}
	.blog .main_left {
		border-bottom: 1px none #ede5db;
		padding-bottom: 0;
	}
	.blog .break {
		margin: 24px 0 0 0;
	}
	.banner_title h2 {
		margin-bottom: 0;
		margin-top: -25px;
		padding-bottom: 0;
		padding-left: 0;
	}
	#jumpto {
		padding-top: 0;
	}
}
@media all and (max-width: 480px) {
	.banner_img_mobile {
		min-height: 159px;
	}
}
@media all and (max-width: 420px) {
	.banner_img_mobile {
		min-height: 139px;
	}
}

/* Retina ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	#logo {
		background-image: url("images/header/logo.svg");
		background-size: 91%;
	}
}




/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		color: #2b2b2b;
		font-size: 12pt;
	}

	.site,
	.site-header,
	.hentry,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content,
	.archive-header,
	.page-header,
	.contributor-info,
	.comments-area,
	.attachment .entry-attachment .attachment {
		max-width: 100%;
	}

	#site-header img,
	.search-toggle,
	.site-navigation,
	.site-content nav,
	.edit-link,
	.page-links,
	.widget-area,
	.more-link,
	.post-format-archive-link,
	.comment-respond,
	.comment-list .reply,
	.comment-reply-login,
	#secondary,
	.site-footer,
	.slider-control-paging,
	.slider-direction-nav {
		display: none;
	}

	.site-title a,
	.entry-meta,
	.entry-meta a,
	.featured-content .hentry,
	.featured-content a {
		color: #2b2b2b;
	}

	.entry-content a,
	.entry-summary a,
	.page-content a,
	.comment-content a {
		text-decoration: none;
	}

	.site-header,
	.post-thumbnail,
	a.post-thumbnail:hover,
	.site-content .entry-header,
	.site-footer,
	.featured-content,
	.featured-content .entry-header {
		background: transparent;
	}

	.header-main {
		padding: 48px 10px;
	}

	.site-title {
		float: none;
		font-size: 19pt;
	}

	.content-area {
		padding-top: 0;
	}

	.list-view .site-content .hentry {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 48px;
		padding-bottom: 24px;
	}

	.post-thumbnail img {
		margin: 0 10px 24px;
	}

	.site-content .has-post-thumbnail .entry-header {
		padding-top: 0;
	}

	.site-content footer.entry-meta {
		margin: 24px auto;
	}

	.entry-meta .tag-links a {
		color: #fff;
	}

	.singular .site-content .hentry.has-post-thumbnail {
		margin-top: 0;
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.archive-title,
	.page-title {
		margin: 0 10px 48px;
	}

	.featured-content .hentry {
		margin-bottom: 48px;
	}

	.featured-content .post-thumbnail,
	.slider .featured-content .post-thumbnail {
		padding-top: 0;
	}

	.featured-content .post-thumbnail img {
		position: relative;
	}

	.featured-content .entry-header {
		padding: 0 10px 24px;
	}

	.featured-content .entry-meta {
		font-size: 9pt;
		margin-bottom: 11px;
	}

	.featured-content .cat-links {
		font-weight: 900;
	}

	.featured-content .entry-title {
		font-size: 25pt;
		line-height: 36px;
	}
}