/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: GENERAL STYLES
:: LAYOUT & GRID STYLES
:: LINK STYLES
:: H1, H2, H3, H4, H5 P STYLES
:: HEADER STYLES
:: NAVIGATION STYLES
:: OFF CANVAS PUSH MENU
:: IMAGES
:: POSTS & CONTENT STYLE
:: PAGE NAVI STYLES
:: SIDEBARS & ASIDES
:: FOOTER STYLES
:: FOUNDATION STYLES
:: PLUGIN STYLES
:: PARTIALS
:: PAGE STYLES
:: HOME PAGE
:: WHY BROADLAND CHILDREN
:: WHY BROADLAND FOOTER
:: HISTORY
:: PRODUCTS PAGE
:: PRODUCT PAGE GALLERY
:: COMMERCIAL
:: CONTACT PAGE
:: COLOUR CHART
:: OWL SLIDER OVERIDES
:: ENVIRA GALLERY
:: BROCHURE LIST

:: MEDIA QUERIES IOS (max-width : 1024px)
-------------------
FOUNDATION GRID
:: MEDIA QUERIES - SMALL (max-width: 40.063em)
:: MEDIA QUERIES - MEDIUM (min-width: 40.063em) 
:: MEDIA QUERIES - LARGE (min-width: 64.063em)
*/



/*********************
GENERAL STYLES
*********************/

.button {
	background-color: #0C4EA2;
	background-image: url(../images/arrowRight.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 12px;
	padding-right: 50px;
	padding-bottom: 14px;
	padding-left: 12px;
}
.button:hover {
/*background-color: #0C4EA2;*/
}
.download {
	color: #012B59;
	background-color: #FFF;
	background-image: url(../images/arrowBlue.svg);
	background-position: 95% 12px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 1em;
}
#content {
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
	margin-bottom: 2em;
}
.full-width .page-title {
	display: none;
}
.full-width h2 {
	margin-top: 1em;
	margin-bottom: 1em;
}
p:empty {
	display: none;
}
/*********************
LAYOUT & GRID STYLES
*********************/


.padding {
	padding-right: 0px;
	padding-left: 0px;
}
.paddingRight {
	padding-right: 20px;
	padding-left: 0px;
}
.paddingLeft {
	padding-right: 0px;
	padding-left: 20px;
}
.paddingLeft5 {
	padding-left: 5px;
}
hr {
	border-color: #fff;
	margin-bottom: 30px;
}
#main {
	margin-right: 0;
	margin-bottom: 2.2em;
	margin-left: 0;
}
#inner-content {
}
/*********************
LINK STYLES
*********************/
a, a:visited {
/*adds highlight on hover */
  /* on click */
  /* mobile tap color */ }
a:link, a:visited:link {
	/*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/******************************************************************
H1, H2, H3, H4, H5 P STYLES
******************************************************************/
body {
	color: #012B59;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Lato', sans-serif;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
}
h2 {
	font-size: 31px;
	color: #012B59;
}
h3 {
	font-size: 21px;
}
h4 {
}
p {
	color: #012B59;
}
.small {
	font-size: 14px;
}
.read-more {
}
/*********************
HEADER STYLES
*********************/

.contact {
	margin-top: 0.5em;
}
.contact-number {
	color: #FFF;
	background-color: #0C4EA1;
	font-size: 18px;
	float: right;
	padding-top: .5em;
	padding-right: 2em;
	padding-bottom: .5em;
	padding-left: 2em;
	clear: both;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.contact-number:hover {
	color: #FFF;
}
p.advisor {
	float: right;
	clear: both;
	font-size: 16px;
	margin-bottom: 10px;
}
/*********************
NAVIGATION STYLES
*********************/

/*Background colors*/

.contain-to-grid, .top-bar {
	background-color: #012B59;
}
 .top-bar-section li a:not(.button) {
 background-color: #012B59!important;
 font-size: 15px;
}
 .top-bar-section li a:not(.button):hover {
 color: #FFD103!important;
}
/*Current menu state*/
.top-bar-section ul li.active > a {
	color: #FFD103!important;
}
/*li padding*/

.top-bar ul li {
	margin-right: 20px;
}
.top-bar .title-area {
	z-index: 1;
}
.off-canvas-list ul {
	margin-left: 0;
}
.off-canvas-list ul li a {
	border-bottom: 0px;
}
.off-canvas-list ul .dropdown {
	margin-left: 20px;
}
/*********************
OFF CANVAS PUSH MENU
*********************/

.header ul.off-canvas-list li {
	list-style: none;
}
.tab-bar {
	background-color: #0c4ea1;
}
.tab-bar .menu-icon {
	background-color: #012B59;
	border-right: 0px;
}
.tab-bar-section.middle h1 a {
	color: #FFF;
}
.left-off-canvas-menu {
	background-color: #012B59;
}
/*********************
IMAGES
*********************/

/*-----Responsive Images-----*/
.flexibleImg {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
.banner {
	float: right;
}
.alignleft {
	float: left;
	padding-right: 20px;
}
/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
	padding-top: 2rem;
	;
	padding-right: rem;
	padding-bottom: 0;
	padding-left: rem;
}
.byline {
	color: #999;
}
/* entry content */
.entry-content {
}
.entry-content dd {
	margin-left: 0;
	font-size: 0.9em;
	color: #787878;
	margin-bottom: 1.5em;
}
.entry-content img {
	max-width: 100%;
	height: auto;
}
.entry-content video, .entry-content object {
	max-width: 100%;
	height: auto;
}
.entry-content pre {
	background: #eee;
	border: 1px solid #cecece;
	padding: 10px;
}
/* end .entry-content */
.wp-caption {
	max-width: 100%;
	background: #eee;
	padding: 5px;
/* images inside wp-caption */ }
.wp-caption img {
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	margin: 4px 0 7px;
	text-align: center;
}
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination a:hover {
	color: black;
}
/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
	margin: 0;
}
.widget ul li {
	list-style: none;
/* deep nesting */ }
#sidebar-offcanvas .widgettitle {
	color: #fff;
}
/*MAIN SIDEBAR*/


/*********************
FOOTER STYLES
*********************/

.footer {
	clear: both;
	padding-top: 1em;
	background-color: #012B59;
}
#inner-footer {
	margin-top: 0.5em;
	padding-bottom: 0.5em;
}
#inner-footer h4 {
	font-size: 14px;
	color: #FFD103;
	margin-bottom: 0.53em;
}
#inner-footer p {
	font-size: 14px;
	color: #FFF;
}
#inner-footer span {
	font-size: 24px;
	color: #FFD103;
}
.creds {
	margin-top: 2em;
	margin-bottom: 2em;
}
.footer .widget ul {
	margin-bottom: 10px;
}
.footer .widget ul li {
	line-height: 1.3em;
}
.footer ul li a {
	font-size: 14px;
	color: #FFF;
}
/*********************
FOUNDATION STYLES
*********************/
.clearing-assembled.clearing-blackout a:hover {
	background: none;
}
.FAQ h2 {
	background-color: #012b59;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 0;
	padding: 10px;
}
.accordion {
	margin-left: 0;
}
ul.accordion, ul.accordion p {
	font-size: 13px;
	margin-bottom: 5px;
}
ul.accordion p strong {
	padding-top: 5px;
}
ul.accordion ul li {
	font-size: 13px;
}
.accordion .accordion-navigation > a, .accordion dd > a {
	background-color: transparent;
	color: #012B59;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #012B59;
	background-image: url(../images/open.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.accordion .accordion-navigation:hover > a, .accordion dd > a:hover {
	background-color: #eee;
	background-image: url(../images/open.svg);
	background-repeat: no-repeat;
	background-position: right center;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	color: #012B59;
	background-color: #dfeff7;
	background-image: url(../images/close.svg);
	background-repeat: no-repeat;
	background-position: right center;
}
.content {
	border-bottom: 1px solid #012B59;
}
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
	list-style: none outside none;
	margin: 0;
}
/* ===============================
QUICK CONTACT SLIDEOUT PLUGIN
WHEN UPDATING BE SURE TO CHANGE THE -3PX TO -17 IN JS
===================================*/

/* Remove slide out scroll bar
--------------------------------*/

/*html {
overflow-y:hidden!important;
}*/

*html .wpcs_content_main .is_open {
	overflow-y:hidden!important;
}
/* Remove slide out for pages
--------------------------------*/
.page-template-contact .wpcs-slide-out-div {
	display: none;
}
/* Style the form 
---------------------*/
.wpcs_content {
	padding:0;
}
.wpcs-slide-out-div .open {
	right:-17px;
}
.qq-padding {
	color: #FFF;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
}
.qq-submit {
	margin-bottom: 0;
}
.quick-contact-body {
	background-color:#fff;
	padding: 10px;
	margin: 10px;
}
.quick-contact-header {
	background-color:#232f53;
}
.quick-contact-header h3 {
	color:#FFF;
}
.quick-contact textarea {
	max-height:80px;
}
.quick-contact .wpcf7-submit {
	background-color:#629b12;
	width:100%;
	background-image: none;
}
/* -----------Responsive Maps----------*/

.map-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.map-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
/*********************
PARTIALS
*********************/

.testimonial-slider {
	background-image: url(../images/bg-testimonial.png);
	background-repeat: repeat-x;
	padding-top: 2em;
	padding-bottom: 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
p.view-all {
	background-image: url(../images/search.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: #012B59;
}
div.single-stars {
	margin-top: 1.8em;
}
.testimonial-byline {
	margin-top: -1.6em;
}
.testimonial-slider .orbit-bullets {
	top: -10px;
}
.contact-banner {
	background: #ecc102;
	background: -moz-linear-gradient(left, #ecc102 48%, #eeeeee 48%);
	background: -webkit-linear-gradient(left, #ecc102 48%, #eeeeee 48%);
	background: linear-gradient(to right, #ecc102 48%, #eeeeee 48%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc102', endColorstr='#eeeeee', GradientType=1 );
	padding: 20px;
}
textarea[rows].contact-msg {
	height:200px;
}
.contact-banner .textA1 {
	padding-left: 0;
}
.contact-banner h3 {
	font-size: 27px;
	padding-bottom: 20px;
}
.contactIntro h3, .contactIntro p {
	color: #012B59;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}
.contact-banner input {
	margin-bottom: 10px;
}
.contact-banner .wpcf7-submit {
	background-image: none;
	float: left;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-left: 20px;
}
span.wpcf7-list-item {
	display: block;
	margin-left: 0px;
}
.postcode {
	width: 53%!important;
	float: left;
}
div.wpcf7-validation-errors {
	border: none;
	color: #F00;
}
div.wpcf7-mail-sent-ok {
	border: none;
	color: #090;
}
.ggf-banner {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #f7f7f7;
}
.ggf-banner .row {
/*padding-top: 2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;*/
}
.ggf-banner img {
	width: 200px;
}
.ggf-banner h4 {
	color: #0C4EA1;
	font-size: 17.5px;
	font-weight: 400;
	margin-bottom: 1em;
}
.ggf-banner p {
	font-weight: 300;
}
.ggf-banner h4, .ggf-banner p, .ggf-banner .button {
	margin-left: 30px;
}
/*********************
PAGE STYLES
*********************/


/*********************
HOME PAGE
*********************/


/*SLIDER*/

.hero {
	margin-bottom: 20px;
	position: relative;
}
.flexibleImg {
}
.rev-btn {
	background-color: #012B59;
	background-image: url(../images/arrowRight.svg);
	background-position: 95% center;
	background-repeat: no-repeat;
	color: #FFF;
	text-align: left;
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 50px;
	padding-bottom: 12px;
}
.rev-btn:hover {
	background-color: #0C4EA2;
}
.tp-caption a, .tp-caption a:hover {
	color: #FFF;
}
.tp-bullets.simplebullets.round .bullet {
	background-image: none!important;
	background-color: #FFF;
	opacity: 0.4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 16px;
	margin-left: 6px;
	width: 16px;
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
	opacity: 0.9;
}
/*LAYOUT*/

.thumb-commercial {
	background-color: #fff;
	margin-top: -60px;
	z-index: 80;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
}
.thumb-commercial a {
	color: #FFF;
	background-color: #012B59;
	background-image: url(../images/arrowRight.svg);
	background-position: 95% 10px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
}
.home-links ul {
	margin-left: 0px;
	max-width: 211px;
	font-size: 15px;
}
.home-links ul li {
	list-style-type: none;
	/*padding-left: 10px;*/
	background-color: #0C4EA1;
}
.home-links ul li > a {
	background-image: url(../images/arrowRight.svg);
	background-position: 98% center;
	background-repeat: no-repeat;
}
.home-links ul li a {
	color: #fff;
	display: block;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.home-links ul li ul li {
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #012B59;
}
.home-links ul li ul li:hover {
	background-color: #dfeff7;
	background-image: none;
}
.home-links ul li ul li a {
	color: #012B59;
	background-image: none;
}
.home-links ul li ul li a:hover {
/*color: #fff;*/
}
.home .widget ul li {
/*line-height: 1em;*/
}
.home h4 {
	color: #0C4EA1;
	font-size: 17.5px;
	font-weight: 400;
	margin-bottom: 1em;
}
.home p {
	font-weight: 300;
}
#text-5.widget {
	padding: 0px;
}
/*VIDEO MODAL REVEAL*/

.reveal-modal {
	background-color: #003;
}
/*  --------- ORBIT SLIDER  -------    */

.orbit-slide-number, .orbit-prev, .orbit-next, .orbit-timer {
	display: none;
}
/*********************
WHY BROADLAND CHILDREN
*********************/

/*SIDEBAR NAV*/

#sidebar1 h4 {
	font-size: 25px;
	margin-bottom: 1.25em;
}
#sidebar1 ul {
}
#sidebar1 ul li {
	margin: 0em;
}
#sidebar1 .current-menu-item {
	background-color: #DFEFF7;
}
#sidebar1 ul li a {
	display: block;
	width: 100%;
	height: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #012B59;
	color:  #012B59;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 1.25em;
}
#sidebar1 ul li:last-child {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #012B59;
}
.page-title {
	color: #0C4EA2;
}
/*MORE INFO LINKS*/


.more-info {
	background-image: url(../images/bg-more-info.jpg);
	background-repeat: no-repeat;
	height: 370px;
	/*width: 265px;*/
	padding-top: 16em;
}
.more-info .button {
	color: #FFF;
	background-color: #012B59;
	background-image: url(../images/arrowRight.svg);
	background-position: 95% 10px;
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-align: left;
	margin-bottom: .6em;
}
/*********************
WHY BROADLAND FOOTER
*********************/

.why-broadland .widgettitle {
	color: #0C4EA1;
	font-size: 19px;
}
.why-broadland p {
	font-size: 13px;
}
/*********************
HISTORY
*********************/

.history-intro {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
.history-bg {
	background-color: #DCEDFA;
	text-align: center;
	padding: 1em;
}
.history-bg h4 {
	color: #052F4E;
}
.history-timeline .page-title {
	display: none;
}
.history-timeline p {
	font-size: .9em;
	max-width: 400px;
}
/*----- timeline -----*/

#timewrap {
	padding-left:50px;
	max-width:90%;
	float:left;
}
.timeline li, .timeline ol li {
	list-style:none;
}
.timeline, .timeline ol, .timeline ol ol {
	margin:0;
	padding:0;
}
.timeline ol li {
	padding:0 0 0 50px;
	margin:0 0 0 50px;
}
.timeline li div.entry {
	padding:20px;
	margin:0;
	border-style:none;
}
.timeline ol li {
	background-image: url(../images/timeline.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.year {
	display:block;
	position:relative;
	width: 75px;
	font-size: 1.2em;
	right:125px;
	top: 90px;
	color: #0C4EA2;
}
/*********************
PRODUCTS PAGE
*********************/

/*PRODUCTS MAIN LANDING*/


.products h2 {
	margin-top: 1em;
	margin-bottom: 1em;
}
.products img {
	z-index: 1;
	float: left;
}
.products .nav {
	width: 60%;
	float: right;
	margin-top: -38px;
	z-index: 10;
}
.products ul li {
	list-style-type: none;
	margin-bottom: 0.2em;
}
.products ul li a {
	font-size: 24px;
	color: #fff;
	background-color: #012B59;
	background-image: url(../images/arrowRight.svg);
	background-position: 95% 20px;
	background-repeat: no-repeat;
	background-size: 14px Auto;
	padding: 10px;
	display: block;
	width: 100%;
	height: 100%;
}
.products ul li ul {
	margin-left: 0px;
}
.products ul li ul li a {
	font-size: 15px;
	color: #012B59;
	background-color: #fff;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #012B59;
}
/*PRODUCTS CHILD PAGES*/


.page-id-61 #main h4, .page-id-49 #main h4, .page-id-37 #main h4 {
	background-color: #012B59;
	color: #FFF;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 22px;
}
.get-in-touch {
	position:absolute;
	right:0;
	bottom: 0;
}
.get-in-touch .button {
	background-color: #0C4EA1;
	background-image: url(../images/arrowRight.svg);
	background-position: 90% 16px;
	background-repeat: no-repeat;
	margin-bottom: -30px;
	padding-right: 50px;
}
/*PRODUCTS SIDEBAR NAVIGATION*/

#menu-products {
	background-color: #012B59;
	margin-top: -6em;
	padding-top: 20px;
	padding-bottom: 20px;
}
#menu-products li a {
	color: #FFF!important;
}
#menu-products li.current-page-ancestor a {
	color: #FFD103!important;
}
/*OVERRIDE THEME DEFAULT STYLES*/

#sidebar1 #menu-windows li a, #sidebar1 #menu-doors li a, #sidebar1 #menu-conservatories li a {
	display: none!important;
}
#sidebar1 #menu-windows ul li a, #sidebar1 #menu-doors ul li a, #sidebar1 #menu-conservatories ul li a {
	display: block!important;
}
.widget ul li ul {
	padding-left: 0!important;
}
#sidebar1 #menu-windows ul li:last-child, #sidebar1 #menu-doors ul li:last-child, #sidebar1 #menu-conservatories ul li:last-child {
	border-bottom-style: none;
}
/* ------ PRODUCT SIDEBAR IMAGES ------ */


.sidebar h5 {
	margin: 20px;
}
#sidebar1 .textwidget {
	margin-top: 20px;
}
/*********************
PRODUCT PAGE GALLERY
*********************/


.product-galleries {
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;*/
	padding-top: 1em;
	padding-bottom: 2em;
}
/*********************
COMMERCIAL
*********************/

.rev-commercial {
	background-color: #012B59;
	height: 100px;
	padding: 20px;
	opacity: 0.93;
}
.commercial h2 {
	font-size: 26px;
	color: #0c4ea2;
}
.button.right {
	margin-top: 2em;
	margin-bottom: 2em;
}
.service-list {
	background-color: #eaeeee;
	padding: 10px;
	clear: both;
}
.service-list h4 {
	font-size: 20px;
	color:#13509f;
}
.service-list li {
	font-size: 15px;
}
/*********************
CONTACT PAGE
*********************/


.contact-intro {
	background-color: #012B59;
	padding: 20px;
	width: 60%;
	max-width: 340px;
	margin-top: -4em;
	margin-bottom: 2em;
}
.contact-intro strong {
	color: #FFD103;
	font-size: 18px;
}
.contact-intro p {
	color: #FFF;
}
.contact-page h5 {
	max-width: 500px;
	margin-bottom: 2em;
}
.textarea-455 textarea {
	max-height: 140px;
}
select {
	font-size: 14px;
	color : #979797 !important;
}
 option:not(:checked) {
 color : #000 !important;
}
.wpcf7-submit {
	background-color: #0C4EA2;
	background-image: url(../images/arrowRight.svg);
	background-position: 95% 12px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
.google-maps-builder-wrap {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
/*********************
COLOUR CHART
*********************/

li.squircle {
	height: 100px;
	margin-bottom: 1px;
	position: relative;
	background-image: url(../images/border-white.png);
	background-repeat: repeat-y;
	background-position: right;
}
li.squircle:hover {
	-webkit-border-top-right-radius: 40px;
	-moz-border-radius-topright: 40px;
	border-top-right-radius: 40px;
	opacity: .8;
 -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
li.squircle p {
	color: #FFF;
	bottom: 5px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1em;
}
/*WOODGRAIN*/
.grain li.squircle {
	background-image: url(../images/bg-wood.png);
	background-repeat: repeat-y;
	background-position: right;
}
li.squircle p.dark {
	color: #000;
}
li.squircle:hover span {
	opacity: 1;
 -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/*********************
OWL SLIDER OVERIDES
*********************/

.owl-carousel {
	/*background-color: #F90;*/
	margin-top: 1em;
}
.owl-carousel-item-imgoverlay {
	bottom: 0;
	color: #000!important;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-shadow: none!important;
}
.owl-carousel-item-imgtitle {
	background-color: #FFF!important;
	font-size: 14px!important;
	padding-top: 10px;
}
.owl-item .item {
	margin-right: 10px;
	margin-left: 10px;
}
.owl-item .item img {
	max-height: 220px;
}
.owl-carousel-item-imgoverlay {
	color: #333;
	opacity: 1!important;
	position: relative!important;
	text-align: left!important;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	transition: opacity 0.5s ease-out 0s;
	width: 100%;
}
/* ---- prettyPhoto ---- */
/* ---- move the captions close button z index ---- */

div.ppt {
	color: #000!important;
	/*bottom: 10px;*/
	/*position: relative;*/
	font-size: 13px;
}
.pp_close {
	z-index: 9999;
}
/*********************
ENVIRA GALLERY ****REDUNDANT****
*********************/

.post-14 .page-title {
	display: none;
}
.envira-tags-filter-list {
	margin-left: 5px!important;
}
.envira-tags-filter-list li.envira-tags-filter, .envira-tags-filter-list li.envira-tag-filter {
	float: left;
	margin-top: 0;
	margin-right: 0.93%!important;
}
a.envira-tags-filter-link {
	float: left;
	background-color: #fff;
	width: 184px;
	text-align: center;
	color: #333;
	font-size: 18px;
	/*text-transform: uppercase;*/
	margin-bottom: 2em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 2em;
}
a.envira-tags-filter-active {
	color: #fff;
	background-color: #0c4ea1;
}
.envirabox-title {
	text-align: center;
}
#envirabox-thumbs {
	display: none;
}
/*********************
ENVIRA GALLERY
*********************/

.page-id-14 {
}
/*.gallery-call-to-action {
	background-color: #66F;
	display: none;
}

.sticky .gallery-call-to-action {
	background-color: #66F;
	display: block;
}*/


.post-14 .page-title {
	display: none;
}
.envira-tags-filter-list {
	margin-left: 5px!important;
}
.envira-tags-filter-list li.envira-tags-filter, .envira-tags-filter-list li.envira-tag-filter {
	float: left;
	margin-top: 0;
	margin-right: 0.93%!important;
}
a.envira-tags-filter-link {
	float: left;
	background-color: #fff;
	width: 184px;
	text-align: center;
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 2em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 2em;
}
a.envira-tags-filter-active {
	color: #fff;
	background-color: #0c4ea1;
}
.envirabox-title {
	text-align: center;
}
#envirabox-thumbs {
	display: none;
}
/*********************
BROCHURE LIST
*********************/

.brochure-list li {
	text-align: center;
}
.brochure-list li img {
	margin-bottom: 5px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.brochure-list li .button {
	margin-top: 8px;
}
.max-780 {
	max-width: 780px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.bg-blue {
	background-color: #012B59;
	color: #FFF;
	padding: 10px;
	margin: 0px;
}


/* Tablet (portrait) ----------- */
@media only screen and (max-width : 966px) {

/*resize the menu*/
.top-bar ul li {
 margin-right: 0px;
}
.top-bar-section li a:not(.button) {
 font-size: 13px;
}
.logo {
}
/*a.envira-tags-filter-link {
    font-size: 13px;
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 18px 3px;
    text-align: center;
    max-width: 139px;
}*/

.home-links ul li a {
 font-size: 13px;
 padding: 5px 5px 5px 10px;
}

/* Tablet (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {
}

/*
SMALL
*/


@media only screen and (max-width: 40.063em) {
h1 {
 font-size: 21px;
}
h1.page-title {
 color: #FFF;
 background-color: #012B59;
 margin-top: 0px;
 padding: 10px;
}
h2 {
 font-size: 21px;
}
 .page-id-61 #main h4, .page-id-49 #main h4, .page-id-37 #main h4 {
 font-size: 20px;
}
 .logo {
 margin-right: 10%;
 margin-left: 10%;
 width: 80%;
}
#content {
 background-image: none;
}
.thumb-commercial {
 margin-top: 0px;
}
 #inner-footer .widget_text {
 text-align:center;
}
.creds {
 text-align: center;
}
/*STRUCTURE*/

.padding {
}
.paddingLeft, .paddingRight {
 padding-left: 0.9375rem;
 padding-right: 0.9375rem;
}
 #content #inner-content {
 padding-bottom: 0;
 padding-top: 0rem;
}
#main {
 margin-bottom: 0.2em;
}
.hero {
margin-bottom: 0px;
}
.home .widget {
 text-align: center;
}
.thumb-commercial {
 padding-left: 14px;
}
.product-btn {
 margin-bottom: 20px;
}
 .products .nav {
 float: left;
 margin-top: -38px;
 width: 100%;
 margin-left: 0px;
}
 .contact-intro {
 background-color: #012B59;
 padding: 20px;
 width: 100%;
 max-width: 100%;
 margin-top: 0em;
 margin-bottom: 1em;
}
 a.envira-tags-filter-link {
 font-size: 12px;
 margin-bottom: 0;
 margin-top: 0.5em;
 padding: 4px 0;
 border: 1px solid #cecece;
}
 .contact-banner {
 background: #ecc102;
}
.ggf-banner img{
	max-width:100px;
	
}
.ggf-banner h4, .ggf-banner p, .ggf-banner .button {
	margin-left: 0px;
}
}
/*
MEDIUM
*/
@media only screen and (min-width: 40.063em) {
  /******************************************************************
  
  Stylesheet: Medium Stylesheet
  
  Styles apply to 40.063em and up.
  
  ******************************************************************/

/*STRUCTURE*/

.padding {
}
.paddingLeft, .paddingRight {
 padding-left: 0.9375rem;
 padding-right: 0.9375rem;
}


/*********************
  NAVIGATION STYLES
  *********************/
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
/* at this larger size, we can start to align images */ }
 .entry-content .alignleft, .entry-content img.alignleft {
 margin-right: 1.5em;
 display: inline;
 float: left;
}
 .entry-content .alignright, .entry-content img.alignright {
 margin-left: 1.5em;
 display: inline;
 float: right;
}
 .entry-content .aligncenter, .entry-content img.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
 clear: both;
}

  /* end .entry-content */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .widget {
 padding: 0 10px;
 margin: 2.2em 0;
}
/*********************
  FOOTER STYLES
  *********************/

  /*********************
  FOUNDATION STYLES
  *********************/
  /*********************
  PLUGIN STYLES
  *********************/
 .contact-intro {
 width: 100%;
 max-width: 100%;
 margin-bottom: 1em;
}
}
/*
LARGE
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 64.063em) {
  /******************************************************************
  
  Stylesheet: Large Stylesheet
  
  Styles apply to 64.063em and up.
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
 max-width: 1140px;
}

  /*********************
  HEADER STYLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .widget ul li {
 margin-bottom: 0.75em;
/* deep nesting */ }
 .widget ul li ul {
 margin-top: 0.75em;
 padding-left: 1em;
}
 .footer-links ul li {
}
/*********************
  FOUNDATION STYLES
  *********************/
  /*********************
  PLUGIN STYLES
  *********************/ }
/*
XLARGE
*/
@media only screen and (min-width: 90.063em) {
}
@media only screen and (min-width: 120.063em) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}
 @media print { {
 background: transparent !important;
 color: black !important;
 text-shadow: none !important;
 filter: none !important;
 -ms-filter: none !important;
}
a, a:visited {
 color: #444 !important;
 text-decoration: underline;
}
a:after, a:visited:after {
 content: " (" attr(href) ")";
}
a abbr[title]:after, a:visited abbr[title]:after {
 content: " (" attr(title) ")";
}
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 content: "";
}
pre, blockquote {
 border: 1px solid #999;
 page-break-inside: avoid;
}
thead {
 display: table-header-group;
}
tr, img {
 page-break-inside: avoid;
}
img {
 max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
 orphans: 3;
 widows: 3;
}
h2, h3 {
 page-break-after: avoid;
}
.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
 display: none;
}
}