/*
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: 'Signika', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; 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,
a:focus { 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 { 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; }

div.wpcf7-response-output{ position: absolute; bottom: -11px; }

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

h1,
h2,
h3,
h4,
h5,
h6 { float:left; width:100%; clear: both; font-weight: 400; }

h1 { color: rgb(1, 39, 81); text-transform: uppercase; font-weight: 600; font-size: 1.75rem; text-align: center; margin-bottom: 40px; }
h3{ text-align: center; margin-bottom: 25px; color: #044B99; font-size: 1.25rem; letter-spacing: 1px; text-transform: uppercase; }
h4{ color: #044B99; font-size: 0.9rem; font-weight: 600; text-transform: uppercase; text-align: left; margin: 15px 0 5px; }
p { float:left; width:100%; margin-bottom: 1.5em; font-weight: 100; font-size: 1.15rem; line-height: 170%; }
a { color: #009CD7; text-decoration:none; cursor:pointer; }

a:hover,
a:focus,
a:active { text-decoration:underline; }

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

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

blockquote { margin: 0 1.5em; }
address { margin: 0 0 1.5em; }
pre { background: #eee; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code,
kbd,
tt,
var { font-size: 15px; }

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

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

big { font-size: 125%; }


/*---------------------
       FORMATS
----------------------*/

.hero-heading{  }
.section-heading{ margin-bottom: 25px; color: #044B99; font-size: 1.25rem; letter-spacing: 1px; font-weight: 400; }
.sub-heading{ text-transform: uppercase; color: rgb(4, 75, 153); font-weight: 600; margin-bottom: 30px; letter-spacing: 1px; }
.highlighted-text-large{ color: #044B99; font-size: 1.45rem; line-height: 150%; }
.highlighted-text-small{ color: #044B99; font-size: 0.95rem; line-height: 200%; }
.body-text-large{ font-size: 1.45rem; line-height: 150%; }
.body-text-small{ font-size:0.95rem; line-height: 200%; }

@media (max-width: 768px) {
	.highlighted-text-large{ font-size: 1.2rem; line-height: 128%; }
	.body-text-large{ font-size: 1.2rem; }
}

.video-section .product-section-top{ display: flex; align-content: center; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }
body { background: #fff; /* Fallback for when there is no custom background color defined. */ }
.main-wrapper{ padding: 50px; position: relative; overflow: hidden; }

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

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

hr { border: 0; height: 1px; margin: 0.625em; }

ul,
ol { float:left; width:100%; margin: 0 0 1.5em 1.25em; }

ul { list-style: disc; }
main ul{ font-weight:100; }
ol { list-style: decimal; }

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

dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }
img { display:block; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }
table { margin: 0 0 1.5em; width: 100%; }

@media (max-width: 768px) {
	.main-wrapper{ padding: 25px; }
}
@media (max-width: 480px) {
	.main-wrapper{ padding: 0; overflow: inherit; }
}

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

.form-row { margin: 1em 0; }
label { display: block; }

form button,
input[type="button"],
input[type="reset"],
input[type="submit"] { float:right; padding:3px 30px 3px 15px; border:none; text-transform:uppercase; font-size: 0.9rem; font-weight:bold; }

form button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {  }

form button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
form button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {  }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea { width: 100%; padding:5px 10px; margin:0 0 10px; border:none; font-size:0.9rem; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus { outline: none; }

textarea { float:left; min-width: 100%; max-width: 100%; height:100px; min-height:100px; max-height:300px; }
p.sensitive-data{ font-size:0.85rem; }

@media screen and (max-width:480px){
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="date"],
	input[type="password"],
	input[type="search"],
	textarea{ font-size: 16px; }
}


/***** OVERRIDES FROM CONTACT FORM PLUGIN *****/

.wpcf7-form{ float:left; width:100%; }
span.wpcf7-form-control-wrap{ float:left; width:100%; }

input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
textarea.wpcf7-not-valid{ margin:0; }

span.wpcf7-not-valid-tip{ float:left; width:100%; margin:0 0 10px; }
div.wpcf7-validation-errors{ float:left; padding:0; margin:10px 0; color:#f00; border:none; font-size:0.9rem; }


/*--- New Form ---*/
.form-row{ float: left; width: 100%; margin: 0 0 10px 0; }
.form-row p{ margin-bottom: 0; }
.form-row .form-half-row{ float: left; width: 48%; }
.form-row .form-half-row:first-of-type{ margin-right: 4%; }

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row textarea{ border: 1px solid #ABACAF; }

.form-row input[type="text"]:focus,
.form-row input[type="tel"]:focus,
.form-row input[type="email"]:focus,
.form-row textarea:focus{ border: 1px solid #009CD7; }

input[type="submit"]{ background-color: #009cd7; padding: 8px 40px; color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; }
input[type="submit"]:hover{ background-color: #044B99; }


/*--------------------------------------------------------------
# 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. */ }



/*--------------------------------------------------------------
# ALLOW FOR CENTRE VERTICAL ALIGN
--------------------------------------------------------------*/
.center-outer{ display:table; height:100%; width:100%; }
.center-inner{ display:table-cell; vertical-align:middle; }



/*--------------------------------------------------------------
# APPEAR ON START OR SCROLL
--------------------------------------------------------------*/
.appear{ position:relative; top:-30px; opacity:0; transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; }



/*--------------------------------------------------------------
# EXTRA CLASSES
--------------------------------------------------------------*/

.margin-20{margin-bottom:20px;}
.margin-30{margin-bottom:30px;}
.margin-50{margin-bottom:50px;}
.margin-70{margin-bottom:70px;}

.vertical-padding-30{ padding: 30px 0;}
.vertical-padding-40{ padding: 40px 0;}
.vertical-padding-50{ padding: 50px 0;}
.vertical-padding-75{ padding: 75px 0;}
.vertical-padding-100{ padding: 100px 0;}

.bottom-padding-30{ padding-bottom: 30px;}
.bottom-padding-40{ padding-bottom: 40px;}
.bottom-padding-50{ padding-bottom: 50px;}
.bottom-padding-75{ padding-bottom: 75px;}
.bottom-padding-100{ padding-bottom: 100px;}

@media screen and (max-width: 768px){
	.vertical-padding-50{ padding: 25px 0; }
	.vertical-padding-100{ padding: 50px 0;}
	
	.bottom-padding-50{ padding-bottom: 25px; }
}

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

/*WHITE BUTTON HOME*/
.white-nobg-button{ display: block; text-align: center; color: #fff; padding: 10px 30px; border: 2px solid #fff; margin: 40px auto 0px; font-weight: 600; width: 180px; }
.white-nobg-button:hover{ background: #fff; color: #009DD8; text-decoration: none; }


/*--------------------------------------------------------------
# Structural
--------------------------------------------------------------*/
main{ float:left; width:100%; /*padding-top:30px;*/ }
.full-width{ float:left; width:100%; }
.content-width{ display:block; margin:0 auto; }
.content-width-inner{ max-width:920px; }
.content-width-outer{ max-width:1024px; }
.content-width-1300{ max-width:1300px; }
.content-relative{ position:relative; }
.left-content{ float:left; width:20%; }
.right-content{ float:right; width:75%; }

@media screen and (max-width:939px){
	main .content-width-inner,
	main .content-width-outer{ padding:0 2%; }
}

@media screen and (max-width:768px){
	.left-content{ width:100%; margin:0 0 50px; }
	.right-content{ width:100%; }
}



/*--------------------------------------------------------------
# RE-USED ELEMENTS THAT ARE OVERRIDDEN INDIVUDALLY
--------------------------------------------------------------*/

/*--------------------------
# SOCIAL ICONS
---------------------------*/
.social-wrapper ul{ margin:0; list-style:none; }
.social-wrapper ul li a{ float:left; width:23px; height:22px; margin:0 3px; background-image:url(img/icons/social-icons.png); background-repeat:no-repeat; text-indent:-5000px; }
.social-wrapper ul li a.social-linkedin{ background-position:0 0; }
.social-wrapper ul li a.social-twitter{ background-position:-29px 0; }
.social-wrapper ul li a.social-facebook{ background-position:-57px 0; }



/*--------------------------
# BREADCRUMB TRAIL
---------------------------*/
#breadcrumb-wrapper{ float:left; width:100%; }
#breadcrumb-wrapper nav{ float:left; }
#breadcrumb-wrapper span{ padding:0 3px; }
#breadcrumb-wrapper span:first-of-type{ padding-left:0; }
#breadcrumb-wrapper span a{  }
#breadcrumb-wrapper span > span{  }

@media screen and (min-width:1025px){
	#breadcrumb-wrapper span a:hover{  }
}



/*--------------------------
# SIDEBAR
---------------------------*/
.sidebar{ /*width:20%;*/ }
.sidebar ul{ float:left; width:100%; list-style:none; margin:0; }
.sidebar ul li{ width:auto; padding:0 0 0 20px; margin:0 0 8px; clear:both; }
.sidebar ul li a{ float:left; padding:1px 0; font-size:0.9rem; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
.sidebar ul li.current-menu-item{ background:url(img/assets/sidebar-menu-item-left.jpg) no-repeat 0 0 #e0144c; background-size:contain; }
.sidebar ul li.current-menu-item a{ padding:1px 23px 1px 0; background:url(img/assets/sidebar-menu-item-right.jpg) no-repeat 100% 0 #e0144c; background-size:contain; color:#fff; }

@media screen and (max-width:768px){
	.sidebar ul li{ clear:none; min-width:15%; margin:0 0 15px; text-align:center; }
	.sidebar ul li a{ width:100%; }
}



/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/

header{ padding: 50px; transition: margin-top 0.5s; }
header.search-active{ margin-top: 35px; }

/*---------Info. Logo. Social----------*/
.header-col{ /*width: 341.3px;*/ float: left; }

@media screen and (max-width:345px){
	.header-col{ width: 320px; }
}

.header-info{ padding-top: 40px; }
.header-info p img{ float:left; margin-right:10px; }
.header-info p{ margin-bottom: 5px; color: #044B99; }
.header-info a{ color: #044B99; }
.header-info a:hover{ color: #009BD7; text-decoration: none; }
.header-info span{ color: #009BD7; }
#logo{ float: left; background: url("img/park-svg-logo.svg") no-repeat 0 0; width: 180px; background-size: contain; transition: all 0.5s; margin-top: 0px; }
#logo h1{ text-indent: -5000px; margin-bottom: 0; }
#logo h1 a{ height: 55px; display: block; }
#logo-resp h1{ text-indent: -5000px; margin-bottom: 0; }
#logo-resp h1 a{ height: 100px; display: block; }


.main-nav-icons{ position: absolute; right: 3%; top: 40px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.header-icon{ float: left; width: 17px; margin: 0 7px; }
.header-icon:hover{ cursor: pointer; }

.slide-down-search{ position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; background-color: #fff; height: 0px; float: left; transition: all 0.5s; z-index: 500; }
.slide-down-search.search-active{ height: 35px; border-bottom: 1px solid #009CD7; }

.slide-down-search form{ width: 80%; }
.slide-down-search input[type="search"]{ padding: 7px 3%; font-size: 0.85rem; border: none; color: #002E5A; letter-spacing: 1px; }

.telephone-holder{ position: absolute; top: 5px; right: 3%; }
.telephone-holder a{ font-size: 0.95rem; }

header.search-active .main-nav-icons{ top: 75px; }

@media screen and (max-width:1024px){	
	header{ padding: 10px 15px; }
	#logo{ width: 150px; margin-top: 4px; }
	#logo h1 a{ height: 30px; }
		
	.header-col{ float: none; margin: 0 auto; text-align: center; }
	.header-info{ padding-top: 0; }
	.header-social ul{ margin: 0 auto; /*width: 159px;*/ float: none; width: 33px; /* REMOVE THIS AND UNCOMMENT THE OTHER WIDTH FOR 3 SOCIAL MEDIA ICONS SPACING */ }
	.header-social ul li{ margin: 15px 0 !important; }
	.header-social ul li:nth-child(2){ margin: 15px 30px !important; }
}

@media screen and (max-width:1024px){
	.main-nav-icons{ display: none; }
}


/*-----------------------
 STICKY SCROLLED HEADER
-------------------------*/
.main-nav-header{ background-color: #fff; transition: all 0.5s; padding: 20px 50px; }

.scrolled-down .main-nav-header{ position: fixed; padding: 0 50px; background-color: #fff; z-index: 50000;border-bottom: 1px solid #eee; transition: all 0.5s; }
.scrolled-down #logo{ width: 105px; margin-top: 14px; transition: all 0.5s; }
.scrolled-down #logo h1 a{ height: 30px; transition: all 0.5s; }
.scrolled-down .main-nav-icons{ top: 21px; transition: all 0.5s; }
.scrolled-down header.search-active .main-nav-icons{ top: 21px; }

@media screen and (max-width:1024px){
	.scrolled-down .main-nav-header{ padding: 10px 15px; }
	.scrolled-down #logo{ width: 150px; margin-top: 4px; }
}

/*-----------------------
 DROPDOWN HEADER
-------------------------*/

.product-navigation-tab a:hover{ cursor: default !important; color: #012751 !important; }

.dropdown-menu{ display: none; position: fixed; top: 75px; left: 0; width: 100%; background-color: #fff; padding: 50px 50px 10px; height: auto; border-bottom: 1px solid #eee; z-index: 50001; transition: top 0.5s; }
.dropdown-menu .dropdown-menu-column{ float: left; width: 21%; margin: 0 2%; }
.dropdown-menu .dropdown-menu-column ul{ list-style: none; margin: 0; margin-bottom: 15px; }
.dropdown-menu .dropdown-menu-column ul li{  }
.dropdown-menu .dropdown-menu-column ul li a{ font-size: 1.25rem;color: rgb(4, 75, 153); }
.dropdown-menu .dropdown-menu-column ul li ul{  }
.dropdown-menu .dropdown-menu-column ul li ul li{ padding: 1px 0; }
.dropdown-menu .dropdown-menu-column ul li ul li a{ font-size: 0.9rem; color: #009CD7; }

.dropdown-menu .dropdown-menu-column ul li a:hover{ text-decoration: none; color: #044B99; }

.dropdown-info{ float: left; width: 100%; border-top: 1px solid #eee; padding-top: 30px; }
.dropdown-info .dropdown-info-column{ float: left; width: 33%; }
.dropdown-info .dropdown-info-column p{ text-align: center; }
.dropdown-info .dropdown-info-column a{ float: none; display: table; margin: 0 auto; background-color: #009cd7;padding: 8px 25px; color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; }
.dropdown-info .dropdown-info-column a:hover{ background-color: #044B99; text-decoration: none; }

.dropdown-menu-active{ display: block; }

.scrolled-down .dropdown-menu{ top: 50px; transition: top 0.5s; }

/*--------------------------------------------------------------
## Hero Wrapper
--------------------------------------------------------------*/

.hero-wrapper{ max-height: 700px; overflow: hidden; position: relative; }
.hero-wrapper img{ width: 100%; /*filter: brightness(60%); -webkit-filter: brightness(0.6); -ms-filter: brightness(0.6); -o-filter: brightness(0.6);*/ }
.hero-wrapper .content-width picture::after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); content: ""; }
.hero-cover{ position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background: url(img/assets/triangle-overlay.png) no-repeat 0 100%; background-size: 100% 200px; z-index: 10; }
#hero-content{ position: absolute; top: 0; left: 0; z-index: 20; }
#hero-content > div{ margin-top: 200px; }
.hero-wrapper #hero-content span{ max-width: 100%; color: #fff; font-size: 2.5rem; text-transform: uppercase; font-weight: bold; line-height: 110%; text-align: center; padding: 0 90px; display: block; margin: 0 auto; }

@media screen and (max-width:1024px){
	.hero-cover,
	.testimonial-cover{ height: 100%; background-size: 100% 110px; }
	
	#parallexImage,
	#testimonialImage{ transform: translateY(0px) !important; }
	
	#hero-content > div{ margin-top: 150px; }
}

@media screen and (max-width:768px){
	.hero-cover,
	.testimonial-cover{ background-size: 100% 75px; }
	
	#hero-content > div{ margin-top: 60px; }
	.hero-wrapper #hero-content span{ font-size: 1.8rem; }
}

@media screen and (max-width:530px){
	#hero-content > div{ margin-top: 27px; }
	.hero-wrapper #hero-content span{ font-size: 1.3rem; }
	.white-nobg-button{ padding: 5px 20px; width: 130px; padding: 5px 20px; }
}

@media screen and (max-width:530px){
	.white-nobg-button{ margin: 12px auto 0px; }
}

@media screen and (max-width:400px){
	.hero-wrapper #hero-content span{ padding: 0 51px; }
	.hero-wrapper #hero-content span{ font-size: 1rem; }
}

/*--------------------------------------------------------------
## Main nav
--------------------------------------------------------------*/

/* Toggle button */
.menu-toggle{ float:left; width:56px; height:56px; padding:0; border:none; background:url(img/assets/main-nav-controls.png) no-repeat 50% 13px; border-radius:0; text-indent:-5000px; display:none; }
.toggled .menu-toggle{ background-position:50% -55px; }

/* Nav bar */
.main-navigation { width: 515px; float: none; margin: 0 auto; height: 50px; }
.parklife-logo{ width: 75px; float: left; display: inline-block; position: absolute; right: 0; top: 21px; }
.main-navigation .content-width{ padding-left:0; padding-right:0; }
.main-navigation-sticky{ float:left; width:100%; /*height:100px;*/ transition:background .2s linear; -o-transition:background .2s linear; -moz-transition:background .2s linear; -webkit-transition:background .2s linear; transition:height .2s linear; -o-transition:height .2s linear; -moz-transition:height .2s linear; -webkit-transition:height .2s linear; }
.main-navigation-stuck{ position:fixed; top:0; left:0; height:50px; background: #fff; z-index: 600; }
.main-navigation-stuck ul#primary-menu{ margin-top:0; transition:margin-top .2s linear; -o-transition:margin-top .2s linear; -moz-transition:margin-top .2s linear; -webkit-transition:margin-top .2s linear; }

@media screen and (max-width:1024px){
	.main-navigation{ width: auto; float: right; margin: 0; height: 35px; }
	.parklife-logo{ display: none; }
}

/* Resets */
.main-navigation ul{ float:left; width:100%; margin:0; list-style:none; }
.main-navigation ul li{  }
.main-navigation ul a{  }

/* Menu Options */
ul#primary-menu { float:left; width:100%; }
ul#primary-menu > li { float: left; width:auto; padding:16px 10px; position: relative; }
ul#primary-menu > li > a { color: #012751; font-weight: 100; font-size: 1rem; padding: 18px 4px; letter-spacing: 1px; }
ul#primary-menu > li > a {  }
/*
ul#primary-menu > li:first-of-type{ background:url(img/icons/nav-icon-home.png) no-repeat 50% 50%; }
ul#primary-menu > li:first-of-type > a{ width:36px; height:100%; text-indent:-5000px; }
*/
ul#primary-menu > li.current_page_item > a{ text-decoration: none; color: #009CD7; }
#primary-menu li a:hover{ text-decoration: none; color: #009CD7; }
ul#primary-menu > li > ul {  }
ul#primary-menu > li > ul > li{  }
ul#primary-menu > li > ul > li > a{ text-align:left; }
ul#primary-menu > li.current_page_item > ul > li > a{ text-transform:none; }
ul#primary-menu > li > ul > li > ul {  }
ul#primary-menu > li > ul > li > ul > li{  }
ul#primary-menu > li > ul > li > ul > li > a {  }

@media screen and (max-width: 1023px) {
	ul#primary-menu{ margin:0; }
	ul#primary-menu > li{  }
}

@media screen and (max-width: 1024px) {
	.menu-toggle { display: block; }
	ul#primary-menu{ margin:0; display:none; }
	ul#primary-menu > li{  }
}

@media screen and (max-width:768px) {
	ul#primary-menu > li{  }
}

/* Hover */
@media screen and (min-width:1025px){
	ul#primary-menu > li > a:hover{  }
}

/* Mobile version */
@media (max-width: 1023px) {
	/***** CHANGE THE BACKGROUND COLOUR OF THE MENU TITLE BAR HERE, PLUS THE WIDTH TO STOP SHOWING AT THE BOTTOM *****/
	.mm-panel.mm-hasnavbar .mm-navbar{ background-color: #044B99; }

	.mm-menu,
	.mm-panels,
	.mm-panels > .mm-panel{ z-index: 0; top: 0; right: 0; bottom: 0; left: 0; margin: 0; }

	.mm-listview a,
	.mm-listview a:hover,
	.mm-navbar a,
	.mm-navbar a:hover{ text-decoration: none; }

	.mm-hidden{ display: none !important; }
	.mm-wrapper{ position: relative; overflow-x: hidden; }
	.mm-menu{ position: absolute; display: block; padding: 0; }

	.mm-panels,
	.mm-panels > .mm-panel{ position: absolute; border-color: inherit; background-color: inherit; }

	.mm-btn,
	.mm-panel.mm-highest{ z-index: 1; }

	.mm-panels{ overflow: hidden; }
	.mm-panel{ transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
	.mm-panel.mm-opened{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	.mm-panel.mm-subopened{ -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
	.mm-panels > .mm-panel{ overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; -webkit-overflow-scrolling: touch; }

	.mm-listview .mm-divider,
	.mm-listview > li > a,
	.mm-listview > li > span,
	.mm-navbar .mm-title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

	.mm-panels > .mm-panel.mm-hasnavbar{ padding-top: 40px; }

	.mm-panels > .mm-panel:after,
	.mm-panels > .mm-panel:before{ display: block; height: 20px; content: ""; }

	.mm-vertical .mm-panel{ -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

	.mm-listview .mm-vertical .mm-panel,
	.mm-vertical .mm-listview .mm-panel{ display: none; padding: 10px 0 10px 10px; }

	.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after,
	.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after{ border-color: transparent; }

	.mm-vertical li.mm-opened > .mm-panel,
	li.mm-vertical.mm-opened > .mm-panel{ display: block; }

	.mm-listview > li.mm-vertical > .mm-next,
	.mm-vertical .mm-listview > li > .mm-next{ bottom: auto; height: 40px; }

	.mm-listview > li.mm-vertical > .mm-next:after,
	.mm-vertical .mm-listview > li > .mm-next:after{ top: 16px; bottom: auto; }

	.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
	.mm-vertical .mm-listview > li.mm-opened > .mm-next:after{ right: 19px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	.mm-btn{ position: absolute; top: 0; width: 40px; height: 40px; }

	.mm-clear:after,
	.mm-clear:before,
	.mm-close:after,
	.mm-close:before{ position: absolute; top: 0; bottom: 0; display: block; width: 5px; height: 5px; margin: auto; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: 2px solid transparent; }

	.mm-clear:before,
	.mm-close:before{ right: 18px; border-right: none; border-bottom: none; }

	.mm-clear:after,
	.mm-close:after{ right: 25px; border-top: none; border-left: none; }

	.mm-arrow:after,
	.mm-next:after,
	.mm-prev:before{ position: absolute; top: 0; bottom: 0; display: block; width: 8px; height: 8px; margin: auto; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: 2px solid transparent; }

	.mm-prev:before{ left: 23px; border-right: none; border-bottom: none; }

	.mm-arrow:after,
	.mm-next:after{ right: 23px; border-top: none; border-left: none; }

	.mm-navbar{ line-height: 20px; position: absolute; top: 0; right: 0; left: 0; height: 40px; margin: 0; padding: 0 40px; text-align: center; border-color: inherit; border-bottom: 1px solid; }
	.mm-navbar > * { display: block; padding: 10px 0; }
	.mm-navbar .mm-btn:first-child{ left: 0; padding-left: 20px; }
	.mm-navbar .mm-btn:last-child{ right: 0; padding-right: 20px; text-align: right; }
	.mm-panel .mm-navbar{ display: none; }
	.mm-panel.mm-hasnavbar .mm-navbar{ display: block; color: #fff; }

	.mm-listview,
	.mm-listview > li{ display: block; margin: 0; padding: 0; list-style: none; }

	.mm-listview{ float:none; width:auto; font: inherit; font-size: 14px; line-height: 20px; }
	.mm-listview > li{ position: relative; }

	.mm-listview > li,
	.mm-listview > li .mm-next,
	.mm-listview > li .mm-next:before,
	.mm-listview > li:after{ border-color: inherit; }

	.mm-listview > li > a,
	.mm-listview > li > span{ display: block; margin: 0; padding: 10px 10px 10px 20px; color: inherit; }

	.mm-listview > li > a.mm-arrow,
	.mm-listview > li > span.mm-arrow{ padding-right: 50px; }

	.mm-listview > li:not(.mm-divider):after{ position: absolute; right: 0; bottom: 0; left: 0; display: block; content: ""; border-bottom-width: 1px; border-bottom-style: solid; }
	.mm-listview .mm-next{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 50px; padding: 0; background: rgba(3, 2, 1, 0); }
	.mm-listview .mm-next:before{ position: absolute; top: 0; bottom: 0; left: 0; display: block; content: ""; border-left-width: 1px; border-left-style: solid; }

	.mm-listview .mm-next + a,
	.mm-listview .mm-next + span{ margin-right: 50px; } 

	.mm-listview .mm-next.mm-fullsubopen{ width: 100%; }
	.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }

	.mm-listview .mm-next.mm-fullsubopen + a,
	.mm-listview .mm-next.mm-fullsubopen + span{ margin-right: 0; padding-right: 50px; }

	.mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; }

	.mm-panels > .mm-panel > .mm-listview:first-child,
	.mm-panels > .mm-panel > .mm-navbar + .mm-listview{ margin-top: -20px; }

	.mm-listview .mm-inset{ margin: 0; padding: 0 10px 15px 40px; list-style: disc inside; }
	.mm-listview .mm-inset > li{ padding: 5px 0; }
	.mm-listview .mm-divider{ font-size: 10px; line-height: 25px; text-indent: 20px; text-transform: uppercase; }
	.mm-listview .mm-spacer{ padding-top: 40px; }
	.mm-listview .mm-spacer > .mm-next { top: 40px; }
	.mm-listview .mm-spacer.mm-divider { padding-top: 25px; }
	.mm-menu { color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.1); background: #f3f3f3; }
	.mm-menu .mm-navbar a,
	.mm-menu .mm-navbar > * { color: #fff; }

	.mm-menu .mm-btn:after,
	.mm-menu .mm-btn:before { border-color: #fff; }

	.mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); }

	.mm-menu .mm-listview > li .mm-arrow:after,
	.mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); }

	.mm-menu .mm-listview > li a:not(.mm-next) { tap-highlight-color: rgba(255, 255, 255, 0.5); }

	.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
	.mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); }

	.mm-menu .mm-divider,
	.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
	.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
	.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
	.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next{ background: rgba(0, 0, 0, 0.05); }

	.mm-page { position: relative; box-sizing: border-box; }
	.mm-slideout { z-index: 1; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }
	html.mm-opened { position: relative; overflow-x: hidden; }

	html.mm-blocking,
	html.mm-blocking body { overflow: hidden; }

	html.mm-background .mm-page { background-color: #fff; }
	#mm-blocker { position: fixed; z-index: 2; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(3, 2, 1, 0); cursor:pointer; }

	html.mm-blocking #mm-blocker { display: block; }
	.mm-menu.mm-offcanvas { position: fixed; z-index: 0; display: none; }
	.mm-menu.mm-offcanvas.mm-current { display: block; }

	.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
	html.mm-opening .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); }
}
@media (max-width: 175px) {
	html.mm-opening .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); }
}
@media (min-width: 550px) and (max-width: 1023px) {
	html.mm-opening .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); }
}
/* tablet - desktop */
@media (min-width: 1025px) {
	#menu,
	#mm-blocker { display: none !important; }
}

/*--------------------------------------------------------------
# FRONT PAGE
--------------------------------------------------------------*/

/*------ HOME HERO ------*/

.homepage-header-holder{ float: left; width: 100%; padding: 0 50px; margin-bottom: 30px; overflow: hidden; position: relative; }
.homepage-header{ float: left; width: 100%; overflow: hidden; position: relative; }
.video-background{ position: absolute; width: 100%; height: 100%; z-index: -1; }
.video-background video{ min-width: 100%; min-height: 100%; object-fit: cover; }

.home-page-carousel{ float: left; width: 100%; overflow: hidden; margin-bottom: 0 !important; }
.home-page-carousel .carousel-slide-item{ position: relative; width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.home-page-carousel .carousel-slide-item .carousel-slide-item-filter{ width:100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.45); }

.home-page-carousel .slick-dots,
.testimonial-carousel .slick-dots{ left: 0; bottom: 15px; }
.home-page-carousel .slick-dots li,
.testimonial-carousel .slick-dots li{ margin: 0px; }
.home-page-carousel .slick-dots li button::before,
.testimonial-carousel .slick-dots li button::before{ font-size: 10px; color: #eee; }
.home-page-carousel .slick-dots li.slick-active button::before,
.testimonial-carousel .slick-dots li.slick-active button::before{ color: #fff; }

.carousel-slide-text-holder{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.carousel-slide-text-holder .carousel-slide-text{ padding: 0 30px; }
.carousel-slide-text-holder .carousel-slide-text h2{ text-align: center; font-size: 3rem; color: #fff; letter-spacing: 1px; margin-bottom: 20px; }
.carousel-slide-text-holder .carousel-slide-text a{ float: none; margin: 0 auto; display: table; background-color: #009cd7; padding: 8px 15px; color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; }
.carousel-slide-text-holder .carousel-slide-text a:hover{ background-color: #044B99; text-decoration: none; }
 
@media (max-width: 768px) {
	.homepage-header-holder{ padding:0 25px; }
	.home-page-carousel{ padding: 0; }
	.carousel-slide-text-holder .carousel-slide-text h2{ padding: 0 20px; line-height: 130%; }
}

@media (max-width: 480px) {
	.homepage-header-holder{ padding:0px; }
	.home-page-carousel .carousel-slide-item{ height: 420px; }
	.carousel-slide-text-holder .carousel-slide-text h2{ font-size: 2rem; }
}




/*----- INNER HERO ------*/

.inner-page-hero{ float: left; width: 100%; padding: 0 50px; position: relative; }
.inner-page-hero-image{ position: relative; float: left; width: 100%; height: 100%; min-height: 400px; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat; }
.innner-page-hero-text-holder{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.innner-page-hero-text h1{ text-align: center; font-size: 3rem; color: #fff; letter-spacing: 1px; margin-bottom: 20px; padding: 0 10%; }
 
.inner-page-hero .hero-filter{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.45); }
 
/*- Product Section -*/ 
 
.product-section-row{ width: 100%; float: left; }
.product-section-row .product-section{ float: left; width: 47.5%; margin-left: 2.5%; }
.product-section-row a:first-of-type .product-section{ margin-right: 2.5%; margin-left: 0; }

.product-section-row .product-section .product-section-top{ float: left; width: 100%; position: relative; }
.product-section-row .product-section .product-section-top-small{ float: left; width: 100%; position: relative; }

.product-section-row .product-section .product-section-top .product-section-teaser-holder{ position: absolute;
top: 0px; left: 0; width: 100%; height: 550px; }
.product-section-row .product-section .product-section-top-small .product-section-teaser-holder{ position: absolute; top: 75px; left: 0; width: 100%;height: 400px; }

.product-section-row .product-section .product-section-small-image{ width: 100%; min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 75px; transition: filter 0.5s; }
.product-section-row .product-section .product-section-large-image{ width: 100%; min-height: 550px; background-size: cover; background-repeat: no-repeat; background-position: center; transition: filter 0.5s; }

.product-section-row .product-section .product-section-teaser{ position: relative; float: none; margin: 0 auto;
width: 70%; }
.product-section-row .product-section .product-section-teaser p{ text-align: center; font-size: 1.75rem; color: #fff; opacity: 0; transition: opacity 0.5s; }

.product-section-row .product-section .product-section-bottom h3{ margin: 15px 0; text-align: center; text-transform: none; color: #044B99; font-size: 1.2rem; }

.product-section-row .product-section:hover .product-section-small-image,
.product-section-row .product-section:hover .product-section-large-image{ filter: blur(3px); }
.product-section-row .product-section:hover .home-video{ filter: none; }
.product-section-row .product-section:hover .product-section-teaser p{ opacity: 1; }

.product-section-row .product-section .center-outer{ transition: background-color 0.5s; }
.product-section-row .product-section:hover .center-outer{ background-color: rgba(0,0,0,0.55); transition: background-color 0.5s; }


/*- Image Break -*/ 
 
.page-break-row{ float: left; width: 100%; height: 500px; position: relative; margin: 50px 0; }
.page-break-row .page-break-image{ height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: filter 0.5s; }
.page-break-filter{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); }
.page-break-text-holder{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-break-text-holder .page-break-text h2{ text-align: center; font-size: 3rem; color: #fff; letter-spacing: 1px; margin-bottom: 20px; }

.page-break-row:hover .page-break-image{ filter: blur(3px); transition: filter 0.5s; } 

@media (max-width: 1024px) {
	
}

@media (max-width: 768px) {
	.inner-page-hero{ padding: 0; }
	.inner-page-hero-image{ min-height: 420px; }
	.innner-page-hero-text h1{ font-size: 2rem; }
	
	.product-section-row .product-section .product-section-small-image{ min-height: 300px; margin-top: 25px; }
	.product-section-row .product-section .product-section-top .product-section-teaser-holder{ height: 350px; }
	.product-section-row .product-section .product-section-top-small .product-section-teaser-holder{ height: 300px; top: 25px; }
	.product-section-row .product-section .product-section-large-image{ min-height: 350px; }
	.product-section-row .product-section .product-section-teaser p{ font-size: 1.2rem; }
	.page-break-row{ height: 350px; }
}

@media (max-width: 550px) {
	.product-section-row .product-section{ width: 90%; margin: 0 5% 20px; }
	.product-section-row a:first-of-type .product-section{ margin: 0 5% 20px; }
	.product-section-row .product-section .product-section-small-image{ min-height: 250px; margin-top: 25px; }
	.product-section-row .product-section .product-section-top .product-section-teaser-holder{ height: 250px; }
	.product-section-row .product-section .product-section-top-small .product-section-teaser-holder{ height: 250px; top: 25px; }
	.product-section-row .product-section .product-section-large-image{ min-height: 250px; }	
}

@media (max-width: 480px) {
	.page-break-row{ height: 280px; margin: 25px 0; }
	.page-break-text-holder .page-break-text h2{ font-size: 2rem; }
}

/*- Newsletter Signup -*/ 

.section-newsletter-signup h3{ text-align: center; margin-bottom: 25px; color: #044B99; font-size: 1.25rem;
letter-spacing: 1px; }
.section-newsletter-signup span.wpcf7-form-control-wrap{ width: 87%; }
.section-newsletter-signup input[type="email"]{ border: 1px solid #eee; padding: 7px 10px; }
.section-newsletter-signup input[type="submit"]{ background-color: #009cd7; padding: 8px 15px;color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; width: 100px; }
.section-newsletter-signup input[type="submit"]:hover{ background-color: #044B99; }
 
#body-text-home{ margin-top: -40px; position: relative; z-index: 30; }
#body-text-home p{ color: #898A8D text-transform: uppercase; line-height: 180%; font-size: 0.85rem; text-align: center; }

@media (max-width: 768px) {
	.section-newsletter-signup span.wpcf7-form-control-wrap{ width: 80%; }
}
@media (max-width: 630px) {
	.section-newsletter-signup span.wpcf7-form-control-wrap{ width: 70%; }
}
@media (max-width: 480px) {
	.section-newsletter-signup span.wpcf7-form-control-wrap{ width: 100%; }
	.section-newsletter-signup input[type="submit"]{ float: none; margin: 0 auto; display: table; }
}

/*-----Home search-----*/
#body-search-home{ border-top: 1px solid rgb(182, 182, 182); border-bottom: 1px solid rgb(182, 182, 182); padding: 50px 0; }
#searchform{ float: none; margin: 0px auto; width: 500px; }
#body-search-home #searchform input[type="text"]{ float: left; width: 86%; height: 40px; padding: 5px 75px 5px 20px; margin: 0; background-color: #edefee; color: #575656; }
#body-search-home #searchform img{ margin: 7px 20px; float: left; }
#body-search-home ul{ list-style-image: url(img/assets/blue-bullet.fw.png); margin: 0; float: left; position: relative; width: auto; display: block; margin-top: 20px; }
#body-search-home ul li{ float: left; margin: 0 10px 0 15px; color: #898A8D; text-transform: uppercase; line-height: 180%; font-size: 0.85rem; text-align: center; }
#body-search-home .list-holder{ float: none; margin: 0px auto; max-width: 640px; position: relative; }

@media screen and (max-width:620px){
	#body-search-home ul li{ width: 100%; margin: 0; }
	#body-search-home ul { width: 100%; }	
}

@media screen and (max-width:530px){
	#searchform{ width: 100%; }
	#body-search-home #searchform input[type="text"]{ width: 78%; }
	#body-search-home #searchform img{ margin: 7px 0px 0 20px; }
}

/*-----Home Teasers-----*/
#body-teasers-home{ padding: 30px 0; }
.teaser-holder a:hover h3{ color: #009FD3; }

/*-----Home Testimonials-----*/
#body-testimonials-home{ position:relative; max-height: 700px; overflow: hidden; }
#body-testimonials-home img{ width: 100%; /*filter: brightness(60%); -webkit-filter: brightness(0.6);*/	}
.testimonial-background picture::after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); content: ""; }
.testimonial-cover{ position: absolute; left: 0; top: 0; width: 100%; height: 200px; background: url(img/assets/180-triangle-overlay.fw.png) no-repeat 0 100%; background-size: 100% 200px; z-index: 10; }
#testimonial-content{ position: absolute; top: 160px; left: 0; margin-top: 50px; }
#testimonial-content h1{ color: #fff; }
.testimonial-content p{ color: #fff; text-align: center; }
.testimonial-content span{ font-weight: 600; }
#testimonial-button{ padding: 10px 42px; }
#body-twitter-home{ background: #00AEEF; padding: 50px 0; }
#body-twitter-home h1{ color: #fff; }

@media screen and (max-width:1000px){
	.testimonial-cover{ display: none; }
	#testimonial-content{ margin-top: 20px; top: 10px; float: left; width: 100%; position: relative; }
	#body-testimonials-home{ min-height: 430px; }
	#body-testimonials-home{ float: left; background-image: url('img/hero/temp-hero1-dark-1023.jpg'); position:relative; max-height:none; min-height:none; }
	.testimonial-background picture{ display: none; }
	#testimonial-button{ padding: 10px 0px; }
	#resp-testimonial-but{ margin-bottom: 30px; }
}

/*----testim9nai;l page----*/
.testimonial-single{ margin-bottom: 20px; }
.testimonial_author{ font-weight: 600; color: rgb(4, 75, 153); }


/*--------------------------------------------------------------
# 3 TEASERS
--------------------------------------------------------------*/
.teaser-holder{ width: 95%; float: none; margin: 0 auto; position: relative; }
.teaser-holder h3{ text-transform: uppercase; color: rgb(4, 75, 153); font-size: 1rem; font-weight: 600; text-align: center; line-height: 140%; height: 42px; }
.teaser-image-holder{ float: left; position: relative; overflow:hidden; }
.teaser-holder .teaser-image-holder img{ transition: transform 1s; }
.teaser-holder:hover .teaser-image-holder img{ transform: scale(1.1); transition: transform 1s; }
.related-product .teaser-holder p{ font-size: 0.9rem; color: #000; line-height: 150%; margin-bottom: 5px; }
.teaser-cover{ position: absolute; left: 0; top: 0; width: 100%; height: 40px; background: url(img/assets/teaser-triangle-overlay.fw.png) no-repeat 0 100%; background-size: 100% 40px; z-index: 10; }
	
	
/*--------------------------------------------------------------
# CATEGORY PAGE
--------------------------------------------------------------*/
#categoryHolder{ z-index: 30; }

.page-template-template-category .related-product,
.page-template-template-product .related-product{ margin-bottom: 30px; }


/*--------------------------------------------------------------
# PRODUCT PAGE
--------------------------------------------------------------*/
.productHolders{ margin-bottom: 20px; }
.left-sticky-nav-holder{ width: 300px; float: left; position: relative; }
.productLeft{ float: left; width: 300px; }
.productLeft.active{ position: fixed; top: 85px; }
.productLeft.stuck-bottom{ position: absolute; bottom: 0; top: auto; }
.productLeft #side-menu{ list-style: outside none none; margin: 0; /*margin-top: 60px;*/ border-left: 1px solid #009CD7; padding-left: 15px; }
.productLeft #side-menu li{ float: left; margin-top: 10px; }
.productLeft #side-menu li:first-of-type{ margin-top: 0; }
.productLeft #side-menu li ul li{ float: none; margin-top: 0; }
.productLeft #side-menu li a{ text-transform: uppercase; font-weight: 600; color: rgb(4, 75, 153); }
.productLeft #side-menu li ul{ list-style: outside none none; margin: 10px 0px 0px; padding-left: 10px; }
.productLeft #side-menu li ul a{ font-size: 0.9rem; padding: 3px 6px; color: rgb(4, 75, 153); text-transform: none; font-weight: 100; }
.productLeft #side-menu li ul a.current_page_item{ color: rgb(0, 157, 216); }
.productLeft #side-menu li ul a:hover{ color: #fff; background-color: rgb(0, 157, 216); text-decoration: none; }
.productRight{ float: left; width: calc(100% - 300px); }
.productRight .productHeading h2{ text-transform: uppercase; color: rgb(4, 75, 153); width: 75%; font-weight: 600; margin-bottom: 30px; }
.productRight .productContent p{ font-size: 1.15rem; line-height: 170%; }
.productHeading{ margin-top: 5px; }
.productQuotebtn{ margin: 10px 0px; }
.productQuotebtn a{ border: 2px solid rgb(4, 75, 153); padding: 6px 30px; color: rgb(0, 157, 216); font-weight: 600; font-size: 0.95rem; }
.productQuotebtn a:hover{ color: #FFF; background-color: rgb(4, 75, 153); text-decoration: none; }
.product-quote-form h3{ text-align: left; margin-bottom: 5px;  }
.related-product{ float: left; width: 30%; margin: 0 1%; }

@media screen and (max-width:1100px){
	.related-product{ width: 48%; }
}
@media screen and (max-width:768px){
	.productLeft{ display: none; }
	.productRight{ width: 100%; }
}
@media screen and (max-width:480px){
	#categoryHolder{ padding: 25px; }
	.related-product{ width: 100%; margin: 0; }
	.teaser-holder{ width: 100%; }
	.teaser-image-holder{ max-height: 250px; margin: 0 auto; float: none; }
}



/*--------------------------------------------------------------
# CONTACT US PAGE
--------------------------------------------------------------*/
#fos-statement{ padding: 10px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; }
#fos-statement p{ font-size: 0.9rem; line-height: 185%; margin-bottom: 10px; }
.contactLeft{ float: left; width: 40%; }
.contactLeft p{ font-size: 0.9rem; line-height: 185%; margin-bottom: 0px; }

.contactLeft h4,
.contactRight h4{ float:left; color: rgb(4, 74, 152); font-weight: 600; font-size: 1.1rem; margin-bottom: 20px; }

.contactRight{ float: left; width: 60%; padding: 0 0 0 100px; margin-bottom: 100px; }
.contactRight p{ margin-bottom: 0; }

.contactRight input[type="text"], 
.contactRight input[type="email"],
.contactRight textarea{ background-color: #DBDBDB; color: #464646; padding: 8px 15px; margin: 0 0 12px; }

.contactRight input[type="submit"]{ float: left; background-color: #044A98; color: #fff; text-transform: none; padding: 8px 30px; }
.contactRight input[type="submit"]:hover{ background-color: #00AAE3; }
.halfSizeInput span{ width: 48%; }
.halfSizeInput-right span{ float: right; }
.form-submit-button{ width: 100px; float: right; }
.form-legal{ float: left; width: calc(100% - 130px); }
.form-legal p{ font-size: 0.95rem; line-height: 125%; margin-bottom: 5px; }
.contactRight .form-legal{ margin-top: 10px; float:left; }
.contactRight .form-legal p{ font-size: 0.9rem; }

@media screen and (max-width:768px){
	.contactLeft{ width: 100%; }
	.contactRight{ width: 100%; margin: 50px 0; padding: 0; }
}


/*-- New Contact Page --*/

.contact-page-left{ width: 58%; float: left; }
.contact-page-right{ width: 38%; float: left; }

.contact-page-left{ margin-right: 2%; }
.contact-page-right{ margin-left: 2%; }

.contact-page-form-holder{ float: left; width: 100%; padding:0 2.5%; margin-bottom: 50px; }
.contact-page-form-holder h3{ text-align: left; margin-bottom: 0; }
.contact-page-map-holder,
.contact-page-image-holder, 
.contact-page-details-holder{ float: left; width: 100%; margin-bottom: 80px; }
.contact-page-details-holder h3{ text-align: left; margin-bottom: 0; }

.contact-page-left .form-legal p{ font-size: 0.8rem; }

@media (max-width: 1200px) {
	.contact-page-left .form-half-row{ width: 100%; margin: 0; }
	.contact-page-left .form-row{ margin: 0; }
}

@media (max-width: 800px) {
	.contact-page-left,
	.contact-page-right{ width: 100%; margin: 0; }
	.contact-page-image-holder{ display: none; }
}

@media (max-width: 480px) {
	.contact-page-form-holder{ padding: 0; }
	.contact-page-holder{ padding: 25px; }
	.form-row{ margin: 0; }
	.form-row .form-half-row:first-of-type{ margin-right: 0; width: 100%; }
	.form-row .form-half-row{ width: 100%; }
	.form-legal{ width: 100%; }
}

/*--------------------------------------------------------------
# NEW WHY PARK
-------------------------------------------------------------*/

.section-horizontal{ float: left; width: 100%; }
.section-horizontal p{ font-size: 1.15rem; line-height: 170%; width: 80%; margin: 0 10%; margin-bottom: 1.5em; }
.section-horizontal .section-half-left{ float: left; width: 48%; margin-right: 2%; position: relative; }
.section-horizontal .section-half-right{ float: left; width: 48%; margin-left: 2%; position: relative; }
.section-horizontal .section-half-small-image{ min-height: 450px; }
.section-horizontal .section-half-larger-image{ min-height: 500px; }

.horizontal-60-40 .section-half-left{ width: 58%; }
.horizontal-60-40 .section-half-right{ width: 38%; }

.section-vertical{ width: 48%; float: left; }
.section-vertical p{ font-size: 1.15rem; line-height: 170%; width: 80%; margin: 0 10%; margin-bottom: 1.5em; }
.section-vertical .in-text-cta{ float: left; margin: 0 10%; }
.section-vertical .in-text-cta a{ background-color: #009cd7;padding: 8px 15px; color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; width: 100px; }
.section-vertical .in-text-cta a:hover{ background-color: #044B99; text-decoration: none; }
.section-vertical-60{ width: 58%; margin-right: 2%; }
.section-vertical-40{ width: 38%; margin-left: 2%; }
.section-vertical .section-half-top,
.section-vertical .section-half-bottom{ float: left; width: 100%; margin-bottom: 50px; position: relative; }
.section-vertical .section-half-bottom{ padding-top: 30px; }
.section-vertical .section-half-small-image{ min-height: 450px; }
.section-vertical .section-half-larger-image{ min-height: 500px; }


.section-half-image{ width: 100%; height: 100%; position: absolute; background-position: center; background-size: cover; background-repeat: no-repeat; }


/*-------------
   TESTIMONIAL
--------------*/

.section-testimonial{ position: relative; margin: 100px 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.testimonial-filter{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.45); }

.testimonial-carousel{ width: 80%; margin: 0 auto; margin-bottom: 0 !important; }
.testimonial-carousel .testimonial-content p{ font-size: 1.75rem; }
.testimonial-carousel .testimonial-content .testimonial-name{ font-size: 1.2rem; letter-spacing: 1px; margin-bottom: 0; }


@media (max-width: 768px) {
	.section-horizontal .section-half-small-image{ min-height: 350px; }
	.section-horizontal .section-half-larger-image{ min-height: 400px; }
	.section-vertical .section-half-small-image{ min-height: 300px; }
	
	.section-horizontal p,
	.section-vertical p{ font-size: 1rem; line-height: 155%; width: 90%; margin: 0px 5% 15px; }
	
	.section-testimonial{ margin: 50px 0; }
	.testimonial-carousel .testimonial-content p{ font-size: 1.2rem; }
	
	.section-vertical .in-text-cta{ margin: 15px 5%; }
}

@media (max-width: 600px) {
	.section-horizontal .section-half-left{ width: 100%; margin-right: 0; padding:0; }
	.section-horizontal .section-half-small-image{ width: 100%; } 
	
	.horizontal-60-40 .section-half-left,
	.horizontal-60-40 .section-half-right{ width: 100%; padding: 0; }
	.horizontal-60-40 .section-half-right{ padding-top: 50px; }
	
	.section-horizontal .section-half-larger-image{ min-height: 250px; }
	
	.section-vertical-60,
	.section-vertical-40{ width: 100%; margin: 0; }	
	.section-vertical-40 .section-half-small-image{ display: none; }
}

@media (max-width: 480px) {

}


/*--------------------------------------------------------------
# NEWS
--------------------------------------------------------------*/
.news-holder{ border-top: 5px solid #009CD7; padding-top: 15px; }
.news-story-width{ float:left; width: 25%; padding: 10px 2.5%; }
.news-story-width .entry-header{ padding: 0; }
.news-story-width .entry-header h3{ text-align: left; margin: 15px 0; line-height: 100%; }
.news-story-width .entry-header h3 a{ color: #044B99; font-size: 0.9rem; font-weight: 600; }
.news-story-width .entry-header h3 a:hover{ color: rgb(4, 75, 153); text-decoration: none; }
.news-story-width .entry-content p{ font-size: 0.9rem; color: #000; line-height: 150%; margin-bottom: 5px; }
.news-image img{ width: 100%; max-height: 250px; }
.blog-single{ font-size: 0.9rem; line-height: 185%; }
.blog-single h2{ text-transform: uppercase; color: rgb(4, 75, 153); font-weight: 600; margin-bottom: 30px; }
#news-back{ color: #009DD8; padding: 10px 38px; border: 2px solid #009DD8; width: 194px; }
#news-back:hover{ color: #fff; background-color: #009DD8; }
.news-holder .archives{ list-style: none; margin: 0; }
.news-holder .archives li{ float: left; width: 20%; text-align: center; margin-bottom: 20px; }
.news-holder .archives li a{ color: rgb(0, 156, 215); font-size: 0.95rem; text-transform: uppercase; }

.blog .news-story-width,
.category .news-story-width,
.archive .news-story-width,
.single .news-story-width{ width: 33%; }

.news-image-holder{ overflow: hidden; }
.news-image{ min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.blog .productLeft,
.category .productLeft,
.archive .productLeft,
.single .productLeft{ border-left: 1px solid #009CD7; padding-left: 15px; }

.blog .productLeft .widget-title,
.category .productLeft .widget-title,
.archive .productLeft .widget-title,
.single .productLeft .widget-title{ text-align: left; text-transform: uppercase; font-weight: 600; color: rgb(4, 75, 153); font-size: 1rem; margin-bottom: 0px; }

.blog .productLeft ul,
.category .productLeft ul,
.archive .productLeft ul,
.single .productLeft ul{ list-style: outside none none; margin: 7px 0px 7px 10px; }

.blog .productLeft ul li,
.category .productLeft ul li,
.archive .productLeft ul li,
.single .productLeft ul li{ float: left; width: 100%; }

.blog .productLeft ul li a,
.category .productLeft ul li a,
.archive .productLeft ul li a,
.single .productLeft ul li a{ font-size: 0.9rem; padding: 3px 6px; color: rgb(4, 75, 153); text-transform: none; font-weight: 100; }

.blog .productLeft ul li a:hover,
.category .productLeft ul li a:hover,
.archive .productLeft ul li a:hover,
.single .productLeft ul li a:hover{ color: #fff; background-color: rgb(0, 157, 216); text-decoration: none; }

.blog .productLeft input[type="submit"],
.category .productLeft input[type="submit"],
.archive .productLeft input[type="submit"],
.single .productLeft input[type="submit"]{ display: none; }

.blog .default-cta,
.category .default-cta,
.archive .default-cta,
.single .default-cta{ float: none; margin: 20px auto 0; display: table; background-color: #009cd7 !important; color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; border-radius: 0; }

.blog .default-cta:hover,
.category .default-cta:hover,
.archive .default-cta:hover,
.single .default-cta:hover{ background-color: #044B99 !important; }

.home .news-story-width .row:hover .news-image,
.blog .news-story-width .row:hover .news-image,
.category .news-story-width .row:hover .news-image,
.archive .news-story-width .row:hover .news-image,
.single .news-story-width .row:hover .news-image{ transform: scale(1.1); transition: 2s; }

/*--  --*/
#ajax-load-more .news-story-width{ min-height: 483px; }

/*---- LATEST TEASERS ----*/

.latest-blogs-cta{float: left; width: 100%; margin-top: 50px; }
.latest-blogs-cta a{ float: none; margin: 0px auto; display: table; background-color: #009cd7; padding: 8px 40px; color: #fff; text-transform: uppercase; font-size: 0.9rem; font-weight: 100; letter-spacing: 1px; }
.latest-blogs-cta a:hover{ background-color: #044B99; text-decoration: none; }


/*---- SINGLE BLOG ----*/
.blog-single header{ padding: 0; }

@media screen and (max-width:1025px){
	.blog .news-story-width,
	.category .news-story-width,
	.archive .news-story-width,
	.single .news-story-width{ width: 50%; }
}

@media screen and (max-width:768px){
	.news-story-width{ width: 50%; }
}

@media screen and (max-width:480px){
	.news-story-width{ width: 100%; }
	#indexHolder{ padding: 25px; }
	
	.blog .news-story-width,
	.category .news-story-width,
	.archive .news-story-width,
	.single .news-story-width{ width: 100%; padding: 0; margin-bottom: 30px; }
}


/*--------------------------------------------------------------
# QUOTE
--------------------------------------------------------------*/

.enquiry-bottom input[type="text"], 
.enquiry-bottom input[type="email"],
.enquiry-bottom textarea{ background-color: #DBDBDB; color: #464646; padding: 8px 15px; margin: 0 0 12px; }

.enquiry-bottom input[type="submit"]{ float: left; background-color: #044A98; color: #fff; text-transform: none; padding: 8px 30px; }
.enquiry-bottom input[type="submit"]:hover{ background-color: #00AAE3; }

.search-everything-highlight-color{ background-color: transparent !important; }
.wpcf7-mail-sent-ok{ float: left; }

/*--------------------------------------------------------------
# SEARCH
--------------------------------------------------------------*/

.search article header{ padding: 0; }
.search article header .sub-heading{ margin-bottom: 15px; }


/*--------------------------------------------------------------
# DEFAULT
--------------------------------------------------------------*/

.default-page-content{ font-size: 1rem; line-height: 185%; }
.default-page-heading{ text-transform: uppercase; color: rgb(4, 75, 153); font-weight: 600; margin-bottom: 30px; }
.page-template-default .productQuotebtn{ float: left; margin: 20px 0; }
/*
@media screen and (max-width:1023px){
	.entry-content{ padding: 0px 25px; }
}
*/


/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer{ padding:50px 50px 15px; background: transparent; font-size:0.8rem; box-shadow: 0 -3px 5px #eee; }
footer a{ float:left; }
footer h4{ padding:0 0 20px; color: #009CD7; }
footer #footer-column-links h4{ text-transform:uppercase; }
footer ul{ list-style:none; float:left; }
footer ul li{ width:auto; }
.footer-column{ float: left; min-width: 25%; }
.footer-logo{ width: 175px; }

/***** LINKS COLUMN *****/
#footer-column-links{ width: 50%; }
#footer-column-links ul{ margin: 0 auto; width: auto; float: none; display: table; }
#footer-column-links ul li{ float:left; margin:0; }
#footer-column-links ul#secondary-menu > li{ width: auto; padding: 0 10px; }
#footer-column-links ul li a{ padding:3px 0; font-size: 1rem; text-transform: uppercase; }
#footer-column-links ul#secondary-menu > li > a{ font-weight:bold; }
#footer-column-links ul li ul{  }
#footer-column-links ul li ul li{ width:100%; }

/***** NEWSLETTER COLUMN *****/
/*
#footer-column-newsletter{ width: 50%; padding: 10px 20px; height: 180px; border-left: 1px solid #666; }
#footer-column-newsletter .textwidget{ margin-bottom: 40px; }
footer #newsletterForm{  }
footer #newsletterForm input[type=text]{ float:left; width:70%; height:33px; padding:3px 15px; margin:0; background-color: #67686B; color: #fff; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
footer #newsletterForm input[type=submit]{ float:left; width:28%; height:33px; padding:3px 5px; color:#009DD8; text-transform:uppercase; -o-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
*/

/***** SOCIAL COLUMN *****/
#footer-column-social{ width: 25%; }
#footer-column-social ul{ float:right; margin:0; }
#footer-column-social ul li{  }
#footer-column-social ul li a{ float: right; width: 33px; height: 33px; background-repeat: no-repeat; text-indent: -5000px; margin: 0 5px; }
#footer-column-social ul li a.social-linkedin{ background-position:0 0; }
#footer-column-social ul li a.social-twitter{ background-position:-43px 0; }
#footer-column-social ul li a.social-facebook{ background-position:-84px 0; }
#footer-column-social img{ float:right; }
#footer-column-social p{ text-align:right; 	font-size: 0.9rem; 	line-height: 145%; }
/*
.partner-logos a{ float:right; margin:0 0 0 30px; }
.partner-logos a.broker-network-logo{ margin-top:17px; }
*/
#footer-legal p{ text-align:center; font-size: 0.8rem; margin: 0 auto; margin-bottom: 3px; width: 80%; float: none; }
#footer-legal a{ float:none; /*text-decoration:underline;*/ }
#footer-legal a:hover{ text-decoration:underline; }



/************************ RESPONSIVE **************************/

@media screen and (max-width:959px){
	footer{ padding:30px 2%; }
	#footer-column-newsletter{ margin:0 0 30px; }
	.partner-logos{ float:none; display:block; width:218px; margin:0 auto; }
	.partner-logos a:last-of-type{ margin-left:0; }
}

@media screen and (max-width:768px){
	#footer-column-links{ width:64%; float: none; margin: 0 auto; }
	#footer-column-logo{ float: none; margin: 0 auto 30px; width: 105px; }
	#footer-column-links ul{ margin: 0; }
	#footer-column-links ul li a{ width: 100%; text-align: center; }
	/*
	.resp-holder{ width: 100%; float: left; }
	#footer-column-newsletter{ float: none; margin: 20px auto; width: 75%; text-align: center; border-bottom: 1px solid #666; border-top: 1px solid #666; border-left: none; border-right: none; }
	*/	
	#footer-column-social{ width: 100%; border:none; margin-top:20px; }
	#footer-column-social p{ text-align:center; }
	#footer-column-social ul{ float:none; display:block; width:43px; margin:0 auto; }
	#footer-legal{ text-align: center; }
}


@media screen and (max-width:479px){
	#footer-column-logo{ width: 100%; margin-bottom: 25px; }
	.footer-logo{ float: none; margin: 0 auto; }
	#footer-column-links ul#secondary-menu > li{ width:50%; }
	/*
	footer #newsletterForm input[type="submit"]{ font-size: 11px; }
	*/
}



/*--------------------------------------------------------------
# RE-USED ELEMENTS - OVERRIDE ON INDIVIDUAL PAGE STYLING
--------------------------------------------------------------*/

/***** OWL CAROUSEL *****/
.owl-carousel .owl-item{ padding:0 20px; }

/***** CATEGORY AND PRODUCT TEASERS *****/
.teaser-wrapper{ display:block; max-width:260px; margin:0 auto; background-color:#fff; }


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

/* Toggle button */
.menu-toggle{ width:40px; height:35px; position: relative; }
.menu-toggle-line { position: absolute; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.menu-toggle-line{ height:1px; width:80%; background-color: #002C5C; }
#menu-toggle-line-1{ top:30%; left:10%; width:80%; }
#menu-toggle-line-2{ top:50%; left:15%; width:70%; }
#menu-toggle-line-3{ top:70%; left:10%; width:80%; }

.menu-toggle.active{  }
.menu-toggle.active, .menu-toggle.inactive{ animation-name:menuToggle; animation-duration:1s; animation-iteration-count:1; }
.menu-toggle.active #menu-toggle-line-1{ top:50%; transform:rotate(45deg); }
.menu-toggle.active #menu-toggle-line-2{ opacity:0; }
.menu-toggle.active #menu-toggle-line-3{ top:50%; transform:rotate(-45deg); }
/* Maybe make the lines zoom off to the right and come back in? */

@keyframes menuToggle{
	0%{ filter:blur(0); -webkit-filter:blur(0); }
	50%{ filter:blur(5px); -webkit-filter:blur(5px); }
	100%{ filter:blur(0); -webkit-filter:blur(0); }
}


/* ----------------------- NEW RESPONSIVE NAV --------------------- */

.responsive-menu-holder{ position: fixed; top: 52px; left: -150vw; width: 100vw; height: 100%; background: #fff; z-index: 500; transition: left 1s; }
.responsive-menu-holder-active{ left: 0; transition: left 1s;  }

.responsive-menu-holder ul{ margin: 0; list-style: none; padding-top: 15px; }
.responsive-menu-holder ul li{ padding: 5px 0; }
.responsive-menu-holder ul li a{ float: none; margin: 0 auto; display: table; font-size: 1.15rem; color: #012751; }

.responsive-menu-holder .main-nav-icons{ float: none; margin: 0 auto; display: table; padding-top: 15px; right: auto; position: relative; top: auto; }

/*--------------------------------------------------------------
# HOME PAGE
--------------------------------------------------------------*/
.class{  }





/*--------------------------------------------------------------
# CATEGORY PAGE
--------------------------------------------------------------*/
.class{  }





/*--------------------------------------------------------------
# PRODUCT PAGE
--------------------------------------------------------------*/
.class{  }





/*--------------------------------------------------------------
# CONTACT PAGE
--------------------------------------------------------------*/
.class{  }





/*--------------------------------------------------------------
# BLOG PAGE
--------------------------------------------------------------*/
.class{  }





/*--------------------------------------------------------------
# DEFAULT PAGE
--------------------------------------------------------------*/
.class{  }







/*******************************************************************************
Privacy Page GDPR Update 180523
*******************************************************************************/
#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%; }










/***** NEWSLETTER POPUP *****/
#newsletter-popup-wrapper{ position: fixed; width: 100%; max-width: 750px; height:250px; bottom: -280px; left: calc(50% - 375px); z-index: 10; background: #ccc; padding: 0 50px; -webkit-transition:bottom 1s; -moz-transition:bottom 1s; transition:bottom 1s; }
#newsletter-popup-wrapper.active{ bottom:0; }
#newsletter-popup-close{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #009cd7; cursor: pointer; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; transition:background-color .3s; }
#newsletter-popup-close:hover{ background-color:#044B99; }
.newsletter-popup-close-line{ position: absolute; background: #fff; height: 3px; width: 40px; left: 5px; top: 23px; }
#newsletter-popup-close-line-1{ transform: rotate(45deg); }
#newsletter-popup-close-line-2{ transform: rotate(-45deg); }
#newsletter-popup-content{ height:100%; max-width:600px; }
#newsletter-popup-content .left-content,
#newsletter-popup-content .right-content{ width:auto; margin:0 0 10px; } 
#newsletter-popup-content h3{ margin-bottom:0; }
#newsletter-popup-content p{ margin-bottom:0; }
#newsletter-popup-content .newsletter-popup-intro{ margin-bottom:10px; text-align:center; font-size:1rem; }
#newsletter-popup-content .wpcf7-form p{ position:relative; }
#newsletter-popup-content .wpcf7-form .wpcf7-submit{  }
#newsletter-popup-content .wpcf7-form .ajax-loader{ position:absolute; top:40px; }

@media screen and (max-width:768px){
	#newsletter-popup-wrapper{ height: 230px; max-width:none; left:0; }
	#newsletter-popup-content .newsletter-popup-intro,
	#newsletter-popup-wrapper input[type=email],
	#newsletter-popup-wrapper input[type=text]{ font-size:0.9rem; }
}

@media screen and (max-width:599px){
	#newsletter-popup-wrapper{ height: 280px;  bottom: -300px; }
	#newsletter-popup-content .right-content{ float:left; clear:left; }
}

@media screen and (max-width:499px){
	#newsletter-popup-wrapper{ height: 350px;  bottom: -370px; }
}

@media screen and (max-width:480px){
	#newsletter-popup-wrapper{  }
	#newsletter-popup-content h3{ font-size: 1rem; line-height: 130%; margin-bottom: 10px; }
	#newsletter-popup-content .newsletter-popup-intro,
	#newsletter-popup-wrapper input[type=email],
	#newsletter-popup-wrapper input[type=text]{ font-size:0.8rem; }
	#newsletter-popup-wrapper input[type=submit],
	#newsletter-popup-wrapper button[type=submit]{ font-size:0.8rem; }
}

.alm-btn-wrap { position: inherit !important;}