/*
Theme Name: bn
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bn
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bn is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Margin, padding, gaps
		## Posts and pages
		## Background and font colours
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

#page{
	min-width:320px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	display:block;
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}



/*--------------------------------------------------------------
# Overrides cute-grids styling
--------------------------------------------------------------*/

/*[class*="cute-"]{
	padding:0;
}*/



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
}

h1 {
	font-size: 4em;
	margin: 0 0 0.33em 0;
	line-height: 1em;
	font-weight: 400;
	/*font-family: 'Pathway Gothic One', sans-serif;*/
	font-family: 'Pathway Gothic One', sans-serif;
}
h2 {
	font-size: 2em;
	margin: 0 0 0.33em 0;
	line-height: 1.3em;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
}
h3 {
	font-size: 1.6em;
	margin: 0 0 0.66em 0;
	font-weight: 100;
	font-family: 'Pathway Gothic One', sans-serif;
}
h4 {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
	font-weight: 100;
	font-family: 'Pathway Gothic One', sans-serif;
}
h5 {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	font-weight: 100;
}

p {
	font-size: 1em;
	margin-bottom: 1em;
	font-weight: 100;
	font-family: 'Nunito', sans-serif;
}

h4 em {
	font-size: 1.2em;
}

.hentry h2 {
	font-family: 'Pathway Gothic One', sans-serif;
	margin: 0 0 0.33em 0;
	font-size: 3.3em;
	line-height: 1.1em;
	font-weight: 100;
	text-transform: capitalize;
}
.hentry h3 {
	color: #2B4252;
}
.hentry h4 {
	font-style: italic;
}
.hentry p {
	color: #444444;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

@media only screen and (max-width: 767px) { 
	.hentry h2 {
		font-size: 2.3em;
		margin-bottom: 0.66em;
	}
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #c8c8c8;
	border: 0;
	height: 1px;
	margin: 0.625em;
	/*margin-bottom: 1.5em;*/
}

ul,
ol {
	/*margin: 0 0 1.5em 3em;*/
	margin: 0 0 1.25em 1.25em;}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ul li, ol li {
	font-size: 1em;
	font-weight: 100;
	font-family: 'Nunito', sans-serif;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.wpcf7{
	max-width:600px;
}

label {
	ddisplay: block;
	margin-bottom: 5px;
	color: #000;
	font-size: 1em;
	text-align: left;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	float: right;
	border: none;
	background: #547688;
	color: white;
	padding: 5px 20px;
	font-size: 1em;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #666;
}

@media screen and (min-width:1025px){
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		background-color: #666;
	}
}

#contact-form{
	padding: 1em 1em 0px;
	background: rgb(225, 226, 225) none repeat scroll 0% 0%;
	color: rgb(0, 0, 0);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea, 
select {
	padding: 1% 2%;
	margin: 0 0 5px;
	border: 1px solid #ccc;
	color: #000;
	font-family: "Pathway Gothic One",sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	width: 100%;
}

select {
	padding-left:1%;
	color:#A898A8;
}

select.active{
	color: #111;
}

textarea{
	min-width:100%;
	max-width:100%;
	height:150px;
	min-height:100px;
	max-height:300px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{
	color: #111;
}

.form-mandatory{
	float:left;
	width:auto;
}

/*------------------------------------*\
   CONTACT FORM 7
\*------------------------------------*/

.contact-form {
	float:left;
	width:100%;
	padding:25px 40px;
	background: #e1e2e1;
	color: #000;
}
.contact-form .form-row {
	margin: 1em 0;
}
.wpcf7-not-valid-tip {
	font-size: 1em!important;
}
.wpcf7-validation-errors {
	/*display: none!important;*/
}

div.wpcf7-response-output{
	float:left;
	clear:left;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #4E69B2;
	outline: none;
}

a:visited {
	color: #4E69B2;
}

a:focus,
a:active {
	color: #a5334b;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

@media screen and (min-width:1025px){
	a:hover{
		color: #a5334b;
	}
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 30px;
	background:none;
}

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
	position: relative;
}

.menu-primary-container > ul > li {
	float: left;
	width: 100%;
	height:50px;
	padding: 10px 0;
	border-bottom: 2px solid #FFFFFF;
}

.main-navigation li {
	position:relative;
	font-size: 1em;	
	transition:background-color .2s linear;
	-moz-transition:background-color .2s linear;
	-webkit-transition:background-color .2s linear;
}
.main-navigation a {
	display: block;
	text-transform: capitalize;
	text-decoration: none;
	color: #85898B;
	font-size: 1.2em;	
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
}

.main-navigation li.focus > a {
	color: #85898B;
}

.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a{
	color: #85898B;
}

.main-navigation ul ul { 
	display: none;
	min-width:200px;
	background-color:#7AB5DF;
	padding: 10px 20px 10px 20px;
	position: absolute;
	top:50px;
	left:0;
	z-index: 99999;
}

.main-navigation ul li.current-menu-parent ul{
	display:none !important;
}

.main-navigation ul li:hover ul{
	display:block !important;
}

.main-navigation ul ul li {
	width: 100%;
	padding: 10px 0;
}

.main-navigation ul ul li:first-child {
	padding-top: 0;
}

.main-navigation ul ul li:last-child {
	padding-bottom: 0;
}

.main-navigation ul ul.sub-menu li a {
	width: 100%;
	color:#fff;
	font-size: 1em;
	font-weight: 100;
	line-height: 1;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled .menu-primary-container > ul {
	display: block;
}

.menu-primary-container > ul > li {
	width: auto;
	border: none;
	padding-bottom: 5px;
	border-bottom: 4px solid #FFFFFF;
	margin: 0 50px 0 0;
}

.menu-primary-container > ul > li:last-of-type {
	margin: 0;
}

.menu-primary-container > ul > li.current_page_item,
.menu-primary-container > ul > li.current-menu-item{
	border-bottom: 4px solid #64097F;
}
.menu-primary-container > ul > li.current_page_item a,
.menu-primary-container > ul > li.current-menu-item a{
	color: #64097F;
}




.menu-toggle {
	font-size: 1.1em;	
	padding: 10px;
	display: block;
	width: 80px;
	margin: 10px auto;
	float: none;
	display:none;
}




@media screen and (max-width:1099px) {
	.menu-primary-container{
		padding:0 20px;
	}
	.menu-primary-container > ul > li{
		margin:0 23px 0 0;
	}
}

@media screen and (max-width:959px) {
	.menu-toggle {
		display: block;
	}
	.main-navigation {
		margin:0;
		background: #7AB5DF;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation ul li {
		width:50%;
		height:auto;
		margin:0;
	}
	.main-navigation ul li a {
		width:100%;
		color: #fff;
	}
	.main-navigation ul ul{
		display:none !important;
	}
	.main-navigation ul li:hover ul{
		display:none !important;
	}
	.main-navigation ul ul li {
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid #FFFFFF;
	}
	.main-navigation ul ul li:first-child {
		padding-top: 10px 0;
	}
	.main-navigation ul ul a {
		width:auto;
	}
	.main-navigation ul ul ul {
		left:auto;
		top:auto;
	}
	
	.menu-primary-container{
		padding:0;
	}
	.menu-primary-container > ul > li > a {
		padding: 0 10px;
	}
	.menu-primary-container > ul > li:last-child {
		margin-right: 0;
	}
	
	.menu-primary-container > ul > li.current_page_item,
	.menu-primary-container > ul > li.current-menu-item{
		border-bottom-color: #fff;
		background-color:#8D2C3F;
	}
	.menu-primary-container > ul > li.current_page_item a,
	.menu-primary-container > ul > li.current-menu-item a{
		color: #fff;
	}
}

@media screen and (max-width:767px) {
	.main-navigation ul li {
		width:100%;
	}
}



/*************************************** HOVER ***************************************/
@media screen and (min-width:1025px) {
	.main-navigation ul li:hover > ul{
		left: auto;
	}
	.main-navigation ul ul li:hover > ul{
		left: 100%;
	}
	
	.menu-primary-container > ul > li:hover a {
		color: #64097F;
	}
	
	.menu-primary-container > ul > li:hover {
		border-bottom: 4px solid #7AB5DF;
	}
	.menu-primary-container > ul > li:hover a {
		color: #2b4252;
	}
	
	.main-navigation ul ul.sub-menu li a:hover {
		color:#2b4252;
	}
}



.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.txt-left {
	text-align: left;
}

.txt-right {
	text-align: right;
	float: right;
}

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

.txt-uppercase {
	text-transform: uppercase;
}

.txt-lowercase {
	text-transform: lowercase;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 0 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/* Child Pages */
.widget-title {
	background: url(img/arrow-right-dark.png) right center no-repeat;
	cursor: pointer;
	color: #444444;
	margin-bottom: 0.25em;
	font-size: 2em;
	font-family: 'Pathway Gothic One', sans-serif;
	text-transform: capitalize;
	font-weight: bold;
}
.widget-title.active {
	background: url(img/arrow-down-dark.png) right center no-repeat;
	color: #a5334b;
}

/* Newsletter */
.widget_tidionewsletterwidget .widget-title {
	display: none;
}

#sidebar {
	padding-right: 40px;
}

/*#sidebar .widget ul {
	padding-left: 0;
	margin: 15px 0 10px 0;
}
#sidebar .widget ul li {
	list-style: none;
	font-size: 1.2em;
	font-family: 'Varela Round', sans-serif;
}
#sidebar .widget ul li a {
	display: block;	
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	color: #454545;
}

#sidebar .widget ul li:hover a,
#sidebar .widget ul li.current_page_item a {
	color: #a5334b;
}*/

#sidebar  h2{
	color: #64097F;
}

#sidebar ul {
	padding-left: 0;
	margin: 15px 0 10px 0;
}
#sidebar ul li {
	list-style: none;
	font-size: 1.2em;
	font-family: 'Varela Round', sans-serif;
}
#sidebar ul li a {
	display: block;	
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	color: #454545;
}

#sidebar ul li:hover a,
#sidebar ul li.current_page_item a {
	color: #7ab5df;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*------------------------------------*\
##	Breadcrumbs
\*------------------------------------*/
.breadcrumb-trail{
	margin:10px 0;
}
.breadcrumb-trail .trail-browse {
	display: none!important;
	font-family: 'Varela Round', sans-serif;
}
.breadcrumb-trail span {
	text-transform: capitalize;
}
.breadcrumb-trail > .trail-items > li {
	font-size: 1em;
}
.breadcrumb-trail > .trail-items > li > span {
	color: #a5334b;
}
.breadcrumb-trail a {
	text-decoration: none;
}

@media screen and (max-width:999px){
	.breadcrumb-trail{
		margin:10px 20px;
	}
}

/*--------------------------------------------------------------
## Margin, Padding, Gaps
--------------------------------------------------------------*/

.padding-xs { padding: 0.625em; }
.padding-sm { padding: 1.250em; }
.padding-md { padding: 1.875em; }
.padding-lg { padding: 2.500em; }
.padding-xl { padding: 3.125em; }

.margin-xs { margin: 0.625em; }
.margin-sm { margin: 1.250em; }
.margin-md { margin: 1.875em; }
.margin-lg { margin: 2.500em; }
.margin-xl { margin: 3.125em; }

.gap-xs { height: 0.625em; }
.gap-sm { height: 1.250em; }
.gap-md { height: 1.875em; }
.gap-lg { height: 2.500em; }
.gap-xl { height: 3.125em; }

/*--------------------------------------------------------------
## Arrows
--------------------------------------------------------------*/

.arrow-up-white { background: url(img/arrow-up-white.png) center center no-repeat; width: 14px; height: 8px; display: inline-block; }
.arrow-down-white { background: url(img/arrow-down-white.png) center center no-repeat; width: 14px; height: 8px; display: inline-block; }
.arrow-left-white { background: url(img/arrow-left-white.png) center center no-repeat; width: 8px; height: 14px; display: inline-block; }
.arrow-right-white { background: url(img/arrow-right-white.png) center center no-repeat; width: 8px; height: 14px; display: inline-block; }

.arrow-up-dark { background: url(img/arrow-up-dark.png) center center no-repeat; width: 14px; height: 8px; display: inline-block; }
.arrow-down-dark { background: url(img/arrow-down-dark.png) center center no-repeat; width: 14px; height: 8px; display: inline-block; }
.arrow-left-dark { background: url(img/arrow-left-dark.png) center center no-repeat; width: 8px; height: 14px; display: inline-block; }
.arrow-right-dark { background: url(img/arrow-right-dark.png) center center no-repeat; width: 8px; height: 14px; display: inline-block; }

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;	
	border-left: 60px solid;
}
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid; 
}

/*--------------------------------------------------------------
## Misc Styles 
--------------------------------------------------------------*/

.two-column {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;	
	margin-bottom: 20px;
}
.three-column {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.relative { position: relative; }
.absolute { position: absolute; }

.curved-50 {
	moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.button-curved {
	padding: 3px 12px;
	color:#fff;
	font-size: 0.9em;
	text-decoration: none;
	moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	border-style: solid;
	border-width: 2px;
}

@media all and (min-width:1025px){
	.button-curved:hover{
		color:#2b4252;
	}
}


.block-title {
	padding: 7px 15px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 1.9em;
}



/*--------------------------------------------------------------
## STRUCTURE OVERRIDES
--------------------------------------------------------------*/

main{
	margin:0 0 50px;
}

/*.row{
	max-width:1000px;
}*/

@media screen and (max-width:999px){
	main .row{
		padding-left:20px;
		padding-right:20px;
	}
	
	body.home main .row{
		padding-left:0;
		padding-right:0;
	}
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Next and Previous Posts */

.nav-links a {
	 moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
	border-style: solid;
	border-width: 2px;
  padding: 10px 20px;
	font-size: 0.9em;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}
.nav-links a:hover {
	border-color: #e0662a;
	color: white;
	background: #e0662a	;
}
.nav-links .nav-previous {
	float: left;
	width: auto;
}
.nav-links .nav-next {
	float: right;
	width: auto;
}
.nav-links {
	margin-top: 20px;
}



/*--------------------------------------------------------------
## Site Grid
--------------------------------------------------------------*/

/* Col */
.col {
	padding: 0;
	position: relative;
	max-height:500px;
	/*height: 477px !important;*/
	/*overflow:hidden;*/
}
.col-blog {
	height: 313px!important;
}

/* Grid colours */
.dark {
	color: #616264!important;
} 
.light  {
	color: #FFFFFF!important;;
}

.col p {
	line-height: 1.2em;
}

/* Col Normal */
.grid .col-normal {
	padding: 50px;
	z-index:10;
}
.grid .col-blog {padding: 0;}

/* Col Normal Arrow */
.grid .col-normal .arrow-right {
	position: absolute;
	right: -60px;
	top: 50%;
	margin-top: -60px;
	z-index: 9999;
}

/* Col Slide */
.col-slide {
	z-index:9;
	overflow:hidden;
}

.col-slide .overlay{
	width: 100% !important;
	padding:0 10%;
	transition:transform .2s linear;
	-moz-transition:-moz-transform .2s linear;
	-webkit-transition:-webkit-transform .2s linear;
}

.col-slide-right .overlay{
	transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}

.col-slide-left .overlay{
	transform:translateX(100%);
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);
}

@media screen and (max-width:1024px){
	.col-slide .overlay{
		font-size:0.9em;
	}
}

@media screen and (max-width:950px){
	.col-slide .overlay{
		font-size:0.85em;
	}
}

@media screen and (max-width:767px){
	.col-slide-right .overlay,
	.col-slide-left .overlay{
		transform:translateX(0) !important;
		-moz-transform:translateX(0) !important;
		-webkit-transform:translateX(0) !important;
	}
}

.col-slide.col-slide-left .overlay {
	/*margin-left: 100%;*/
}

.grid .col-slide img {
	width: 100%;
}

/*------------------------------------*\
##	Extra Page
\*------------------------------------*/

.extraWrapper{
	float:left;
	width:100%;
	margin-bottom:40px;
}

.extraIntro{
	width:100%;
}

.extraForm{
	width:100%;
	float: left;
	margin-bottom: 30px;
}

.extraForm div.wpcf7{
	float:left;
	width:50%;
	max-width:none;
}

.extraForm .extraDisc{
	width:44%;
	float: left;
	padding-left: 5%;
}

@media screen and (max-width:1023px){
	.extraForm div.wpcf7,
	.extraForm .extraDisc{
		width:100%;
		margin-bottom:20px;
	}
}



/**************** FULL WIDTH HEADER IMAGE OVERRIDES *******************/

.grid-header-full-width-image{
	position:relative;
}

.grid-header-full-width-image .left{
	padding:0;
}

.grid-header-full-width-image .left span{
	float:left;
	padding:15px 30px;
	/* NEW */
	position:absolute;
	top:70px;
}

.grid-header-full-width-image .left span h1{
	
}

.grid-header-full-width-image .right{
	width:100%;
	position:absolute;
}

@media screen and (max-width:767px){
	.grid-header-full-width-image .left span{
		position:relative;
		top:auto;
		float:none;
		padding:0;
	}
}



/* Vertical Centre */
.center-outer {
	display: table;	
	width: 100%;
	height: 100%;
}
.center-inner {
	display: table-cell;
  	vertical-align: middle;
  	padding: 0 40px;
}

.center-inner h1{
	margin:0;
	font-size:4em;
}

.center-inner h1 span{
	font-weight:100;
}


@media screen and (max-width:999px){
	.center-inner h1{
		font-size:3em;
	}
	
	.center-inner h1 span{
		
	}
}

@media screen and (max-width:767px){
	.center-inner h1{
		font-size:2.5em;
	}
	
	.center-inner h1 span{
		
	}
}



/* Col Overlay */
.overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 0;
	height: 100%;
	overflow: hidden;
}
.page-template-template-product .overlay {
	display: none;
}


/*.product-container {
	margin-bottom: 10px;
}*/
.grid .product-item a {
	/*padding: 33.33% 1.5%;*/
	display: block;
}
.grid .product-item h3 {
	font-size: 2.6em!important;
	text-transform: uppercase;
	margin: 0;
}




@media only screen and (max-width: 767px) { 
	.grid .product-item a {
		padding: 20% 1.5%;
	}

	/* Col */
	.col {
		height: auto!important;
	}

	.grid .col-normal {
		padding: 0;
	}

	/* Vertical Centre */
	.center-inner {
		width: 90%;
	  	padding: 1.875em;
		text-align: center;
	}
	.center-inner h1 {
		margin: 0;
		text-align: center;
	}
	.center-inner p,
	.center-inner h5 {
		color: black;
	}

	/* Underlay */
	.underlay {
		display: none;
	}

	/* Overlay */
	.overlay {
		display: block;
		width: 100%!important;
		position: relative!important;
		background: white!important;
	}
	.overlay .light {
		color: black!important;
	}
	.page-template-template-category .overlay {
		display: none;
	}
	.col-slide.col-slide-left .overlay {
		margin-left: 0%!important;
	}

}



/*--------------------------------------------------------------
## Related Products Widget
--------------------------------------------------------------*/

.related-product-item {
	padding:0 10px 20px;
}
.related-product-item-link{
	float:left;
	width:100%;
	text-decoration:none;
}
.related-product-item-link:hover{
	box-shadow:4px 4px 4px #666;
}
.related-product-title {
	position: relative;
}
.related-product-title h3 {
	padding: 5px 15px;
	text-transform: capitalize;
	color: #FFFFFF;
	font-size: 1.3em;
	margin: 0;
	text-decoration:none;
}
.related-product-title h3 a {
	text-decoration: none;
	color: white;
}
.related-product-image {
	
}
.related-product-image a{
	
}
.related-product-title .arrow-down {
	position: absolute;
	left: 50%;
	margin-left: -30px;
}



/*--------------------------------------------------------------
## Site Branding
--------------------------------------------------------------*/

.site-branding{
	
}

.site-branding .site-title{
	width:auto;
}

.site-branding .site-title a{
	float:left;
	width:151px;
	margin:20px auto;
}

.site-branding .header-title {
	margin: 23px 0 0;
	color: #85898B;
}

.site-branding .header-title a{
	text-decoration:none;
}

/*.site-branding .header-title strong {
	color:#2b4252;
}*/

.site-branding .site-social{
	float:right;
}

.site-social .header-social-icons {
	float: right;
	background: #e6e7e8;
	padding: 15px 5px 15px 5px;
}
.site-social .header-social-icons a {
	padding: 0 15px;
	display: inline-block;
	/*border-right: 1px solid #000;*/
}
.site-social .header-social-icons a:last-child {
	border: none;
}

.site-social .header-social-icons .header-client-services{
	text-decoration:none;
}

@media only screen and (max-width:1023px) {
	.site-branding .site-title a{
		margin:20px;
	}
	.site-branding .header-title {
		margin: 23px 10px 0 0;
	}
}

@media only screen and (max-width:767px) { 
	.site-branding .header-title {
		font-size:1.5rem;
	}
	
	.site-branding .site-social {
		width:280px;
	}
	.site-branding .header-title {
		margin:25px 10px 0 0;
	}
}

@media only screen and (max-width:479px) { 
	.site-branding .site-title {
		text-align: center;
	}
	.site-branding .site-title a{
		float:none;
		display:block;
		margin:20px auto;
	}
	.site-branding .site-social {
		width:100%;
		text-align: center;
	}
	.site-branding .header-social-icons {
		float: none;
		margin: 0 auto;
		display: block;
	}
	.site-branding .header-title {
		margin: 10px 0;
		padding:0 10px;
		font-size:1.4rem;
	}
}

/* HOVER */
@media only screen and (min-width:1025px) {
	.site-branding .header-title a:hover strong{
		color:#a5334b;
	}
}




/*--------------------------------------------------------------
## Site Footer
--------------------------------------------------------------*/

.site-footer {
	border-top:15px solid #64097F;
	padding:50px 0;
	background:#414141;
}
.site-footer * {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.footer-column{
	margin:0 0 40px;
}
.footer-column-wording{
	width:100%;
	text-align:center;
}
.site-footer ul li {
	font-size: 1em;
}
.site-footer ul li a {
	border: none;
	padding: 0;
	color: #FFF;
	font-size: 0.8em;
	text-transform: capitalize;
	line-height: 1em;
}
.site-footer .widget ul li a:hover,
.site-footer .widget ul li.current_page_item a {
	color: #FD654C;
}
.site-footer ul {
	margin: 0;
}
.site-footer aside {
	padding: 0;
}
.site-footer h4 {
	color: #FFF;
	font-size:1rem;
}
.site-footer p {
	color: #FFF;
	font-size: 0.8em;
}
.site-footer p:last-child {
	margin-bottom: 0;
}
.site-footer a {
	text-decoration: none;
}

#footerLogin{
	color: #fff;
	padding-top: 2px;
}


/***** NEWSLETTER *****/

.footer-newsletter form{
	
}

.footer-newsletter form input[type=email],
.footer-newsletter form input[type=text]{
	max-width:250px;
	padding:7px 15px;
	margin:0 0 20px;
	background:none;
	border:3px solid #fff;
	color:#fff;
	text-align:left !important;
	font-size:0.9rem;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	float: left;
}

.footer-newsletter form button[type=submit],
.footer-newsletter form input[type=submit]{
	float: left;
	padding:5px 10px;
	background:#fff;
	border:3px solid #fff;
	color:#404040;
	font-family:"Pathway Gothic One",sans-serif;
	font-size:1.1rem;
	text-transform:uppercase;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	margin: 0px 10px;
}

@media screen and (min-width:1025px){
	.footer-newsletter form button[type=submit]:hover,
	.footer-newsletter form input[type=submit]:hover{
		color:#5bc2a5;
	}
}

@media screen and (max-width:999px){
	.footer-newsletter form input[type=email],
	.footer-newsletter form input[type=text]{
		max-width:none;
	}
}

@media screen and (max-width:479px){
	.footer-newsletter form input[type=email],
	.footer-newsletter form input[type=text]{
		max-width:300px;
	}
	
	.footer-newsletter form button[type=submit],
	.footer-newsletter form input[type=submit]{
		float:none;
		display:block;
		margin:0 auto;
	}
}



/***** SOCIAL ICONS *****/

.social-icons-wrapper{
	float:left;
	width:100%;
	margin:0 0 20px;
}
.social-icons{
	float:right;
}
.social-icons a {
	float:left;
	padding:10px 14px;
	border-right:1px solid #fff;
}
.social-icons a:last-child {
	padding-right: 0;
	border-right:none;
}
.social-icons img {
	
}

@media screen and (max-width:479px){
	.social-icons{
		float:none;
		display:block;
		width:85px;
		margin:0 auto;
	}
	
	.social-icons a:last-child{
		padding:10px 14px;
	}
}



/***** PARTNER ICONS *****/

.partner-icons a {
	display: inline-block;
	padding: 0 10px;
}
.partner-icons .icon-biba {
	
}



@media only screen and (max-width: 999px) { 
	.site-footer{
		padding:50px 10px;
	}
}

@media only screen and (max-width: 767px) { 
	.two-column {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
    	-moz-column-count: 1; /* Firefox */
    	column-count: 1;		
	}
	.partner-icons {
		text-align: center;
	}
}

@media only screen and (max-width: 479px) { 
	.cute-4-desktop *,
	.cute-8-desktop * {
		text-align: center!important;
	}
	#sidebar * {
		text-align: left!important;
	}
	.widget_newsletterwidget {
		width: 70%!important;
		margin: 0 auto;
	}
	/*
	.partner-icons .icon-biba {
		margin-right: 0;		
		display: block;
	}
	*/
}



/* ============================================================
  Background, Font Colours Etc...
============================================================ */

.bg-white { background-color: #ffffff }
.bg-black { background-color: #000000 }

.bg-darkblue { background: #2B4252; }
.bg-pink { background: #FF8671; }
.bg-lightblue { background: #27AAE1; }
.bg-lightgreen { background: #5BC2A5; }
.bg-mint{ background:#00BBC6; }
.bg-green { background: #3FD5AE; }
.bg-darkorange { background: #FF5000; }
.bg-lightorange { background: #E67E3C; }
.bg-orange { background: #ff5000; }
.bg-offwhite { background: #f8f8f8; }

.txt-white { color: #FFFFFF; }
.txt-black { color: #333; }
.txt-brown { color: #A5334B!important; }
.txt-lightgrey { color: #D6D6D6; }
.txt-pink { color: #FF8671!important; }
.txt-lightgreen { color: #5BC2A5!important; }

/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module.parallax {
  height: 400px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 400px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-1 {
  background-image: url("http://lorempixel.com/1900/1000/sports/4");
}
section.module.parallax-2 {
  background-image: url("http://lorempixel.com/1900/1000/animals/2");
}
section.module.parallax-3 {
  background-image: url("http://lorempixel.com/1900/1000/asnimals/3");
}

/*------------------------------------*\
    QUOTE CONTAINER
\*------------------------------------*/

.quote-container {

}
.quote-container h2 {
	font-size: 2.2em;
	position: relative;
	padding: 0 75px;	
}
.quote-container .open-speech {
	width: 50px;
	height: 54px;
	background: url(img/speech-mark-open.png) top left no-repeat;
	position: absolute;
	top: -30px;
	left: 0px; 
}
.quote-container .close-speech {
	width: 50px;
	height: 54px;
	background: url(img/speech-mark-close.png) top left no-repeat;
	position: absolute;
	bottom: -15px;
	right: 	0px; 
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/**************************************************************************************
##                                 PAGE SPECIFIC STYLING
***************************************************************************************/

/*--------------------------------------------------------------
## HOME PAGE
--------------------------------------------------------------*/

/***** Our Services *****/

.grid-home-our-services a{
	color:#ff8671;
}

/*@media screen and (max-width:767px){
	.grid-home-our-services a{
		color:#000;
	}
}*/

@media screen and (min-width:1025px){
	.grid-home-our-services a:hover{
		color:#a5334b;
	}
}



/***** Social row *****/

.grid-home-social h1{
	font-size:3rem;
}

.grid-home-social h1 a{
	color:#a5334b;
	text-decoration:none;
}

@media screen and (max-width:767px){
	.grid-home-social h1{
		font-size:2.6rem;
	}
}

@media screen and (max-width:999px){
	.grid-home-social h1{
		font-size:2.8rem;
	}
}

@media screen and (min-width:1025px){
	.grid-home-social h1 a:hover{
		color:#4e69b2;
	}
}



/***** Latest Tweets *****/

.twitter-container {
	padding: 50px 90px;
}

.twitter-header{
	float:left;
	width:100%;
	margin:0 0 5px;
}

.twitter-header span{
	float:left;
	margin:0 4px 0 0;
}

.twitter-header .tweet-username-icon{
	margin:3px 4px 0 0;
}

.twitter-title {
	padding-bottom: 10px;
	border-bottom: 4px solid white;
}

.twitter-title{
	float:left;
	width:100%;
}

.twitter-title-wrapper{
	display:block;
	max-width:270px;
	margin:0 auto;
	overflow:hidden;
}

.twitter-title img,
.twitter-title span{
	float:left;
}

.twitter-title img{
	margin:0 10px 0 0;
}

.tweet {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid white;
}
.tweet p {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 2px;
}

.twitter-container .button-curved{
	color:#fff;
}

@media only screen and (min-width:1025px) { 
	.twitter-container .button-curved:hover{
		color:#2b4252;
	}		
}
		
@media only screen and (max-width: 999px) { 
	.twitter-container {
		padding: 40px 30px;
	}		
}


							
/***** Latest blog *****/
								
.blog-container {
	padding: 50px 90px;
}
								
.latest-blog-title {
	padding-bottom: 10px;
	border-bottom: 4px solid #A5334B;
}
.latest-blog-item {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.latest-blog-item h3 {
	margin-top: 10px;
	margin-bottom: 0;
	font-family:"Nunito",sans-serif;
	font-size:0.8rem;
}
.latest-blog-item p {
	color: #515151;
	font-size: 0.8em;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.latest-blog-item-link {
	color: #A5334B;
	text-decoration: none;
}

@media only screen and (max-width: 999px) { 
	.blog-container {
		padding: 40px 30px;
	}		
}

@media only screen and (min-width: 1025px) { 
	.latest-blog-item-link:hover {
		text-decoration:underline;
	}
}



/***** Testimonials *****/

.grid-home-testimonials h1{
	font-size:3.2rem;
}

@media only screen and (max-width:959px) { 
	.grid-home-testimonials h1{
		font-size:2.5rem;
	}	
}

@media only screen and (max-width:767px) { 
	.grid-home-testimonials h1{
		font-size:2.7rem;
	}	
}

@media only screen and (max-width:479px) { 
	.grid-home-testimonials h1{
		font-size:2.2rem;
	}
	
	.grid-home-testimonials h5{
		font-size:0.85rem;
	}
}



/*--------------------------------------------------------------
## CATEGORY PAGE
--------------------------------------------------------------*/

.category-body{
	margin:20px auto 50px;
}



/*--------------------------------------------------------------
## PRODUCT PAGE
--------------------------------------------------------------*/

@media screen and (max-width:767px){
	.page-template-template-product #sidebar{
		display:none;
	}
}

/*------Added quote button top-----*/

.prodTop{
	float: left;
	width: 100%;
}

.prodTop .get-a-quote-link{
	float: left;
}

.prodLower{
	float: left;
	width: 100%;
}

/*------------*/

.get-a-quote-link{
	float:left;
	padding:7px 13px;
	margin: 10px;
	background:#64097F;
	color:#fff !important;
	font-family:"Pathway Gothic One",sans-serif;
	font-size:1.3rem;
	text-transform:uppercase;
	text-decoration:none;
}

@media screen and (min-width:1025px){
	.get-a-quote-link:hover{
		background:#414141;
	}
}



/*--------------------------------------------------------------
## CONTACT US PAGE
--------------------------------------------------------------*/

.left-content-contact h3{
	margin:0 0 5px;
	padding:3px 20px;
	font-size:2em;
}

.left-content-contact #contact-form{
	padding:0;
	background:none;
}

.left-content-contact #contact-form .form-row{
	margin:0;
}

.left-content-contact #contact-form .form-row input[type=text],
.left-content-contact #contact-form .form-row input[type=email],
.left-content-contact #contact-form .form-row textarea,
.left-content-contact #contact-form .form-row select{
	padding:3px 19px;
	margin:0 0 5px;
	background:#7B7C7F;
	border:none;
	color:#fff;
	font-family:"Pathway Gothic One",sans-serif;
	font-size:1.6rem;
	text-transform:uppercase;
}

.left-content-contact #contact-form .form-row input[type=text]::placeholder,
.left-content-contact #contact-form .form-row input[type=email]::placeholder,
.left-content-contact #contact-form .form-row textarea::placeholder,
.left-content-contact #contact-form .form-row select::placeholder{
	color:#fff;
}

.left-content-contact #contact-form .form-row select{
	padding:3px 16px;
	background:url(img/arrow-right-white.png) no-repeat 95% 50% #7B7C7F;
	-webkit-appearance: none;
   	-moz-appearance: none;
   	appearance: none;
}

.left-content-contact #contact-form .form-row select::-ms-expand { /* for IE 11 */
    display: none;
}

.left-content-contact #contact-form .form-row select option{
	padding:3px 17px;
}

.left-content-contact #contact-form .form-row .wpcf7-not-valid{
	margin:0;
}

.left-content-contact #contact-form .wpcf7-not-valid-tip{
	margin:0 0 10px;
}

.left-content-contact #contact-form .wpcf7-submit{
	background-color:#52c0b8;
	font-family:"Pathway Gothic One",sans-serif;
	font-size:1.6rem;
}

.sensitive-data{
	float:left;
	width:100%;
	margin:20px 0 0;
	color:#444444;
}

.right-content-contact{
	padding-left:30px;
}

@media screen and (max-width:959px){
	.right-content-contact{
		padding-left:0;
		margin:0 0 40px
	}
}



/*--------------------------------------------------------------
## BLOG
--------------------------------------------------------------*/

body.blog main .blog-content{
	padding:0;
}

#blog-index{
	
}

#blog-index .blog-index-article-wrapper{
	margin:0;
	padding:0;
}

#blog-index .blog-index-article-wrapper .col-blog-link{
	text-decoration:none;
}

#blog-index .blog-index-article-wrapper .blog-article-title-wrapper{
	padding:30px;
}

#blog-index .blog-index-article-wrapper .blog-article-title-wrapper h2{
	margin:0;
}

#blog-index .col-slide .overlay .center-inner{
	padding:0;
}

#blog-index .col-slide .overlay .center-inner a{
	color:#fff;
}

@media screen and (max-width:767px){
	#blog-index .col-slide .overlay{
		padding:30px;
	}
}

@media screen and (min-width:1025px){
	#blog-index .col-slide .overlay .center-inner a:hover{
		color:#a5334b;
	}
}



/*--------------------------------------------------------------
## REVIEWS PAGE
--------------------------------------------------------------*/

#row-reviews-content{
	padding:0;
}

main .row .grid-reviews{
	padding:0;
	margin:0;
}

.grid-reviews .col{
	padding:30px;
}

.grid-reviews .col p{
	color:#fff;
}

@media screen and (max-width:479px){
	.grid-reviews .col .center-inner{
		padding:0;
	}
}



/*--------------------------------------------------------------
## MEET THE TEAM
--------------------------------------------------------------*/

.person-item-wrapper{
	height:300px;
}

.person-item-image a{
	width:100%;
}

.person-item-image a img{
	width:180px;
	margin:0 auto;
}

.person-item-title h2 {
	margin: 10px 0 0 0;
	font-size: 1.6em;
	font-family: "Pathway Gothic One",sans-serif;
	color:#2b4252;
}

.person-item-title h3 {
	margin:0;
	font-family: "Pathway Gothic One",sans-serif;
}



/*--------------------------------------------------------------
## REVIEWS
--------------------------------------------------------------*/

#reviews-wrapper{
	
}

#reviews-wrapper .grid-reviews{
	margin:0 0 50px;
}

#reviews-wrapper .grid-reviews p{
	color:#404040;
}

#reviews-wrapper .grid-reviews a{
	color:#fff;
}



/*--------------------------------------------------------------
## OTHER
--------------------------------------------------------------*/

/* EXTRAS PAGE CLIENT SERVICES PORTAL LOGIN */

a.client-login-button{
	/*float:left;*/
	padding:5px 20px;
	margin-left:20px;
	background-color:#547688;
	color:#fff;
	text-decoration:none;
}

@media screen and (min-width:1025px){
	a.client-login-button:hover{
		background-color:#666;
	}
}

a.client-login-button-skip-down{
	cursor:pointer;
}

@media screen and (max-width:479px){
	a.client-login-button{
		display:block;
		width:90px;
		margin-top:10px;
		margin-left:0;
		text-align:center;
	}
	
	a.client-login-button-skip-down{
		display:block;
		clear:both;
		width:100px;
		margin-top:10px;
	}
}



/*--------------------------------------------------------------
## TRIANGLES
--------------------------------------------------------------*/

.triangle{
	position:absolute;
	top:50%;
	
	width:50px;
	height:100px;
	transition: margin .3s linear;
}

.triangle-right{
	left:0;
	margin:-50px 0 0 -50px;
}

.triangle-left{
	right:0;
	margin:-50px -50px 0 0;
}

/*--------------------------------------------------------------
## ADDED IN
--------------------------------------------------------------*/
.site-branding .site-logo {
    margin-top: 10px;
}

@media screen and (min-width:480px) and (max-width:559px){
	.site-branding .site-logo{
		float:left;
		width:auto;
	}
}

@media screen and (max-width:479px){
	.site-branding .site-logo a{
		display:block;
		float:none;
		width:132px;
		margin:0 auto;
	}
}

/*.bg-default-1 {
    background-image: linear-gradient( to right, #7FC5CF, #64097F 50% );
}*/

.site-branding .header-title .headLink .txt-purple-1:hover{
	color: #7AB5DF;
}

.center-inner p{
	font-size: 0.9em;
}

.execphpwidget p{
	text-align: center;
}

/*.extraForm{
	max-width: 600px;
	font-style: normal;
	width: 100%;
	margin-bottom: 10px;
}*/

.height100{
	height:100%;
}

@media screen and (max-width:767px){
	.triangle-left{
		display: none;
	}
}


/*--------- HOW IT WORKS ----------*/

.how-it-works-holder{ position: relative; float: left; width: 100%; margin-bottom: 40px; }
.how-it-works-header{ float: left; width: 100%; position: relative; margin-bottom: 75px; }
.how-it-works-header p{ font-family: 'Pathway Gothic One', sans-serif; color: #787878; text-transform: uppercase; font-size: 2rem; background-color: #fff; padding: 0 15px; width: 170px; float: none; margin: 0 auto; }
.how-it-works-header .dark-grey-line{ width: 100%; height: 2px; background-color: #787878; position: absolute; top: 50%; z-index: -1; }

.hiw-column{ float: left; width: 33.33%; padding: 0 30px; margin-top: 75px; position: relative; min-height: 155px; }
.hiw-column:nth-of-type(2){ border-left: 1px solid #787878; border-right: 1px solid #787878; }
.hiw-number{ position: absolute; top: -105px; left: calc(50% - 37.5px); width: 75px; height: 75px; background-color: #787878; border-radius: 50%; }
.hiw-number p{ text-align: center; color: #fff; margin-top: 15px; font-size: 2rem; margin-bottom: 0; }

@media screen and (max-width:767px){
	.how-it-works-header{ width: 70%; margin: 0px auto 60px; float: none; }
	.hiw-column{ width: 100%; padding: 0 30px 0 80px; margin-top: 0; min-height: 80px; }
	.hiw-number{ top: -12px; left: 15px; width: 50px; height: 50px; }
	.hiw-number p{ margin-top: 10px; font-size: 1.25rem; }
}









/* ============================================================
  Background, Font Colours Etc...
============================================================ */

.bg-white { background-color: #ffffff; }
.bg-black { background-color: #000000; }

.bg-grey-1 { background: #909090; }
.bg-grey-2 { background: #707070; }
.bg-grey-3 { background: #505050; }
.bg-grey-4 { background: #303030; }

.bg-blue-1 { background: #7FC5CF; }
.bg-blue-2 { background: #7AB5DF; }
.bg-blue-3 { background: #1BADCF;  }
.bg-blue-4 { background: #52C0B8; }

.bg-green-1 { background: #8FDDB1; }
.bg-purple-1 { background: #64097F; }

.bg-default-1 {
  background-image:
    linear-gradient(
      to right, 
      #7FC5CF, #64097F 50%
    );
}
.bg-default {
  background-image:
    linear-gradient(
      to right, 
      #7FC5CF, #64097F
    );
}

.txt-white { color: #ffffff; }
.txt-black { color: #000000; }

.txt-grey-1 { color: #909090; }
.txt-grey-2 { color: #707070; }
.txt-grey-3 { color: #505050; }
.txt-grey-4 { color: #303030; }

.txt-blue-1 { color: #7FC5CF; }
.txt-blue-2 { color: #7AB5DF; }
.txt-blue-3 { color: #1BADCF;  }
.txt-blue-4 { color: #52C0B8; }

.txt-green-1 { color: #8FDDB1; }
.txt-purple-1 { color: #64097F; }





#gdpr *{  }
#gdpr p{  }
#gdpr a{  }
#gdpr li{ line-height:160%; }
#gdpr table{ width:100%; }
#gdpr table{ margin-bottom:20px; border-collapse:collapse; }
#gdpr table tr{  }
#gdpr table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; }
#gdpr table th p{ color:#fff !important; }
#gdpr table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
#gdpr table p{ padding:0; margin:0; line-height: 160%; }