/*
Theme Name: Spicy Brocoli Base Theme
Theme URI: http://spicybroccoli.com
Description: Spicy Broccoli template for WordPress sites. Good for you company's health!
Author: Spicy Broccoli Media
Author URI: http://spicybroccoli.com/
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
    height: 100%;
}
body {
	line-height: 1;
	background-color: #fff;
	color: #363636;
    height: 100%;
}


header {
	height: 153px;
}
#header {
    position: relative;
	width: 100%;
	z-index: 99;
	background-color: white;

}
.scrolled #header {
    position: fixed;
    transform: translateY(200px);
    top: -200px;
 }

.font-poppins,
body,
.blurb,
#page article h2 {
    font-family: 'Poppins', sans-serif;
}
.font-roboto,
p,
a.read-more {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h5, h6, .title-header {
	clear: both;
	font-weight: bold;
    font-size: 90px;
	line-height: 95px;

}
h4 {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	color: #204946;
}
ol, ul {
	list-style: none;
}

p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
    position: relative;
    z-index: 1;
	letter-spacing: 1px;
}
p.blurb,
.blurb {
    font-size: 23px;
	line-height: 33px;
}
article .content p:last-child {
    margin-bottom: 0;
}
article ul > li {
    padding-left: 10px;
    line-height: 10px;
}
blockquote {
	quotes: none;
	clear: both;

}

blockquote.center {
	width: 70%;
    margin: 0 auto;
}
/*
blockquote:before, blockquote:after {
	content: '';
	content: none;
}*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #eb5327;
}
a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #eb5327;
}
.read-more {
    font-weight: normal;
    font-weight: normal;
    position: relative;
    z-index: 999;
    display: block;
    cursor: pointer;
}
.read-more:hover {
    text-decoration: none;
}
.read-more:after {
    content: ' >';
}
.read-more:hover:after {
    padding-left: 5px;
}
.read-more.culture {
	padding-left: 63px;
}
.read-more.promise {
	padding-left: 40px;
}

a, a *, a:before, a:after,
.btn,
ul.sub-menu,
#header {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.scrolled #header {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.img-responsive {
	display: block;
	width: 100%;
	height: auto;
}
.img-center {
	display: block;
	margin: 0 auto;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}

.menu-trigger {
    display: none !important;
}

.clearfix:after, .container:after, .row:after {
	content: "";
	display: table;
	clear: both;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* Not sure why this is being set as a negative margin. Need to ask Caio */
/*
.row {
    margin-right: -15px;
    margin-left: -15px;
}
*/

/* COLUMNS CONFIGURATION */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0;
}

@media (min-width: 667px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0;
}

}

@media (min-width: 768px) {

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-pull-12 {
	right: 100%;
}
.col-md-pull-11 {
	right: 91.66666667%;
}
.col-md-pull-10 {
	right: 83.33333333%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-8 {
	right: 66.66666667%;
}
.col-md-pull-7 {
	right: 58.33333333%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-5 {
	right: 41.66666667%;
}
.col-md-pull-4 {
	right: 33.33333333%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-2 {
	right: 16.66666667%;
}
.col-md-pull-1 {
	right: 8.33333333%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-push-11 {
	left: 91.66666667%;
}
.col-md-push-10 {
	left: 83.33333333%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-8 {
	left: 66.66666667%;
}
.col-md-push-7 {
	left: 58.33333333%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-5 {
	left: 41.66666667%;
}
.col-md-push-4 {
	left: 33.33333333%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-2 {
	left: 16.66666667%;
}
.col-md-push-1 {
	left: 8.33333333%;
}
.col-md-push-0 {
	left: auto;
}
.col-md-offset-12 {
	margin-left: 100%;
}
.col-md-offset-11 {
	margin-left: 91.66666667%;
}
.col-md-offset-10 {
	margin-left: 83.33333333%;
}
.col-md-offset-9 {
	margin-left: 75%;
}
.col-md-offset-8 {
	margin-left: 66.66666667%;
}
.col-md-offset-7 {
	margin-left: 58.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.col-md-offset-5 {
	margin-left: 41.66666667%;
}
.col-md-offset-4 {
	margin-left: 33.33333333%;
}
.col-md-offset-3 {
	margin-left: 25%;
}
.col-md-offset-2 {
	margin-left: 16.66666667%;
}
.col-md-offset-1 {
	margin-left: 8.33333333%;
}
.col-md-offset-0 {
	margin-left: 0;
}

}

@media (min-width: 1024px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0;
}
}
/* END COLUMNS CONFIGURATIONS */




/* SECTION CONFIG  */
.section-space {
	padding-top: 90px;
    padding-bottom: 90px;
}
.section-space-bottom {
    padding-bottom: 90px;
}
.section-space-top {
    padding-top: 90px;
}
.section-space-sm {
    padding-top: 45px;
    padding-bottom: 45px;
}
.section-space-bottom-sm {
    padding-bottom: 45px;
}
.section-space-top-sm {
    padding-top: 45px;
}
.section-space-top-xs {
    padding-top: 25px;
}
.section-space-bottom-xs {
    padding-top: 25px;
}
.section-space-xl {
	padding-top: 120px;
    padding-bottom: 120px;
}
.section-space-double {
    padding-top: 180px;
    padding-bottom: 180px;
}
.section-space-bottom-double {
    padding-bottom: 180px;
}
.section-space-top-double {
    padding-top: 180px;
}

.section-space-med {
	padding-top: 75px;
    padding-bottom: 75px;
}
/* END SECTION CONFIG */


/* SECTION footer-bottom */
div#footer-section {
    background: #363636;
    padding: 35px 0;
    color: #a9a9a9;
    font-size: 12px;
    padding: 40px 0 35px;
}
div#footer-section .sbm {
    text-align: right;
}
div#footer-section a {
    color: #a9a9a9;
}
div#footer-section a:hover {
    text-decoration: none;
    color: #eb5327;
}
/* END SECTION footer-bottom */

/* BTNS */
.btn-wrapper {
    display: table;
    margin: 0 auto;
}
.btn-wrapper.right {
    margin-right: 0;
}
.btn-wrapper.left {
    margin-left: 0;
}
a.btn, .btn {
    padding: 16px 0;
    display: block;
    background-color: #fff;
    color: #204946;
    font-size: 20px;
    border-radius: 15px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: .5px;
	line-height: 25px;
}
a.btn.big, .btn.big {
    font-size: 22px;
    line-height: 25px;
}
a.btn.small, .btn.small {
    line-height: 17px;
    padding: 10px 20px;
}
a.btn:hover, .btn:hover {
    background-color: #204946;
    color: #fff;
}
a.btn.thirtyPercent {
	width: 30%;
}
a.btn.center {
	margin: 0 auto;
}
input.btn {
    height: 45px;
    line-height: 0;
    cursor: pointer;
}
/* END BTNS */

hr.line-separator {
    width: 70px;
    height: 10px;
    border: none;
    margin: 30px 0;
    text-align: left;
}
hr.line-separator.right {
    margin-left: auto;
    text-align: right;

}
hr.line-separator.full {
    width: 100%;
    margin: 0;
}


/* GLOBALS COLORS, BGS and BORDERS */
.white {
    color: #fff;
}
.blue-dark {
    color: #37555a;
}
.orange {
    color: #eb5327;
}
.blue {
    color: #00abe2;
}
.green {
    color: #1aae6f;
}
.yellow {
	color: #f99e2b;
}
.red {
	color: #ef2f24;
}

/*bgs*/
.bg-white {
    background-color: #fff;
}
.bg-orange {
    background-color: #eb5327;
}
.bg-blue {
    background-color: #00abe2;
}
.bg-green {
    background-color: #1aae6f;
}
.bg-red {
	background-color:#ee2e24;
}
.bg-yellow {
	background-color:#f99d2a;
}
.bg-defualt {
	background-color:#204946;
}

.bg-circle {
    position: relative;
}
.bg-circle > div {
    position: relative;
    z-index: 2;
}
.bg-circle-white:after {
    width: 500px;
    height: 500px;
    display: block;
    content: '';
    border: 90px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: -250px;
    bottom: -250px;
    z-index: 1;
}
.bg-circle-white {
	overflow: hidden;
}
.bg-circle-white.homepage:after {
	left: -250px;
	right: 0px;
}
.bg-circle-blue-green:after {
	width: 380px;
    height: 792px;
    display: block;
    position: absolute;
    content: '';
    left: -80px;
    bottom: -300px;
    z-index: 1;
    background-size: contain;
    background-image: url(images/bg-circles-gradient-blue.png);
}
.bg-circle-blue-green-behind:after {
	width: 380px;
    height: 792px;
    display: block;
    position: absolute;
    content: '';
    left: -80px;
    top: 250px;
    z-index: -1;
    background-size: contain;
    background-image: url(images/bg-circles-gradient-blue.png);
}

.bg-circles-behind:after {
    width: 314px;
    height: 650px;
    display: block;
    position: absolute;
    content: '';
    right: 0px;
    bottom: -340px;
    z-index: -1;
    background-size: contain;
    background-image: url(images/bg-circles-gradient-blue.png);
    transform: rotate(180deg);
}

.bg-circles {
    background-image: url(images/bg-circles.jpg);
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.bg-circle-texts {
    background-image: url(images/bg-circles-text.jpg);
  	background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 110%;
}

/* SECTION gradient fonts efects */

.whiteText {
	color: #ffffff;
}

.largeFont {
	font-size: 120px;
	padding-bottom: 30px;
}

.grad-orange {
    background: #f15a25;
    background: -webkit-repeating-linear-gradient(-65deg, #f15a25, #f79229) !important;
    background: -moz-repeating-linear-gradient(-65deg, #f15a25, #f79229);
    background: -ms-repeating-linear-gradient(-65deg, #f15a25, #f79229);
    background: -o-repeating-linear-gradient(-65deg, #f15a25, #f79229);
    background: repeating-linear-gradient(65deg, #f15a25, #f79229);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15a25', endColorstr='#f79229');
    zoom: 1;

}
.grad-red-orange {
    background: #ef4124;
    background: -webkit-repeating-linear-gradient(-65deg, #ef4124, #f79229) !important;
    background: -moz-repeating-linear-gradient(-65deg, #ef4124, #f79229);
    background: -ms-repeating-linear-gradient(-65deg, #ef4124, #f79229);
    background: -o-repeating-linear-gradient(-65deg, #ef4124, #f79229);
    background: repeating-linear-gradient(65deg, #ef4124, #f79229);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4124', endColorstr='#f79229');
    zoom: 1;

}
.grad-blue-green {
    background: #02abdb;
    background: -webkit-repeating-linear-gradient(70deg, #02abdb, #1aae6f) !important;
    background: -moz-repeating-linear-gradient(70deg, #02abdb, #1aae6f);
    background: -ms-repeating-linear-gradient(70deg, #02abdb, #1aae6f);
    background: -o-repeating-linear-gradient(70deg, #02abdb, #1aae6f);
    background: repeating-linear-gradient(-70deg, #02abdb, #1aae6f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02abdb', endColorstr='#1aae6f');
    zoom: 1;
}
.grad-green-blue {
    background: #1aae6f;
    background: -webkit-repeating-linear-gradient(-65deg, #1aae6f, #02abdb) !important;
    background: -moz-repeating-linear-gradient(-65deg, #1aae6f, #02abdb);
    background: -ms-repeating-linear-gradient(-65deg, #1aae6f, #02abdb);
    background: -o-repeating-linear-gradient(-65deg, #1aae6f, #02abdb);
    background: repeating-linear-gradient(65deg, #1aae6f, #02abdb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aae6f', endColorstr='#02abdb');
    zoom: 1;
}

.grad-green-blue-horinzontal {
    background: #1aae6f;
    background: -webkit-repeating-linear-gradient(70deg, #1aae6f, #02abdb) !important;
    background: -moz-repeating-linear-gradient(70deg, #1aae6f, #02abdb);
    background: -ms-repeating-linear-gradient(70deg, #1aae6f, #02abdb);
    background: -o-repeating-linear-gradient(70deg, #1aae6f, #02abdb);
    background: repeating-linear-gradient(-70deg, #1aae6f, #02abdb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aae6f', endColorstr='#02abdb');
    zoom: 1;
}
/*
## All gradient background instructions should go on top of this line, below will crash
## .gradient-font need to be called when we are using gradient on fonts!
*/
.gradient-font {
    -webkit-background-clip: text !important;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent !important;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .gradient-font {
        background: none;
   }
   .gradient-font.grad-orange {
        color: #f15a25;
    }
    .gradient-font.grad-red-orange {
        color: #ef4124;
    }
    .gradient-font.grad-blue-green {
        color: #02abdb;
    }
    .gradient-font.grad-green-blue {
        color: #1aae6f;
    }
}
/*borders*/
.border-bottom-grey {
    border-bottom: 1px solid #a4a4a4;
}
/* END SECTION gradient fonts efects */
/* END GLOBALS BGS AND COLORS */

/* SECTION ICONS */
.icon {
    display: inline-block;
    background-image: url(images/icons/icons-sprite.png);
}
/* sprite FIRST row */
.icon.ico-quotes {
    width: 125px;
    height: 85px;
    background-position: 0 0;
}
.icon.ico-instagram {
    width: 24px;
    height: 23px;
    background-position: -125px 0;
}
.icon.ico-facebook {
    width: 24px;
    height: 23px;
    background-position: -149px 0;
}
.icon.ico-linkedIn {
    width: 24px;
    height: 23px;
    background-position: -173px 0;
}

/* END SECTION ICONS */

/* SECTION header */
.header-cols {
    display: table;
    width: 100%;
}
.header-cols > div {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.scrolled .header-wrapper {
    box-shadow: 0px 0px 7px rgba(0,0,0,.2);
}
.footerNavigation a,
.navigation a{
    color: inherit;
    letter-spacing: 2px;
}

.navigation a{
    text-transform: uppercase;
}

.footerNavigation ul li {
	font-family: 'Poppins', sans-serif;
}

.footerNavigation a:hover,
.navigation a:hover {
    color: #eb5327;
    text-decoration: none;
}
.main-navigation {
    text-align: right;
}
.main-navigation nav {
    margin-right: -20px;
}
.main-navigation ul {
    display: table;
    margin-left: auto;
}
.main-navigation ul li {
    display: table-cell;
    padding: 35px 24px;
    position: relative;
    margin: 0 20px;
	font-family: 'Poppins', sans-serif;

}

.main-navigation ul li a {
    padding: 0 10px;
}

.main-navigation ul > li > a:after {
    position: absolute;
    content: '';
    height: 0px;
    width: 100%;
    bottom: 0;
    background-color: #eb5327;
    left: 50%;
    margin-left: -50%;
}
.main-navigation ul > li:hover > a:after{
    height: 5px;
}

.header-top {
    display: table;
    margin-left: auto;
    margin-top: 30px;
}
.header-top > div {
    display: table-cell;
    vertical-align: middle;
}
.top-navigation li {
    display: inline;
    font-family: 'Poppins', sans-serif;
}
.top-navigation li a {
    text-transform: none;
}

.search-section {
    padding: 0 30px;
}
.search-section input {
    border: 2px solid #636363;
    line-height: 35px;
    height: 33px;
    font-size: 13px;
    text-align: center;
    border-radius: 50px;
    width: 200px;
	margin-bottom:0;
	letter-spacing: 1px;
}
.social-media {
	padding-right: 10px;
}
.social-media a:hover .icon {
    opacity: .8;
}
#header ul.sub-menu {
    display: block;
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 0;
    top: 86px;
    width: 100%;
    box-shadow: 0px 1px 5px rgba(0,0,0,.1);

    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
}
#header .main-navigation ul li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
#header .main-navigation ul li > ul.sub-menu li {
	display: block;
    text-align: left;
    padding: 0;
    margin: 0;
}
#header .main-navigation ul li > ul.sub-menu li a {
    padding: 12px 20px;
    display: block;
}
#header .main-navigation ul li > ul.sub-menu li a:hover {
    background: rgba(235, 83, 39, 0.1);
}
#header ul.sub-menu li > a {
	text-transform: none;
    padding: 0;
}
#header .main-navigation ul.sub-menu > li > a:after {
	display:none;
}
/* END SECTION main-navigation */
/* SECTION hero-home */
/*.hero-home {
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-size: auto 135%;
    background-position: right center;
}

*/

.hero-image {
	background-color: #f2f2f2;
    background-position: center right;
    background-repeat: no-repeat;
}

/*
.hero-image-wider {
	background-color: #f2f2f2;
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
*/

/*
.hero-blurb {
    margin: 0;
}
*/
/* END SECTION hero-home */
/* SECTION serious-safety */
section#serious-safety {

}
/* END SECTION serious-safety */
/* SECTION testimonial-strip */
div#testimonial-strip {

}
/*.teamC blockquote p,*/
div#testimonial-strip blockquote,
#page article blockquote p{
    position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
}
/*.teamC blockquote em*/
div#testimonial-strip blockquote em,
#page article blockquote em {
	display:block;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}
div#testimonial-strip blockquote .icon {
	position: absolute;
    z-index: -1;
    left: 75px;
    top: -20px;
}

/*.teamC blockquote .icon,*/
#page article blockquote .icon{
    position: absolute;
    z-index: -1;
    left: -20px;
    top: -20px;
}
/*.teamC blockquote {
	position:relative;
	z-index:10;
}*/
/* END SECTION testimonial-strip */
/* SECTION sign-up */
div#sign-up textarea {
    height: 120px;
}
div#sign-up h4 {
    text-align: center;
    margin-bottom: 50px;
}

div#sign-up p,
div#sign-up h5,
div#announcing-gls p {
    font-size: 30px;
    line-height: 24px;
    text-align: center;
    font-weight: 200;
    margin-bottom: 10px;
}
div#sign-up h5 {
    width: 74%;
    line-height: 42px;
    margin: 0 auto;
}
div#sign-up form .wpcf7-checkbox {
    display: table;
    text-align: center;
    color: #fff;
    margin: 20px auto 30px;
}
div#sign-up form .wpcf7-checkbox span {
    float: left;
}
div#sign-up div.wpcf7-response-output {
    background-color: #fff;
    text-align: center;
}
input[type="checkbox"] {
    display: inline-block;
    width: 15px;
    float: left;
    height: 15px;
    padding: 0;
    margin: 0 10px 0;
}
input[type="file"] {
    cursor: pointer;
    height: 30px;
    line-height: 24px;
}
.sign-up-form > div {
    padding: 0 5px;
}

/*form elements*/
.contactForm p {
	margin-bottom: 0px;
}
.contactForm input[type="submit"] {
 	border: 0px !important;
    text-align: right;
    cursor: pointer;
}

.contactForm input[type="submit"] {
	text-decoration: underline;
	background: none !important;
	color: #ffffff !important;
	margin-bottom: 0px;
    cursor: pointer;
}
input,textarea {
    font-family: 'Poppins', sans-serif;
}

input,textarea,
input[type="submit"] {
    height: 52px;
    line-height: 46px;
    width: 100%;
    border: 0;
    border-radius: 15px;
    border: 3px solid #fff;
    padding: 0 15px;
    font-size: 21px;
    outline: 0;
    margin-bottom: 10px;
}
input[type="submit"] {
    background: none;
    color: #fff;
    line-height: 46px;
    height: auto;
    text-transform: none;
}
input[type="submit"]:hover {
    background: #fff;
    color: initial;
}
.contactForm textarea {
    height: auto;
}
div.wpcf7 input[type="file"] {
    font-size: 15px;
    /* line-height: 46px; */
}
#careers p a {
    color: #ffffff;
}
/* END SECTION sign-up */
/* SECTION services */
div#services {

}
.header-blurb {
    font-size: 21px;
    line-height: 30px;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.service-fire-wrapper h2 {
    position: relative;
    text-align: right;
    margin-bottom: -80px;
    z-index: 1;
    display: table;
    margin-left: auto;
}

.service-fire-wrapper .image,
.service-air-wrapper .image{
	width: 97%;
}
.service-air-wrapper .image {
	float: right;
}

.service-fire-wrapper .form1-fire-logo {
    position: relative;
    text-align: right;
    margin-bottom: -90px;
    z-index: 2;
    display: table;
    margin-left: auto;
	right: 17px;
}


.service-air-wrapper {
    text-align: right;
}


.service-air-wrapper .form1-air-logo {
    padding-bottom: 20px;
    z-index: 2;
    display: table;
    margin-left: auto;
    margin-right: -95px;
    position: relative;
}


.service-air-wrapper h2 {
    font-size: 90px;
    margin-right: -80px;
    z-index: 1;
    position: relative;
    display: table;
    margin-left: auto;
}
.page-id-9 #testimonial-strip {
	padding:60px 0;
}
/*
.page-id-9 h2.hero-title,
.parent-pageid-9 h2.hero-title,
.page-id-9 p.blurb,
.parent-pageid-9 p.blurb,
h3.title-header.white,
.page-id-12 h2.hero-title,
.page-id-12 p.blurb{
    text-shadow: 1px 1px 1px #000;
} */
/* END SECTION services */

/* SECTION listing */
ul li {
    display: block;
    padding-left: 23px;
    margin-bottom: 15px;
    position: relative;
    font-family: 'Roboto', sans-serif;
}

ul.display-inline li {
	display: inline-block;
    margin-bottom: 20px;
    padding-left: 15px;
    margin-right: 20px;
}

ul li:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid #eb5327;
    border-radius: 50%;
    left: 0;
    top: 4px;
}
ul.blue-circles  > li:after{
    border: 2px solid #00abe8;
}



ul.who-we-are-links li {
	display: inline;
}

ul.who-we-are-links li:after {
	top: 2px;
	width: 20px;
    height: 20px;
    border: 4px solid #eb5327;
    background-color: #fff;
}

ul.who-we-are-links  > li.services:after{
    border: 4px solid #29b049;
}
ul.who-we-are-links  > li.promise:after{
    border: 4px solid #f99e2b;
}
ul.who-we-are-links  > li.story:after{
    border: 4px solid #ef2f24;
}
ul.who-we-are-links  > li.culture:after{
    border: 4px solid #01abe9;
}
ul.who-we-are-links  > li:hover:after{
    background-color:#eb5327;
}
ul.who-we-are-links  > li.services:hover:after{
    background-color:#29b049;
}
ul.who-we-are-links  > li.promise:hover:after{
    background-color:#f99e2b;
}
ul.who-we-are-links  > li.story:hover:after{
    background-color:#ef2f24;
}
ul.who-we-are-links  > li.culture:hover:after{
    background-color:#01abe9;
}

ul.right li {
    padding-left: 0;
    padding-right: 25px;
}
ul.right li:after {
    left: auto;
    right: 0;
    top: 0;
}
nav ul li:after {
    display: none;
}

/* END SECTION listing */
/* SECTION squares-nav */
div#squares-nav {

}
.squares-nav-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
.squares-nav-wrapper > div{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none;
}
.squares-nav-links {
    height: 100%;
}
.squares-nav-links a {
    height: 235px;
    width: 48%;
    float: left;
    margin: .5%;
    background: #f2f2f2;
    display: table;
    color: inherit;
}

.squares-nav-links a:hover {
    text-decoration: none;
}

.squares-nav-links a > span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
.squares-nav-links a:hover > span {
    text-decoration: none;
    background-color: #eb5327;
    color: #fff;
}
.squares-nav-wrapper .text {
    text-align: right;
    padding-left: 50px;
}

/* END SECTION squares-nav */
/* SECTION footer-sitemap */
.footer-sitemap {
    display: table;
    width: 100%;
}
.footer-sitemap > div{
    display: table-cell;
    vertical-align: top;
    float: none;
}
.footer-sitemap > div:first-child{
    vertical-align: bottom;
    padding-bottom: 15px;
}
#sitemap ul.sub-menu {
    margin-top: 15px;
    margin-left: -15px;
}

#sitemap ul.sub-menu li a{
   font-size: 14px;
}
.parent-pageid-12 div#sitemap,
.page-id-25 div#sitemap{
    border-top: 1px solid #636363;
}
/* END SECTION footer-sitemap */
/* SECTION sectionName */
div#sectionName {

}
/* END SECTION sectionName */
/* SECTION sectionName */
div#sectionName {

}
/* END SECTION sectionName */
/* SECTION sectionName */
div#sectionName {

}
/* END SECTION sectionName */

.paraStyling {
	line-height: 38px;
    font-size: 23px;
    letter-spacing: 0.01em;
}

.greyBG {
	background-color: #ebebeb;
}

.removePadding {
	padding: 0px;
}

.removeLeftPadding {
	padding-left: 0px;
}
.imageTileSetting {
	padding: 0px;
    background-position: center center;
    height: 522px;
    background-size: cover;
    background-repeat: no-repeat;
}

.overlayInitial {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    transition: .5s ease;
}

.overlayInitial.orange {
	 background-color: rgba(225, 100, 31, 0.95);
}


.overlayInitial.blue {
	 background-color: rgba(49, 169, 227, 0.95);
}

.overlayInitial .text {
    color: #ffffff;
    font-size: 46px;
    line-height: 56px;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.overlayInitial .textCaption, .overlay .textCaption {
    color: #ffffff;
 	font-size: 18px;
    line-height: 27px;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.teamMember {
	width: 248px;
    height: 441px;
}

div.memberInfo, div.memberInfoHovered, .orangeHover {
    width: 248px;
    height: 441px;
    position: absolute;
    background-size: cover !important;
    background-position: center;
}
.orangeHover a {
	color:#fff;
}
.memberInfo {
    transition: opacity 0.5s linear;
	background-color: #ebebeb;
}
.memberInfo:hover {
    opacity: 0;
}
div.memberInfoHovered .orangeHover {
	background-color: rgba(241, 91, 37, 0.8);
}

div.memberInfoHovered .orangeHover .content {
	position: relative;
}

div.memberInfoHovered .orangeHover .top {
	top: 10%;
	left: 10%;
}

div.memberInfoHovered .orangeHover .bottom {
	top: 55%;
	text-align: center;
}

.teamMember .white {
	color: #ffffff;
}

.teamMember .name {
	font-size: 28px;
    line-height: 35px;
}


.teamMember .first.name {
	font-weight: bold;
}

.teamMember .contactInfo {
	font-size: 13px;
    line-height: 16px;
	letter-spacing: 1px;
	padding-top: 15px;
}

.teamMember .contactInfo.callIcon:before {
	content: url('images/callIcon.png');
	width: 23px;
	height: 23px;
	position: relative;
    top: 6px;
    left: -5px;
}

.teamMember .designation {
	font-family: 'Roboto', sans-serif;
	padding-top: 15px;
	font-size: 21px;
    line-height: 25px;
	letter-spacing: 1px;
}
/*
.col-sm-12.content.teamC {
    padding: 0;
}
*/
/*Our Work Page*/
.page-id-12 h2 {
	position:relative;
}
#ourWorkTitle {
	background-color:#f2f2f2 !important;
	position:relative;
}
.our-work p {
	margin-bottom:0;
}
.our-work h2 {
	margin-bottom:120px;
}
.our-work .content-big p{
	font-size:30px;
	line-height:45px;
	letter-spacing:0.1em;
	padding:0;
}
.our-work.bottom  h2 {
	margin-bottom:70px;
}

.our-work.bottom .smallBorder:after {
    top: auto;
}
.our-work.bottom .content-big {
	position:relative;
	margin-bottom:90px;
}
.smallBorder:after {
	position:absolute;
	content:'';
	width:100px;
	height:20px;
	left:0;
	top:150px;
	background:#2bb04a;
}
.smallBorder.who-we-are:after {
	left: 25px;
	background: #f05225;
	top:125px;
}
.our-work {
	padding-top:90px;
	padding-bottom:65px;
	position: relative;
    z-index: 1;
}
.our-work .content {
	font-size:20px;
	line-height:33px;
	letter-spacing:1px;
	display:block;
}

#age h3 {
	color:#f05225;
}
#age .smallBorder:after {
	background:#f05225;
}

#edu {
	background:#ebebeb;
}
#edu h3 {
	color:#2bb04a;
}
#edu .smallBorder:after {
	background:#2bb04a;
}

#health {
	background:url(images/comm-bg.jpg)no-repeat center center;
	background-size:cover !important;
}
#health h3 {
	color:#00abe8;
}
#health .smallBorder:after {
	background:#00abe8;
}

#comm h3 {
	color:#f99d2a;
}
#comm .smallBorder:after {
	background:#f99d2a;
}
/*
#comm a {
	 color: #f99d2a;
}
*/
/*End Our Work Page*/
/*Who we are page*/
#ourWorkTitle h2 {
	position:relative;
}
#ourWorkTitle h2.smallBorder:after {
	background:#f26426;
}
.searchTitle,
#page article h2,
#page article h3 {
	color:#204946;
}

h3 {
	color: #204946;
}

/*.teamC h3,*/
#page article h3,
.our-work h3 {
	font-size:55px;
	line-height:75px;
	margin-bottom: 20px;

}
.blog-list-item h3 {
    font-size: 40px;
}
div#blogGrid h1 {
    font-size: 40px;
    line-height: 40px;
}
#page article p,
#page article li {
	color:#363636;
	letter-spacing:1px;
}
#page article li,
.breakoutBox ul li {
	list-style:circle;
	font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
	margin-left: 25px;
	font-family: 'Roboto', sans-serif;
	padding-left: 25px;
}
/*End Who we are page*/

/*Fire Safety page*/
div#fireSafetyInclude {
    position: relative;
	 z-index: 1;
}
#fireSafetyInclude h3,
.breakoutBox h3, .breakoutBox h4{
	color:#e1641f !important;
}

#fireSafetyEquipment h3 {
	color:#ee2e24;
}
ul.red li:after {
	border-color:#ee2e24;
}
#fireSafetyTraining h3 {
	color:#f99d2a;
}
#fireSafetyTraining a {
	color:#f99d2a;
}
#fireBtns a.btn {
    background: none;
    color: #fff;
    height: auto;
    text-transform: none;
    line-height: 46px;
    width: 100%;
    border-radius: 15px;
    border: 3px solid #fff;
    padding: 0 10px;
    font-size: 21px;
    outline: 0;
    margin-bottom: 10px;
    margin: 20px;
}
#fireBtns a.btn:hover {
    background: #fff;
    color: initial;
}

/*End fire saftey page*/


/*Blog and Community Grid*/

#blogGrid h3.blog-title {
    color: #fff;
    background: #2bb04a;
    display: initial;
    box-shadow: 10px 0 0 #2bb04a, -10px 0 0 #2bb04a;
	position: relative;
	left: 10px;
}
.blog-list-item .archive-image {
	background-size:cover !important;
	width:100%;
	height:200px;
}

.single blockquote p {
	position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    color: #363636;
    letter-spacing: 0.1em;
    left: 20px;
    top: 20px;
}

.single blockquote:before {
	background-image: url(images/icons/icons-sprite.png);
    position: absolute;
    z-index: -1;
    width: 125px;
    height: 85px;
    background-position: 0px 0px;
    content: no-open-quote;
}

.single blockquote .icon {
	position: absolute;
    z-index: -1;
    left: -20px;
    top: -20px;
}
.single blockquote em {
	display: block;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;

}

.img--and-content {
    padding-top: 20px;
}
.img--and-content .col-md-4 {
    padding-left: 0;
}
.archive-excerpt p {
    color: #204946;
}
.archive-excerpt a.more {
    float: right;
    color: #204946;
    font-weight: 600;
}
.blog-list-item {
    display: block;
    padding-top: 20px;
}
.search-box {
    margin-top: 30px;
    padding: 30px;
    border-radius: 20px;
    background: -webkit-repeating-linear-gradient(90deg, #1aae6f, #02abdb) !important;
	width:100%;
}
.search-box input {
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.14em;
    color: #585b5b;
    line-height: 30px;
    border: 1px solid #585b5b;
}
#blogGrid h4.s-text {
    font-size: 20px;
    color: #204946;
    letter-spacing: 0.1em;
    margin-top: 60px;
}
#blogGrid h4.smallBorder.s-text {
    position: relative;
    margin-bottom: 40px;
}
#blogGrid .smallBorder.s-text:after {
    width: 20px;
    height: 5px;
    background: #204946;
    top: 75px;
}
#blogGrid .list ul li {
    color: #2f5552;
    padding-left: 0;
}
#blogGrid .list ul li:after {
    display:none;
}
#blogGrid .article-title-border {
    border: 2px solid #2bb04a;
    margin: 10px 0;
    padding: 10px;
    color: #204946;
    letter-spacing: 0.03em;
    font-weight: 500;
}
#blogGrid .blog h3.blog-title,
.blog .smallBorder:after,
.single .blog.smallBorder:after,
.category-blog .smallBorder:after {
    background: #00abe8;
}
#blogGrid .blog h3.blog-title {
	box-shadow: 10px 0 0 #00abe8, -10px 0 0 #00abe8;
}
#blogGrid .article-title-border.blog {
	border-color:#00abe8;
}
.blog #blogGrid .page-title,
h2.page-title.blog,
.category-blog h2.page-title {
    color: #00abe8;
}
#blogGrid .event h3.blog-title,
.single .event.smallBorder:after,
.category-event .smallBorder:after {
    background: #eb5327;
}
#blogGrid .event h3.blog-title {
	box-shadow: 10px 0 0 #eb5327, -10px 0 0 #eb5327;
}
#blogGrid .article-title-border.event {
	border-color:#eb5327;
}
h2.page-title.event,
.category-event h2.page-title{
    color: #eb5327;
}
#blogGrid .community h3.blog-title,
.single .community.smallBorder:after,
.category-community .smallBorder:after {
    background: #2bb04a;
}
#blogGrid .community h3.blog-title {
	box-shadow: 10px 0 0 #2bb04a, -10px 0 0 #2bb04a;
}
#blogGrid .article-title-border.community {
	border-color:#2bb04a;
}
h2.page-title.community,
.page-id-14 h2.page-title,
.category-community h2.page-title,
.searchTitle{
    color: #2bb04a;
}
.archive-image.single-post-head {
    height: 450px;
	margin-bottom: 30px;
}
.category #blogGrid h2.smallBorder.page-title {
    font-size: 50px;
}
/*End Blog & Community Grid */
/*Inner page gallery*/
figure.gallery-item {
    display: inline-block;
}
/*End Inner oage gallery*/
/*Charity form*/
.charity-form input, .charity-form textarea {
    border: 1px solid #363636;
    color: #363636;
    width: 60%;
}
.charity-form input::placeholder, .charity-form textarea::placeholder {
	color:#363636;
}
.charity-form textarea {
	height:250px;
}
/*charity form*/
/*lets-talk*/
#lets-talk a,
#lets-talk a:hover {
	color:#fff;
}
#lets-talk p {
	font-size: 21px;
	line-height: 30px;
}

/*end lets-talk*/
/*internal page.php*/
article h2.smallBorder.page-title.internalPage:after {
    background: #204946;
    width: 45px;
    height: 8px;
    top: 80px;
}
article h2.smallBorder.page-title.internalPage {
    margin-bottom: 50px;
}
/*end internal page.php*/
/*Contact page*/
.col-md-6.right {
	float:right;
}
.col-md-12.removePadding {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/*End contact Page*/

/*Case study btns*/
#form1Btns {
    margin-top: 30px;
    display: block;
}
#form1Btns a.btn {
    border: 2px solid;
    margin: 20px 0;
    margin-right: 20px;
}
#form1Btns h3 {
    margin-bottom: 20px;
}
#form1Btns .col-md-4,
#form1Btns .col-md-3 {
    padding: 0;
}
/*End Case study Btns*/

.breakoutBox {
	border: 2px dotted #eb5327;
    padding: 20px;
    background-color: #ffffff;
}

.bottom-spacer-20 {
	margin-bottom: 20px;
}


/* Instagram */

#instagram{
    padding-top: 20px;
    padding-bottom: 0px;
    color: #fff;
}

#sbi_images{
    background-color: rgba(0,0,0,.1);
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.instagram-ico{
    width: 30px;
    height: 37px;
}

hr.hr-insta-ico{
    margin-left: -30px !important;
}

h3.hr-insta-ico{
    margin-left: -5px !important;
}

#instagram a {
    color: #204946;
    line-height: 27px;
    font-size: 15px;
    text-align: left;
    padding-bottom: 20px;
    font-weight: bold;
}

#sb_instagram {
    padding: 0px !important;
}

.d-flex-collum{
    display: flex !important;
    flex-direction: column;
}

.d-flex{
    display: flex !important;
}

.d-block{
    display: block !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    text-align: center;
  }

/* Instagram */

/* BLOG POSTS */

.blog-ico {
    width: 88px;
    height: 88px;
    margin-bottom: -17px;
}

#blogs h2{
    line-height: normal;
}

#blogs hr.line-separator {
    width: 89px;
}

.bg-grey{
    background-color: #e9e9e9;
}

#blogs{
    /* padding-top: 20px; */
    /* padding-bottom: 20px;
    margin-bottom: 90px; */
    position: relative;
    overflow: hidden;
}

#blog-summary .search-section input {
    width: -webkit-fill-available;
}

#blogs h2{
    color: #00abe8;
    line-height: normal;
}

#blogs .carousel-item{
    padding: 10px;
    padding-bottom: 0px;
    margin-left: -5px;
    min-height: auto;
    min-height: min-content;
}

#blogs .carousel-item:last-child{
    padding-bottom: 10px;
}

.blogs-card {
    border-radius: 25px;
    overflow: hidden;
	background: #fff;
    height: 100%;
    margin-top: 10px;
}
.blogs-card-wrapper {
    height: 100%;
    justify-content: space-between;
}
.blogs-card-wrapper .btn-wrapper {
    padding: 25px 35px 25px 35px;
    margin: 0px;
}

.blogs-card .title-header, #blog-summary h3.title-header{
	margin-bottom: 15px;
    line-height: 27px;
    font-size: 20px;
    color: #204946;
	font-weight:600 !important;
}
.blogs-card .card-content {
	padding: 20px 35px 25px 35px;
}
.blogs-card.wide {
    display: flex;
}
.blogs-card.wide .card-content {
    padding-top: 40px;
    padding-bottom: 40px;
}
.blogs-card.wide .figure, 
.blogs-card.wide .blogs-card-wrapper {
    width: 50%;
    display: block;
}

.figure-full{
    margin: 25px 0px 25px 25px;
}

.image-thumbnail{
    border-radius: 15px;
}

.justify-content-space-between{
    justify-content: space-between;
}

.justify-content-center{
    justify-content: center;
}

.blogs-card .card-content {
	padding: 20px 35px 25px 35px;
}
.blogs-card.wide {
    display: flex;
}
.blogs-card.wide .card-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.blogs-card:not(:hover) {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.card-hover{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.card-hover:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	transform: translateY(-2px);
}

.img-responsive, .img-fluid {
	display: block;
	width: 100%;
	height: auto;
}

.img-center,
.img-center img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#blogs-card a{
    transition: all .2s ease-in-out;
}

#blogs-card-wrapper a.btn {
    background-color: #fff;
    color: #204946;
    text-transform: lowercase;
    font-weight: 600;
    border: 0px;
    transition: all .2s ease-in-out;
    padding-left: 20px;
    padding-bottom: 0px;
    text-align: right;
}

#blogs-card-wrapper a.btn:hover {
    background-color: #fff;
    color: #204946;
}

#blogs-card-wrapper p {
   font-family: 'Poppins', sans-serif;
   margin: 0px;
}

#blogs-card-wrapper .card-content {
    padding-bottom: 0px;
 }

.section-space-bottom-sm {
    padding-bottom: 25px;
}

.full-height{
    height: 100%;
}
 
.blog-section-height{
    height:auto;
}

.blog-read-arrow{
    display: inline-block;
}

#blogs .line-article-separator {
    width: 100%;
    height: 10px;
    border: none;
    margin: 40px 0px 5px 0px;
    text-align: left;
    display: none;
}

#blogsCarousel .carousel-inner .carousel-item .blog-item:last-child hr.line-article-separator {
    display:none;
}

.blogs-summary{
    padding-bottom: 35px;
    margin-top: 215px;
}

#page .blogs-summary, #age .blogs-summary, #services-internal .blogs-summary, #blogGrid .blogs-summary{
    margin-top: 0px;
}

#services-internal .blogs-summary{
    position: relative;
}
#services-internal .blogs-summary article#blog-summary{
    position: absolute;
    height: auto;
}

#services-internal.Electrical .blogs-summary article#blog-summary{
    position: initial;
}

.summary-padding{
    padding: 20px;
}

.summary-search{
    padding: 20px 15px;
    height: fit-content;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    text-align: center;
    margin-bottom: 30px;
}

.summary-radius{
    border-radius: 15px;
}

.summary-top-item{
    border: 1px solid #dddddd;
}

.summary-top-item .card-content h3, #blog-summary .summary-top-item .card-content h3.title-header, .summary-top-item .card-content a, #blog-summary .summary-top-item .card-content a h3.title-header{
    font-size: 14px;
    margin: 0px;
    font-weight: 600;
    color: #204946;
}

#blogs hr.line-separator {
    width: 89px;
}

#blog-summary hr.line-separator {
    width: 15px;
    margin: 15px 0px;
    height: 5px;;
}

#blog-summary .categories h3 {
    margin-top: 30px;
}

#blog-summary .categories a {
    color: #204946;
    padding-bottom: 5px;
    font-size: 16px;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

#blog-summary .categories a:hover {
    text-decoration-color: #204946;
}

.summary-top-item:hover{
    background-color: #f1f1f1;
}


/* END POSTS */


/*Homepage updates*/

.home div#who-we-are a {
    display: inline;
    padding: 0;
    margin-right: 18px;
    margin-left: 10px;
    color: #363636;
}
#header a {
    font-size: 13px;
}
/*End Homepae pdates*/


img.alignleft {
	padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 10px;
    padding-left: 30px;
    float: left;
}

figure.alignleft {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}
.green-button {
    border: 2px solid;
	padding: 16px;
    display: inline-block;
    background-color: #fff;
    color: #204946;
    font-size: 20px;
    border-radius: 15px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 25px;

}

.green-button:hover {
   background-color: #204946;
    color: #fff;
}

span.pdfIcon {

background-image: url('images/pdfIcon.jpg');
padding-left: 50px;
height: 35px;
padding-top: 6px;
background-repeat: no-repeat;
display: block;  /* may not need this, but I've found I do */

}
.post-date {
    color: #aaa;
    font-size: 13px;
    margin-bottom: -10px;
    margin-top: 10px;
}
div.gallery figure {
    width: 33%;
    float: left;
    margin: 0;
    padding: 5px;
}
div.gallery figure img {
    max-width: 100%;
    height: auto;
}
.position-wrap {
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
.position-wrap:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
/* CAROUSEL */
.carousel {
    position: relative;
  }
  
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    min-height: 450px;
  }
  
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }
  
  .carousel-item-next,
  .carousel-item-prev {
    position: absolute;
    top: 0;
  }
  
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }
  
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
  @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8%;
    cursor: pointer;
    color: #fff;
    text-align: center;
    opacity: 0.5;
  }
  
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
  }
  
  .carousel-control-prev {
    left: 0;
  }
  
  .carousel-control-next {
    right: 0;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
  }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f15425' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f15425' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }
  
  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    width: 100%;
    max-width: 1230px;
    padding: 0 30px;
}
  
  .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    margin-left: 0px;
    text-indent: -999px;
    cursor: pointer;
    border: 3px solid rgba(241, 84, 37, 0.5);
    border-radius: 50%;
  }
  .carousel-indicators .active {
    border-color: rgba(241, 84, 37, 1);
    background-color: rgba(241, 84, 37, 1);
  }
  
  .carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
  }
  
  .carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
  }
  
  
  
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }

  @media (max-width : 1400px){
    .carousel-control-prev, 
    .carousel-control-next {
        width: auto;
    }
  }
  /* END CAROUSEL */
  .position-wrap h1, 
  .position-wrap h2, 
  .position-wrap h3, 
  .position-wrap h4, 
  .position-wrap h5, 
  .position-wrap h6, 
  .position-wrap p,
  .position-wrap ul {
    margin-bottom: 25px;
}
.position-wrap p {
font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
}
nav.paginate-nav {
    margin-top: 50px;
}
ul.page-numbers {
    display: flex;
    justify-content: center;
}
ul.page-numbers li {
    padding-left: 10px;
}
span.page-numbers.current {
    background: #29b04a;
    color: #fff;
    padding: 5px;
}

.single-case-studies-content img {
width:100%;
}